html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(/assets/glyphicons-halflings-regular.eot);src:url(/assets/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/assets/glyphicons-halflings-regular.woff2) format('woff2'),url(/assets/glyphicons-halflings-regular.woff) format('woff'),url(/assets/glyphicons-halflings-regular.ttf) format('truetype'),url(/assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
  .pannelhead
  {
    background-color: #ddd;
    font-weight: bold;
  }
  .commodity_list tr:nth-child(even){background-color: #f2f2f2 !important}
  .commodity_list tr:hover{background-color: #ddd !important}
  .commodity_list th, .commodity_list td
  {
    border-color: white;
    border-right: 5px solid white;
    text-align: left;
  }

  .commodity_list .status
  {
    text-align: center;
  }

  .commodity_list th
  {
    background-color: #4f71bf !important;
    color: white;
  }
  .red-icon
  {
    color: red;
  }
  .green-icon
  {
    color: green;
  }
  .commodity_list input
  {
    font-size: 12px;
    width: 100%;
  }

  .commodity_list select
  {
    font-size: 12px;
    width: 100%;
  }

  .action_item
  {
    display: inline;
  }

  .red-bg
  {
    background-color: #ffb7be  !important;
    color: black !important;
  }
.red-error {
    background-color: #ffb7be  !important;
    /*border-color: #ffb7be  !important;*/
  }

  .btn-auto
  {
    background-color: deepskyblue !important;
    border: 0 solid;
    margin-bottom: 10px;
  }

  .close_toggle
  {
    cursor: pointer;
  }

  .green-btn
  {
    background-color: #7aad53 !important;
  }
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{100%,20%,53%,80%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{100%,20%,53%,80%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{100%,50%,from{opacity:1}25%,75%{opacity:0}}@keyframes flash{100%,50%,from{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{100%,from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{100%,from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{100%,11.1%,from{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{100%,11.1%,from{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{100%,20%,40%,60%,80%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{100%,20%,40%,60%,80%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}100%{opacity:1}}@keyframes fadeIn{from{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}100%{opacity:0}}@keyframes fadeOut{from{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

body {
    font-family: 'Open Sans', sans-serif
}

.header {
    background: url(/assets/headbg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 838px
}

.fullwidth {
    padding-left: 0;
    padding-right: 0
}

.containerwid {
    width: 96%
}

.navbar-default .navbar-nav>li>a {
    color: #eaeaea
}

.navbar-default {
    background-color: transparent;
    border-color: transparent
}

.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav>li.active>a:focus,
.navbar-default .navbar-nav>li.active>a:hover,
.navbar-default .navbar-nav>li.head-menu>a,
.navbar-default .navbar-nav>li.head-menu>a:focus,
.navbar-default .navbar-nav>li.head-menu>a:hover {
    color: #eaeaea;
    background-color: transparent!important;
    padding-left: 0;
    padding-right: 60px;
    padding-bottom: 35px
}

.navbar-nav.menu {
    float: left;
    margin-left: 14%;
    margin-top: 20px
}

.navbar-nav.menu li a {
    padding-left: 0;
    padding-right: 55px;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.navbar-nav.menu li a:hover {
    color: #fff;
    border-bottom: 2px solid #c9d34e;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.navbar-right.login.home-links {
    margin-top: 5px
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 22px;
    font-size: 14px
}

.btn-primary.log {
    padding: 5px 15px;
    margin-top: 0;
    background-color: #c9d350;
    border-color: #c9d350;
    border-radius: 0
}

.talk {
    padding-right: 14px
}

.talk .btn-success {
    border-radius: 0;
    text-align: center;
    padding: 10px 30px;
    background-color: #e5a038;
    border-color: #e5a038
}

.containerwid h1 {
    font-weight: 700;
    color: #fff;
    text-shadow: 1px solid #ccc;
    text-shadow: 5px #ccc;
    text-align: center;
    font-size: 51px;
    padding-top: 16.5%
}

.containerwid h2 {
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 33px
}

.learn .btn-success {
    width: 34%;
    background-color: #e5a038;
    border-color: #e5a038;
    border-radius: 0;
    margin-top: 47px
}

.sep {
    border: 2px solid #ccc;
    width: 8%;
    margin-top: 15px
}

.content h3 {
    font-size: 34px;
    font-weight: 700;
    color: #c9d34f;
    padding-bottom: 12px
}

.iconbox h4 {
    font-weight: 700;
    color: rgba(115, 114, 114, .84)
}

.iconbox p {
    color: #888;
    line-height: 1.5em
}

.padbot12 {
    padding-bottom: 12px
}

.padlft0 {
    padding-left: 0
}

.banner {
    background: url(/assets/bannerimg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 652px
}

.banner h2 {
    font-weight: 700;
    color: #fff;
    text-shadow: 1px solid #ccc;
    text-shadow: 5px #ccc;
    text-align: center;
    font-size: 50px;
    padding-top: 20.1%
}

.banner h4 {
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 31px
}

.member {
    padding-left: 20%
}

.contwidth {
    width: 100%;
    padding-left: 70px;
    padding-right: 37px
}

.bottom h4 {
    font-weight: 700;
    color: #818181;
    line-height: 1.5em;
    font-size: 21px
}

.padlft0 ul li {
    color: rgba(101, 97, 97, .74);
    padding: 2px
}

.padlft0 label {
    color: grey;
    font-size: 12px
}

.padlft0 .form-control {
    border-radius: 0;
    height: 41px;
    background-color: #fde0b4;
    border-color: #fde0b4;
    color: grey;
    font-size: 14px
}

.start.btn-success {
    width: 104%;
    border-radius: none;
    border-radius: 0;
    margin-top: 23px;
    padding: 10px;
    background-color: #cfd760;
    border-color: #cfd760;
    margin-bottom: 5px;
    font-size: 19px
}

.padlft0 p {
    color: grey;
    font-size: 12px
}

.padlft0 h5 {
    color: grey;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 0
}

.padlft0 h6 {
    color: grey;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 30px
}

.padlft0 hr {
    border-color: #ccc;
    width: 161px;
    padding-left: 0;
    float: left
}

.col2 {
    width: 15%
}

.footer {
    padding-top: 50px
}

.footer h4 {
    color: grey;
    font-size: 13px;
    margin-top: 30px
}

.footer p {
    color: rgba(128, 128, 128, .72);
    font-size: 11px;
    line-height: 1.5em
}

.footer ul li {
    color: rgba(101, 97, 97, .74);
    list-style-type: none
}

.footer h3 {
    color: #c9d34e;
    font-size: 13px
}

.footer hr {
    border-color: #999;
    margin-top: 0
}

.footer img-responsive {
    max-width: 0
}

.footer1 h6 {
    font-size: 11px;
    color: rgba(101, 97, 97, .74)
}

.faicon {
    color: #949393;
    font-size: 20px
}

.faicon li {
    padding: 0
}

.faicon a {
    color: #949393;
    padding: 0 5px;
    display: block;
    cursor: pointer
}

.messages-container {
    display: table;
    width: 100%
}

.messages-body,
.messages-sidebar {
    display: table-cell;
    vertical-align: top
}

.messages-sidebar {
    width: 225px;
    padding: 0 25px 40px 0
}

.messages-sidebar .fa {
    font-size: 24px;
    padding-right: 13px;
    float: left;
    vertical-align: top;
    width: 40px
}

.messages-sidebar>div {
    margin-bottom: 10px
}

.messages-sidebar>div a {
    color: #191919;
    display: block;
    line-height: 26px;
    padding: 6px 12px
}

.messages-sidebar>div a.active,
.messages-sidebar>div a:focus,
.messages-sidebar>div a:hover {
    background: #0cf;
    text-decoration: none;
    color: #fff
}

.custom-message-body2 .mq-checkbox label .fa-square-o {
    top: 2px
}

.custom-message-body2 .jmsg-iwrap1 .mq-checkbox label .fa-square-o {
    top: 6px
}

.checkbox a,
.login-right-wrapper .remember a {
    color: #c9d34e
}

.chat-w {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 350px;
    min-height: 250px;
    z-index: 1000000;
    display: none;
    background: #fff;
}

.padboth5 {
    padding-bottom: 5px;
    padding-top: 5px
}

.py-bx {
    line-height: 35px
}

.db-wd select {
    width: 31.6%;
    float: left;
    margin-right: 10px;
    padding: 6px 5px
}

.db2-wd select {
    width: 31.6%;
    float: left;
    margin-right: 13px;
    padding: 6px 5px
}

.db-wd select:last-child {
    margin-right: 0
}

.chat-conv {
    font-size: 12px
}

.chat-conv .fw700 span {
    float: right;
    color: #50cdfb;
    font-family: arial
}

.chat-w .panel-body.custom-message-body2 {
    max-height: 268px;
    min-height: initial;
    background: #fff;
    height:inherit;
    margin-bottom: 0;
}

.close-conversation-list:hover {
    cursor: pointer
}

.minus-conversation-list:hover {
    cursor: pointer
}

.back-conversation-list:hover {
    cursor: pointer
}

.chat-w .panel-body.custom-message-body2.conlist {
    max-height: 379px;
    min-height: 379px;
    margin-bottom: 0
}

.chat-conv img {
    border: 1px solid #ccc;
    border-radius: 100%;
    height: 34px;
    width: 34px;
    margin: 0 auto
}

.remove-conv {
    display: none;
    z-index: -99
}

.chat-st {
    height: 350px;
    line-height: 350px
}

.chat {
    width: 100%;
    float: left;
    background: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: calc(100vh - 20%);
    color: #434651
}

.chat .chat-header {
    padding: 10px;
    border-bottom: 2px solid #fff
}

.chat .chat-header img {
    float: left;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    padding: 0;
    border: 1px solid #ccc
}

.chat .chat-header .chat-about {
    float: left;
    padding-left: 10px;
    margin-top: 6px
}

.chat .chat-header .chat-with {
    font-weight: 700;
    font-size: 14px
}

.chat .chat-header .chat-num-messages {
    color: #92959e;
    font-size: 12px;
    padding-top: 5px
}

.chat .chat-header .fa-star {
    float: right;
    color: #d8dadf;
    font-size: 20px;
    margin-top: 12px
}

.chat .chat-history {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px!important;
    margin-bottom: 30px;
    border-bottom: 2px solid #fff;
    background: #fff
}

.chat-w .new_message {
    position: absolute;
    zoom: 1;
    width: 99.5%;
    bottom: 0px;
}

.chat .chat-history .message-data {
    margin-bottom: 15px;
    font-size: 12px
}

.chat .chat-history .message-data-time {
    color: #a8aab1;
    padding-left: 6px;
    font-size: 12px
}

.chat .chat-history .message,.chat .chat-history .message2 {
    color: #fff;
    padding: 4px 10px;
    line-height: 26px;
    font-size: 14px;
    border-radius: 7px;
    margin-bottom: 0;
    width: 100%;
    position: relative
}

.chat .chat-history .message:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #86bb71;
    border-width: 10px;
    margin-left: -10px
}
.chat .chat-history .message2:after {
   bottom: 100%;
    left: 1007%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #86bb71;
    border-width: 10px;
    margin-left: -200px;
}
.chat .chat-history .my-message {
    background: #86bb71
}

.chat .chat-history .other-message.message2 {
    background: #e6e5e9;
    color: black;
}
.chat .chat-history .other-message {
    background: #168dfe;
        font-weight: 400;
        line-height: 20px
}
.chat .chat-history .other-message b{
        font-weight: 400;
}

.chat .chat-history .other-message.message2:after {

    border-bottom-color: #c3c3c3;
}
.chat .chat-history .other-message:after {
    border-bottom-color: #168dfe;
    left: 93%
}
.tiblock {
    align-items: center;
    display: flex;
    height: 16px;
    background: #c3c3c3;
    width: fit-content;
    position: relative;
    padding: 15px;
    border-radius: 100px;
    }

    .ticontainer .tidot {
    background-color: #828282;
    }

    .tidot {
    -webkit-animation: mercuryTypingAnimation 1.5s infinite ease-in-out;
    border-radius: 100px;
    display: inline-block;
    height: 6px;
    margin: 2px 2px;
    width: 6px;
    }

    @-webkit-keyframes mercuryTypingAnimation{
    0%{
    -webkit-transform:translateY(0px)
    }
    28%{
    -webkit-transform:translateY(-5px)
    }
    44%{
    -webkit-transform:translateY(0px)
    }
    }

    .tidot:nth-child(1){
    -webkit-animation-delay:200ms;
    }
    .tidot:nth-child(2){
    -webkit-animation-delay:300ms;
    }
    .tidot:nth-child(3){
    -webkit-animation-delay:400ms;
    }
    .tiblock:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: #c3c3c3;
    border-top-right-radius: 17px;
    width: 15px;
    height: 15px;
    }

.chat .chat-message {
    padding: 10px
}

.chat .chat-message textarea {
    width: 100%;
    border: none;
    padding: 10px 20px;
    font: 14px/22px Lato, Arial, sans-serif;
    margin-bottom: 10px;
    border-radius: 5px;
    resize: none
}

.chat .chat-message .fa-file-image-o,
.chat .chat-message .fa-file-o {
    font-size: 16px;
    color: gray;
    cursor: pointer
}

.chat .chat-message button {
    float: right
}

.chat .chat-message button:hover {
    color: #75b1e8
}

.chat-w.chat-m {
    top: 94.5%
}

.me,
.offline,
.online {
    margin-right: 3px;
    font-size: 10px
}

.online {
    color: #86bb71
}

.offline {
    color: #e38968
}

.me {
    color: #94c2ed
}

.morecontent span {
    display: none;
    font-weight: 500
}

.morelink {
    display: block
}

.message-content.msg-inpt {
    height: 43px;
    width: 90% !important;
    border-radius: 0;
    font-size: 14px
}

.fa-send-o {
    position: absolute;
    top: 0;
    left: 80%;
    height: 32px;
    width: 34px;
    padding: 5px;
    bottom: 0;
    font-size: 26px !important;
    margin: auto;
}

a.open-image{
  position: absolute;
  top: 0;
  left:89%;
  height: 32px;
  width: 34px;
  padding:0 5px;
  bottom: 0;
  font-size: 26px !important;
  margin: auto;
}
a.open-image:hover{
  cursor: pointer;
}
.send-message:hover {
  cursor: pointer;
}

.chat-w .new_message .form-group {
    margin-bottom: 0;
    position:relative;
}
.chat-w .oimg-box {
    margin: 10px auto;
    position: relative;
}
.chat-w .oimg-box a.cimg-close {
    position: absolute;
    width: 25px;
    height: 25px;
    text-align: center;
    border: 2px solid orange;
    border-radius: 50%;
    background: #fff;
    top: -12px;
    right: -12px;
}

.chat-w .panel-info {
    border-color: #d1d1d2;
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
    min-height: 430px;
}

.chat-w .con-wrap-head {
    color: #fff;
    background-color: #7aad53;
    border-color: #7aad53;
    border-radius: 0;
}

span.chat-left {
    padding-left: 40px;
    text-decoration: underline;
}

.flag-wrap {
    text-align: right
}

.flag-wrap li {
    vertical-align: middle
}

.padlft0.info-wrap {
    padding-left: 15px
}

.right-col .btn-group.login-cbw {
    height: 35px!important
}

.right-col .new {
    margin-top: 7px;
    display: block
}

.mht-35 {
    min-height: 28vh
}

@media(max-width:767px) {
    .message-content.msg-inpt {
        height: 43px;
        width: 95% !important;
        border-radius: 0;
        font-size: 14px
    }
    .chat {
        background: #fff
    }
    .flag-wrap {
        text-align: center
    }
    .loginFluid.flex {
        display: block;
        padding: 10px;
        min-height: inherit
    }
    .loginFluid.flex .container {
        padding: 0
    }
    .loginFluid .left-col {
        background-image: url(/assets/loginImg.jpg);
        background-size: cover;
        height: 250px;
        text-align: center
    }
    .registerFluid {
        padding: 0
    }
    .font-open {
        margin-top: 20px;
        font-size: 18px
    }
    .btn-brown {
        width: auto!important;
        font-size: 16px
    }
    .shr-links-wrap .pull-left,
    .shr-links-wrap .pull-right {
        margin: 0 0 12px;
        float: none !important;
        text-align: left;
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }
    .shr-links-wrap .pull-right {
        text-align:right;
    }
}

@media(max-width:360px) {
    .faicon {
        margin: 0 -15px
    }
    .right-col .remember {
        font-size: 11px!important
    }
}

.navbar-default .navbar-nav.home-links>li a {
    color: #333!important
}

.navbar-default .navbar-nav.home-links>li a.btn-primary.log,
.navbar-default .navbar-nav.home-links>li a.btn-primary.log:focus,
.navbar-default .navbar-nav.home-links>li a.btn-primary.log:hover {
    background: #c9d350!important
}

.hp-logo {
    text-rendering: optimizeLegibility;
    font-size: 30px;
    color: #c9d350;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hp-logo span {
    font-weight: 300;
    color: #fff;
}

.hp-logo-caption {
    font-size: 8px;
    color: #fff;
    text-align: center;
    text-rendering: optimizeLegibility;
}
.message-buttons{
    padding: 10px;
}
.btn.btn-default.yes-button {
  font-size: 12px;
  margin: 5px;
  background-color: #0aad80;
  color: white;
  min-width: 60px;
}
.btn.btn-default.no-button {
  font-size: 12px;
  margin: 5px;
  background-color: red;
  color: white;
  min-width: 60px;
}
.grey-backround{
  background-color: #424141;
  position: absolute;
  bottom: 55px;
  width: 100%;
}

.grey-backround-t{
  background-color: red !important;
  bottom:10vh;
}

.po_number_box{
  width: 75% !important;
  margin: 10px !important;
}

.com-drp .dropbtn {
    background-color: transparent;
    color: #403f3f;
    padding: 2px;
    font-size: 10px;
    border: none;
}

.blue_txxt 
{
    color: blueviolet;
}

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

.com-drp .dropdown-content {
    display: none;
    position: absolute;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    background-color: #ffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.com-drp .dropdown-content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}

.com-drp .dropdown-content a:hover {background-color: white;}
.com-drp .wrd-brk a:hover {background-color: #ffff;}

 .dropdown.com-drp:hover .dropdown-content {display: block; z-index: 99999;}

.dropdown.com-drp:hover .dropbtn {background-color:transparent;}

.dropdown-menu.seller{
    top: 18px;
    left: 210px;
    z-index: 99999;
}
.sell .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}
 .dropdown-menu.seller>li>a:hover {
  background-color: #fed15f;
  }
  .sell .dropdown-toggle.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #fff;
        padding: 0px;
    font-size: 10px;
    font-weight: 600;
}
.sell .dropdown-toggle.btn-default:focus, .open>.sell .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #fed15f;
    border-color: #fed15f;
}
.sell .btn .caret{
      width: 10px;
}
.sell ul li input[type=checkbox]{
    position: relative;
    width: 18px;
    height: 18px;
    left: 0px;
    top: 6px;
}
.sell .dropdown-menu>li>span{
  padding: 3px 15px;
  font-size: 12px;
}
.sell .dropdown-menu>li>span.seller_names{
 word-break: break-all;
 float: left;
 width: 100%;
}

@media (min-width:1360px){
   .chat-w .panel-info,.chat-w .panel-body.custom-message-body2.conlist,
   .chat-w .panel-body.custom-message-body2{
/*           min-height: auto!important;
*/           max-height: 390px!important;
   }
}
@media (min-width:1440px){
   .chat-w .panel-info,.chat-w .panel-body.custom-message-body2.conlist,
   .chat-w .panel-body.custom-message-body2{
           min-height: 620px!important;
           max-height: 620px!important;
   }
}
@media (min-width: 1440px) and (max-width: 1550px){
  .chat-w .panel-info, .chat-w .panel-body.custom-message-body2.conlist, .chat-w .panel-body.custom-message-body2 {
   min-height: 520px !important;
   max-height: 520px !important;
  }
}

@media (min-width:1550px){

   .chat-w .panel-body.custom-message-body2{
           min-height: auto !important;
           max-height: 390px !important;
           height: inherit;
   }
   .chat{
       height:calc(100vh - 20%);
   }
}


  .act-byr span{
    margin-left: 10%;
    color: white;
    float: right;
    padding: 2px 15px
  }
.panel.panel-info{
    border: 0px solid transparent;
}
body{font-family:'Open Sans',sans-serif}.header{background:url(/assets/headbg.png);background-repeat:no-repeat;background-size:100%;min-height:838px}.fullwidth{padding-left:0;padding-right:0}.containerwid{width:96%}.navbar-default .navbar-nav>li>a{color:#eaeaea}.navbar-default{background-color:transparent;border-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#eaeaea;border-bottom:2px solid #c9d34e;background-color:transparent}.navbar-nav.menu{float:left;margin-left:14%;margin-top:20px}.navbar-right.login{margin-top:20px}.nav>li>a{position:relative;display:block;padding:10px 10px;font-size:14px}.btn-primary.log{padding:5px 15px;margin-top:0;background-color:#c9d350;border-color:#c9d350;border-radius:0}.talk{padding-right:14px}.talk .btn-success{border-radius:0;text-align:center;padding:10px 30px;background-color:#e5a038;border-color:#e5a038}.containerwid h1{font-weight:700;color:#fff;text-shadow:1px solid #ccc;text-shadow:5px #ccc;text-align:center;font-size:51px;padding-top:16.5%}.containerwid h2{font-weight:700;color:#fff;text-align:center;font-size:33px}.learn .btn-success{width:34%;background-color:#e5a038;border-color:#e5a038;border-radius:0;margin-top:47px}.sep{border:2px solid #ccc;width:8%;margin-top:15px}.content h3{font-size:34px;letter-spacing:3px;font-weight:600;color:#c9d34f;padding-bottom:12px}.iconbox h4{font-weight:600;color:rgba(115,114,114,.84);min-height:38px}.iconbox p{color:#888;line-height:1.5em}.padbot12{padding-bottom:12px}.padlft0{padding-left:0}.banner{background:url(/../images/bannerimg.png);background-repeat:no-repeat;background-size:100%;min-height:652px}.banner h2{font-weight:700;color:#fff;text-shadow:1px solid #ccc;text-shadow:5px #ccc;text-align:center;font-size:50px;padding-top:20.1%}.banner h4{font-weight:700;color:#fff;text-align:center;font-size:31px}.member{padding-left:20%}.contwidth{width:100%;padding-left:70px;padding-right:37px}.bottom h4{font-weight:600;color:#818181;line-height:1.5em}.padlft0 ul li{color:rgba(101,97,97,.74);padding:2px}.padlft0 label{color:grey;font-size:12px}.padlft0 .form-control{border-radius:0;height:41px;background-color:#fde0b4;border-color:#fde0b4;color:grey;font-size:14px}.start.btn-success{width:104%;border-radius:none;border-radius:0;margin-top:23px;padding:10px;background-color:#cfd760;border-color:#cfd760;margin-bottom:5px;font-size:19px}.padlft0 p{color:grey;font-size:12px}.padlft0 h5{color:grey;font-weight:600;font-size:13px;line-height:1.5em;margin-bottom:0}.padlft0 h6{color:grey;font-weight:600;font-size:13px;line-height:1.5em;margin-bottom:30px}.padlft0 hr{border-color:#ccc;width:161px;padding-left:0;float:left}.col2{width:15%}.footer{padding-top:50px}.footer1{padding-top:24px}.footer h4,.footer1 h4{color:grey;font-size:13px;margin-top:30px}.footer p{color:rgba(128,128,128,.72);font-size:11px;line-height:1.5em}.footer ul li{color:rgba(101,97,97,.74);list-style-type:none}.footer h3{color:#c9d34e;font-size:13px}.footer hr{border-color:#999;margin-top:0}.footer img-responsive{max-width:0}.footer1 h6{font-size:11px;color:rgba(101,97,97,.74)}.faicon{color:#949393;font-size:20px}.faicon a{color:#949393}.green{color:#c9d350!important}.nav-logo{margin-left:0!important;margin-top:20px}.new-order{color:#000;background-color:#cad34f;border-color:#cad34f;width:90%;padding:15px;margin:0 10px}.new-order:hover{color:#fff;background-color:rgba(202,211,79,.64);border-color:rgba(202,211,79,.46)}.new-order.active.focus,.new-order.active:focus,.new-order.active:hover,.new-order:active.focus,.new-order:active:focus,.new-order:active:hover,.open>.dropdown-toggle.new-order.focus,.open>.dropdown-toggle.new-order:focus,.open>.dropdown-toggle.new-order:hover{color:#fff;background-color:rgba(202,211,79,.64);border-color:rgba(202,211,79,.46)}.view-order{color:#000;background-color:#cad34f;border-color:#cad34f;width:20%;padding:3px;margin:1px 0 0 0;border-radius:2px}.view-order:hover{color:#000;background-color:rgba(202,211,79,.64);border-color:rgba(202,211,79,.46)}.open>.dropdown-toggle.view-order.focus,.open>.dropdown-toggle.view-order:focus,.open>.dropdown-toggle.view-order:hover,.view-order.active.focus,.view-order.active:focus,.view-order.active:hover,.view-order:active.focus,.view-order:active:focus,.view-order:active:hover{color:#fff;background-color:rgba(202,211,79,.64);border-color:rgba(202,211,79,.46)}.submit-{color:#000;background-color:#cad34f;border-color:#cad34f;width:100%;padding:3px;margin:1px 0 0 0;border-radius:2px}.submit-:hover{color:#000;background-color:rgba(202,211,79,.64);border-color:rgba(202,211,79,.46)}.open>.dropdown-toggle.submit-.focus,.open>.dropdown-toggle.submit-:focus,.open>.dropdown-toggle.submit-:hover,.submit-.active.focus,.submit-.active:focus,.submit-.active:hover,.submit-:active.focus,.submit-:active:focus,.submit-:active:hover{color:#fff;background-color:rgba(202,211,79,.64);border-color:rgba(202,211,79,.46)}.submit-f{color:#000;background-color:#cad34f;border-color:#cad34f;width:80%;padding:3px;margin:1px 0 0 0;border-radius:2px}.submit-f:hover{color:#000;background-color:rgba(202,211,79,.64);border-color:rgba(202,211,79,.46)}.open>.dropdown-toggle.submit-f.focus,.open>.dropdown-toggle.submit-f:focus,.open>.dropdown-toggle.submit-f:hover,.submit-f.active.focus,.submit-f.active:focus,.submit-f.active:hover,.submit-f:active.focus,.submit-f:active:focus,.submit-f:active:hover{color:#fff;background-color:rgba(202,211,79,.64);border-color:rgba(202,211,79,.46)}.check-tp-bt-1015{margin-top:10px;margin-bottom:15px}.m-g-top5{margin-top:5px!important}.com hr,.m-g-top2{margin-top:2px!important}.m-g-top10{margin-top:10px!important}.m-g-top14{margin-top:14px}.m-g-top15{margin-top:15px}.m-g-top18{margin-top:18px!important}.m-g-top20{margin-top:20px!important}.m-g-top25{margin-top:25px!important}.m-g-top30{margin-top:30px!important}.min-h400{min-height:400px}.min-h300{min-height:300px}.m-g-top50{margin-top:50px!important}.m-g-btm10{margin-bottom:10px}.m-g-btm100{margin-bottom:100px}.m-g-btm15{margin-bottom:15px}.m-g-btm20{margin-bottom:20px}.m-g-btm0{margin-bottom:0}.tpbt-0{margin-top:0!important;margin-bottom:0!important;padding-bottom:0!important}.pad-5{padding:5px}.pad-lf-0{padding-left:0}.pad-rt-0{padding-right:0}.pad-10{padding:10px}.pad-20{padding:20px}.pad-30{padding:30px}.margin-tl{margin-left:11px;margin-top:9pX}.time-bar{min-height:20px;padding:0 15px 0 15px;margin-top:15px;margin-bottom:30px;background-color:#222;border:1px solid #222;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);font-size:13px;color:#fff}.time-bar-b{min-height:20px;padding:0 15px 0 15px;margin-top:15px;margin-bottom:30px;background-color:#fff;border:1px solid #d2d2d2;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);font-size:13px;color:#333}.sidebar-menu a:hover{color:#fafafa!important;text-decoration:none!important;border-left:3px solid #cad34f!important;background-color:rgba(0,0,0,.07)!important}.search-form .form-group{float:right!important;transition:all .35s,border-radius 0s;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;border:1px solid #ccc}.search-form .form-group input.form-control{padding-right:20px;border:0 none;background:0 0;box-shadow:none;display:block}.search-form .form-group input.form-control::-webkit-input-placeholder{display:none}.search-form .form-group input.form-control:-moz-placeholder{display:none}.search-form .form-group input.form-control::-moz-placeholder{display:none}.search-form .form-group input.form-control:-ms-input-placeholder{display:none}.search-form .form-group.hover,.search-form .form-group:hover{width:100%;border-radius:4px 25px 25px 4px}.search-form .form-group span.form-control-feedback{position:absolute;top:-1px;right:-2px;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;color:#3596e0;left:initial;font-size:14px}.panel-custom{border-radius:0!important}.panel-default-custom>.panel-heading-custom{color:#222;background-color:#fafafa;border-color:#222;font-size:13px;font-weight:500;border-top-left-radius:0;border-top-right-radius:0}.hed-back{background:#e0e0e0;padding:10px 10px 10px 15px;font-size:20px;font-weight:400;margin-bottom:3px}.headelink-1{font-size:15px;color:#fff;text-align:center}.headelink{font-size:10px;color:#fff;text-align:center;margin-bottom:30px}.warning{background:#ff7878!important}.h-gre{background:#d0d0d0!important}.h-gre-g{background:#cad34f!important}.wid-100{width:100%}.panel-heading .accordion-toggle:after{font-family:'Glyphicons Halflings';content:"\e114";float:right;color:#000}.panel-heading .accordion-toggle.collapsed:after{content:"\e080"}.p-curs{cursor:pointer}.panel-default>.panel-heading{color:#333;background-color:#d2d2d2;border-color:#ddd}.table-child{width:95%;margin-left:63px}.table-r{min-height:none!important;overflow-x:inherit!important}.deal{margin-top:26px;color:red}.timer-{float:right;margin-left:150px;color:red}.profile-bck{background:#cad34f}.bd-rad-10{border-radius:10px}.font-20{font-size:20px}.font-25{font-size:25px}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #d4d4d4}.ind{text-indent:10px}.bord{border:1px solid #cbcbcb}.overflow-{overflow-y:scroll;height:140px}.overflow-2{overflow-y:scroll;height:200px}.overflow-2::-webkit-scrollbar,.overflow-::-webkit-scrollbar{width:12px}.overflow-2::-webkit-scrollbar-track,.overflow-::-webkit-scrollbar-track{background-color:#222;border-radius:10px}.overflow-2::-webkit-scrollbar-thumb,.overflow-::-webkit-scrollbar-thumb{border-radius:10px;background-color:#cad34f}.grid-l{min-height:20px;padding:19px;margin-bottom:20px;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}blockquote{padding:10px 20px;margin:0 0 0;font-size:16.5px;border-left:5px solid #cad34f}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#cad34f;border-color:#cad34f}.pagination>li>a,.pagination>li>span{color:#000}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#000;cursor:default;background-color:#cad34f;border:1px solid #cad34f;border-bottom-color:transparent}.mytab a{color:#000;text-decoration:none}.box-{position:relative}.box- input{position:absolute;top:-37px;left:180px;width:30%}.btn-brown{color:#fff;background-color:#ced65f;border-color:#ced65f;border-radius:0;width:50%}.btn-brown:hover{color:#fff;background-color:#ced65f;border-color:#ced65f;border-radius:0;width:50%}.btn-b.active,.btn-b:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px #ced65f;box-shadow:inset 0 3px 5px #ced65f}.btn-b.focus,.btn-b:focus,.btn-b:hover{color:#fff;text-decoration:none}.btn-che{color:#fff;background-color:#fff;border-color:#fff}.btn-che:hover{color:#fff;background-color:#fff;border-color:#fff}.custom-control{display:block;width:100%;height:50px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:grey;background-color:#f4e5cd;background-image:none;border:1px solid #f4e5cd;border-radius:0;-webkit-box-shadow:inset 0 1px 1px #f4e5cd;box-shadow:inset 0 1px 1px #f4e5cd;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.custom-control:focus{border-color:#f4e5cd;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #e7d8c2;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #f4e5cd}select option{background:#f3ebdf!important;border:1px solid #f3ebdf!important;padding:20px}select option:hover{background:#f3ebdf!important;border:1px solid #f3ebdf!important}select.decorated option:hover{box-shadow:0 0 10px 100px #1882a8 inset}.bd-bt{border-bottom:1px solid #cad34f;margin-top:25px;margin-bottom:25px}.font-open{font-weight:700;color:#ced65f;margin-top:60px}.pr,b{color:grey;margin-bottom:40px}.select-hidden{display:none;visibility:hidden;padding-right:10px}.select{cursor:pointer;display:inline-block;position:relative;font-size:16px;color:#fff;width:100%;height:50px}.select-styled{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4e5cd;padding:12px 15px;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;color:#777}.select-styled:after{content:"";width:0;height:0;border:7px solid rgba(43,43,43,0);border-color:#636363 rgba(72,72,72,0) transparent transparent;position:absolute;top:22px;right:10px}.select-styled:hover{background-color:#f4e5cd}.select-styled.active,.select-styled:active{background-color:#f4e5cd}.select-styled.active:after,.select-styled:active:after{top:16px;border-color:rgba(80,80,80,0) transparent #505050 transparent}.select-options{display:none;position:absolute;top:100%;right:0;left:0;z-index:999;margin:0;padding:0;list-style:none;background-color:#f3ebdf}.select-options li{margin:0;padding:12px 0;text-indent:15px;border-top:1px solid #fff;-moz-transition:all .15s ease-in;-o-transition:all .15s ease-in;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;color:#9c9c9c}.select-options li:hover{color:grey;background:#fff}.select-options li[rel=hide]{display:none}::-webkit-input-placeholder{color:#000}::-moz-placeholder{color:#000}:-ms-input-placeholder{color:#000}:-moz-placeholder{color:#000}.small-text{font-size:16px;font-weight:900;color:#000;padding:5px 15px;font-family:'Open Sans'}.top-text{font-size:18px;font-weight:300;color:#a5a1a1;padding:0 15px;font-family:"Open Sans"}.pad15{padding:12px}.r-red-bg{background-color:#ff333a!important;color:#fff}a.r-red-bg:hover{color:#fff!important}.nreg-terms .checkbox label{padding-left:0}.nreg-terms .btn-brown{width:164px}@media(min-width:768px) and (max-width:992px){.padlft0 hr{width:100%;float:none}.navbar-default.home-nav{background-color:#888787;border-color:#888787;margin:0 -15px;border-radius:0}.talk{padding-right:0}.navbar-default.home-nav .navbar-nav.home-links>li a{color:#fff!important;padding:10px;font-size:12px}}@media(max-width:992px){.header{min-height:inherit!important;background-size:cover!important}.shr-links-wrap{margin-top:20px}.banner{background-size:cover!important;min-height:inherit!important;padding:10px 0;background-position:top right!important}.containerwid h1{padding-top:0;font-size:24px}.containerwid h2{font-size:20px}.banner h2{font-size:24px;padding:30px 15px 15px}.contwidth{padding:0}.banner h4{font-size:16px;line-height:1.45;padding:0 10px 30px}.banner h4 br{display:none}.learn .btn-success{margin:30px auto}.content h3{font-size:18px;letter-spacing:1px}.start.btn-success{width:100%}.content h3{font-size:24px;letter-spacing:1px;padding-bottom:0}.bottom h4{font-size:16px}}@media(max-width:767px){.side-menu-wrapper{border:none;position:fixed;top:0;background:#e7e7e7;left:-280px;width:280px;padding:20px;height:100%;z-index:9999;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all .3s cubic-bezier(.55,.085,.68,.53);transition:all .3s cubic-bezier(.55,.085,.68,.53)}.smenu-in .side-menu-wrapper{left:15px}.side-menu-wrapper .nav>li>a{padding:10px 0}.side-menu-wrapper .navbar-nav{margin:7.5px 0}.footer1{text-align:center}label{font-size:12px}.talk{padding-right:0}.navbar-header{text-align:center}.navbar-brand{float:none;display:inline-block}.side-menu{color:#c9d350;display:inline-block!important;font-size:30px}}@media(max-width:479px){.col-xs-6{width:100%;float:none;clear:both}.padlft0 hr{float:none;width:100%}}@media(max-width:540px){#bluebook_number::-webkit-input-placeholder,#paca_number::-webkit-input-placeholder{white-space:pre-line;position:relative;top:-7px}#bluebook_number::-moz-placeholder,#paca_number::-moz-placeholder{white-space:pre-line;position:relative;top:-7px}#bluebook_number:-ms-input-placeholder,#paca_number:-ms-placeholder{white-space:pre-line;position:relative;top:-7px}#bluebook_number:-moz-placeholder,#paca_number:-moz-placeholder{white-space:pre-line;position:relative;top:-7px}}@media(max-width:360px){.nreg-terms .pull-left,.nreg-terms .pull-right{width:100%!important;clear:both;float:none}}.wdth-38{width:38px}
a {
    text-decoration: none!important
}

.paddingR0 {
    padding-right: 0
}

.flex {
    display: flex
}

.margin-auto {
    margin: auto
}

.loginFluid,
.registerFluid {
    background-image: url(/assets/Cabbage_Crate.jpg);
    width: 100%;
    background-size: cover;
    min-height: 840px;
    position:relative;
}
.registerFluid .checkbox b {
     color:#1a1a1a;
}
.registerFluid:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.3;
    display: block;
    z-index: 99;
}
.registerFluid .pr-white {
    color:#fff;
}
.registerFluid > .container {
    position:relative;
    z-index:110;
}

.loginFluid .left-col {
    background-image: url(/assets/loginImg.jpg);
    background-size: cover;
    min-height: 450px
}

.loginFluid h1 {
    color: #fff;
    font-size: 34px;
    font-weight: 700
}

.loginFluid .left-col {
    position: relative
}

.loginFluid .left-col span {
    position: absolute;
    bottom: 2%;
    left: 8%;
    color: #fff;
    font-weight: 300;
    font-size: 12px
}

.left-col a {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.left-col a:hover {
    color: #cad34f;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.right-col {
    background-color: #333;
    padding-top: 30px
}

.right-col .fullWidth::-webkit-input-placeholder {
    color: #fff
}

.right-col .fullWidth::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.right-col .fullWidth:-ms-input-placeholder {
    color: #fff
}

.right-col .fullWidth:-moz-placeholder {
    color: #fff
}

.right-col .fullWidth {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    background-color: transparent;
    border: 0;
    padding: 10px 0;
    color: #fff;
    border-bottom: 1px solid #fff;
    stroke: none!important;
    /* outline: -webkit-focus-ring-color auto 0; */
    margin: 18px auto;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.right-col .fullWidth:focus {
    outline: none;
    box-shadow: none;
    border-color: #cad34f;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.right-col .btn {
    padding: 0!important;
    border-radius: 0
}

.right-col .btn-group {
    padding: 0!important;
    width: 50px!important;
    height: 50px!important
}

.right-col .remember {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    position: relative;
    top: 2px
}

.right-col .forget {
    font-size: 12px;
    color: #3fa9f5;
    font-weight: 300;
    position: relative;
    top: 2px
}

.right-col .mybtn {
    width: 100%;
    padding: 10px!important;
    border: 1px solid #bbc34c;
    border-radius: 0;
    background:transparent !important;
    color: #fff;
    font-size: 20px; 
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.right-col .mybtn:hover,
.right-col .mybtn:focus {
    background:#bbc34c !important;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.right-col .new {
    color: #bbc34c;
    font-size: 14px;
    font-weight: 300
}

.right-col li {
    display: inline;
    padding: 0 10px
}

.privacy li+li {
    border-left: 1px solid #fff
}

.form-group input[type=checkbox] {
    display: none
}

.form-group input[type=checkbox]+.btn-group>label span {
    width: 20px
}

.form-group input[type=checkbox]+.btn-group>label span:first-child {
    display: none
}

.form-group input[type=checkbox]+.btn-group>label span:last-child {
    display: inline-block
}

.form-group input[type=checkbox]:checked+.btn-group>label span:first-child {
    display: inline-block
}

.form-group input[type=checkbox]:checked+.btn-group>label span:last-child {
    display: none
}

.fpwd-txt {
    width: auto;
    padding-left: 0;
    max-width:50%;
    float:right;
}
@media(max-width:992px) and (min-width:767px) {
    .fpwd-txt { 
        max-width:48%;
    }
    .dropdown-menu.noti-dd  {
        width:100%;
        max-width:560px;
    }
}
@media(max-width:767px) {
    .loginFluid.flex {
        min-height: 800px!important;
    }
    .fpwd-txt { 
        max-width:41%; 
    }
    .shr-links-wrap {
        font-size: 12px;
    }
    .loginFluid .left-col {
        height: auto;
        min-height: inherit!important;
        display: block;
        float: none;
        padding: 5px 0 15px
    }
    .loginFluid h1 {
        font-size: 20px
    }
    .right-col {
        padding-top: 0
    }
    .right-col .btn-group.login-cbw {
        height: auto!important
    }
    .loginFluid h1 br {
        display: none
    }
    .left-col a {
        font-size: 18px
    }
    .right-col .form-group {
        margin-bottom: 10px
    }
    .loginFluid .left-col span {
        position: relative;
        bottom: 0;
        left: 0;
        color: #fff;
        font-weight: 300;
        font-size: 12px
    }
}

@media(min-width:768px) and (max-width:992px) {
    .loginFluid h1 {
        font-size: 28px;
    }
    .sigup.mht-35 {
        min-height: 78vh;
    }
}
@media (max-width:425px) {
    .navbar-header.nav-inner-header {
        position: relative;
        padding-left: 0!important;
        text-align: center!important;
    }
    .registration_h1 {
        padding: 15px!important;
    }
    .registration_success {
        min-height: auto!important;
    }
    .registration_p1 {
        padding: 15px!important;    margin-left: 0!important;width: 100%!important;
    }
}
.checkbox label:after,.radio label:after{content:'';display:table;clear:both}.checkbox .cr,.radio .cr{position:relative;display:inline-block;border:1px solid #a9a9a9;border-radius:.25em;width:1.3em;height:1.3em;float:left;margin-right:.5em}.radio .cr{border-radius:50%}.checkbox .cr .cr-icon,.radio .cr .cr-icon{position:absolute;font-size:.8em;line-height:0;top:50%;left:20%}.radio .cr .cr-icon{margin-left:.04em}.checkbox label input[type=checkbox],.radio label input[type=radio]{display:none}.checkbox label input[type=checkbox]+.cr>.cr-icon,.radio label input[type=radio]+.cr>.cr-icon{transform:scale(3) rotateZ(-20deg);opacity:0;transition:all .3s ease-in}.checkbox label input[type=checkbox]:checked+.cr>.cr-icon,.radio label input[type=radio]:checked+.cr>.cr-icon{transform:scale(1) rotateZ(0);opacity:1}.checkbox label input[type=checkbox]:disabled+.cr,.radio label input[type=radio]:disabled+.cr{opacity:.5}.check-tp-bt-0{margin-top:0;margin-bottom:0}.checkbox-custom label,.radio-custom label{padding-left:0}.padlr0{padding-left:0;padding-right:0}
.container-fluid.main_row.loader_to_display{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body {
  padding: 0 !important;
  position: relative;
}
.blury {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #00000063;
  width: 100%;
  height: 100%;
  z-index: 9999999;
}
body.modal-open {
  padding: 17px !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
}

.db-header {
  margin-bottom: 0;
  border-color: #333;
  border-radius: 0;
  background-color: #333;
}

.db-header .navbar-brand > img {
  display: block;
  max-width: 200px;
}

.dashboard-wrapper {
  min-height: 95vh;
  padding-top: 0;
  background: #f2f2f2;
  font-family: 'Open Sans';
}

.side-menu-list {
  min-height: 500px;
  padding: 0;
  list-style: none;
}

.side-menu-list li {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  height: 80px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.side-menu-list li.gb-div {
  display: inline-block;
  width: 100px;
  height: 1px;
  padding: 0;
  margin: 20px 0;
  border-bottom: 2px solid #cad34f;
}

.chat-w .panel-body.custom-message-body2 {
  overflow-y: auto !important;
}

.chat-conv .btn-success,
.side-menu-list .btn-success {
  color: #fff;
  border: 2px solid #7aad53;
  border-radius: 0;
  width: 100%;
  background-color: #7aad53;
}

.chat-conv .btn-success {
  width: auto;
  display: inline-block;
}

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

.chat-w .form-control:focus {
  border: 1px solid #7aad53 !important;
  /*border-left-color: transparent!important;
  border-right-color: transparent!important;*/
}

.chat-conv .btn-success:focus,
.chat-conv .btn-success:hover,
.side-menu-list .btn-success:focus,
.side-menu-list .btn-success:hover {
  color: #7aad53;
  background: #fff;
}

.pagin-wrap {
  background: #f2f2f2;
  height: 100%;
  padding: 10px 0;
}

.ps-scrollbar-y-rail {
  width: 7px !important;
}

.ps-scrollbar-y {
  width: 6px !important;
  right: 0 !important;
}
.bell-wrap {
  padding: 0 0 10px;
}

.bell-wrap img {
  width: 25px;
}

.ndb-search-wrap .form-control {
  width: 251px;
  padding: 3px 10px;
  text-align: right;
  color: #333;
  border: none;
  border-bottom: 1px solid rgba(102, 102, 102, 0.9);
  border-radius: 0;
  background: #f2f2f2;
  box-shadow: none;
  float: right;
}

.date-txt {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}

.buyer-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: top;
  border: 1px solid #ddd;
}

.lgy-txt {
  color: #4d4d4d;
}

.side-menu-list li a.switch-admin-link img.switch-admin-icon-image {
  width: 25px;
  height: 25px;
  object-fit: scale-down;
  filter: brightness(0) invert(1);
}

.mh-615 {
  min-height: 620px;
}

.mh-300 {
  min-height: 300px;
}

.mh-300 .panel-body {
  height: 259px;
}
.panel-heading.orange-head {
  font-weight: 700;
  color: #1a1a1a;
  border-color: #fab64d;
  border-radius: 0;
  background-color: #fab64d;
  font-size: 16px;
  font-family: 'Open Sans';
}

.right-db-wrap {
  margin-top: 0;
  /* margin-bottom: 50px; */
  padding-left: 0;
  /*background: white;*/
  /*padding: 5px;*/
  border-radius: 14px;
}

.right-db-wrap .panel {
  border: none;
  border-radius: 0;
  margin-bottom: 14px;
}

.price-trend {
  height: 204px;
  padding: 60px 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.67;
  text-align: center;
  color: #4d4d4d;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.news-feed {
  min-height: 300px;
  padding: 40px 15px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.67;
  text-align: center;
  color: #4d4d4d;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.bdb-table {
  display: table;
  width: 100%;
  height: 80%;
}

.bdb-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.grn-head {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.45;
  color: #cad34f;
}

.head1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.45;
}

.head2 {
  font-weight: 500;
  font-size: 18px;
  color: #0af;
}

.ll-gry-txt {
  font-size: 14px;
  color: #999;
}

.btm-div {
  border-top: 1px solid #333;
}

.btm-div a {
  display: inline-block;
  width: 48%;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  color: #666;
}

.btm-div a + a {
  border-left: 1px solid #333;
}

.btm-div a:focus,
.btm-div a:hover {
  cursor: pointer;
  color: #7aad53;
}

.dod-wrap {
  padding: 0;
}
.submit-order-wrapper .form-control.fw-light {
  color: #fff !important;
}
.dod-div {
  padding: 5px 15px;
  font-size: 12px;
  line-height: 1.67;
  color: #4d4d4d;
  border-bottom: 1px solid #fbb951;
}

.dod-div .caret {
  margin-top: 8px;
  border-color: #fbb951;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.bm-ddown {
  display: inline-block;
  width: 100%;
  padding: 6px 12px;
  margin: 25px auto 0;
  cursor: pointer;
  text-decoration: none !important;
  color: #fff;
  border-color: #cad34f;
  border-radius: 0;
  background-color: #cad34f;
}

.black-txt {
  padding-left: 10px;
  font-weight: 600;
  color: #1a1a1a;
}

.reciv-offr label {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-right: 68px;
  padding-left: 0;
  line-height: 1.45;
}

.re-timer {
  position: absolute;
  top: 0;
  right: 0;
}

.background_grey {
  background-color: #ccc;
}

.dod-div b {
  font-weight: 700;
  font-size: 11px;
  color: #4d4d4d;
}

.reciv-offr .checkbox {
  margin: 0;
}

.reciv-offr {
  border: none;
}

.bm-ddown-wrap.open > .dropdown-menu {
  display: block;
  width: 100%;
  height: 210px;
  margin: 10px auto;
  border: none;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.reciv-offr:nth-child(even) {
  background: #feefd8;
}
#enter_bye_price_form .modal-body {
  overflow-x: auto;
}
.side-menu-list li a {
  color: #fff;
  padding: 8px 0;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1.25;
  font-weight: 500;
  display: block;
  border: 3px solid #255a71;
  height: 80px;
  border-top: none;
  border-bottom: none;
}

.side-menu-list li a img {
  height: 20px;
  width: 20px;
  clear: both;
  display: block;
  object-fit: scale-down;
  margin: 5px auto 10px;
}

.side-menu-list li a.active,
.side-menu-list li a:focus,
.side-menu-list li a:hover {
  color: #fff;
  background: #537b8e;
  border-left-color: #cad34f;
  border-right-color: #537b8e;
}

.nxt-deal {
  padding-left: 20px;
  font-size: 14px;
  font-weight: 600;
  color: red;
}

.nxt-deal span {
  font-weight: 300;
}

.order-manager-table table {
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  background: #fff;
  margin-bottom: 0;
  line-height: 1;
}
 .order-manager-table#contibution_list table{
  table-layout: auto !important;
}
.order-manager-table#contibution_list table .dropdown-menu{
  padding: 12px;
  min-width: 198px;
}
.order-manager-table#contibution_list table .dropdown-menu hr.no_padding {
    margin-top: 10px;
    margin-bottom: 10px;
}
.order-manager-table#contibution_list table .dropdown-menu li {
  line-height: 1.2;
  padding-bottom: 3px;
}
.order-manager-table tr th {
  font-weight: 700;
  text-align: center;
  vertical-align: top !important;
}

.bld-txt {
  font-weight: 700;
}

.white-txt {
  color: white !important;
}

.orange-txt {
  color: #f15a24 !important;
}

.red-txt
{
  color: red !important;
}

.ornge-txt {
  color: #f7c11c !important;
}

.grn-txt {
  color: #6da542 !important;
}

.gry-txt {
  color: #b3b3b3;
}

.gray-txt {
  color: #a09b9d;
}

.n-gry-txt {
  color: #333;
}
.sm-txt {
  width: 50%;
  font-family: 'Open Sans';
  font-size: 10px;
}

.order-manager-table tr th.npos-rel {
  position: relative;
  padding-top: 25px;
}

.order-manager-table tr th.npos-rel.width-150 {
  width: 150px;
}

.order-manager-table .om-tp-table1 tr:hover td .inner-table td {
  background: 0 0 !important;
}

.order-manager-table tr th.npos-rel.width-180 {
  width: 180px;
}

.order-manager-table table table {
  width: 100%;
  height: 100%;
  background: 0 0;
}

.order-manager-table table table img {
  width: 30px;
}

.order-manager-table table table tr td {
  padding: 3px 0;
  /*background: #fff;*/
  text-wrap: wrap;
}

.order-manager-table table table tr td .om-img-wrap {
  /*background: #fff;*/
  margin: -3px 0;
  height: 40px !important;
  padding: 3px 0;
  position: relative;
}

.order-manager-table table table .om-img-wrap img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.padin-om8 {
  padding: 0 4px;
}

.padin-om2 {
  padding: 0 2px;
  word-break: break-word;
}
.order-manager-table .om-tp-table1 tr td .padin-om8,
.order-manager-table .som-tp-table1 tr td .padin-om8 {
  word-wrap: break-word;
  max-height: 28px;
  line-height: 1.25;
}

@media (min-width: 1380px) {
  .order-manager-table .om-tp-table1 tr td .padin-om8,
  .order-manager-table .som-tp-table1 tr td .padin-om8 {
    font-size: 10px;
    max-height: 40px;
  }

  .order-manager-table .table-bordered > thead > tr > th,
  .order-manager-table .table-bordered > thead > tr > th .sm-txt {
    font-size: 10px;
  }
}

.order-manager-table .om-tp-table1 tr td .om-img-wrap,
.order-manager-table .som-tp-table1 tr td .om-img-wrap {
  max-height: 40px;
}

.order-manager-table .id-link {
  position: relative;
  z-index: 9999;
}

.order-manager-table table.inner-table tr td + td {
  border-left: 1px solid #ddd;
}

.order-manager-table .table > tbody > tr > td.om-img-wrap {
  width: 60px;
  background: #fff;
}

.order-manager-table table.inner-table tr td p {
  margin-bottom: 0;
}

.order-manager-table table table tr td .nbld-txt,
.order-manager-table table table tr td .bld-txt {
  padding-bottom: 0;
}

td.om-img-wrap img {
  max-width: 60px;
  max-height: 30px;
  margin: 0 auto;
}

.pabs-txt {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
}

.om-tp-table1 > tbody > tr.closed-om > td {
  position: relative;
}

.cls-layer {
  position: absolute;
  height: 100%;
  background: #e4e3e2;
  width: 100%;
  display: none;
}

.cls-layer.grn-layer {
  background: rgba(128, 128, 128, 0.45);
  z-index: 9999;
}

span.show-text {
  z-index: 999999;
  position: relative;
  word-wrap: break-word;
  width: auto;
}

span.show-text.pdr-20 {
  width: unquote("calc(100% - 20px)");
}

.closed-om .cls-layer {
  display: block;
}

.order-manager-table td.pdin-zro {
  height: 100%;
  padding: 0;
}

.order-manager-table table table.green-lbck {
  background: rgba(202, 211, 79, 0.1);
}

.order-manager-table table table.red-lbck {
  background: rgba(255, 165, 0, 0.2) !important;
}

.pos-relative {
  position: relative;
}

.dgrn-bck {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 33.4%;
  height: 100%;
  background: #fff url(/../assets/green-full.png) !important;
  background-size: 100%;
  border-bottom: 1px solid #c7c7c7;
}

.dgrn-bck.wdth-66 {
  width: 66.7%;
  z-index: 2;
}

.dgrn-bck.wdth-100 {
  width: 100%;
  z-index: 3;
}

.dgrn-bck.wdth-120 {
  width: 125%;
  z-index: 4;
}

.dgrn-bck.wdth-119 {
  width: 124%;
  z-index: 4;
}

.dgrn-bck.wdth-140 {
  width: 150%;
  z-index: 5;
}

.dgrn-bck.wdth-140 {
  width: 146%;
  z-index: 5;
}

.dgrn-bck1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 85%;
  height: 100%;
  opacity: 0.85;
  background: #fff url(/../assets/green-75.png);
  background-position: 65% 100%;
}

.dgray-bck1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  background: url(/../assets/gray.png);
  background-position: 15% 100;
}

.dgray-bck1.bck-sfp {
  background-position: 65% 100%;
}

.dgray-bck1.bck-prht {
  background-position: 65% 100%;
}

.dgrn-bck1.bpos-rht,
.dgrn-bck1.wdth-100 {
  width: 100%;
}

.dgrn-bck1.bpos-rht {
  background-position: right;
}

.cont-tbdr {
  height: 40px;
  padding: 10px 20px !important;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #1a1a1a;
  background: rgba(254, 204, 78, 0.9);
}

.cont-tbdr.ofty {
  background: rgba(254, 204, 78, 0.5);
}

.cont-tbdr.drk-bck {
  background: rgba(247, 156, 51, 0.9);
}
.cont-tbdr.red-bck {
  background: #ff2500;
}
.white-text {
  color: white;
}
.om-tp-table1 > tbody > tr > td,
.om-tp-table > tbody > tr > td {
  width: 44%;
}

.om-tp-table1 > tbody > tr > td:last-child,
.om-tp-table > tbody > tr > td:last-child,
.som-tp-table1 > tbody > tr > td:last-child,
.som-tp-table > tbody > tr > td:last-child {
  width: 50%;
}

.som-tp-table1 > tbody > tr > td,
.som-tp-table > tbody > tr > td {
  width: 20%;
}

.som-tp-table1 > tbody > tr > td:first-child,
.som-tp-table > tbody > tr > td:first-child {
  width: 30%;
}

.om-tp-table1 > tbody > tr > td,
.som-tp-table1 > tbody > tr > td {
  padding: 0;
  height: 40px;
  position: relative;
}

.om-tp-table1 > tbody > tr > td th,
.som-tp-table1 > tbody > tr > td th {
  /*height: 58px;*/
  padding: 0;
  text-align: center;
}

.om-tp-table1 > tbody > tr > td:first-child th:first-child,
.som-tp-table1 > tbody > tr > td:first-child th:first-child {
  text-align: left;
}

.nmrtp-30 {
  margin-top: 30px;
}

.order-manager-table .stp-watch img {
  width: 20px !important;
  margin-right: 10px;
}

.stp-watch {
  position: relative;
  z-index: 9999;
}

.swatch-pop {
  position: absolute;
  top: 21px;
  left: 191px;
  z-index: 999;
  display: none;
  width: 200px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #fecc4e;
}

.swatch-pop.rdbck {
  background: red;
}

.swatch-pop span {
  font-family: 'Open Sans';
  font-weight: 700;
}

.swatch-pop-rtri,
.swatch-pop-tri {
  position: absolute;
  top: 9px;
  right: 32px;
  display: none;
  width: 0;
  height: 0;
  border-top: 15px solid #fecc4e;
  border-right: 15px solid transparent;
}

.swatch-pop-rtri {
  border-top: 15px solid red;
}

.stp-watch:hover .swatch-pop {
  display: block;
}

.new-order-request {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 300;
  color: #333;
}

.small-lbl {
  padding: 0 0px;
  clear: both;
  font-size: 13px;
  font-weight: 300;
  color: #29abe2;
}

.submit-order-wrapper .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 5px 15px;
  font-size: 12px;
  line-height: 1.42857143;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  color: #000000;
  border-radius: 4px;
  border: 1px solid #ffffff05;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.submit-order-wrapper .ship_from_ids {
  height: 31px !important;
}

.submit-order-wrapper .bid-list .form-control {
  border: 1px solid;
}
.submit-order-wrapper .form-control.sr-date {
  height: 30px;
  font-size: 12px;
  color: #1a1a1a;
  font-weight: 400 !important;
}

.submit-order-wrapper .form-control.fw-light {
  font-family: 'Open Sans';
  font-size: 12px;
  font-weight: 300;
  background: transparent;
}

.black-ct-box {
  width: 100%;
  padding: 15px 15px;
  margin: 1px auto;
  color: #fff;
  background: #333;
}

.blue-ct-box {
  width: 100%;
  padding: 15px 15px;
  margin: 1px auto;
  color: #fff;
  background: #2965A8;
}

.green-ct-box {
  width: 100%;
  padding: 15px 15px;
  margin: 1px auto;
  color: #fff;
  background: #BFCD3E;
}


.rht-circle {
  float: right;
  font-size: 22px !important;
  color: #666;
}

.grn-clr {
  float: right;
  width: 18px;
  height: 18px;
  font-size: 22px !important;
  line-height: 18px !important;
  color: #6da542;
  border-radius: 50%;
}
.red-clr {
  float: right;
  width: 18px;
  height: 18px;
  font-size: 22px !important;
  line-height: 18px !important;
  color: #ff0800;
  border-radius: 50%;
}

.collapsed ~ .fa-check-circle:before,
.fa-check-circle.chck-disabled:before {
  content: '\f111';
}

.collapse-txt .fa {
  float: right;
  font-size: 22px;
  color: #e7a43a;
}

.collapse-txt {
  cursor: pointer;
  display: inline-block;
  width: 280px;
  color: #fff;
}

.collapse-txt:focus,
.collapse-txt:hover {
  cursor: pointer;
  text-decoration: none;
  color: #e7a43a;
}
.step-txt {
  color: #e7a43a;
  display: inline;
}
.lht-grn-head {
  padding: 16px 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  background: #eaecd1;
  min-height: 40px;
}
.lht-grn-head .request-type {
  min-height: 55px !important;
}

.lht-grn-head1 {
  padding: 2px 10px;
  margin-bottom: 10px;
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  background: #eaecd1;
}

.white-box,
.white-box1 {
  width: 100%;
  height: 400px;
  margin-bottom: 10px;
  background: #fff;
}

.white-box1 {
  padding: 10px;
}
.request-textarea {
  height: 100px;
}
.notes-textarea {
  width: 100%;
  height: 345px;
  padding: 10px 15px;
  font-size: 12px;
  resize: none;
  color: #4d4d4d;
  background-color: #fff !important;
  border: none;
  outline: 0;
}

.growerBtn {
  border: 1px solid #c4c4c4 !important;
  height: 35px !important;
  border-radius: 0 !important;
}

@media (min-width: 992px) {
  .notes-textarea.snotes {
    height: 102px;
  }
}

.submit-now {
  display: block;
  width: 100%;
  height: 48px;
  padding: 10px 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  color: #666;
  border: 2px solid #eaecd1;
  outline: 0;
  background: #eaecd1;
}

.submit-now:focus,
.submit-now:hover {
  cursor: pointer;
  text-decoration: none;
  color: #eaecd1;
  border: 2px solid #eaecd1;
  background: #fff;
}

.submit-now.disabled-btn,
.submit-now.disabled-btn:focus,
.submit-now.disabled-btn:hover {
  cursor: not-allowed;
  background: #fff;
  border-color: #fff;
}

.notes-textarea:focus {
  border: 1px solid #eaecd1;
}

.gdiv {
  width: 80%;
  height: 2px;
  margin: 0 auto;
  border-bottom: 1px solid #ddd;
}

.ngrn-clr {
  color: #9cad4a !important;
}
.wdht-90 {
  width: 90% !important;
  word-break: break-word;
}
.pdin-wrap {
  position: relative;
  padding-left: 30px;
  padding-bottom: 20px;
}

.pdin-wrap .small-lbl {
  position: absolute;
  left: 0;
  padding: 0;
  top: -1px;
  width: 40px;
  text-align: right;
}

.pdin-wrap .small-lbl.top-4 {
  top: 4px;
}

.submit-order-wrapper .pdin-wrap .form-control.small-btn {
  height: 26px;
  font-size: 12px;
}

.lrg-txt {
  font-size: 36px;
  font-weight: 700;
  color: #ccc;
  padding: 0 15px;
  line-height: 1;
}

.nlrg-txt,
.nlrg-txt1 {
  font-size: 14px;
  font-weight: 400;
  padding: 5px 15px;
  line-height: 1;
}

.nlrg-txt {
  font-size: 16px;
  font-weight: 700;
}

.sml-txt {
  font-size: 12px;
  font-weight: 700;
  color: #999;
  padding: 0 15px;
}

.pos-rel {
  position: relative;
}

.pos-rel {
  position: relative;
}

.lgry-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(242, 242, 242, 0.5);
  z-index: 99;
  display: none;
}


.submit-now.blue_color {
  background: #4561AA !important;
  border-color: #4561AA !important;
  color: white;
}

.submit-now.red_color {
  background: red !important;
  border-color: red !important;
  color: white;
}

.submit-now.drk-grn-color {
  background: #cad34f !important;
  border-color: #cad34f !important;
}
.submit-now.blue-color {
  background: #337ab7 !important;
  border-color: #337ab7 !important;
}
.submit-now.grey-color {
  background: #ccc !important;
  border-color: #ccc !important;
}

.chat-now {
  background: rgba(26, 175, 240, 1);
  border-color: rgba(26, 175, 240, 1);
  display: inline-block;
  width: auto;
}

.id-num {
  padding: 10px 15px 0;
  color: #4d4d4d;
  font-size: 12px;
}

.sp-image-wrap {
  width: 300px;
  height: 300px;
}

.or-white-box {
  margin-top: 5px;
  padding: 15px;
  /*height: 350px;*/
  min-height: 415px;
  background: #fff;
}

.sp-image-wrap1 {
  width: 180px;
  height: 180px;
  max-width: 100%;
  margin-top: 30px;
}

.or-white-box label {
  font-size: 10px;
}

.or-details .lrg-txt,
.or-details .sml-txt {
  padding: 0;
}

.mrtp35 {
  margin-top: 35px;
}

.mrtp15 {
  margin-top: 15px;
}

.lht-brown-bck {
  padding: 10px 15px;
  background: #eaecd1;
}

.lht-brown-bck b {
  color: #1c1c1c;
}

.red-txt,
.red-txt b {
  color: red !important;
}

.blue-txt {
  color: blue;
}

.pdin-lft-0 {
  padding-left: 0;
}

.pdin-rht-5 {
  padding-right: 5px;
}
.mrht-5 {
  margin-right: -5px;
}

.mrgnt-5 {
  margin-right: 5px;
}
.gor-dwrap1 > div,
.gor-dwrap > div {
  width: 10%;
  display: block;
  float: left;
  padding: 5px 0;
  font-size: 10px;
  padding: 3px 4px;
  font-weight: 600;
}

.gor-dwrap > div {
  font-size: 12px;
}
.selectric-items li {
  text-align: left !important;
}
.gor-dwrap1 > div,
.selectric .label,
.selectric-items li {
  font-weight: 500;
}

.gor-dwrap1 > div .fa-star {
  font-size: 10px;
  padding: 0 1px 0 0;
}

.gor-dwrap1 > div + div {
  border-left: 1px solid #ddd;
}

.gor-dwrap1 > div {
  min-height: 30px;
}

.gor-dwrap > div {
  color: #7aad53;
}

.gor-dwrap1 > div.gof-wdth,
.gor-dwrap > div.gof-wdth {
  width: 12%;
}

.gor-dwrap1 > div.got-wdth,
.gor-dwrap > div.got-wdth {
  width: 12%;
}

.gor-dwrap1 > divdiv.nwdth11,
.gor-dwrap > div.nwdth11 {
  width: 11%;
}

.gor-dwrap {
  border-bottom: 1px solid #ddd;
}

.gor-dwrap1 {
  padding: 8px 0 0;
}
.gor-dwrap1.wor-br {
  word-wrap: break-word;
}

.grn-clr-txt {
  color: #6da542;
}

.gor-dwrap1.active,
.gor-dwrap1:hover {
  background: #feefd8;
}

.gor-dwrap1 .selectric {
  padding: 0 !important;
}

.gor-dwrap1 .selectric .label {
  margin: 0 20px 0 0;
}

.gor-dwrap1 .selectric .button {
  width: 20px;
  height: 20px;
  font-size: 18px;
  margin-right: 10px;
}
.orecv-selc .selectric .button {
  margin-right: -4px;
}

.gor-dwrap1 .selectric-items li,
.gor-dwrap1 .selectric-items ul {
  font-size: 10px;
}

.sco-wrap {
  padding: 5px;
  background: #feefd8;
  position: relative;
  border-top: 1px solid #ddd;
}

.sco-wrap .scw-close {
  position: absolute;
  right: 4px;
  color: #2c2c2c;
  top: -2px;
}

.sco-wrap .row {
  margin-left: -8px;
  margin-right: -8px;
}

.sco-wrap .col-sm-3,
.sco-wrap .col-sm-4,
.sco-wrap .col-sm-5,
.sco-wrap .col-xs-6 {
  padding: 0 8px;
}

.sco-wrap label {
  font-weight: 700;
  font-size: 12px;
}

.sco-wrap input {
  max-width: 100%;
  font-size: 12px;
}

.current-bid-txt {
  color: #7aad53;
  font-size: 14px;
}

.current-bid-txt.c-b-txt,
.current-bid-txt.total-amount-negotiation {
  font-size: 12px;
}
div.m-c-ofr .m-c-ofr {
  font-size: 12px;
}

.nou-lbl {
  font-size: 24px;
  color: #7aad53;
  line-height: 1.25;
  font-weight: 400;
}

.nou-lbl span {
  font-weight: 700;
}

.sco-wrap .btn-success {
  color: #fff;
  border: 2px solid #7aad53;
  border-radius: 0;
  background-color: #7aad53;
  margin: 12px 4px;
  width: 80px;
  letter-spacing: 0.67px;
}

.sco-wrap .btn-success:focus,
.sco-wrap .btn-success:hover {
  color: #7aad53;
  background: #fff;
}

.scon-lbl {
  color: #cad34f;
  font-size: 24px;
  text-align: center;
  line-height: 1.67;
  font-weight: 700;
}
.head-text-po {
  color: black;
  font-size: small;
  display: inline-block;
  text-align: left;
  margin-right: 28%;
  width: 110px;
}
.sml.scon-lbl {
  padding-top: 26px;
  font-size: 19px;
  font-weight: 500;
}

.wdth.btn-yellow {
  width: 155px !important;
}

.wdth.btn-default {
  width: 155px !important;
  margin-left: 30px;
}

#sc-modal .modal-content {
  border-radius: 0;
  max-width: 350px;
  height: 188px;
  padding: 35px 0;
  margin: 20% auto 0;
}

#sc-modal .modal-content .close {
  position: absolute;
  right: 10px;
  top: -25px;
  opacity: 1;
}

.mbtns-wrap {
  max-width: 280px;
  text-align: center;
  margin: 20px auto;
}

.mbtns-wrap li,
.nmbtns-wrap li {
  width: 48%;
}

.cntr.mbtns-wrap {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.mbtns-wrap li .btn,
.nmbtns-wrap li .btn {
  width: 100%;
  height: 34px;
  border-radius: 0;
}

.mbtns-wrap li .btn-default,
.nmbtns-wrap li .btn-default {
  color: #333;
  background-color: rgba(129, 129, 129, 0.9);
  border-color: rgba(129, 129, 129, 0.9);
}

.mbtns-wrap li .btn-default:focus,
.mbtns-wrap li .btn-default:hover {
  background: #fff;
}

.mbtns-wrap li .btn-yellow,
.nmbtns-wrap li .btn-yellow {
  color: #333;
  background-color: #cad34f;
  border: 2px solid #cad34f;
}

.mbtns-wrap li .btn-yellow:focus,
.mbtns-wrap li .btn-yellow:hover,
.nmbtns-wrap li .btn-yellow:focus,
.nmbtns-wrap li .btn-yellow:hover {
  color: #cad34f;
  background: #fff;
}

.po_table {
  white-space: nowrap;
  font-size: 12px;
}

.po_table thead tr td {
  border-top: 1px solid transparent;
  background: rgba(202, 211, 79, 0.2);
  font-size: 12px;
  font-weight: 600;
}

.po_table tbody {
  background: #fff;
  font-size: 12px !important;
}

.gt-bpay a {
  color: #333;
  font-size: 18px;
}

.gs-po-modal .modal-dialog {
  width: 100%;
  max-width: 1200px;
  text-align: left;
}

.gs-po-modal .modal-content {
  background: 0 0;
  border: none;
  box-shadow: none;
}

.psp-header {
  background: #cad34f;
  display: block;
  padding: 10px 15px;
  color: #1a1a1a;
  font-size: 16px;
  text-align: left;
  position: relative;
  margin-bottom: 5px;
}

.psp-header b {
  color: #1a1a1a;
}

.psp-body {
  padding: 15px;
  background: #fff;
  text-align: left;
  font-size: 14px;
  border-radius: 4px;
}

.posm-btns-wrap {
  padding-right: 34px;
}

.posm-btns-wrap .submit-now {
  display: inline-block;
  width: auto;
  height: 34px;
  padding: 0 10px;
  line-height: 32px;
  font-size: 14px;
}

.oimg-box {
  width: 100px;
  height: 100px;
  border: 2px solid orange;
  margin: 10px 0;
}

.oimg-box img {
  width: 96px;
  height: 96px;
}

.img-at a {
  font-size: 10px;
  color: #1a1a1a;
  padding: 0 5px;
  display: inline-block;
}

.img-at a + a {
  border-left: 1px solid #bbb;
}

.of-box {
  width: 60px;
  height: 60px;
  border: 2px solid orange;
  margin: 10px 0;
  padding: 4px;
}

.of-box img {
  height: 30px;
  width: 24px;
  line-height: 50px;
  margin: 10px 12px;
  text-align: center;
}

.po-bt-gray {
  background: #818181;
  border: 1px solid #818181;
  border-radius: 0;
  color: #fff;
  display: block;
  min-width: 150px;
  margin: 10px auto;
}

.po-bt-gray:focus,
.po-bt-gray:hover {
  background: #fff;
  color: #818181;
}
.selectric-wrapper .po-bt-gray {
  min-width: 100%;
}

.cinr-wrap {
  padding: 15px;
  background: rgba(254, 239, 216, 0.5);
}

.inspec {
  font-size: 12px;
  font-weight: 700;
}

.po-bt-gray.wdth-150 {
  width: 150px;
  margin: 0;
  float: right;
}

.po-bld-txt {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 700;
}

.po-gbld-txt {
  color: #999;
  font-size: 14px;
  font-weight: 700;
}

.mht-60 {
  min-height: 60px;
}

.pad-top-10 {
  padding-top: 10px !important;
}

.red-btxt {
  color: #ff1d25;
  font-size: 14px;
  font-weight: 600;
}

.gry-ddr {
  height: 1px;
  border-top: 1px solid #999;
  margin: 20px -15px;
  width: 100%;
}

.pp-bt-10 {
  padding-bottom: 10px;
}

.pp-bt-40 {
  padding-bottom: 50px;
}

.pos-img-box {
  width: 240px;
  height: 240px;
}

.pos-img-box img {
  object-fit: cover;
  object-position: top;
  max-height: 240px;
}

.po-shipping-pop .lrg-txt,
.po-shipping-pop .sml-txt {
  padding: 0;
}

.dc-olnk {
  background: orange;
  padding: 10px 15px;
  color: #fff;
}

.input-disp {
  border: none;
  padding: 0 5px;
  color: #ff1d25;
}

.dtb-txt thead td {
  font-weight: 700;
}

.dtb-txt td {
  border-top: none !important;
}

.dtb-txt thead td + td {
  border-left: 1px solid #bbb;
}

.cl-disabled {
  opacity: 0.7;
  cursor: not-allowed;
  background: rgba(51, 51, 51, 0.3);
}

.order-complete {
  color: #fff;
  border: 2px solid #7aad53;
  border-radius: 0;
  background-color: #7aad53;
  width: 100%;
  font-size: 18px;
  text-transform: uppercase;
  padding: 15px 15px;
  text-align: center;
  float: left;
}

.do-order .submit-now {
  margin: 10px 0;
  width: 180px;
}

.do-order {
  padding: 0;
}

.sbd-cont-tbdr {
  position: absolute;
  top: -40px;
  width: 100%;
  height: 40px;
  padding: 10px 20px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #1a1a1a;
  background: rgba(255, 165, 0, 0.9);
}

.sbd-order-manager-table table {
  font-size: 11px;
  background: #fff;
  margin-bottom: 0;
}

.sbd-order-manager-table table tr th {
  background: rgba(202, 211, 79, 0.2);
  font-weight: 700;
  font-family: 'Open Sans';
}

.sbd-order-manager-table table tr td {
  background: #fff;
}

.sclr-red {
  color: #ff1d25;
}

.sall {
  padding: 5px 15px;
  background: #fff;
  text-align: right;
  margin-bottom: 20px;
}

.sall a {
  color: #999;
  font-size: 12px;
}

.sall a .fa {
  color: #cad34f;
}

.sdb-nmrtp-30 {
  margin-top: 40px;
}

.sbd-phead {
  width: 100%;
  height: 40px;
  padding: 10px 20px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #1a1a1a;
  background: rgba(255, 165, 0, 0.9);
}

.panel-heading.orange-head1 {
  font-weight: 600;
  color: #1a1a1a;
  border-color: rgba(255, 165, 0, 0.9);
  border-radius: 0;
  background-color: rgba(255, 165, 0, 0.9);
}

.performance {
  background: #fff;
  padding: 30px;
}

.lgry-ptxt {
  color: #666;
  font-size: 16px;
  font-family: 'Open Sans';
  font-weight: 600;
  padding: 10px 0;
}

.timer-sdb {
  position: absolute;
  color: #666;
  font-size: 20px;
  font-family: 'Open Sans';
  font-weight: 600;
  padding: 10px 0;
  background: #fff;
  width: 150px;
  top: 80px;
  left: 25px;
  right: 0;
  text-align: center;
}

.knob-wrapper {
  width: 200px;
  margin: 10px auto;
  position: relative;
  text-align: center;
}

.knob-wrapper.buyer-dashboard {
  height: 150px;
}

.gry-txt {
  padding: 10px;
  font-size: 18px;
  color: #666;
  text-align: center;
  font-weight: 600;
}

.bp-head-wrap1 > div,
.bp-head-wrap > div {
  display: block;
  padding: 5px;
  width: 8%;
  float: left;
  font-size: 12px;
  color: #1a1a1a;
}

.bp-head-wrap1 > div.wdth-11,
.wdth-11 {
  width: 11%;
  padding-right: 0;
}

.wdth-11 .selectric {
  padding: 0 0 0 5px !important;
  width: 100%;
  height: 20px;
  line-height: 16px;
}

.wdth-11 .selectric-items li {
  text-align: left;
}

.wdth-11 .selectric .label {
  padding: 0;
  margin: 0;
  line-height: 16px;
}

.wdth-11 .selectric .button {
  width: 20px;
  height: 20px;
  line-height: 16px;
  right: -3px;
}

td.wdth-11 .selectric-wrapper {
  height: 16px;
}

.bp-head-wrap1 > div + div,
.bp-head-wrap > div + div {
  border-left: 1px solid #ddd;
}

.bp-head-wrap1 > div a:hover {
  cursor: pointer;
}

.bp-head-wrap1 > div.wdth-19,
.bp-head-wrap > div.wdth-19 {
  width: 19%;
}

.bp-head-wrap1 > div.wdth-6,
.bp-head-wrap > div.wdth-6 {
  width: 6%;
}

.bp-head-wrap1 > div.wdth-8,
.bp-head-wrap > div.wdth-8 {
  width: 8%;
}

.bp-head-wrap1 > div.wdth-7,
.bp-head-wrap > div.wdth-7 {
  width: 7%;
}

.bp-head-wrap1 > div.wdth-36,
.bp-head-wrap > div.wdth-36 {
  width: 35%;
}

.bp-head-wrap {
  background: #eaecd1;
  padding: 5px 15px;
  font-weight: 600;
}

.bp-head-wrap1 {
  padding: 5px 15px;
  background: #fff;
}

.bp-head-wrap1:nth-child(odd) {
  background: rgba(148, 148, 148, 0.1);
}

.btn-grn {
  color: #fff;
  border-radius: 0;
  margin: -4px 0;
  padding: 0 10px;
  height: 24px;
  line-height: 22px;
  background: #cad34f;
  border-color: #cad34f;
  display: block;
  width: 50px;
}

.mrbtm-50 {
  margin-bottom: 50px;
}

.btn-grn:focus,
.btn-grn:hover {
  cursor: pointer;
  background: #fff;
  color: #cad34f;
}

.nav-tabs.bp-tabs {
  border-bottom: none;
}

.nav-tabs.bp-tabs > li {
  float: left;
  margin-bottom: 0;
}

.nav-tabs.bp-tabs > li > a {
  background: #949494;
  border-radius: 0;
}

.nav-tabs.bp-tabs > li.active > a,
.nav-tabs.bp-tabs > li.active > a:focus,
.nav-tabs.bp-tabs > li.active > a:hover,
.nav-tabs.bp-tabs > li > a:focus,
.nav-tabs.bp-tabs > li > a:hover {
  color: #333;
  cursor: default;
  background: #fff !important;
  border: 1px solid #fff;
  border-bottom-color: transparent;
  border-radius: 0;
}

.fltr-by {
  float: right;
  margin-top: -32px;
}

.mrtp-30 {
  margin-top: 30px;
  font-size: 12px;
}

.pay-receipt:hover {
  cursor: pointer;
}

#payment-receipt .modal-dialog {
  width: 100%;
  max-width: 750px;
}

.desposit-row {
  margin: 30px -15px -15px;
  padding: 30px 0 12px;
  font-weight: 700;
  font-size: 18px;
  background: #fff;
}

.service-row {
  font-weight: 700;
  font-size: 16px;
  padding: 30px 0 12px;
  margin: 30px -15px -15px;
}

.fs-12 {
  font-size: 12px;
  margin-top: 30px;
  font-weight: 500;
  color: #4d4d4d;
}

.fs-12 b {
  font-weight: 700;
  color: #333;
}

.wdth-150 {
  width: 150px;
}

#bpp-modal .modal-dialog {
  width: 98%;
  max-width: 740px;
}

.mrtp-35 {
  margin-top: 35px;
}

.drk-gry-box {
  padding: 10px;
  background: #e6e6e6;
}

.drk-gry-box .checkboxFive {
  background: #e6e6e6;
  padding: 5px;
}

.drk-gry-box .checkboxFive label {
  margin-left: 0;
  top: 5px;
}

.drk-gry-box input[type='checkbox'] {
  position: absolute;
  margin: 4px;
  opacity: 0;
}

.custom-radio input[type='radio'] {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}

.custom-radio label span.cr-icon:before {
  content: '\f1db';
  color: #848484;
  position: absolute;
  left: 0;
  top: 4px;
  font: normal normal normal 18px/1 FontAwesome;
}

.custom-radio input[type='radio']:checked ~ span.cr-icon:before {
  content: '\f192';
}

.custom-radio label {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  color: #4d4d4d;
}

.gry-sml-txt {
  font-size: 11px;
  color: #b3b3b3;
  padding-left: 20px;
}

.drk-gry-box .checkboxFive label ~ span {
  padding-left: 24px;
  color: #4d4d4d;
  font-weight: 500;
}

.drk-gry-box .checkboxFive label ~ span b {
  color: #4d4d4d;
}

.amt-to-pay {
  padding: 10px;
  background: #eee;
  text-align: right;
  font-size: 12px;
  color: #4d4d4d;
}

.amt-pay {
  font-size: 16px;
  padding: 10px 0;
  font-weight: 700;
  border-top: 1px solid #cad34f;
  margin: 5px 0 0;
}

.filter-by .cutom-btn.pay-now-btn {
  margin: 10px auto 0;
}

#bpp-modal .form-control {
  background: rgba(255, 165, 0, 0.2);
  color: grey;
  border-color: rgba(255, 165, 0, 0.1);
  box-shadow: none;
}

.yh-rewards {
  color: #4d4d4d;
  font-size: 14px;
}

.custom-radio.pwcrd label {
  font-size: 11px;
  color: #4d4d4d;
  font-weight: 500;
}

.rt-price {
  float: right;
  color: #ff1d25;
  font-size: 11px;
  padding: 4px;
  min-width: 94px;
}

.custom-radio.pwcrd label span.cr-icon:before {
  top: 0;
}

.pccrd-thead {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 700;
  margin-bottom: 15px;
}

.bell-wrap a {
  cursor: pointer;
  margin: 0 0 0 20px;
}

.bell-wrap a.notification_links {
  margin: 0;
  display: block;
  cursor: pointer;
}

.bell-wrap a.notification_links + a.notification_links {
  border-top: 1px solid #c4c4c4;
}

.noti-dd {
  border-radius: 0;
  width: 640px;
  left: inherit;
  right: 0;
  padding: 0;
}

.ndd-head {
  padding: 10px 15px;
  color: #cad34f;
  background: #4d4d4d;
  font-size: 16px;
}

.cc-mr-15 {
  margin: 10px 15px 0;
}

.gsn-wrap .media {
  padding: 10px;
  margin: 0;
}

.gsn-wrap .media + .media {
  border-top: 1px solid #c4c4c4;
}

.no-notify {
  padding: 15px;
  text-align: center;
}

.gsn-wrap .media-left > div {
  border: 1px solid #ddd;
  position: relative;
  height: 77px;
  width: 77px;
}

.gsn-wrap .media-left img {
  width: 75px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-height: 75px;
}

.gsn-wrap .media-body .row {
  margin: 0 -5px;
}

.gsn-wrap .media-body .col-sm-2,
.gsn-wrap .media-body .col-sm-5 {
  padding: 25px 5px 0;
  font-size: 12px;
}

.gsn-wrap .media-body b {
  color: #333;
}

.nt-head-txt {
  font-size: 14px;
  color: #333;
  font-weight: 700;
  max-width: 100%;
  word-break: break-all;
}

.media.nt-grn-bck {
  background: #cad34f;
}

.profile-modal .modal-dialog {
  width: 96%;
  max-width: 740px;
}

.profile-modal .modal-content {
  border-radius: 0;
}

.pm-head {
  font-size: 30px;
  font-weight: 500;
  color: #4d4d4d;
}

.pphead {
  font-size: 16px;
  font-weight: 600;
  color: #4d4d4d;
}

.pmdl-btm {
  margin: 15px -15px -15px;
  padding: 15px;
  background: #333;
  color: #fff;
  border-top: 1px solid #cad34f;
}

.pmt-head {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 12px;
}

.bhd-pmt-head {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  padding: 0px;
}

.team-img-wrap .buyer-img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: top;
}

.pm-team-wraps .media {
  margin: 15px 0;
  font-size: 14px;
}

.wht-divdr {
  height: 1px;
  border-top: 1px solid #fff;
}

.comp-descrp,
.pm-team-wraps {
  height: 250px;
  overflow: hidden;
  overflow-y: scroll;
}

.grn-div {
  border-top: 1px solid #cad34f;
  height: 1px;
  margin: 20px 0 10px;
}

.comp-descrp p {
  font-size: 14px;
  margin: 15px 0;
  color: grey;
}

.pmm-mrtp-30 {
  margin-top: 30px;
}

.ratin-wrap {
  color: #7aad53;
  padding: 10px 0;
}

.certf {
  font-size: 12px;
  column-count: 2;
  padding: 10px 0;
}
.certf.certfi {
  font-size: 14px;
  font-weight: 400;
}

.type-wrapper .multiselect.btn {
  position: relative;
  display: inline-block;
  width: auto;
  height: 27px;
  padding: 0 40px 0 15px;
  font-size: 12px;
  line-height: 27px;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  color: #1a1a1a;
  border: none;
  border-radius: 0;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: left;
}

.type-wrapper .btn-group {
  display: block;
}

.type-wrapper .multiselect.btn .fa {
  font-size: 25px;
  line-height: 27px;
  position: absolute;
  right: 0px;
  margin-bottom: 0;
}

.type-wrapper .open > .dropdown-menu {
  display: block;
  margin-top: 32px;
}

.po-com-wrap {
  position: relative;
  padding-left: 40px;
}

.po-com-wrap img {
  position: relative;
  margin-left: -40px;
  margin-right: 10px;
}

.valign-top > li {
  vertical-align: top;
}

.lht-130 {
  line-height: 30px;
}

.password-reset-container {
  width: 100%;
  max-width: 450px;
  margin: 0 auto 20px;
}

.batch-selc {
  border: 1px solid #ddd;
  width: 90px;
  height: 30px;
  background-color: #f1f487 !important;
  margin: -5px 0 -5px -10px;
}

.batch-selc.po-depos {
  width: 140px;
  margin: -5px 0;
  height: 30px;
}

#bills-payment {
  font-size: 12px;
}

.new_order .parsley-errors-list li {
  clear: both;
  padding-left: 15px;
}

.or-white-box input {
  border: 1px solid #ddd !important;
  padding: 5px;
  margin: 0 0 5px;
  background: #fff !important;
  font-weight: 400;
  color: #cdcdcd !important;
}

.orecv-selc .selectric {
  width: 74px;
}
.orecv-selc .selectric .label {
  margin: 0 20px 0 0;
  font-size: 11px;
}

.dispt-scon-lbl {
  font-size: 16px;
  width: 262px;
  margin: 0 auto;
}

.dispt-scon-lbl .amount-only {
  width: 100%;
  padding: 6px 15px;
}

.po_table .selectric {
  min-width: 118px;
}

.po_table td {
  vertical-align: middle !important;
}

.nm-t-50 {
  margin-top: 50px;
}

.new-select {
  position: relative;
  padding-right: 45px;
  /*margin: 10px 0;*/
  margin-bottom: 10px;
  clear: both;
}

.submit-order-wrapper .new-select .form-control {
  border: 1px solid #e4e4e4;
  font-size: 12px;
  height: 30px;
  border-radius: 0;
  z-index: 110 !important;
  position: relative;
  width: 100%;
  padding: 5px;
}

.form-control:focus,
.submit-order-wrapper .new-select .form-control:focus {
  border: 1px solid #66afe9 !important;
  box-shadow: none;
  outline: 0;
}

.new-select .selectric-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
}

.new-select2 .selectric-wrapper {
  top: 8px !important;
  right: 8px !important;
}

/* .new-select.set_pallet_sw .selectric-wrapper {
    z-index: 9999;
} */
.new-select.set_pallet_sw .form-control {
  z-index: 10000;
}
.modal-open .new-select.set_pallet_sw .form-control {
  z-index: 999;
}

.new-select .selectric {
  width: 100%;
  border: none;
  height: 30px;
  padding: 0 !important;
}

.new-select .selectric .label {
  opacity: 0;
  height: 30px;
  margin: 0 45px 0 0;
  color: #333;
}

.new-select .selectric .button {
  border: 1px solid #e4e4e4;
  height: 30px;
  line-height: 28px;
  width: 45px;
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #e4e4e4;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
}

.ui-menu-item {
  padding: 6px 15px;
}

.ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 6px 15px;
  clear: both;
  font-weight: 400;
  line-height: 18px;
  color: #555;
  white-space: nowrap;
}

.ui-menu-item:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  background-color: #6da542;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background-image: none;
}

.new-select .selectric-open .selectric-items {
  top: auto !important;
  max-width: 100%;
}

.new-select .selectric-open {
  z-index: 999999 !important;
}

.cert-name {
  width: 180px;
  display: inline-block;
}

.modal .selectric {
  padding: 5px 10px !important;
  height: 30px;
  border: 1px solid transparent;
  max-width: 100%;
}

.modal .selectric .label {
  height: 20px;
  line-height: 20px;
}

.modal .region-sel-wrap .selectric .button {
  height: 28px;
  line-height: 28px;
}

.modal .selectric-open .selectric {
  border: 1px solid #c4c4c4;
}

.gor-dwrap1 > div.orecv-selc {
  margin-top: -5px;
}

.current-bid-wrap,
.current-bid-wrap .row {
  margin: 0 -5px;
}

.current-bid-wrap .col-sm-3,
.current-bid-wrap .col-sm-4,
.current-bid-wrap .col-sm-5 {
  padding: 0 5px;
}

.shr-links-wrap a {
  color: #7aad53 !important;
  font-weight: 600;
}

.gor-dwrap1 > div.wdth10,
.gor-dwrap > div.wdth10 {
  width: 10%;
}

.ofr-res-wrap .parsley-errors-list {
  margin-top: 15px;
}

.wht-150 img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: top;
}

.max-wdth-100 {
  max-width: 100px;
}

.dgt-mt-20 {
  margin-top: 20px;
}

.wdth-120 {
  width: 120px;
}

.scon-lbl.pu_num-iwrap {
  margin: 0 auto 10px;
  max-width: 310px;
}

.pu_num-iwrap input {
  margin-bottom: 8px;
  width: 264px;
  padding: 0 10px;
  height: 50px;
}
.scon-lbl.pu_num-iwrap input {
  width: 100%;
  max-width: 310px;
  height: 50px;
}

.pdin-tlr-10 {
  padding: 10px 10px 0;
}

.nnum {
  position: absolute;
  left: 125px;
  height: 28px;
  width: auto;
  min-width: 28px;
  top: -18px;
  z-index: 9;
  background: #cad34f;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  border-radius: 15px;
  padding: 5px;
}

.psp-header button.close {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 25px;
  height: 25px;
  z-index: 999;
}

.row.mar-07 {
  margin: 0 -7px !important;
}

.padin07 {
  padding: 0 7px !important;
}

.pading07 {
  padding: 20px 13px !important;
}

.bell-wrap .fa-envelope {
  color: #fab038;
  font-size: 26px;
}

.bell-wrap li {
  position: relative;
  margin-left: 20px;
}

.msg-num {
  position: absolute;
  left: 93px;
  height: 28px;
  width: auto;
  min-width: 28px;
  top: -14px;
  z-index: 9;
  background: #cad34f;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  border-radius: 15px;
  padding: 5px;
}

.ptn-disp {
  border-radius: 0;
  margin: 28px 0;
  font-weight: 600;
}

.order-manager-table .table > tbody > tr > td.om-img-wrap.wdth-17,
.wdth-17 {
  width: 17% !important;
}

.wdth-22 {
  width: 22% !important;
}

.wdth-30 {
  width: 30% !important;
}

.wdth-15 {
  width: 15% !important;
}

.wdth-10 {
  width: 10% !important;
}

.wdth-33 {
  width: 33.3% !important;
}

.wdth-35 {
  width: 35% !important;
}

.wdth-14 {
  width: 14% !important;
}

.wdth-12_5 {
  width: 12.5% !important;
}

.wdth-13 {
  width: 13% !important;
}

.wdth-15 {
  width: 15% !important;
}

.wdth-16 {
  width: 16% !important;
}

.wdth-18 {
  width: 18% !important;
}

.wdth-20 {
  width: 20% !important;
}

.wdth-22 {
  width: 20% !important;
}

.wdth-23 {
  width: 20% !important;
}

.wdth-19_5 {
  width:19.5% !important;
}

.wdth-24 {
  width: 24% !important;
}

.wdth-25 {
  width: 25% !important;
}

.wdth-28 {
  width: 28% !important;
}

.wdth-39 {
  width: 39% !important;
}

.wdth-40 {
  width: 40% !important;
}

.wdth-49 {
  width: 49% !important;
}

.wdth-44,
.wdth-45 {
  width: 44% !important;
}

.order-manager-table table.inner-table tr td {
  width: 50%;
}

.som-tp-table1 > tbody > tr > td.so-lht-40 {
  line-height: 40px;
}

.dgrn-bck.wdth-130 {
  width: 130.5%;
  z-index: 4;
}

.dgrn-bck.wdth-160 {
  width: 160.5%;
  z-index: 5;
}
/*seller manager
*/
.dgrn-bck.wdth-138 {
  width: 100%;
}

.dgrn-bck.wdth-175 {
  width: 175.5%;
  z-index: 99;
}
/*seller manager
*/
.dgrn-bck.wdth-176 {
  width: 146.5%;
  z-index: 99;
}

.som-selc-wrap .selectric-wrapper {
  position: relative;
  cursor: pointer;
  max-width: 105px;
  margin: 0 auto;
  text-align: center;
}

.som-selc-wrap .selectric {
  padding: 0 5px !important;
}

.som-selc-wrap .selectric .label {
  margin: 0 20px 0 0;
  font-size: 11px;
  height: 28px;
  line-height: 28px;
}

.order-manager-table table table.red-lbck,
.order-manager-table tr.stripped-td:nth-of-type(odd) table.red-lbck td {
  /* background: rgba(255, 0, 0, .1)!important */
  background: transparent !important;
}

@media (max-width: 1340px) {
  .order-manager-table table {
    font-size: 10px;
    line-height: 1;
  }
}

.modal {
  z-index: 1000000;
}

.srt-wrapper {
  padding: 5px 0;
}

.srt-wrap {
  position: relative;
  padding: 2px 35px;
  color: #4d4d4d;
  font-weight: 300;
  font-size: 12px;
}

.srt-wrap .fa {
  font-size: 10px;
  color: rgba(107, 107, 107, 0.51);
}

.srt-wrap .progress {
  background-color: #f2f2f2;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 14px;
  margin-bottom: 5px;
}

.srt-wrap .progress-bar {
  background-color: #0af;
}

.srt-wrap > div:first-child {
  position: absolute;
  left: 0;
  top: 0;
}

.srt-wrap > div:last-child {
  position: absolute;
  right: 0;
  top: 0;
  color: #6b6b6b;
  font-weight: 700;
}

.lt-rated .pull-right {
  font-weight: 700;
}

.lt-rated {
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #1a1a1a;
  border-left: none;
  border-right: none;
}

.srt-wrap .fa.grn-txt {
  color: #6da542;
}

.csr-wrap {
  font-size: 12px;
  font-weight: 700;
  color: #1a1a1a;
}

.order-manager-table tr.stripped-td:nth-of-type(odd) table td .inner-table,
.order-manager-table tr.stripped-td:nth-of-type(odd) table td .inner-table td,
.order-manager-table tr:hover table.red-lbck,
.order-manager-table tr:hover table.red-lbck td {
  background: 0 0 !important;
}

.order-manager-table table,
.order-manager-table table table,
.order-manager-table table td {
  border: none !important;
}

.order-manager-table .table-bordered > thead > tr > th {
  border: none !important;
  border-top: 1px solid #ded1bd !important;
  border-bottom: 1px solid #ded1bd !important;
}

.order-manager-table .table-bordered > thead tr th + th {
  border-left: 1px solid #ded1bd !important;
}

.order-manager-table .table-bordered > thead > tr > th.border_left_none
{
  border-left: none !important;
  text-align: left !important;
}

.om-tp-table1 tbody > tr td + td,
.som-tp-table1 > tbody > tr td + td {
  border-left: 1px solid #ded1bd !important;
}

.om-tp-table tbody > tr td .inner-table td + td,
.order-manager-table .table-bordered > thead tr th tr td + td {
  border-left: none !important;
}

.order-manager-table #rfq_table .table-bordered>thead>tr>th {
  padding: 15px 0;
}

.dropdown-menu.noti-dd {
  z-index: 99999999;
}

.fs-9 {
  font-size: 9px;
}

.filter-by .selectric {
  border: 1px solid #ccc;
  background: #fff;
  height: 36px;
  font-size: 16px;
  width: 100%;
  padding: 0 40px 0 15px !important;
}

.filter-by .selectric .button {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 34px;
  font-size: 28px;
  line-height: 32px;
  text-align: center;
  color: #929292;
  margin-bottom: 0;
}

.filter-by .selectric .fa-angle-down:before {
  content: '\f107';
  content: '\f0d7';
  color: #cad34f;
}

.filter-by .form-control {
  border-radius: 0;
  height: 36px;
  background: #fff;
  border: 1px solid #ccc;
}

.filter-by .selectric .label {
  display: block;
  height: 34px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: grey;
}

.filter-by .cutom-btn {
  font-size: 20px;
  border: 1px solid #ccc;
  background-color: #fff !important;
  width: 100%;
  margin: 30px auto 15px;
}

.filter-by .cutom-btn.green-bg {
  background: #cad34f !important;
  border: 1px solid #cad34f;
}

.fltr-by a {
  cursor: pointer;
}

.product-details .lg-font {
  font-size: 22px;
}

.som-selc-wrap .selectric .button {
  width: 20px;
  top: 4px;
}

.som-selc-wrap .selectric {
  padding: 3px 5px !important;
  height: 34px;
  width: 100%;
}

.btn-right {
  float: right;
}

.side-menu1 {
  display: none;
}

table tr.shad td {
  background: #fff !important;
  opacity: 0.7;
}

.bill-pay-row .col-md-1 {
  padding: 0;
}

.submit-order-wrapper .form-control:focus ~ .parsley-errors-list li {
  padding-left: 0;
}

.fdbck-img img {
  width: 100px;
  height: 100px;
}

.wb-wrap {
  word-wrap: break-word;
}

.chat .chat-header .chat-about {
  margin-top: 0;
  max-width: 84%;
}

.seller-order-wrap .order-manager-table table table tr td:last-child {
  border-right: none !important;
}

.sdiv {
  display: none;
}

.pditp-4 {
  padding-top: 4px;
}

.account-settings-row .links a {
  font-weight: 700;
}

.gsfb-wrapper {
  padding: 10px;
  border: 1px solid #ddd;
  margin: -1px 0 0;
}

.gsfb-wrapper:nth-child(odd) {
  background-color: #fff !important;
}

.gs-sm-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-left: 90px;
  clear: both;
  padding-top: 1px;
  min-height: 100vh;
  height: 100%;
  margin-top: 0;
  padding-right: 13px;
}
.main_row.loader_to_display .bhd-pmt-head {
  color: #fff !important;
}
.dsidemenu-wrapper {
  position: absolute;
  width: 80px;
  left: 0;
  top: 0;
  background: #255a71;
  text-align: center;
  height: 100%;
}

.buyer.dsidemenu-wrapper {
  background: #255a71;
  color: #fff;
}

.buyer.dsidemenu-wrapper .bhd-pmt-head,
.seller.dsidemenu-wrapper,
.seller.dsidemenu-wrapper .bhd-pmt-head {
  color: #fff;
}

.seller.dsidemenu-wrapper {
  background: #7aad53;
}

.seller .side-menu-list li a {
  border: 5px solid #7aad53;
  border-top: none;
  border-bottom: none;
}

.seller .side-menu-list li a.active,
.seller .side-menu-list li a:focus,
.seller .side-menu-list li a:hover {
  background: #95bc76;
  border-left-color: #cad34f;
  border-right-color: #95bc76;
}

.bmode .img-sbmd,
.smode .img-sbmd {
  height: 35px;
  display: block;
  background: url(/assets/mode.png) no-repeat;
  width: 35px;
  margin: 0 auto;
  background-size: auto 31px;
}

.side-menu-list li a.new-order1 {
  border: 3px solid #6da542;
  background: #6da542;
}

.side-menu-list li.bmode a,
.side-menu-list li.smode a {
  border: 3px solid #b9a038;
  background: #b9a038;
}

.side-menu-list li.bmode a:hover,
.side-menu-list li.buyer.bmode a,
.side-menu-list li.seller.smode a,
.side-menu-list li.smode a:hover {
  border: 3px solid #f7931e;
  background: #f7931e;
}

.buyer.bmode .img-sbmd,
.seller.smode .img-sbmd {
  background: url(/assets/mode-active.png) no-repeat;
  width: 32px;
  background-size: auto 31px;
}

.os-bdb-table {
  width: 100%;
  height: 500px;
  padding: 30px 0;
  display: table;
}

.os-bdb-table > div {
  height: 440px;
  width: 20%;
  display: table-cell;
  text-align: center;
  padding: 0 10px;
  vertical-align: bottom;
}

.os-bdb-table .progress {
  height: 400px;
  margin-bottom: 0;
  overflow: inherit;
  background-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  width: 100%;
  display: table;
}

.os-bdb-table .progress-bar {
  float: none;
  width: 100%;
  height: 0;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #0af;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  display: block;
  margin: 0 auto;
  max-width: 60px;
}

.os-bdb-table .progress .osm-pdiv {
  display: table-cell;
  bottom: 0;
  width: 100%;
  vertical-align: bottom;
  height: 100%;
}

.osm-ll-gry-txt {
  font-size: 12px;
  color: #1a1a1a;
  font-weight: 600;
  margin: 5px 0 0;
}

.osm-btm-txt {
  font-size: 18px;
  color: #666;
  font-weight: 600;
  margin: 8px 0 0;
}

@media (min-width: 1200px) {
  .gsfb-wrapper .media-body {
    padding-top: 30px;
  }
  .gsfb-wrapper .col-lg-3 {
    width: 21%;
  }
  .gsfb-wrapper .col-lg-1,
  .gsfb-wrapper .col-md-2 {
    min-width: 12%;
    width: auto;
    text-align: center;
  }
  .gsfb-wrapper.comp-div .col-lg-1,
  .gsfb-wrapper.comp-div .col-md-2 {
    min-width: 14%;
    width: auto;
  }
}

@media (min-width: 768px) {
  .vpo-mht-40 {
    min-height: 40px;
  }
  .account-settings-row .links {
    padding: 0;
    display: block;
    position: relative;
    opacity: 1;
    float: none;
    top: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
  }
}

@media (max-width: 1199px) {
  .gs-sm-wrapper {
    padding-left: 0;
  }
  .sdiv,
  .side-menu1 {
    display: block;
  }
  .hdiv {
    display: none !important;
  }
  .dw-hper {
    width: 100%;
    float: none !important;
    padding-left: 15px;
    clear: both;
  }
  .dw-hper.right-db-wrap {
    padding-left: 0;
  }
  .account-settings-content .pro-thumb {
    margin: 0 auto;
  }
  .db-header {
    z-index: 110;
  }
  .dsidemenu-wrapper {
    border: none;
    position: fixed;
    top: 50px;
    background: #e7e7e7;
    left: -280px;
    width: 280px;
    padding: 20px;
    height: 100%;
    z-index: 9;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  .smenu-in .dsidemenu-wrapper {
    left: 0;
    text-align: left;
    z-index: 99999;
  }
  .side-menu-list {
    min-height: inherit;
    padding: 0;
    list-style: none;
    margin: 20px 0 0;
  }
  .side-menu-list li a {
    position: relative;
    padding: 5px 0 5px 70px;
    text-align: left;
    height: 40px;
    line-height: 30px;
    font-size: 15px;
  }
  .side-menu-list li a img,
  .side-menu-list li.buyer span,
  .side-menu-list li.seller span {
    height: 30px;
    clear: both;
    position: absolute;
    margin: 0 auto 5px;
    left: 7px;
  }
  .side-menu-list li.buyer a,
  .side-menu-list li.seller a {
    height: 50px;
  }
  .side-menu-list li a.new-order1 img {
    top: 2px;
  }
  .side-menu-list li {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    height: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 -11px;
  }
  .side-menu1 {
    position: absolute;
    color: #cad34f;
    left: 0;
    font-size: 30px;
    top: 3px;
    z-index: 999;
    min-width: 35px;
    padding: 0 5px;
    cursor: pointer;
  }
  .fn-notif {
    float: none !important;
    clear: both;
    text-align: right;
  }
  .navbar-header.nav-inner-header {
    position: relative;
    padding-left: 40px;
    text-align: left;
  }
  .bell-wrap {
    display: inline-block;
    vertical-align: top;
  }
  .bell-wrap li {
    position: relative;
    margin: 22px 15px 0 0;
  }
  .bell-wrap a {
    cursor: pointer;
    margin: 0;
  }
  .ndb-search-wrap {
    display: inline-block;
    margin: 20px 0 0;
    vertical-align: top;
  }
  .noti-dd {
    left: 0;
    right: inherit;
  }
  .h-1060 {
    min-height: auto !important;
    padding-bottom: 10px !important;
  }
}

.logout-section span {
  font-weight: 400;
}

.mobile-blayer,
.side-menu {
  display: none;
}

.ptp-25 {
  padding-top: 25px;
}

.ptp-20 {
  padding-top: 20px;
}

.mpay-head {
  padding: 30px;
  text-align: center;
  color: #79bc44;
  font-size: 16px;
  font-weight: 600;
}

#pay-check-now .modal-dialog {
  width: 98%;
  max-width: 450px !important;
  margin-left: auto !important;
  padding-top: 17% !important;
  margin-right: auto !important;
  text-align: center;
}

.align-centr-buttons {
  padding-left: 18% !important;
}

#pay-check-now .align-centr-buttons {
  padding-left: 0 !important;
  margin: 20px auto;
  max-width: 406px;
}

.pnbtn-wrap {
  text-align: center;
  padding: 0 0 30px;
}

.pnbtn-wrap .cutom-btn {
  width: 100px;
}

.company-dimg-box {
  height: 200px;
  line-height: 200px;
  color: #333;
  font-size: 16px;
  text-align: center;
  width: 100%;
  margin: 0 auto 10px;
  display: block;
  background: #f2f2f2;
  font-weight: 600;
  max-width: 275px;
}

.ab-scon-lbl,
.ab-scon-lbl1 {
  color: #cad34f;
  font-size: 24px;
  text-align: left;
  line-height: 1.25;
  font-weight: 500;
}

.ab-scon-lbl1 {
  font-size: 16px;
  padding-top: 26px;
}

.ab-scon-lbl1 a {
  color: #cad34f;
  text-decoration: underline !important;
}

.mactiv-bid .mbtns-wrap {
  max-width: 480px;
  margin: 26px auto 0;
}

.mactiv-bid .mbtns-wrap li .btn {
  width: 100% !important;
  height: 34px;
  border-radius: 0;
  margin: 0;
  color: #fff;
  border-width: 2px;
}

.mactiv-bid .mbtns-wrap li .btn:focus,
.mactiv-bid .mbtns-wrap li .btn:hover {
  color: #333;
  border-width: 2px;
}

.fpwd-wrap {
  min-height: 73vh;
  max-width: 540px;
  margin: 0 auto;
}
a.open-image,
a.send-message {
  background: #fff;
}

.logout-section .green-txt a {
  color: #cad34f;
}

.do-choose-one li.checkboxFive {
  padding: 0;
  margin: 10px 0;
}
.do-choose-one li input[type='checkbox'] {
  height: 22px;
  margin: 0;
  width: 22px;
  position: absolute;
  top: 4px;
}
.do-choose-one li.checkboxFive label {
  top: 3px;
  left: 0;
  margin-left: 0;
}
.do-choose-one li.checkboxFive label:hover::after {
  opacity: 0;
}
.do-choose-one li.checkboxFive input[type='checkbox']:checked + label:after {
  opacity: 1;
}
.do-choose-one li.checkboxFive .m-l-15 {
  padding-left: 30px !important;
  display: inline-block;
  max-width: 100%;
  margin-left: 0 !important;
}
.do-choose-one li.checkboxFive .parsley-errors-list {
  padding-left: 30px !important;
  margin-top: 5px;
}

@media (min-width: 768px) {
  .trht-sm {
    text-align: right;
  }
}

@media (min-width: 768px) and (max-width: 1250px) {
  .filter-by .modal-dialog {
    width: 98%;
  }
  .pac-or .new-select .selectric-open .selectric-items {
    top: 0;
  }
  .resp-om > .table,
  .resp-tables .bp-head-wrap,
  .resp-tables .bp-head-wrap1,
  .resp-tables .table {
    width: 1199px;
    max-width: 1199px;
  }
  .resp-tables .po_table td {
    vertical-align: top !important;
  }
  .po_table .selectric,
  .orecv-wrap .selectric {
    cursor: pointer;
  }
  .po_table .selectric-items,
  .orecv-wrap .selectric-items {
    position: relative;
  }

  .resp-om,
  .resp-tables {
    border: 1px solid #ddd;
    overflow: auto;
    max-width: 100%;
    margin-bottom: 10px;
  }
  /*  .s-dtls .selectric-wrapper, .commodities-table .selectric-wrapper{
      height: auto !important;
    }*/
}
.dclock {
  clear: both;
  display: inline-block;
  padding: 5px 0 0;
  border: 1px solid #ccc;
  vertical-align: middle;
}

.po_table.cus .selectric {
  min-width: 100%;
}

/*29/3*/
td.responsiveBtnOne a,
td.responsiveBtnTwo a {
  display: none;
}

@media (max-width: 992px) {
  .table-bordered.commodities-table tbody tr td.account_p_lbl {
    vertical-align: top !important;
  }
  .table-bordered.commodities-table tbody tr td.account_p_lbl .selectric-items {
    position: static;
  }
  .resp-om > .table td,
  .resp-om > .table th {
    font-size: 10px;
    padding: 0;
  }
  .table > tbody > tr > td,
  .table > tbody > tr > th,
  .table > tfoot > tr > td,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > thead > tr > th {
    padding: 5px;
    font-size: 13px;
  }
  .pull-right.osm-btm-txt {
    float: left !important;
    padding-left: 15px;
  }
  .som-selc-wrap select {
    max-width: 100%;
  }
  .collapse-txt {
    width: 225px;
    font-size: 13px;
  }
  .white-box,
  .white-box.r-height,
  .white-box1 {
    min-height: inherit !important;
    height: auto;
  }
  .submit-now,
  .white-box.r-height .submit-now {
    display: inline-block;
    width: auto;
    margin: 10px 0;
    height: 50px;
    vertical-align: top;
  }
  .or-white-box {
    height: auto;
    min-height: auto;
  }
  .pdin-lft-0,
  .pdin-rht-5 {
    padding: 0 15px;
  }
  .or-white-box .or-details .pdin-wrap1,
  .white-box1.r-white-box1 .pdin-wrap1 {
    display: inline-block;
    padding: 0 15px 10px;
    vertical-align: top;
    width: 48%;
  }
  .white-box1.r-white-box1 .pdin-wrap {
    display: inline-block;
    padding: 0 0 10px;
    vertical-align: top;
    width: 48%;
  }
  .white-box1.r-white-box1 .pdin-wrap .id-num {
    padding: 10px 0;
  }
  .or-white-box .or-details .pdin-wrap1 label {
    margin-top: 0;
  }
  .or-white-box .or-details {
    margin: 0 -15px;
  }
  .white-box1.r-white-box1 {
    min-height: inherit !important;
    height: auto !important;
  }
}
.white-input {
  background-color: white !important;
}

.plft-0 {
  padding-left: 0 !important;
}
.res-drop-slt .selectric-items li:nth-child(odd) {
  background: #efefef;
}
.res-drop-slt .selectric-items li:nth-child(even) {
  background: #ffffff;
}
.order-row span.formal-head h4 b {
  font-size: 14px;
}

@media (max-width: 767px) {
  .scon-lbl.pu_num-iwrap input {
    max-width: 100%;
  }
  .orecv-wrap._res-orecv {
    overflow: unset;
  }
  .bootstrap-select.btn-group .dropdown-menu {
    top: 100%;
  }
  .plft-zero,
  .small-lbl,
  .form-control.fw-light[disabled] {
    padding: 0;
  }
  .bell-wrap li.mrlft {
    position: relative;
    margin: 22px -5px 0 0;
  }
  .lineitem {
    margin-left: 0 !important;
  }
  .new-bid-lbl {
    text-align: left !important;
  }
  .table-bordered.commodities-table.como-table thead tr th,
  .table-bordered.commodities-table.como-table tbody tr td {
    /*word-wrap: break-word;*/
    max-width: 100% !important;
  }
  .submit-order-wrapper .new-bid-row.row-count .form-control.sml-input {
    width: auto;
    min-width: 164px;
    max-width: 164px;
  }
  .chat-100.wdth-350 {
    max-width: 100%;
  }
  .collapse-txt {
    font-size: 13px;
  }
  .table-r {
    overflow-x: scroll !important;
  }
  .selectric-wrapper.selectric-sdd-select .selectric-items {
    top: 100% !important;
    bottom: auto;
    width: 100%;
  }
  .password-reset-container h2 {
    font-size: 20px;
  }
  .cus-pl-60 {
    display: inline-block;
    vertical-align: top;
  }
  .white-box,
  .white-box1 {
    height: auto;
  }
  .lht-grn-head1 .row,
  .submit-order-wrapper .form-control.fw-light[disabled],
  .submit-order-wrapper label.form-control {
    height: auto !important;
  }
  .sp-image-wrap {
    width: 100%;
    height: auto;
  }
  .sp-image-wrap1 {
    height: auto;
    margin-top: 10px;
  }
  .small-text,
  .submit-order-wrapper .form-control,
  .top-text {
    font-size: 14px !important;
  }
  .pad15 {
    padding: 4px 12px !important;
  }
  .lrg-txt {
    font-size: 20px;
    padding-left: 0;
  }
  .resp-om > .table {
    width: 1200px;
    max-width: 1200px;
  }
  .resp-om {
    border: 1px solid #ddd;
    overflow: auto;
  }

  .product-col {
    margin: 0 1% 1% !important;
    width: 48% !important;
  }
  .gs-sm-wrapper {
    min-height: inherit;
  }
  .account_p_lbl {
    font-size: 14px;
    width: 100% !important;
    display: block;
    clear: both;
    text-align: left !important;
    margin: 0;
    padding: 10px 5px !important;
    min-height: 30px;
    height: auto;
    word-wrap: break-word;
    border: none;
    max-width: 100% !important;
  }

  .account_p_lbl:before {
    font-weight: 700;
    padding-right: 10px;
    font-size: 14px;
    content: attr(data-label) !important;
    width: 48%;
    float: left;
    color: #1a1a1a !important;
    height: 100%;
    margin-top: 5px;
    font-weight: 600;
  }
  .posm-btns-wrap {
    margin-bottom: 20px;
  }
  .nav > li > a {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 12px;
  }
  .account_p_lbl > div {
    float: left;
    width: 50%;
  }

  .mh-300,
  .mh-300 .panel-body {
    min-height: inherit;
    height: auto;
  }
  .bdb-table {
    min-height: 60px;
  }
  .gsn-wrap .media-body .col-sm-2,
  .gsn-wrap .media-body .col-sm-5 {
    padding: 0 5px;
  }

  .bp-head-wrap1 > div.account_p_lbl + div.account_p_lbl {
    border-left: none;
  }
  .md_hide {
    display: none !important;
  }
  .resp-om,
  .resp-tables {
    margin-bottom: 10px;
  }

  .resp-tables .mth-w100,
  .resp-tables .mth-w100 th,
  .resp-tables .mth-w100 tr {
    display: block;
    width: 100%;
  }
  .resp-tables .mth-w100 th {
    padding: 0;
  }
  .resp-tables .table,
  .resp-tables .table > tbody,
  .resp-tables .table > tbody > tr,
  .resp-tables .table > tbody > tr > td {
    display: block;
    width: 100%;
    word-wrap: break-word;
    border: none !important;
  }
  .resp-tables .table > tbody > tr > td:after,
  .resp-tables .table > tbody > tr > td:before {
    content: '';
    display: table;
  }
  .resp-tables .table > tbody > tr > td:after {
    clear: both;
  }
  .resp-tables .table-bordered.commodities-table tbody tr,
  .resp-tables .table > tbody > tr {
    border: 1px solid #ccc !important;
    margin-bottom: 10px;
  }
  .mobile-blayer {
    position: fixed;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    width: 100%;
    height: 100%;
    left: -100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 9999;
    top: 0;
  }
  .smenu-in .mobile-blayer {
    display: block;
    left: 0;
  }
  .gsfb-wrapper .media-body br {
    display: none;
  }
  .mobile-blayer .side-menu {
    position: absolute;
    color: #fff;
    font-size: 16px;
    left: 280px;
    top: 12px;
    display: block;
    margin: 0;
    padding: 5px 10px;
    background: #1e1e1e;
    cursor: pointer;
    border: 1px solid #fff;
  }
  body.smenu-in {
    max-height: 100vh;
    overflow: hidden;
  }
  .fdbck-img img {
    width: 75px;
    height: 75px;
  }
  .gsfb-wrapper .w130 {
    width: 80px;
  }
  .dropdown-menu.noti-dd {
    max-height: 500px;
    overflow-x: auto;
    max-width: 460px;
    width: 460px;
  }
  .logout-section {
    font-size: 12px;
    text-align: center;
  }
  .amenu-link {
    width: 100%;
    padding: 15px;
    font-size: 16px;
    color: #1a1a1a !important;
    border: 1px solid #ccc;
    cursor: pointer;
  }
  .amenu-link ~ .dropdown-backdrop {
    display: none;
  }
  .amenu-link .fa {
    float: right;
    font-size: 25px;
  }
  .account-settings-row .links {
    width: 100%;
    border-radius: 0;
    margin-top: -1px;
    box-shadow: none;
    border-top: 1px solid #f4e5cd;
  }
  .logout-section {
    padding: 0 0 10px !important;
  }
  .flex {
    display: block !important;
  }
  .edit-user-wrapper li.caption label,
  .edit-user-wrapper1 li.caption label {
    position: relative !important;
    display: block !important;
    clear: both;
  }
  .edit-user-wrapper li.caption,
  .edit-user-wrapper1 li.caption {
    padding-left: 0 !important;
    display: block !important;
    clear: both;
  }
  .dsidemenu-wrapper {
    top: 0;
  }
  .ndb-search-wrap,
  .ndb-search-wrap .form-control {
    display: block;
    margin: 0;
    width: 100%;
  }
  .fn-xs {
    float: none !important;
    padding: 0 0 10px !important;
  }
  .dashboard-wrapper {
    padding-top: 15px;
  }
}
.dc-wrapper {
  margin-bottom: 0;
}
.dc-wrapper a {
  display: inline-block;
}
.nmbtns-wrap {
  max-width: 368px;
  text-align: center;
  margin: 20px auto;
}

@media (max-width: 479px) {
  li.region-sel-wrap {
    width: 100%;
  }
  li.region-sel-wrap + li.region-sel-wrap {
    margin-top: 10px;
  }
  .mh-615 {
    min-height: inherit;
  }
  .os-bdb-table {
    height: 400px;
  }
  .os-bdb-table > div {
    padding: 0 3px;
    height: 340px;
  }
  .os-bdb-table .progress {
    height: 300px;
  }
  .grn-head {
    font-size: 20px;
  }
  .osm-ll-gry-txt {
    font-size: 11px;
  }
  .white-box.r-height .submit-now {
    display: block;
    float: left;
    margin: 10px 1%;
    height: 40px;
    vertical-align: top;
    font-size: 12px;
    width: 48%;
    padding: 0 5px;
    line-height: 40px;
  }
  .pagin-wrap .pull-left,
  .pagin-wrap .pull-right {
    float: none !important;
    text-align: center;
  }
  .chat-w {
    width: 100%;
  }
  .chat-w .panel-info {
    border-radius: 0;
  }
  .chat-w .con-wrap-head {
    border-radius: 0;
  }
  .chat-conv .fw700 span {
    float: none;
    display: block;
  }
  .dropdown-menu.noti-dd {
    max-width: 375px;
    width: 375px;
    left: -69px;
  }
  .product-col {
    margin: 0 0 20px !important;
    width: 100% !important;
  }

  .product-col .col-xs-6,
  .pay-modal-wrap .col-xs-6 {
    width: 50%;
    float: left;
    clear: inherit;
  }
  .posm-btns-wrap .submit-now {
    font-size: 11px;
    margin: 0 2px;
  }
  .psp-body .pdin-wrap1 {
    padding-bottom: 10px;
    width: 50%;
    float: left;
  }
  .po-shipping-pop .lrg-txt {
    font-size: 14px;
  }
  .psp-body .col-xs-6 .col-xs-6 {
    clear: inherit;
    width: 50%;
    float: left;
  }
  .psp-body .col-xs-6 .col-xs-6 + .col-xs-6 {
    padding-left: 0;
  }
  .posm-btns-wrap {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .posm-btns-wrap:before,
  .posm-btns-wrap:after {
    display: table;
    content: ' ';
  }
  .posm-btns-wrap:after {
    clear: both;
  }
  .pp-bt-40 {
    padding-bottom: 10px;
  }
  .product-col .col-xs-6 h4 span {
    display: block;
  }
  .price-trend-centent > .row {
    margin: 0;
  }
  .pay-modal-wrap .col-xs-6 {
    text-align: left;
  }
  .psp-body {
    font-size: 12px;
  }
  .pay-modal-wrap .mmbtm-10 {
    margin-bottom: 10px;
  }
  .psp-body .pp-bt-10 {
    padding-bottom: 12px;
    padding-top: 0;
  }
}

@media (max-width: 360px) {
  .dropdown-menu.noti-dd {
    max-width: 315px;
    width: 315px;
    left: -35px;
  }
  .logout-section {
    font-size: 11px;
  }
  .modal-content {
    max-height: 94vh;
    overflow: hidden;
    overflow-y: auto;
  }
}

@media (max-width: 368px) {
  .edit-user-wrapper .value input,
  .edit-user-wrapper1 .value input {
    min-width: 100% !important;
  }

  .account_p_lbl,
  .account_p_lbl:before {
    font-size: 11px;
    height: auto;
  }
  li.caption {
    font-size: 12px;
  }
  .caption .value {
    display: block;
  }
}

::-webkit-input-placeholder {
  color: #333;
}

::-moz-placeholder {
  color: #333;
}

:-ms-input-placeholder {
  color: #333;
}

:-moz-placeholder {
  color: #333;
}
.submit-order-wrapper .form-control::-webkit-input-placeholder {
  color: #333;
}

.submit-order-wrapper .form-control::-moz-placeholder {
  color: #333;
}

.submit-order-wrapper .form-control:-ms-input-placeholder {
  color: #333;
}

.submit-order-wrapper .form-control:-moz-placeholder {
  color: #333;
}
.submit-order-wrapper .collapse .form-control::-webkit-input-placeholder {
  color: #1a1a1a;
  font-weight: 400;
}

.submit-order-wrapper .collapse .form-control::-moz-placeholder {
  color: #1a1a1a;
  font-weight: 400;
}

.submit-order-wrapper .collapse .form-control:-ms-input-placeholder {
  color: #1a1a1a;
  font-weight: 400;
}

.submit-order-wrapper .collapse .form-control:-moz-placeholder {
  color: #1a1a1a;
  font-weight: 400;
}

.new_bid .form-control::-webkit-input-placeholder {
  color: #333;
  font-weight: normal !important;
}
.new_bid .form-control::-moz-placeholder {
  color: #333;
  font-weight: normal !important;
}
.new_bid .form-control:-ms-input-placeholder {
  color: #333;
  font-weight: normal !important;
}
.new_bid .form-control:-moz-placeholder {
  color: #333;
  font-weight: normal !important;
}

.shippin-wrap {
  clear: both;
  display: inline-block;
}
.shippin-wrap .head-text-po {
  margin-right: 0;
  line-height: 50px;
}
.shippin-wrap .scon-lbl.pu_num-iwrap,
.shippin-wrap .head-text-po {
  display: block;
  float: left;
  line-height: 16px;
  word-break: break-word;
}
.head-text-po {
  padding-top: 17px;
}
.bids-select-wrap select {
  background-color: transparent;
  padding: 4px 5px;
  width: 100%;
  height: 30px;
  border: 1px solid #e4e4e4;
  font-size: 14px;
}
.pad-left {
  text-align: left;
}

.pad-botm-20 {
  padding-bottom: 20px;
}

.clickable-row {
  cursor: pointer;
}
#addPallet .list-inline .parsley-errors-list {
  padding-left: 10px;
}

#addPallet m-l-15 {
  margin-left: 10px !important;
}

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

.new_pallet_configuration list-inline {
  vertical-align: top;
}
.file-upload-class {
  background: cornsilk;
  z-index: 9999999;
  display: inline-block;
  width: 100% !important;
  height: 100% !important;
}
.co-mtb20 {
  margin: 10px 0;
}
.new_pallet_configuration .list-inline > li {
  vertical-align: top;
}
.con-txt .fa.pull-right {
  margin-left: 10px;
  padding: 0 5px;
}
@media (min-width: 992px) {
  /*.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th,
   .table>thead>tr>td, .table>thead>tr>th{
     padding: 5px;
     font-size: 13px;
   }*/
  .final-pamt {
    min-width: 119px;
    display: inline-block;
    text-align: left;
  }
}

@media (max-width: 1200px) {
  .submit-now.drk-grn-color {
    float: right;
  }
  #modal-body .form {
    clear: both;
  }
  .orecv-wrap,
  .ip-resp-tables {
    width: 100%;
    overflow: auto;
  }

  .ip-resp-tables .bp-head-wrap,
  .ip-resp-tables .bp-head-wrap1 {
    min-width: 1200px;
  }
}

@media (min-width: 540px) and(max-width:1199px) {
  .flex-sm {
    display: flex;
    justify-content: center;
    margin: 10px 0 15px;
  }
  .flex-sm > div {
    width: 48%;
  }
  .flex-sm > div + div {
    margin-left: 20px;
  }
  .notes-textarea {
    height: 150px;
  }
}

@media (max-width: 479px) {
  #addPallet .list-inline .parsley-errors-list {
    padding-left: 0;
  }
  #addPallet .selectric {
    padding: 5px 0 !important;
    display: block;
  }
  .selectric-open .selectric {
    padding: 5px 10px;
  }
  #addPallet .m-t-20,
  #addPallet .m-l-15 {
    margin: 0 !important;
  }
  .pnm-wrap .col-xs-6 {
    width: 50%;
    float: left !important;
    clear: inherit;
    padding: 0 15px 10px;
  }
  .pnm-wrap .pull-right.col-xs-6 {
    float: right !important;
  }
  .pnm-wrap .col-xs-6 span {
    font-size: 16px !important;
  }
}
.dispute_table td {
  vertical-align: top !important;
}
.dispute_table td.padin-14 {
  padding-top: 14px;
}

/* Request Type Switch */

.pp-switch {
  display: inline-block;
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.pp-switch-checkbox {
  display: none;
}
.pp-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
}
.pp-switch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.pp-switch-inner:before,
.pp-switch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-weight: bold;
  box-sizing: border-box;
}
.pp-switch-inner:before {
  content: 'Public';
  padding-left: 10px;
  background: #333;
  color: #fff;
}
.pp-switch-inner:after {
  content: 'Private';
  padding-right: 10px;
  background: #333;
  color: #fff;
  text-align: right;
}
.pp-switch-switch {
  display: block;
  width: 18px;
  height: 18px;
  margin: 6px;
  background: #cad34f;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  border: 2px solid #cad34f;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
.pp-switch-checkbox:checked + .pp-switch-label .pp-switch-inner {
  margin-left: 0;
}
.pp-switch-checkbox:checked + .pp-switch-label .pp-switch-switch {
  right: 0px;
  background: #cad34f;
  border-color: #cad34f;
}

.switch-wrap-box {
  height: 173px;
  position: relative;
  margin: 0 12px;
  padding-left: 100px;
}
.ag-span {
  position: absolute;
  left: 0;
  top: 6px;
}
.all-grower {
  line-height: 42px;
}

.pp-switch-list {
  display: block;
}
.pad-90 {
  padding-top: 90px;
}
span.select-grower {
  float: right !important;
}
.list-option {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
}
.list-option:hover {
  cursor: pointer;
}
.options-listed:hover {
  color: green;
}
.xdsoft_noselect {
  z-index: 99999 !important;
}
.bootstrap-select.btn-group .dropdown-menu li {
  display: block;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  white-space: inherit;
}
body {
  -ms-overflow-style: scrollbar;
}
.re-table.chec label {
  float: left;
}
@media (max-width: 767px) {
  .resp-tables .bp-head-wrap > div {
    width: 100%;
  }
  resp-tables .bp-head-wrap > div .batch-selc {
    margin: -5px 0;
  }
  .wdth8.account_p_lbl {
    width: 100% !important;
  }
  .selectric {
    height: 27px;
  }
  .notes-textarea {
    height: 160px;
  }
  .selectric-open .selectric {
    padding: 0px 15px;
  }

  .print-pdf-wrapper.modal-invoice {
    background-color: white;
    zoom: 43%;
    width: 100%;
    min-width: 720px;
  }
  .gs-po-modal .modal-dialog {
    margin: 0;
  }
  .gs-po-modal .modal-body {
    position: relative;
    padding: 15px 5px;
  }
}
.sbtm5 {
  margin-bottom: 5px;
}
@media (max-width: 600px) {
  .right-db-wrap {
    clear: both;
    float: left !important;
  }
  .submit-now,
  .white-box.r-height .submit-now {
    width: 100%;
  }
  .btm-100,
  a.gr-btn.submit-now.btm-100,
  a.gr-btn.submit-now.btm-100.btm-165 {
    width: 100% !important;
  }
  .account_p_lbl.notespop .add-notes-modal {
    position: fixed;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .mbtns-wrap li,
  .nmbtns-wrap li {
    width: 100%;
  }
  .mbtns-wrap li + li,
  .nmbtns-wrap li + li {
    margin-top: 10px;
  }
  .sellect-destination-list {
    width: 340px;
  }
  .gor-dwrap1 > div + div {
    border-left: none;
  }
  .mbtns-wrap.eao li {
    width: 48%;
  }
}
@media (max-width: 360px) {
  .sellect-destination-list {
    width: 280px;
  }
}
.wdth-increase {
  min-width: 680px !important;
}
.modal-word-brk {
  word-break: break-word;
}

.ci-wrap {
  background-color: #f2f2f2;
  padding: 0 12px;
}
.ci-wrap:nth-child(even) {
  background-color: #e6e6e6;
}
.ci-wrap .checkboxFive {
  background: transparent !important;
}
.ci-wrap > div {
  display: inline-block;
  vertical-align: top;
  width: auto;
}
.ci-wrap > div:first-child {
  width: 48%;
}
.ucfile {
  padding: 5px 0;
}
.new-order-request .modal-dialog {
  width: 100%;
  max-width: 450px;
  text-align: center;
  margin: 15% auto 0;
}
.new-order-request .modal-content {
  border-radius: 0;
  padding: 20px;
}
.new-order-request h4 {
  font-weight: 600;
  font-size: 18px;
  margin: 0 0 20px;
}

.new-order-request a.gbox,
.new-order-request a.grn-box {
  background: #d9d9d9;
  display: block;
  padding: 10px;
  max-width: 380px;
  margin: 0px auto;
  color: #333;
  font-size: 12px;
  text-decoration: none !important;
  cursor: pointer;
  font-weight: 500;
}
.new-order-request a.grn-box {
  background: #92d14f;
  margin-top: 10px;
}
.gbox h5,
.grn-box h5 {
  font-weight: 600;
  margin: 5px 0;
}

.sslr-box {
  padding: 10px 15px;
  background: #ececd4;
  font-weight: 600 !important;
  color: #333;
  font-size: 12px;
  margin-bottom: 10px;
  z-index: 1;
}

.no_time_limit
{
  font-weight: 600;
  font-size: 12px;
}

.enterprice_heading {
      padding: 5px;
    background: #cccc;
    font-weight: 600 !important;
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
    z-index: 1;
}

.white_color {
  color: white !important;
}

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

.white_bg {
  background-color: white !important;
}
.blue_bg {
  background-color: #CBD3E5 !important;
}

.border_zero {
  border-radius: 0px !important;
}
.border_none {
  border: none !important;
}

.escaltor_form {
  position: relative;
  padding-left: 20px !important;
}

.enterprice_footer {
    padding: 5px;
    background-color: #5C7A8C;
    font-weight: 600 !important;
    color: #333;
    font-size: 14px;
    z-index: 1;
}

.submit-order-wrapper .form-control.sslr-input {
  font-size: 14px;
  background: #fff;
  border: 1px solid #ccc;
  height: 40px;
  margin: 0 0 15px;
}
.table-bordered.commodities-table {
  font-size: 11px;
  border: 1px solid #000;
  background: #fff;
}
.table-bordered.commodities-table.como-table {
  font-size: 11px !important;
}
.table-bordered.commodities-table.como-table thead tr th:last-child {
  width: 30px;
}
.table-bordered.commodities-table thead tr th,
.table-bordered.commodities-table tbody tr td {
  vertical-align: top;
  border: 1px solid #000;
  border-bottom: none;
}

.table-bordered.commodities-table thead tr th {
  background: #ececd4;
}
.commodities-table .selectric {
  display: block;
}
.add-comm a {
  display: inline-block;
  color: #000;
  margin-bottom: 15px;
}
.submit-order-wrapper textarea.form-control.ms-notes {
  height: auto;
  min-height: 100px;
  background: #fff !important;
  border: 1px solid #ccc;
  resize: vertical;
  margin-bottom: 20px;
  max-width: 85%;
}
.chat-100 {
  width: 150px !important;
  float: right;
  font-size: 18px;
  font-weight: 500;
  height: 44px;
  margin: 62px 0 0;
  padding: 5px;
}
.chat-100.wdth-350 {
  width: 350px !important;
  margin: 20px 0 0 !important;
}
.grnd-total {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  clear: both;
}
.submit-order-wrapper .form-control.sml-input {
  height: 34px;
  width: 75px;
  border: 1px solid #ccc;
  font-size: 12px;
  text-align: center;
}
.table-bordered.commodities-table tbody tr.new-bid-row td {
  border: none;
  background: #feefd8;
}

.new-bid-lbl {
  text-align: right;
  padding: 7px 0;
  font-weight: 600;
  color: #6da542;
}

.nbs-btn {
  float: right;
  margin: 0 70px;
  border-radius: 0;
  background: #6da542;
  border: 2px solid #6da542;
}
.nbs-btn:hover,
.nbs-btn:focus {
  background: #fff;
  color: #6da542;
  cursor: pointer;
}

.cor-wrap a + a {
  margin-top: 12px;
}
.sfa-wrap .small-lbl {
  font-size: 12px;
  color: #333;
  font-weight: 600;
  padding: 0;
}

.sfa-wrap .selectric {
  display: block;
  height: 36px;
  padding: 3px 12px;
  background: #fff;
  border: 1px solid #ccc;
}
.sfa-wrap .selectric .label {
  color: red;
}
.sfa-wrap .selectric .button {
  top: 4;
}
.sfa-wrap .form-control[disabled] {
  color: red;
}
.ss-swrap .selectric {
  display: block;
  height: 30px;
}
.mf-notes-wrap .notes-textarea.snotes {
  background: #fff !important;
}

.notes-box {
  min-height: 100px;
  background: #fff;
  border: 1px solid #ccc;
  resize: vertical;
  margin-bottom: 20px;
  max-width: 85%;
}
.adjust-shipped {
  max-width: 420px;
  margin: 0px auto;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.scon-lbl.pu_num-iwrap input.adj-input {
  text-align: center;
  color: #333;
}
a.gr-btn.submit-now.btm-165 {
  width: 165px !important;
}
.btm-100 {
  width: 150px !important;
  float: right;
  font-size: 18px;
  font-weight: 500;
  height: 44px;
  margin: 0;
  padding: 5px;
}
.submit-now.drk-grn-color.btm-100 + .submit-now.drk-grn-color.btm-100 {
  margin-left: 10px;
}
.pbox {
  position: relative;
}
.pbox .input-group-addon {
  padding: 0;
  background: none;
  position: absolute;
  z-index: 99;
  left: 8px;
  border: none;
  top: 11px;
}
.pbox .form-control {
  border-radius: 4px !important;
  padding: 6px 16px !important;
}

.btn-grn.add-commodity {
  height: 35px;
  width: auto;
  margin: 0 0 10px;
}

/*Rey style*/
.preopprovedFluid {
  background-image: url(/assets/Cabbage_Crate.jpg);
  min-height: 100vh;
  background-size: cover;
  position: relative;
  padding: 80px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.preopprovedFluid .preopprovedBox {
  background-color: #2d2d2d;
  padding: 60px 80px;
  float: none;
  margin: auto;
  display: block;
}
.preopprovedFluid .preopprovedBox .caption {
  margin: 0px;
  color: white;
  font-weight: bold;
}
.preopprovedFluid .sub-caption {
  color: #c89d35;
  font-size: 20px;
}

.preopprovedFluid .steps {
  padding-left: 0px;
}
.preopprovedFluid .steps li {
  list-style: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 12px;
}
.preopprovedFluid .steps li:first-child {
  margin-left: 0px;
}
.preopprovedFluid .steps li div {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.preopprovedFluid .step-number {
  width: 36px;
  height: 36px;
  border: 3px solid #b3bc43;
  border-radius: 50%;
  color: white;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
}
.preopprovedBox .step-caption {
  color: white;
  font-size: 14px;
  font-family: 'Open Sans';
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 4px;
}
.preopprovedBox .step-sub-caption {
  color: white;
  font-family: 'Open Sans';
  font-size: 14px;
}

.n-flex-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.mt-15 {
  margin-top: 15px;
}
.mt-25 {
  margin-top: 25px;
}
.preopprovedBox .formWrap label {
  font-weight: bold;
  color: white;
  margin-bottom: 10px;
}
.preopprovedBox .formWrap .bootstrap-select {
  width: 100% !important;
}
.preopprovedBox .formWrap input,
.preopprovedBox .formWrap .bootstrap-select .btn {
  padding: 15px;
  border-radius: 0px;
  height: auto;
}
.preopprovedBox .formWrap .green {
  color: #b3bc43;
}
.preopprovedBox .formWrap .site-btn,
.preopprovedBox .formWrap .site-btn:focus,
.preopprovedBox .formWrap .site-btn:hover {
  width: 100%;
  padding: 15px 5px;
  background-color: transparent;
  color: white;
  font-weight: bold;
  border: 1px solid #b3bc43;
  font-size: 16px;
}
.mt-20 {
  margin-top: 20px;
}
/* The checkbox-container */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 22px;
  margin-top: 15px;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border: 3px solid #b3bc43;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: transparent;
}

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

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

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #b3bc43;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 1599px) {
  .preopprovedFluid .preopprovedBox .caption {
    font-size: 36px;
  }
  .preopprovedFluid .sub-caption {
    font-size: 24px;
  }
  .preopprovedBox .step-sub-caption,
  .preopprovedBox .step-caption {
    font-size: 16px;
  }
  .preopprovedBox .formWrap label {
    font-size: 18px;
  }
  .preopprovedBox {
    width: 100%;
  }
  .cus-col-xl-5 {
    width: 38%;
  }
  .cus-col-xl-10 {
    width: 76%;
  }
}
.message-buttons {
  padding: 10px;
}
.btn.btn-default.yes-button {
  font-size: 12px;
  margin: 5px;
  background-color: #0aad80;
  color: white;
  min-width: 60px;
}
.btn.btn-default.no-button {
  font-size: 12px;
  margin: 5px;
  background-color: red;
  color: white;
  min-width: 60px;
}
.grey-backround {
  background-color: #424141;
  position: absolute;
  bottom: 55px;
  width: 100%;
}

.lineitem {
  margin-left: 50%;
  font-family: Calibri;
}

table.tbl-bordered.half {
  width: 50%;
  margin-left: 50%;
}
.sub-hd {
  font-weight: 800;
  color: #6da542;
  margin-top: 5px;
}
.blue-hd {
  color: #2965A8;
}

.green-hd {
  color: #BFCD3E;
}
.sub-hd p {
  font-weight: 400;
  color: #000000;
  width: 250px !important;
}
.text-white {
  padding: 0;
  padding-right: 14px;
  color: white !important;
}
/* 08/09/18 */
.p-0 {
  padding: 0px;
}
/*.clr-w{
  color: #ffffff !important;
}*/

.left-lin tr td {
  text-align: left !important;
}
table.mb-0 {
  margin-bottom: 0px;
}
.order_units.clr-b {
  color: #333 !important;
  font-weight: 400;
}
.order_price.clr-b {
  color: #333 !important;
  font-weight: 400;
}
.clr-b {
  color: #000000 !important;
}

.right-db-wrap.mb-0 {
  margin-bottom: 0px;
}

.place-clr::placeholder {
  color: #ffffff !important;
}
/* 11/9/ */
.bg-clr {
  background-color: #fff;
}
.table-bordered.commodities-table.avt-sh {
  color: #000;
}
.col-md-8.tt .btn-group b {
  margin-bottom: 0;
}
.p-15 {
  padding: 15px;
}
.b-c {
  border: 1px solid #000;
}
.lloader {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: fixed;
  z-index: 999999999 !important;
  background: url(/assets/loader.gif) no-repeat center center
    rgba(0, 0, 0, 0.25);
}

.btn-blue {
  color: white;
  font-size: 15px;
  font-weight: 600;
  background: #47a9e2;
}

.alha-gray-odd {
  background-color: #f3f3f3 !important;
}

.alha-gray-even {
  background-color: #ffffff !important;
}

.border-wgt {
  border: 1px solid white !important;
}

.btn-red {
  background: red;
  border: none;
  color: #fff;
}
.btn-red:hover {
  background: red;
  border: none;
  color: #fff;
}
.btn-grey {
  background: #ccc;
  border: none;
  color: #fff;
}
.btn-grey:hover {
  background: #ccc;
  border: #ccc;
  color: #fff;
}
/* 18/09 */
.text-a {
  color: #fff !important;
}
.tt .btn-group b {
  margin-bottom: 0px;
}
.uniq-drop .selectric-wrapper {
  position: relative;
  cursor: pointer;
  border: 1px solid #cccccc;
  width: 100%;
  padding: 10px 3px;
  border-radius: 2px;
}
.uniq-drop .selectric {
  width: 100% !important;
}
.modal .selectric {
  width: 100% !important;
}
.uniq-drop .modal .selectric-open .selectric {
  border: none !important;
  outline: 0;
}
.uniq-drop .multiselect.dropdown-toggle {
  height: 50px;
}
.p-0 {
  padding: 0px;
}
/* 20/09 */
.commodities-table .fon-st.form-control {
  height: 30px !important;
}
.submit-order-wrapper .bid-list .fon-st.form-control {
  height: 36px;
  border: 1px solid #ccc;
  outline: none;
  border-radius: 0px !important;
  font-family: 'Open Sans' !important;
  font-size: 13px !important;
}
.fon-st {
  font-family: 'Open Sans' !important;
  font-size: 13px !important;
}
.hed-alx.table-bordered.commodities-table thead tr th {
  text-align: center;
  vertical-align: middle !important;
}
/* 26/09 */
.shippin-wrap label {
  float: left;
}
.shippin-wrap input.form-control {
  border: 1px solid #777;
  border-radius: 0px;
  height: 40px;
}
/* 28/09 */
.mt-0 {
  margin-top: 0 !important;
}
.dis-f {
  display: flex;
  align-items: center;
}
.close {
  opacity: 1.2 !important;
}
/* 11/10 */
.col-md-2.hdiv {
  padding-right: 0px;
}
#orders_buyer_offers_received .col-md-2.hdiv {
  margin-left: 0px;
}
.submit-order-wrapper .bor-der .form-control {
  border-radius: 0;
  border: 1px solid #cccccc;
  font-weight: 600;
  font-size: 14px;
}
.new-select.set_pallet_sw .form-control {
  z-index: 99 !important;
}

.add-pal {
  width: 285px;
  max-width: 100%;
}

.wrd-brk {
  word-break: break-word;
}

.submit-order-wrapper .view-ware .form-control {
  height: 25%;
  background-color: transparent;
  padding: 5px 15px;
  border: 1px solid #aaa;
}
.cus-selectric .selectric .label {
  margin: 0 25px 0 0;
  font-size: 11px;
}
.border-wgt.cus-selectric {
  padding: 0;
}
.table-bordered.commodities-table {
  border: transparent;
}
.total-amount-negotiation.total-amt {
  width: 87px !important;
}
.row-count {
  border: 1px solid #feefd8;
}

/* 30/10 */
@media screen and (min-width: 1119px) {
  .albi-scrll {
    width: 100%;
    /* overflow-x:auto; */
    /* overflow-y:hidden; */
  }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
  .table > tbody > tr > td.bg-clr {
    padding: 1px;
    font-size: 9px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .table > tbody > tr > td.bg-clr {
    padding: 4px;
    font-size: 10px;
  }
  .table > thead:first-child > tr:first-child > th {
    font-size: 12px;
  }
}

@media screen and (min-width: 425px) {
  .bot-temp {
    font-size: 9px !important;
  }
  .top-temp {
    font-size: 4px !important;
  }
  .grow-logo {
    width: 110px !important;
    object-fit: contain;
  }
  .tem-hed {
    font-size: 14px !important;
  }
  .each-ico {
    width: 30px !important;
  }
}

/* 5/11 */
.gro-sel.new-select {
  margin: 0px 0;
  margin-bottom: 12px;
}

.new-select.gro-sel .selectric .button {
  height: 34px;
}

.new-select.gro-sel .selectric .label {
  height: 34px;
}

.table-bordered.commodities-table
  tbody
  tr
  td.new-select.gro-sel
  .selectric
  .button {
  height: 35px;
  line-height: 32px;
  border: 1px solid #ccc;
}

.table-bordered.commodities-table
  tbody
  tr
  td.new-select.gro-sel
  .selectric-open
  .selectric-items {
  top: 34px;
}

.final-destination .bootstrap-select.btn-group .dropdown-menu.inner {
  margin-top: -3px;
}

/* .print-pdf-wrapper table.tbl-bordered td, .print-pdf-wrapper table.tbl-bordered th{
  padding: 8px 2px!important;
} */

.print-pdf-wrapper table tr.ver-mid td {
  vertical-align: middle !important;
}

.select2-container {
  max-width: 100%;
}

@media (max-width: 992px) {
  .pull-right.pbt-order {
    float: none !important;
    text-align: center;
  }
  .table-bordered.commodities-table tbody tr td.account_p_lbl {
    border: none;
  }
  .margin-auto.ai-center {
    text-align: center;
  }
  .new_pallet_configuration {
    padding-bottom: 50px;
  }
  .height-auto {
    height: auto !important;
  }
  .toast {
    max-width: 90% !important;
    width: 100% !important;
    min-width: 90% !important;
    left: 5% !important;
    right: 5% !important;
    margin: 20px auto !important;
    height: auto !important;
    padding: 8px !important;
  }
  .headline {
    font-size: 16px;
  }
  .resp-om .selectric-wrapper.selectric-sdd-select .selectric-items {
    height: 125px !important;
    overflow: auto;
  }
  .dispute-problem .selectric-items .selectric-scroll,
  .dispute-problem .selectric-items,
  .or-selec .selectric-items .selectric-scroll,
  .or-selec .selectric-items {
    max-height: 100px;
  }

  #payments_display {
    clear: both;
  }
  .multiselect-container > li {
    padding: 5px 0 !important;
  }
  .multiselect-container > li > a > label {
    line-height: 14px;
  }
  .multiselect-container > li > a > label > input[type='checkbox'] {
    margin: auto 0 auto -20px !important;
    top: 0;
    bottom: 0;
    height: 16px;
    width: 16px;
  }
  .gdiv {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .new_order .small-lbl {
    padding: 0;
  }
  .text-left-sm {
    text-align: left !important;
  }
  .submit-now.drk-grn-color {
    float: left;
  }
  .chat-100.wdth-350 {
    margin: 20px 10px 0 !important;
  }
  .new_order .selectric {
    height: 30px;
  }
  .new_order .selectric-open .selectric {
    border: 1px solid #ccc;
  }
  .gs-po-modal .modal-body {
    padding-bottom: 225px;
  }
  tbody.direct-order-list .label {
    margin-right: 95px !important;
  }
}

@media (max-width: 767px) {
  .account_p_lbl > div {
    position: relative;
  }
  .table-bordered.commodities-table
    tbody
    tr
    td.new-select.gro-sel
    .fon-st.form-control {
    width: 100% !important;
    padding-right: 30px !important;
    font-size: 12px !important;
  }
  .table-bordered.commodities-table
    tbody
    tr
    td.new-select.gro-sel
    .selectric-wrapper {
    top: 0px !important;
    right: 0px !important;
    height: 35px;
  }
  .table-bordered.commodities-table
    tbody
    tr
    td.new-select.gro-sel
    .selectric
    .button {
    width: 30px;
    z-index: 99;
  }
  td.new-select.gro-sel .selectric {
    height: 35px;
  }
  .submit-order-wrapper textarea.form-control.ms-notes {
    max-width: 100%;
  }
  .cor-wrap a.submit-now {
    width: auto;
    margin: 0;
    font-size: 12px;
    padding: 10px 6px;
    text-align: center;
    max-width: 49%;
    float: none;
  }
  .cor-wrap a.submit-now + a.submit-now {
    margin: 0 0 0 1%;
  }
  .cor-wrap {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .select2-container {
    width: 100% !important;
  }
  .btm-100 {
    width: 100px !important;
    float: right;
    font-size: 18px;
    font-weight: 500;
    height: 44px;
    margin: 3px;
    padding: 5px;
  }
  .resp-om .selectric-wrapper.selectric-sdd-select .selectric-items {
    position: relative !important;
  }
}

@media (max-width: 479px) {
  .cor-wrap a.submit-now {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
  }
  .cor-wrap a.submit-now + a.submit-now {
    margin: 0;
    margin-top: 5px;
  }
  .table-bordered.commodities-table {
    border: 1px solid #d5d5d5 !important;
  }
  .buyer_expenses {
    width: 100% !important;
  }
  .pa03 {
    padding: 5px 0;
    text-align: center;
  }
  .submit-order-wrapper .form-control.small-btn {
  }
  .direct-order-list
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    width: 310px !important;
  }
  .resp-tables .table-bordered.commodities-table tbody tr,
  .resp-tables .table > tbody > tr {
    border: 1px solid #ededed !important;
    background: #fff;
  }
  .new-select.set_pallet_sw .form-control {
    z-index: 9 !important;
  }
  .account_p_lbl > div {
    padding: 6px 0;
  }
  .pal-details {
    flex-flow: column;
  }
  .Choose-commodity span.select2-selection.select2-selection--single .button {
    right: 0 !important;
  }
  .pal-details {
    padding: 6px !important;
  }
  .grnd-total {
    padding-top: 15px;
  }
  .submit-now.drk-grn-color.res-d,
  .submit-now.drk-grn-color {
    width: 100% !important;
    min-width: 100%;
  }
  .row_element.newreqdesign .account_p_lbl:before {
  }
  .row_element.newreqdesign .account_p_lbl div,
  .row_element.newreqdesign .account_p_lbl:before,
  .row_element.newreqdesign .account_p_lbl.single-order-comdty,
  .row_element.newreqdesign .account_p_lbl div.Choose-commodity {
    width: 100% !important;
  }

  .account_p_lbl div.add-notes-modal .modal-dialog {
    width: auto!important;
  }

  .table-bordered.commodities-table tbody tr.row_element.newreqdesign td {
    border: 1px solid #ffffff !important;
  }
  .resp-tables .tables > tr > td.account_p_lbl,
  .resp-tables .tables > tr > td.account_p_lbl:before {
    font-size: 12px;
  }
  .gs-sm-wrapper {
    display: block;
    width: 100%;
  }
  .fn-notif {
    float: left !important;
  }
  .fn-notif .bell-wrap {
    display: block;
  }
  .gs-sm-wrapper .switch-tabs {
    /*display: flex;*/
    display: -webkit-flex;
    width: 100%;
    float: none;
    margin: 10px auto;
    text-align: center;
    flex-wrap: wrap;
  }
  .gs-sm-wrapper .dashboard-flex {
    flex-flow: column-reverse;
    align-items: self-start;
    margin-top: 15px;
  }
  .enter-notes-here {
    width: 100% !important;
  }
  .account_p_lbl {
    padding: 0px 5px !important;
  }
  td.border-wgt.account_p_lbl.p-details {
    width: 100% !important;
  }
  .right-col {
    padding-top: 26px;
  }
  .login-right-wrapper a img {
    object-fit: contain;
    height: auto;
    width: 250px;
    margin: 15px auto;
  }
  .dropdown-menu.noti-dd {
    max-width: 340px;
    width: 340px;
    left: 0px;
  }
  .chat-w .panel-info {
    min-height: 100%;
  }
  .chat {
    min-height: 525px !important;
  }
  .chat-w {
    position: fixed;
    top: 85px;
    bottom: 0;
    right: 0;
    width: 100%;
    min-height: 475px;
    z-index: 1000000;
    display: none;
  }
  .sub-hd {
    font-size: 22px;
  }
  .chat-w .new_message {
    bottom: 10px !important;
  }
  /* .right-db-wrap.submit-order-wrapper{
        float: left;
        width: 100%;
    } */
}

/* 3/25 */
.mobileDisTable,
td.responsiveBtnOne a.accepted {
  display: none;
}

@media (max-width: 1199px) {
  .side-menu-list li.deals a img {
    width: 44px !important;
  }
}

/*.order-manager-table tr.stripped-td table td .inner-table.ws-table:hover {
    background-color: #000 !important;
    z-index: 9999;
}*/

.seller-order-wrap .som-selc-wrap .selectric-open,
.order-manager-table tr.stripped-td table td .inner-table.ws-table:hover {
  z-index: 9999999;
}
.disputehideshow {
  display: none;
}

@media (min-width: 1200px) and (max-width: 1340px) {
  .dgrn-bck.wdth-176 {
    width: 152%;
  }
  .dgrn-bck.wdth-138 {
    width: 125.86%;
  }
}

/* css responsive */

@media (max-width: 1440px) {
  .dgrn-bck.wdth-138 {
    width: 122% !important;
  }
}

@media (max-width: 1500px) {
  .dgrn-bck.wdth-138 {
    width: 122% !important;
  }
}

@media (max-width: 1366px) {
  .dgrn-bck.wdth-138 {
    width: 123.5% !important;
  }
}

@media (max-width: 1600px) {
  .dgrn-bck.wdth-138 {
    width: 121.5%;
  }
}

@media (max-width: 1680px) {
  .dgrn-bck.wdth-138 {
    width: 121%;
  }
}

@media (max-width: 1920px) {
  .dgrn-bck.wdth-138 {
    width: 122%;
  }
}

@media (max-width: 1305px) {
  .dgrn-bck.wdth-138 {
    width: 125% !important;
  }
}

@media (max-width: 1280px) {
  .dgrn-bck.wdth-138 {
    width: 126.5% !important;
  }
}

@media (max-width: 992px) {
  .chat-w {
    display: none;
  }
  .dispute-center {
    right: 0;
    width: 100%;
  }
}

@media (max-width: 600px) {
  .resp-tables .table > tbody > tr.even {
    background: #f0f0f0;
  }
  .chat-w {
    width: 100%;
  }
  .shippin-wrap .scon-lbl.pu_num-iwrap,
  .shippin-wrap .head-text-po {
    margin-bottom: 0;
    width: 100%;
    padding-bottom: 15px;
    max-width: 100%;
  }
  .shippin-wrap .scon-lbl.pu_num-iwrap {
    padding-bottom: 0px;
  }
  .shipping_information_modal {
    margin-left: auto;
    font-weight: 800;
    color: #000;
  }
  .shippin-wrap {
    padding: 5px 5px;
  }
  .disputehideshow {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    text-transform: capitalize;
    background: #ced65c;
    color: black;
    width: auto;
    text-align: center;
    min-width: fit-content;
    max-width: 100%;
  }
  .disputehideshow.BC {
    background: #3b9ac7;
    color: #fff;
    max-width: 150px;
    margin: 10px auto;
  }
  .dispute-center .dispute-header h4 b {
    margin-top: 10px;
    display: block;
  }
  .right-db-wrap {
    clear: both;
    float: left;
  }
  .mobileDisTable.a_ght {
    height: auto;
  }
  .mobileDisTable {
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    height: 50px;
    position: relative;
    margin-left: 15px;
    overflow: hidden;
  }
  .mobileDisTable span p {
    color: #000;
    font-size: 12px;
    font-weight: 500;
  }
  .mobileDisTable span {
    color: #3296c9;
    font-size: 13px;
    font-weight: 600;
    max-width: 40%;
    width: 40%;
  }

  .mobileDisTable:before {
    content: '\f0d7';
    position: absolute;
    font-family: 'FontAwesome';
    color: #92d050;
    font-size: 20px;
    left: 0px;
    top: 4px;
  }
  .right-db-wrap.submit-order-wrapper.r_bg_pvt {
    background: #4f4e4e;
  }
  .right-db-wrap.submit-order-wrapper.r_bg_mplc {
    background: #ffffff;
  }
  .right-db-wrap.submit-order-wrapper {
    background: #ffffff;
  }
  /*responsive css for buyer offer received page*/
  td.responsiveBtnOne,
  td.responsiveBtnTwo {
    display: block !important;
  }
  td.border-wgt.cus-selectric.account_p_lbl.b_ofr_s_scn,
  td.account_p_lbl.l-acn.b_p_dspt,
  td.account_p_lbl.l-acn.s_p_s_infrm {
    display: none !important;
  }
  .wdth8.orecv-selc.account_p_lbl.m-b-o-page {
    display: none !important;
  }
  /*responsive css for buyer offer received page-end*/
}

@media (max-width: 475px) {
  td.responsiveBtnOne a.accepted {
    background: #c2cb4e;
    text-align: center;
    padding: 6px 12px;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  td.responsiveBtnOne a.accepted {
    display: none;
  }
  td.responsiveBtnOne a {
    text-align: center;
    background: white;
    padding: 6px 12px;
    color: #8c8c8c;
    font-weight: 500;
    font-size: 14px;
    display: block;
  }
  td.responsiveBtnTwo a#actionValue .ulList {
    display: none;
  }
  td.responsiveBtnTwo a {
    background: #4472c4;
    padding: 6px 12px;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    display: block;
  }
  a.actionValue.actionValue-m {
    background: #4472c4;
    padding: 6px 12px;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    display: grid;
    width: 100%;
  }
  .mobileRemove {
    display: none !important;
  }
  div.m-rsp {
    display: block !important;
    width: -webkit-fill-available;
  }
}

@media (max-width: 450px) {
  .dispute-btngroup {
    display: grid;
    grid-gap: 5px;
  }
}

/* 04/12/19 */

.resp-tables .table > tbody > tr.d-row.alha-gray-odd {
  background-color: #fff !important;
}

.resp-tables .table > tbody > tr.d-row.alha-gray-even {
  background-color: #f3f3f3 !important;
}

.ulList li {
  background-color: white;
  padding: 8px 10px;
  border-bottom: 1px solid #ececec;
  text-align: left;
}

.new_order_btn {
  display: block;
  margin-bottom: 10px !important;
  color: white !important;
  height: 35px !important;
  padding: 0px !important;
  background: #6da542;
  border-color: #6da542 !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  border: 2px solid #eaecd1;
  outline: 0;
  margin-top: 10px !important;
}

.new_order_btn:focus, .new_order_btn:hover {
  cursor: pointer;
  text-decoration: none;
  color: white !important;
}

.search_input {
  margin-top: 10px !important;
  margin-bottom: 10px;
  /*height: 35px !important;*/
  width:  100% !important;
  border-radius: 0px !important;
}

.clear_search {
  cursor: pointer;
}

.clear_search.disabled {
  cursor: none;
  pointer-events: none;
}
.circle_red {
  color: #6da542;
}

.close_btn {
  position: absolute;
  top: 14px;
  margin-left: 344px;
  display: inline-block;
  font-size: 19px;
  color: red;
  cursor: pointer;
}

.filter_button {
  display: block;
  width: 50%;
  height: 33px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: #666;
  border: 1px solid #ccc;
  outline: 0;
  margin-top: 10px;
  float: right;
}

.price_sheet_text{
  font-weight: bold !important;
  font-size: 18px;
  margin-right: 10px;
}

.offline_link {
  color: blue;
  cursor: pointer;
}

@media(min-width:300px) {
  .dashboard-wrapper .right-db-wrap.submit-order-wrapper.r_bg_pvt.black_back {
    background: #4f4e4e;
  }
  .dashboard-wrapper .right-db-wrap.submit-order-wrapper.r_bg_pvt.white_back {
    background:  #f2f2f2;
  }
  .dashboard-wrapper.shippingInfo .right-db-wrap.submit-order-wrapper.r_bg_pvt {
    background: #4f4e4e;
  }
}

.buyer-final-terms-title {
  font-size: 12px !important;
  line-height: 24px;
}

.buyer-final-terms-textarea {
  font-size: 12px !important;
  line-height: 24px;
  min-height: 200px;
  resize: vertical;
}

.rfp_new_design .workspace-header{
    display:flex;
    align-items:center;
    padding:18px 25px;
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    margin-bottom: 20px;
    margin-top: 20px;
}

.rfp_new_design .workspace-box{
    background:#0d6582;
    color:#fff;
    padding:16px 28px;
    border-radius:8px;
    display:flex;
    align-items:center;
}

.rfp_new_design .workspace-title{
    font-size: 18px;
    font-weight:700;
}

.rfp_new_design .workspace-badge{
    margin-left:12px;
    border:1px solid rgba(255,255,255,.5);
    border-radius:4px;
    padding:2px 8px;
    font-size:11px;
    text-transform:uppercase;
}

.rfp_new_design .divider{
    width:1px;
    height:45px;
    background:#ddd;
    margin:0 25px;
}

.rfp_new_design .partner-title{
    color:#8f28ff;
    font-size: 18px;
    font-weight:400;
    margin-right:25px;
}

.rfp_new_design .company-tabs{
    display:flex;
    align-items:center;
}

.rfp_new_design .company-tabs .tabs{
    min-width:170px;
    text-align:center;
    padding:15px 25px !important;;
    border-radius:8px 8px 0 0 !important;;
    cursor:pointer;
    margin-right:15px;
    transition:.3s;
}

.rfp_new_design .active_linked_tabs{
    background:#efe5ff !important;
    color:#7a22ff;
    font-weight:700;
    border-bottom:3px solid #8f28ff;
    color: #9e5ee1 !important;
}

.rfp_new_design .non_active_linked_tabs{
    background: #ede2f6 !important;
    color:#9a73d8 !important;
    font-weight: 700;
}

.rfp_new_design .more-company-dropdown {
    margin-left:20px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:30px;
    padding:10px 18px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    box-shadow:0 2px 6px rgba(0,0,0,.12);
}

.rfp_new_design .more-company-dropdown  i{
    margin-left:10px;
}

.rfp_new_design .more-company-dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
}

.rfp_new_design .company-dropdown-list {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  margin-top: 5px;
  padding: 5px;
  z-index: 1000;
  min-width: 220px;
  max-height: 200px;   /* scroll limit */
  overflow-y: auto;    /* enable scroll */
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  border-radius: 4px;
  right: 0;
}

.rfp_new_design .company-dropdown-item {
  margin-bottom: 5px;
}

.rfp_new_design .company-dropdown-item:last-child {
  margin-bottom: 0;
}

.rfp_new_design .company-dropdown-item .s-tabs {
  width: 100%;
  display: block;
  cursor: pointer;
  border-radius: 3px;
}

#margin-engines .margin-container {
  margin: 15px auto;
}

#margin-engines .margin-tabs {
  display: inline-flex;
  border-bottom: none;
  margin-left: 12px;
}

#margin-engines .margin-tab {
  padding: 8px 20px;
  border: none;
  background-color: #d9d9d9;
  cursor: pointer;
  font-weight: bold;
  border-right: 1px solid #cfcfcf;
}

#margin-engines .new-margin-tab {
  padding: 8px 20px;
  border: none;
  background-color: deepskyblue;
  float: right;
  margin-right: 20px;
  cursor: pointer;
  font-weight: bold;
  border-right: 1px solid #cfcfcf;
}

#margin-engines .margin-tab:last-child {
  border-right: none;
}

#margin-engines .margin-tab.active {
  background-color: #2d7ff9;
  color: white;
}

#margin-engines .margin-table-wrapper {
  padding: 15px;
}

#margin-engines table {
  width: 70%;
  border-collapse: collapse;
  background-color: #f5f5f5;
}

#margin-engines th {
  text-align: left;
  padding: 10px;
  border: 1px solid #cfcfcf;
  background-color: #dddddd;
}

#margin-engines td {
  padding: 10px;
  border: 1px solid #cfcfcf;
}


.rep_fomr
  {
  position: relative;
  top: 36px;
  border: none;
  }
  .sell .dropdown-toggle.btn-default{
    background-color: transparent !important;
    border-color: black !important;
    font-size: 13px;
    font-weight: 500;
  }
  .dropdown-menu.seller {
    top: 22px;
    left: 0;
    z-index: 99999;
    overflow-y: scroll;
  }
  .s_rep_names{
    margin-left: 3px;
    font-size: 12px;
    font-weight: 400;
  }
  .seller-rfp-banner{
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 12px 0 14px 0;
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #b7cf7a;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dfeac0;
  }
  .seller-rfp-search-wrap{
    padding-left: 0 !important;
  }
  .seller-rfp-search-wrap .col-md-8{
    padding-left: 0 !important;
  }
  .seller-rfp-banner__icon{
    width: 42px;
    height: 42px;
    border: 2px solid #8ab23f;
    color: #8ab23f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 6px;
    flex-shrink: 0;
  }
  .seller-rfp-banner__title{
    font-size: 16px;
    font-weight: 700;
    color: #3b3b3b;
    line-height: 1.2;
    margin-bottom: 2px;
  }
  .seller-rfp-banner__text{
    font-size: 14px;
    color: #5b5b5b;
    line-height: 1.35;
  }

#margin-engines .policy-tab {
  display: inline-flex;
  border-bottom: none;
}

#margin-engines .policy-tab {
  padding: 8px 20px;
  border: none;
  background-color: #d9d9d9;
  cursor: pointer;
  font-weight: bold;
  border-right: 1px solid #cfcfcf;
}

#margin-engines .new-policy-tab {
  padding: 8px 20px;
  border: none;
  background-color: deepskyblue;
  float: right;
  margin-right: 20px;
  cursor: pointer;
  font-weight: bold;
  border-right: 1px solid #cfcfcf;
}

#margin-engines .policy-tab:last-child {
  border-right: none;
}

#margin-engines .policy-tab.active {
  background-color: #2d7ff9;
  color: white;
}


.sharing_status_badge
{
  background: lightblue !important;
  padding: 3px !important;
}

.margin-unset {
  margin: unset !important;
}

  .buyer_filter_drodown {
    position: relative;
    top: 36px;
    margin-right: 10px;
  }

  .buyer_filter_drodown .filterDropdown {
    position: relative;
  }

  .buyer_filter_drodown .daily-pricing-filter__dropdown {
    float: right;
    margin-bottom: 10px;
  }

  .buyer_filter_drodown .daily-pricing-filter__button {
    background: transparent;
    border: 1px solid black;
    height: fit-content;
    border-radius: 3px !important;
    padding: 6px !important;
  }

  .buyer_filter_drodown .rep_fomr {
    position: relative;
    width: 50%;
    border: none;
  }

  .buyer_filter_drodown .sell .dropdown-toggle.btn-default {
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 13px;
  }

  .buyer_filter_drodown .dropdown-menu.seller {
    top: 22px;
    left: 0;
    z-index: 99999;
    overflow-y: auto;
  }

  .buyer_filter_drodown .s_rep_names {
    margin-left: 3px;
    font-size: 12px;
    font-weight: 400;
  }

  .buyer_filter_drodown .daily-pricing-filter__menu {
    min-width: 250px;
    padding: 12px;
  }

  .buyer_filter_drodown .daily-pricing-filter__menu > li {
    margin-bottom: 10px;
  }

  .buyer_filter_drodown .daily-pricing-filter__menu > li:last-child {
    margin-bottom: 0;
  }

  .buyer_filter_drodown .daily-pricing-filter__menu label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
  }

  .buyer_filter_drodown .daily-pricing-filter__menu .form-control {
    width: 100%;
  }

  .buyer_filter_drodown .fiterbotmBtn {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
  }


  .buyer_filter_drodown .buyer_search_box {
  position: relative;
  width: 100%;
}

.buyer_filter_drodown .buyer_search_box .fa-search {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: #555;
  font-size: 16px;
  pointer-events: none;
}

.buyer_filter_drodown .buyer_search_box .form-control {
  width: 100%;
  height: 42px;
  padding-left: 42px !important;
  padding-right: 12px;
  background: #fff;
  border: 1px solid #a19c9c;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  font-size: 14px;
}

.buyer_filter_drodown .buyer_search_box .form-control:focus {
  border-color: #ddd;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  outline: none;
}

.buyer_filter_drodown .buyer_search_box .form-control::placeholder {
  color: #aaa;
}


.buyer_filter_drodown .buyer_check {
  min-height: 32px;
  display: flex;
  align-items: center;
  margin: 6px;
}

.buyer_filter_drodown .buyer_check .custom-control-label {
  font-size: 14px;
  color: #555;
  cursor: pointer;
  line-height: 22px;
  margin: 5px;
}

/* Checkbox */
.buyer_filter_drodown .buyer_check .custom-control-label::before {
  width: 20px;
  height: 20px;
  left: -34px;
  top: 1px;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 3px;
  box-shadow: none;
}

/* Checkmark area */
.buyer_filter_drodown .buyer_check .custom-control-label::after {
  width: 20px;
  height: 20px;
  left: -34px;
  top: 1px;
}

.buyer_filter_drodown .custom-control-input 
{
  margin: unset;
}
/* Checked */
.buyer_filter_drodown
  .buyer_check
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #8ab833;
  border-color: #8ab833;
}

/* Remove Bootstrap blue focus */
.buyer_filter_drodown
  .buyer_check
  .custom-control-input:focus
  ~ .custom-control-label::before {
  box-shadow: none;
}

/* Keep green when checked + focused */
.buyer_filter_drodown
  .buyer_check
  .custom-control-input:checked:focus
  ~ .custom-control-label::before {
  background-color: #8ab833;
  border-color: #8ab833;
}

.buyer_filter_drodown .fiterbotmBtn
{
  justify-content: end !important;
  gap: 10px;
}

.buyer_filter_drodown .buyer_no_results {
  padding: 15px 10px;
  text-align: center;
  color: #999;
  font-size: 13px;
}

.buyer_filter_drodown .shared_status_filter {
  margin-top: 15px;
}

.buyer_filter_drodown .shared_status_title {
  display: block;
  margin-bottom: 8px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

.buyer_filter_drodown .shared_status_group {
  display: flex;
  width: 100%;
}

.buyer_filter_drodown .shared_status_group .btn {
  flex: 1;
  padding: 9px 12px;
  margin: 0;
  
  background: #fff;
  border: 1px solid #d3d7dc;

  color: #40556a;
  font-size: 13px;
  font-weight: 600;

  box-shadow: none !important;
}

.buyer_filter_drodown .shared_status_group .btn:first-child {
  border-radius: 5px 0 0 5px;
}

.buyer_filter_drodown .shared_status_group .btn:last-child {
  border-radius: 0 5px 5px 0;
}

.buyer_filter_drodown .shared_status_group .btn.active {
  background: #2878d7;
  border-color: #2878d7;
  color: #fff;
}

.buyer_filter_drodown .shared_status_group .btn:focus {
  box-shadow: none;
}

.buyer_count {
  position: relative;
  top: 45px;
  margin-right: 10px;
}

.commodity_filter_drodown {
  position: relative;
  top: 11px !important;
  margin-right: 10px;
}


.commodity_filter_drodown .daily-pricing-filter__button
{
    border: 1px solid gray !important;
}
.selectric-wrapper{position:relative;cursor:pointer}.selectric-responsive{width:100%}.selectric{position:relative;display:inline-block;width:auto;height:20px;padding:0 15px;font-size:12px;line-height:1.42857143;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;color:#333;border:none;border-radius:0;background:0 0;-webkit-box-shadow:none;box-shadow:none}.selectric .label{display:block;height:27px;padding:0;margin:0 38px 0 0;overflow:hidden;font-size:12px;font-weight:400;line-height:27px;text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#333}.selectric .button{position:absolute;top:0;right:0;display:block;width:40px;height:20px;font-size:28px;line-height:27px;text-align:center;color:#929292;margin-bottom:0}.selectric-hover .selectric{border-color:#c4c4c4}.selectric-hover .selectric .button{color:#a2a2a2}.selectric-hover .selectric .button:after{border-top-color:#a2a2a2}.selectric-open{z-index:99}.selectric-open .selectric{border-color:#c4c4c4}.selectric-open .selectric-items{display:block}.selectric-disabled{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.selectric-hide-select{position:relative;width:0;height:0;overflow:hidden}.selectric-hide-select select{position:absolute;left:-100%;display:none}.selectric-input{position:absolute!important;top:0!important;left:0!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:none!important;outline:0!important;background:0 0!important}.selectric-temp-show{position:absolute!important;display:block!important;visibility:hidden!important}.selectric-items{position:absolute;top:100%;left:0;z-index:-1;display:none;border:1px solid #c4c4c4;background:#f8f8f8;box-shadow:0 0 10px -6px}.selectric-items .selectric-scroll{height:100%;overflow:auto}.selectric-above .selectric-items{top:auto;bottom:100%}.selectric-items li,.selectric-items ul{min-height:20px;padding:0;margin:0;font-size:12px;line-height:20px;list-style:none}.selectric-items li{display:block;padding:8px;cursor:pointer;color:#666;border-top:1px solid #fff;border-bottom:1px solid #eee}.selectric-items li.selected{color:#444;background:#efefef}.selectric-items li:hover{color:#444;background:#f0f0f0}.selectric-items .disabled{cursor:default!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5;color:#666!important;background:0 0!important}.selectric-items .selectric-group .selectric-group-label{padding-left:10px;font-weight:400;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#444;background:0 0}.selectric-items .selectric-group.disabled li{opacity:1}.selectric-items .selectric-group li{padding-left:25px}.submit-order-wrapper .form-control.small-btn{height:34px;font-size:12px}.lht-grn-head1 .selectric{display:block;margin-bottom:10px}
.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:99999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:0 0;border:none}.xdsoft_datetimepicker button{border:none!important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:0 0}.xdsoft_noselect::-moz-selection{background:0 0}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_mounthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none currentColor;cursor:pointer;display:block;height:30px;opacity:.5;outline:medium none currentColor;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover,.xdsoft_datetimepicker .xdsoft_today_button:hover{opacity:1}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:400;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none!important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:400}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:400}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff!important;background:#ff8000!important;box-shadow:none!important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit!important;background:inherit!important;box-shadow:inherit!important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:400;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc!important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee!important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa!important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc!important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000!important;background:#007fff!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555!important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333!important}#datetimepicker11 .parsley-errors-list{position:relative}#datetimepicker11 .parsley-errors-list li{position:absolute;top:34px}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999999999999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{}#toast-container>.toast-success{}#toast-container>.toast-warning{background-image:url(/assets/flash-alert2.png)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}#toast-container .toast {opacity: 1 !important;}
.tabs-left, .tabs-right {
  border-bottom: none;
}
.tabs-left {
     border: 1px solid #cad34f;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.sideways {
  margin-top:50px;
  border: none;
  position: relative;
}
.sideways>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.sideways>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.sideways>li.active>a,
.sideways>li.active>a:hover,
.sideways>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.sideways.tabs-left {
  left: -50px;
}
.sideways.tabs-right {
  right: -50px;
}
.sideways.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sideways.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.br-theme-fontawesome-stars .br-widget {
  height: 28px;
  white-space: nowrap;
}
.br-theme-fontawesome-stars .br-widget a {
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px;
}
.br-theme-fontawesome-stars .br-widget a:after {
  content: '\f006';
  color:#ffcd00;
  font-size:32px;
}
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  content: '\f005'; 
}
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  content: '\f005'; 
}
.br-theme-fontawesome-stars .br-widget .br-current-rating {
  display: none;
}
.br-theme-fontawesome-stars .br-readonly a {
  cursor: default;
}
@media print {
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f006';
    color: #ffcd00;
  }
  .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: '\f005';
    color: #ffcd00;
  }
}
span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
.selectric-r-width{width:90%;float:left}.r-trash{width:auto;float:left;font-size:22px}.white-box.r-height{min-height:453px}.r-white-box{background-color:#fff;padding:15px;margin-top:5px}.white-box1.r-white-box1{min-height:460px}.r-red{background-color:#ff333a!important;color:#fff!important;border:1px solid #ff333a!important}.m5{margin:5px auto}.r-green-bg{background-color:#6da542!important;color:#fff;cursor:pointer}.r-green{font-size:20px;color:#6da542!important}.pl10{padding-left:10px}.r-grey{background-color:#e4e4e4}.r-border-0{border:0!important}.p5{padding:5px}.p5-15{padding:5px 15px}.w100{width:100%!important}.r-white-box option,.r-white-box select{color:#777!important}


.mh100vh{
  min-height: 100vh;
}
.btn-brown.btn-auto-w{
  width: auto !important;
}
.container-fluid{
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.container-fluid.fullwidth{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.arrow-right-6{
  right: 6px !important;
}
.lh-70{
  line-height: 70px !important;
}
.border-padding{
  border: 1px solid #dadada;
  padding: 50px;
}
.width-auto{
  width: auto !important;
}

@media (max-width:768px) {
  .print-pdf-wrapper{
    width: auto !important;
  }
}

@media (min-width:768px) {
  .content.transform-center,.container.transform-center{
    width:100%;
    max-width:1080px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media(max-width:992px) {
  .container-fluid {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media(max-width:767px) {
  .side-menu1 {
    left:10px;
  }
}


b.bb:before {
    content: '';
    position: absolute;
    top: 0px;
    width: 10px;
    height: 10px;
    background: #f2f2f2;
    border-radius: 100px;
    left: -4px;
}

b.bb:after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 10px;
    height: 10px;
    background: #f2f2f2;
    border-radius: 100px;
    left: -4px;
}
body {
    background-color: #f2f2f2!important;
    overflow-x: hidden;
}

a {
    text-decoration: none!important;
    color: #454545
}

ul {
    padding: 0
}

li {
    list-style: none!important;
    font-weight: 700
}

.none-pinter{
    pointer-events: none;
}

.none-border
{
    border: none !important;
}

span {
    font-weight: 400
}

.over-flow-y {
    overflow-y: scroll!important
}

.f-w-n {
    font-weight: 400!important
}

.value {
    color: #cdcdcd!important
}

.red {
    color: red
}

.blue {
    color: blue
}

.grey {
    color: #4d4d4d!important
}

.grey-2 {
    color: #b3b3b3!important
}

.admin-link {
    color: #3fa9f5!important
}

.user-link {
    color: #6da542!important
}


.h-1060 {
    min-height: 1028px;
    padding-bottom: 0;
    padding-top: 0;
}


.h-1000 {
    min-height: 1000px;
    padding-bottom: 0;
    padding-top: 0;
}


.h-1060.mni {
    min-height: 1028px;
    padding-bottom: 0;
    padding-top: 0;
    overflow: auto;
    max-height: 1028px;
}


.bg-0 {
    background-color: transparent!important
}

.cutom-btn {
    padding: 10px 15px;
    width: auto;
    font-size: 16px;
    border: 0;
    background-color: #d0d0d0!important;
    border-radius: 0!important;
    margin-left: 10px;
}

.cutom-btn-2 {
    padding: 7px 30px;
    border-radius: 0
}

.light-green {
    color: green;
}

.green,
.green-txt {
    color: #cad34f !important
}

.green-2 {
    color: #6da542!important
}

.escalator_text {
    color: green !important;
    font-weight: 600 !important;
}

.green-bg {
    background-color: #cad34f!important
}

.light-blue {
    color: blue;
}

.blue {
    color: #3fa9f5!important
}

.lg-font {
    font-size: 32px
}

.flex {
    display: flex
}

.margin-auto {
    margin: auto!important
}

.p0 {
    padding: 0!important
}

.p-l-15 {
    padding-left: 15px!important
}

.p-15 {
    padding: 15px!important
}

.m0 {
    margin: 0!important
}

.m-l-15 {
    margin-left: 15px!important
}

.m-t-20 {
    margin-top: 20px
}

.m-t-50 {
    margin-top: 50px
}

.m-t-10 {
    margin-top: 10px
}

.m-t-4 {
    margin-top: 4px;
}

.m-b-0 {
    margin-bottom: 0!important
}

.m-b-50 {
    margin-bottom: 50px
}

.m-tb-10 {
    margin: 10px 0
}
.w40 {
    width: 40%
}

.w130 {
    width: 130px
}

.border-r1 {
    border-right: 1px solid #b2b2b2
}

.border-b2 {
    border-bottom: 2px solid #cad34f
}

.border-b1 {
    border-bottom: 1px solid #454545
}

.orange {
    color: #fab64d!important
}

.orange-bg {
    background-color: #fab64d!important
}

.f-12 {
    font-size: 12px !important;
}
.f-15 {
    font-size: 15px !important;
}

.light-orange {
    color: orange !important
}

.light-orange-bg {
    background-color: #f4e5cd!important
}

.white-bg {
    background-color: #fff
}

.account-settings-row .links {
    padding: 0
}

.account-settings-row .links li {
    padding: 8px;
    list-style: none;
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.account-settings-row .links li.active {
    background-color: #fff
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: transparent!important;
    color: #454545
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent!important
}

.deal-col {
    text-align: center
}

.account-settings-content .caption-ul {
    width: 90%;
    display: inline-block
}

.account-settings-content .pro-thumb {
    max-width: 350px;
    overflow: hidden
}

.upload-links {
    text-align: center;
    margin-top: 10px
}

.upload-links li {
    display: inline-block;
    font-size: 12px;
    padding: 0 5px
}

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

.overflow-auto {
    overflow: auto!important
}

#filecount3 {
    width: 20%;
    opacity:0;
}

.table_wrap
{
    white-space: nowrap;
}

.table_head
{
    background: lightgoldenrodyellow;
}
.p-10
{
    padding: 10px;
}

.group-span-filestyle .btn {
    padding: 0
}

span.buttonText {
    font-size: 12px;
    font-weight: 700;
    position: relative;
    top: 5px
}

.second-row {
    margin-top: 20px
}

textarea {
    background-color: #f2f2f2!important;
    border: 0!important;
    resize: vertical;
    width: 100%!important;
    border: 1px solid #d8d8d8!important
}

.commodity-ul {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto
}

.custom-dialog .modal-content {
    border-radius: 0!important;
    background: #f2f2f2!important;
    box-shadow: none!important
}

.custom-dialog .modal-footer {
    margin-top: 0px;
    clear: both
}

.user-thumb {
    width: 130px;
    height: 130px;
    border: 2px solid #fbb03b;
    position:relative;
}
.user-thumb img {
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 0px;
    left: 0;
    margin: auto !important;
    max-width: 126px;
    height: 126px;
    object-fit: cover;
    object-position: top;
}


.inline {
    display: inline-block
}

.value input {
    background: #f2f2f2!important;
    border: 0!important;
    margin-left: 10px
}

.price-trend-top-bar .caption h1 {
    font-size: 37px;
    color: #ccc;
    font-weight: 700
}

.price-trend-top-bar .sort {
    padding-top: 30px;
    height: 30px
}

.price-trend-top-bar .sort .selectric .label {
    font-size: 16px
}

.product-col {
    margin: 0 1% 1%;
    width: 31.33%
}

.price-trend-centent .product-title h3 {
    margin: 15px auto;
    font-weight: 900!important;
    font-size: 16px
}

.price-trend-centent .pack-type {
    margin-top: 5px
}

.price-trend-centent .pack-type ul {
    margin: 15px auto 0;
    min-height: 68px;
}

.price-trend-centent .pack-type ul li {
    font-size: 12px
}

.price-trend-centent .product-details .product-thumb img {
    margin: 15px auto;
    min-height: 120px;
    max-height: 120px
}

.price-trend-centent .pack-type ul li span {
    font-weight: 400
}

.price-trend-centent .price-col {
    margin: 20px auto
}

.price-trend-centent .price-col span {
    font-size: 14px;
    font-weight: 400
}

.feedback-col .table-responsive {
    overflow-y: auto;
    max-height: 800px
}

.feedback-col .rating-star {
    font-size: 20px
}

.feedback-col tr {
    border: 0
}

.feedback-col tr:nth-child(odd) {
    background-color: #fff!important
}

.feedback-col td {
    vertical-align: middle!important;
    border: 0!important
}

.commodity-ul::-webkit-scrollbar,
.feedback-col .table-responsive::-webkit-scrollbar,
textarea::-webkit-scrollbar {
    background-color: red!important
}

.commodity-ul::-webkit-scrollbar-button,
textarea::-webkit-scrollbar-button {
    background-color: #999!important
}

.commodity-ul::-webkit-scrollbar-track,
.feedback-col .table-responsive::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
    background-color: red!important
}

.commodity-ul::-webkit-scrollbar-track-piece,
.feedback-col .table-responsive::-webkit-scrollbar-track-piece,
textarea::-webkit-scrollbar-track-piece {
    background-color: #b3b3b3!important
}

.commodity-ul::-webkit-scrollbar-thumb,
.feedback-col .table-responsive::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
    background-color: #999!important
}

textarea::-webkit-scrollbar-corner {
    background-color: #999!important
}

textarea::-webkit-resizer {
    background-color: #999!important
}

.value input::-webkit-input-placeholder {
    color: #ccc
}

.value input::-moz-placeholder {
    color: #ccc
}

.value input:-ms-input-placeholder {
    color: #ccc
}

.value input:-moz-placeholder {
    color: #ccc
}

.checkboxFive {
    width: 100%;
    position: relative;
    padding: 10px 5px;
    background-color: #f2f2f2
}

.checkboxFive:nth-child(even) {
    background-color: #e6e6e6
}

.checkboxFive label {
    cursor: pointer;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 11px;
    left: 0;
    background: #eee;
    border: 1px solid #ddd;
    margin-left: 4px
}

.checkboxFive label:after {
    opacity: .2;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: 0 0;
    top: 6px;
    left: 7px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg)
}

.checkboxFive label:hover::after {
    opacity: .5
}

.checkboxFive input[type=checkbox]:checked+label:after {
    opacity: 1
}
.checkboxFive .same-line{
    display: inline;
}
.poor {
    color: #e50b0b
}

.fair {
    color: orange
}

.good {
    color: #a7e509
}

.vr-good {
    color: #f9ee11
}

.exlnt {
    color: green
}

.bp-head-wrap1 .checkboxFive {
    background: 0 0
}

.bp-head-wrap1 .checkboxFive label {
    top: 5px
}

.disabled-btn {
    opacity: .6;
    cursor: not-allowed
}

.change-password-wrapper .form-control {
    border-radius: 0;
    max-width: 340px
}

.change-password-wrapper .parsley-errors-list {
    margin: 10px 0 0
}

.edit-user-wrapper .value input,
.edit-user-wrapper1 .value input,
.edit-user-wrapper .value select {
    border: 1px solid #ddd!important;
    padding: 5px;
    margin: 0 0 5px;
    min-width: 302px;
    background: #fff!important;
    font-weight: 400
}

.edit-user-wrapper .value input[readonly],
.edit-user-wrapper1 .value input[readonly] {
    background: #f2f2f2!important
}

.edit-user-wrapper .parsley-errors-list li,
.edit-user-wrapper1 .parsley-errors-list li {
    font-size: 12px;
    font-weight: 400
}

.edit-user-wrapper li.caption,
.edit-user-wrapper1 li.caption {
    padding-left: 120px;
    position: relative
}

.edit-user-wrapper li.caption+li.caption,
.edit-user-wrapper1 li.caption+li.caption {
    margin: 10px 0
}

.edit-user-wrapper li.caption label,
.edit-user-wrapper1 li.caption label {
    padding-left: 0;
    width: 118px;
    position: absolute;
    line-height: 30px;
    left: 0
}

.edit-user-wrapper1 li.caption {
    padding-left:210px;
    min-height: 20px
}

.edit-user-wrapper1 li.caption label {
    width:206px;
    text-align: right
}

.cp-details li.caption label {
    line-height: 20px;
    text-align: left
}

.tp-details li.caption label {
    line-height: 20px;
    text-align: left
}

.edit-user-wrapper1 textarea {
    background: #fff!important
}

.seller-account-wrapper .commodity-ul {
    max-height: 250px;
    margin-top: 15px
}

ul ul.p-l-30 {
    padding-left: 30px
}

.commodity-ul .checkboxFive {
    padding: 10px 5px 10px 25px
}

.commodity-ul .checkboxFive label {
    top: 9px;
    left: 4px
}

.pdin-rht-50 {
    position: relative;
    padding-right: 50px
}

.edit-link {
    position: absolute;
    top: 0;
    right: 10px
}

.seller-account-wrapper .commodity-ul.sfl-wrap {
    max-height: 104px
}

.sfl-wrap .checkboxFive {
    padding: 16px 30px 16px 16px;
    position: relative
}

.sfl-edit {
    position: absolute;
    right: 10px;
    top: 16px
}

.pallet-config .checkboxFive {
    padding: 16px 28px 16px 16px
}

a.cursor-pointer {
    cursor: pointer
}

.region-sel-wrap .selectric .button,
.region-sel-wrap .selectric .label {
    height: 20px;
    line-height: 20px
}

.region-sel-wrap .selectric .button {
    margin: 0
}

.pallet-config .sfl-edit {
    top: 11px
}

.pallet-modal .selectric-wrapper {
    background: #fff
}

.pallet-modal .selectric {
    height: auto;
    width: 120px;
    padding: 5px 15px
}

.pallet-modal li {
    vertical-align: top
}

.pallet-modal .region-sel-wrap .selectric .button {
    height: auto;
    line-height: 30px
}

.per-pallet-lbl {
    font-size: 22px
}

.bp-head-wrap1 .checkboxFive {
    background: 0 0
}

.bp-head-wrap1 .checkboxFive label {
    top: 5px
}

.edit-user-wrapper li.caption label.eusr-cap {
    line-height: 1
}

.transparent-black {
    background: rgba(0, 0, 0, .9);
    z-index:9999;
    opacity: .7;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

td {
    text-align: center;
    vertical-align: middle!important
}

.pagination span.page.current {
    color: #7ab289
}

.pagination span {
    font-weight: 700;
    padding: 0 6px;
    cursor: pointer;
    font-size: 12px
}

.seller-order-wrap table tr.shad td {
    opacity: 0.7 !important
}

.seller-order-wrap .stripped-td:nth-child(odd) .dgrn-bck {
    background: #fff url(/../assets/green-full-3.png)
}

.seller-order-wrap .stripped-td:nth-child(even) .dgrn-bck {
    background: #fff url(/../assets/green-full-2.png)
}

.seller-order-wrap .stripped-td .dgrn-bck.dark-green {
    background: #fff url(/../assets/dark-green.png);
    background-size: cover;
}

.seller-order-wrap .stripped-td .dgrn-bck.dark-green.wdth-120,
.seller-order-wrap .stripped-td .dgrn-bck.dark-green.wdth-130,
.seller-order-wrap .stripped-td .dgrn-bck.dark-green.wdth-138,
.seller-order-wrap .stripped-td .dgrn-bck.dark-green.wdth-160,
.seller-order-wrap .stripped-td .dgrn-bck.dark-green.wdth-175,
.seller-order-wrap .stripped-td .dgrn-bck.dark-green.wdth-176,
.seller-order-wrap .stripped-td .dgrn-bck.dark-green.wdth-66 {
    background-size: cover
}

.cus-z-index {
    z-index: 9!important
}

.opacity-8 {
    opacity: .8
}

.less-vis {
    color: #989898
}

.seller-order-wrap .dgrn-bck {
    border-right: 1px solid #89a581!important;
    z-index: 9999!important
}

.seller-order-wrap .dgrn-bck.wdth-66 {
    width: 67.1%;
    z-index: 99;
    border-right: 1px solid #89a581;
    z-index: 9999!important
}

.seller-order-wrap .dgrn-bck.wdth-130 {
    z-index: 999!important
}

.seller-order-wrap .dgrn-bck.wdth-160 {
    z-index: 99!important
}

.seller-order-wrap .border-right {
    display: block;
    z-index: 1000
}

.seller-order-wrap .order-manager-table table table tr td {
    border-right: 1px solid #cddabf!important
}

.seller-order-wrap .order-manager-table table table tr td.white-bdr {
    border-right:none !important
}

.seller-order-wrap .img-opacity {
    opacity: .5
}

.seller-order-wrap .border-none {
    border: none!important
}

.logout-section {
    display: block;
    padding-top: 17px
}

.red-column {
    background-color: rgba(253, 221, 198, .5)
}

.cus-w-60 {
    width: 60px!important
}

.cus-pl-60 {
    padding-left: 60px
}

.red-column {
    background-color: #fdddc6;
    opacity: .5
}

.cus-w-100 {
    width: 100px!important
}

.object-fit-100 {
    width: 100px;
    height: 100px;
    object-fit: cover
}

.column-count-1 {
    column-count: unset!important;
    max-height: 200px!important;
    overflow-y: auto!important
}

.cus-textarea {
    height: 100px!important
}

.cus-new-select .selectric-scroll {
    background-color: #fff!important
}

.cus-new-select-2.new-select .form-control {
    z-index: 9
}

@media(min-width:768px) and (max-width:992px) {
    .account-settings-row .links a {
        font-size: 12px;
        padding:10px;
    }
}

@media(max-width:992px) {
    .bill-pay-row .col-md-1 {
        padding: 0 15px
    }
    .bill-pay-row .col-sm-3 {
        margin-bottom: 10px
    }
    .value {
        color: #cdcdcd !important;
        width: 100%;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
    }
}

@media(max-width:767px) {
    .edit-user-wrapper1 li.caption label {
        width: 100%;
        text-align: left;
        line-height: 20px
    }
    .edit-user-wrapper1 .value input {
        min-width: 100%
    }
    .cutom-btn {
        width: auto;
        min-width: 125px
    }
    .custom-dialog .modal-footer {
        margin-top: 0;
        clear: both
    }
}

.wdth-193 {
    width:193px !important
}

.wdth-174 {
    width:174px !important
}
.margin-right-10 {
    margin-right: 10px;
}

.s_new_bgrn_bck_left.bipo {
    top: 0;
    left: inherit;
    width: auto;
    right: -5px;
}

 .rw-pop label{
        padding-top: 12px;
    }
    .rw-pop .mt-50{
        margin-top: 50px;
    }
    .pad-down-30{
        padding-bottom: 25px !important;
    }
    .rw-pop .t-lft{
        text-align: left;
    }
    .rw-pop .inp{
        height: 45px;
        border-radius: 0;
    }

    .btn-pop-a{
        padding: 10px 50px;
        background: #cad34f;
        color: #fff;
        border-radius: 0;
        color: #000;
        font-size: 16px;
        margin: 0 12px;
    }
    .btn-pop-b{
        padding: 10px 50px;
        background: #ccc;
        color: #fff;
        color: #000;
        font-size: 16px;
        border-radius: 0;
    }

    .pad-down-30 input{
        padding: 7px 50px 7px 10px !important;
        margin: 10px;
    }
    .pad-down-30 label{
        padding-top: 18px !important;
    }
    .wh-ad{
        background-color: #ffffff !important;
        resize: vertical;
        margin: 6px 0;
        width: 100% !important;
        border: 1px solid #adadad !important;
    }

    .formal-height{
        height: 34px !important;
        background-color: #ffffff !important;
        border: 1px solid #ccc !important;
    }
    .pac-container {
    z-index: 999999999 !important;
    }
    textarea.address_field::placeholder {
        color: #adadad !important;
        /* background: red; */
        font-size: 14px !important;
    }
    textarea.address_field{
      height: auto !important;
    }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *














































 */

.parsley-errors-list{
	color: red;
	list-style-type: none;
}
.parsley-errors-list li {
	font-size:10px;
	font-weight:400;
	text-align:left;
}
.login-right-wrapper .parsley-errors-list {
	margin: -10px 0 0;
}
.login-right-wrapper .parsley-errors-list li {
	padding:0px;
}
.container {
    width: 100%;
    max-width: 1170px;
}
.collapsed~.fa-check-circle.chck-disabled:before {
    content: "\f111";
}

.collapsed~.fa-check-circle:before {
    content: "\f058";
}

.dropdown-menu.noti-dd{
    max-height: 500px;
    overflow-x: auto;
    left: unset;
}

.order-manager-table table{
  table-layout: fixed !important;
}
.z-9999999{
	z-index: 9999999 !important;
}

.cus-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 20px !important;
}
.cus-placeholder::-moz-placeholder { /* Firefox 19+ */
  font-size: 20px !important;
}
.cus-placeholder:-ms-input-placeholder { /* IE 10+ */
  font-size: 20px !important;
}
.cus-placeholder:-moz-placeholder { /* Firefox 18- */
  font-size: 20px !important;
}
/*.select2-results__option{
  padding: 0 6px!important;
}
*/
.select2-results__message {
  display: none !important;
}

.input-icon {
    position: relative;
}

.input-icon > i {
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 50%;
    pointer-events: none;
    width: 25px;
    font-size: 14px;
    text-align: center;
    font-style: normal;
}

.input-icon > input {
    padding-left: 25px;
    padding-right: 0;
}

.input-icon-right > i {
    right: 0;
}

.input-icon-right > input {
    padding-left: 0;
    padding-right: 25px;
    text-align: right;
}

.select2-container--default .select2-results>.select2-results__options {
  overflow-y: hidden!important;
}

.select2-results .select2-results__option span {
  font-size: 1rem !important;
}

.cke_notification_warning {
  display: none !important;
}
.tox-notification--warning {
  display: none !important;
}
/* perfect-scrollbar v0.6.14 */
.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:0 0;border:none}.xdsoft_datetimepicker button{border:none!important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:0 0}.xdsoft_noselect::-moz-selection{background:0 0}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_mounthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none currentColor;cursor:pointer;display:block;height:30px;opacity:.5;outline:medium none currentColor;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover,.xdsoft_datetimepicker .xdsoft_today_button:hover{opacity:1}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none!important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff!important;background:#ff8000!important;box-shadow:none!important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit!important;background:inherit!important;box-shadow:inherit!important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc!important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee!important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa!important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc!important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000!important;background:#007fff!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555!important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333!important}#datetimepicker11 .parsley-errors-list{position:relative}#datetimepicker11 .parsley-errors-list li{position:absolute;top:34px}
/**
 * @file sellect.js is micro-library.
 * Scaffolded with generator-microjs
 * @author Lidia Freitas <lidiafreitas.me@gmail.com>
 */

*{
    box-sizing: border-box;
}

 
.sellect-element{
   width: 100%;
    height:40px;
    background: none;
    border: 1px solid #ccc;
    padding:5px 38px 5px 10px; 
    border-radius: 3px;
}

.sellect-container{
    padding:0px;
    margin-top:0px;
    position: relative;
    max-height:290px;
}

.sellect-destination-list{
    display: block;
    max-height: 116px; 
    overflow: auto;
    width: 360px;
    position: absolute;
    top: 47px;
    left: -100px;
}

.sellect-destination-list .sellect-item{
    margin: 0 5px 5px 0;
    background-color: #e5e5e5;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 2px;
    padding: 0 5px 2px;
    display: inline-block !important;
    font-size: 12px;
}
.sellect-destination-list .sellect-item .sellect-close-icon{
    margin-left: 5px;
}

.sellect-origin-list{
    overflow: auto;
    max-height: 0;
    opacity: 0;
    background:#fff; 
}

.sellect-origin-list.open{
       max-height: 132px;
    opacity: 1;
    max-width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0px 0px 4px 4px;
    margin-top: -1px; 
    z-index: 9999;
    display: block;
    position: relative;
}


.sellect-origin-list .sellect-item{
    display: block;
    cursor: pointer;
    z-index: 999;
    padding: 5px;
    background-color: white;
    border-radius: 3px;
    margin-right: 5px;
}

.sellect-origin-list .sellect-item:last-child{
    margin-bottom: 5px;
}

.sellect-origin-list .sellect-item:hover,
.sellect-origin-list .sellect-item.active{
    background: #e2e2e2;
}

.sellect-origin-list .sellect-item .sellect-close-icon{
    display: none;
}

.sellect-arrow-icon{
    position: absolute;
    cursor: pointer; 
    right:0px;
    top:0;
    padding:13px 11px;
}
input#selection_criteria::-webkit-input-placeholder {  
    color: #333;
}
input#selection_criteria:-moz-placeholder {
color: #333;
}
input#selection_criteria::-moz-placeholder {
color: #333;
}
input#selection_criteria:-ms-input-placeholder {
   color: #333;
}
/*!
 * Bootstrap-select v1.12.4 (https://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2017 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:85%;text-overflow: ellipsis;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
html,body{margin:0px;padding:0;}.print-pdf-wrapper button.close {margin: -30px -30px 10px 0;padding: 5px 10px;}.print-pdf-wrapper{height:auto;width:220mm;margin:0 auto;font-family:'Roboto', 'Noto',sans-serif;display:table;padding:30px}.print-pdf-wrapper table{width:100%;border-spacing:0}.print-pdf-wrapper table tbody,.print-pdf-wrapper table td,.print-pdf-wrapper table tr{padding:0}.print-pdf-wrapper table.tbl-bordered{text-align:center;border:1px solid #1f2022;margin-bottom:10px}.print-pdf-wrapper table.tbl-bordered tbody tr td.bdr-top-none{border-top:none!important}.print-pdf-wrapper table.tbl-bordered tbody tr td{border-top:1px solid #1f2022}.print-pdf-wrapper table.tbl-bordered tbody tr td.ht-100{height:100px;vertical-align:middle}.print-pdf-wrapper table.tbl-bordered tbody tr td.ht-125{height:128px;}.ht-50{height:50px;vertical-align:middle}.print-pdf-wrapper table.tbl-bordered td+td,.print-pdf-wrapper table.tbl-bordered th+th{border-left:1px solid #1f2022}.gray-bck,.print-pdf-wrapper table.tbl-bordered th{background:#d9d9d9!important;font-weight:600}.print-pdf-wrapper table.tbl-bordered td,.print-pdf-wrapper table.tbl-bordered th{padding:8px}.print-pdf-wrapper h1{font-size:24px;margin-top:0}.print-pdf-wrapper h4{font-size:16px;margin-top:30px}.print-pdf-wrapper h4.mrtp-150{margin-top:180px}.print-pdf-wrapper table td{vertical-align:top !important}.bld-txt{font-weight:700;font-size:12px;padding-bottom:5px}.nbld-txt{font-weight:700;font-size:10px;padding-bottom:5px}.ial-wrap{padding-bottom:10px;line-height:1.67}.gray-bck.status-txt{margin:-9px -1px -10px -1px;padding:20px 8px 12px 8px}.invoice-details-wrap span{display:inline-block;width:162px;text-align:right;padding-right:10px;font-weight:700;}.invoice-details-wrap{padding:0 0 5px}.mrtp-35{margin-top:35px}.mrtp-50{margin-top:50px}.mrtp-1100{margin-top:1400px}.mrtp-10{margin-top:10px}.invoice-logo img{padding:10px;background:#555} .print-pdf-wrapper .remittance{margin-bottom:20px;padding:20px;min-height:110mm !important;background-color:#cbcbd0;}.sml-txt{font-size:12px;font-weight:500;}.mrtp-80{margin-top:80px !important;}.left-text{text-align:left !important;}.print-pdf-wrapper.modal-invoice{background-color:white;}.wdth-80 {width: 80% !important;}
.pdf-ctxt{text-align:center;}
@page  {
    size: auto;
    margin:2mm;
}
.modal-word-brk,
.print-pdf-wrapper table {
	max-width: 100%;
    word-break: break-word;
    font-size:12px;
}

.test-parent-left {
  text-align: left;
  font-size: 15px;
  margin-top: 30px;
}

.test-parent-left b {
  font-weight: 700;
  color: black;
}
.margn-fifteen{
  margin-top: 10px; 
}

.margn-fifteen-invoice{
  margin-top: 30px; 
}
.void-items.i-d-smry, .credit-items.i-d-smry{
  text-align: left;
  line-height: 5px;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
.page-load-status {
  display: none; /* hidden by default */
  text-align: center;
  color: #777;
}

.loader-ellips {
  font-size: 14px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
  white-space: nowrap;
  
}

.dialog_design
    {
      z-index: 1000000000000 !important;
      background: red !important;
      width: 23% !important;
      margin-left: 36% !important;
    }

.weekTable table{
    margin:0;
  }
  .counter_apply, .apply, .apply_remain_apply
  {
    float: left;
  }
  .white_space {
    white-space: nowrap !important;
  }

  .m-t-0
  {
    margin-top: 0px !important;
  }

  .m-10
  {
    margin: 10px;
  }

  .mt-10
  {
    margin-top: 10px !important;
  }

  .mr-10
  {
    margin-right: 10px !important;
  }
   .mb-10
  {
    margin-bottom: 10px !important;
  }

  .m-unset
  {
    margin: unset !important;
  }


  .mb-20 
  {
    margin-bottom: 20px !important;
  }

  .ml-10
  {
    margin-left: 10px !important;
  }
  .pl-10
  {
    padding-left: 10px !important;
  }

  .pr-10
  {
    padding-right: 10px !important;
  }

  .pt-10
  {
    padding-top: 10px !important;
  }
  .pt-20
  {
    padding-top: 20px !important;
  }

  .pb-10
  {
    padding-bottom: 10px !important;
  }

  .fs-10
  {
    font-size: 10px;
  }

  .tbody_border_none
  {
    border: none !important;
  }
  .true_value_bg
  {
    background-color: #ccc;
    font-size: 12px;
    color: black;
    padding: 2px;
  }
  .required-escalator{
    font-weight: 400;
    color: pink !important;
}
  .td_th_padding{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .f10{
    font-size: 10px;
  }
  .f16{
    font-size: 16px;
  }

  .border-radius-zero {
    border-radius: 0px !important;
  }

  .weekTable {
      display: none;
      position: absolute;
      z-index: 1;
      width:100%;
      min-height: 30px;
    box-shadow: 0px 2px 2px 2px #0000001f;
    max-height: 250px;
    height: auto;
    overflow: auto;
    background: #fff;
    border-radius: 0px;

    margin: 0;
  }

   .btn-outline-secondary
   {
    border-radius: 0px;
    color: #6c757d;
    border-color: #ccc;
    font-size: 12px !important;
    width: 120px;
    background: white;
    padding: 8px;
   }

  .selectric-custom-select,  .selectric-usda_index_two ,.selectric-usda_index_three, .selectric-usda_index_one {
    border: 1px solid #ccc;
    border-radius: 0px;
  }

  .selectric-white_color
  {
    background-color: white;
    color: black;
    font-weight: 500;
  }

  .add_escalator .form-control {
    border: 1px solid #ccc;
    border-radius: 0px;
  }

  .min_pallet {
    background: transparent;
    border: 0;
    outline: 0;
    color: black;
  }

  .fw-700
  {
    font-weight: 700;
  }
  .fs-18
  {
    font-size: 18px;
  }

  .fs-16
  {
    font-size: 16px !important;
  }
  .fs-14
  {
    font-size: 14px;
  }

  .item_bided_head
{
  font-weight: 600;
  font-size: 15px;
}

.display_staticstics.table-bordered>tbody>tr>td {
  text-align: left;
}

  .cat {
    margin: 10px;
    background-color: transparent;
    border-radius: 4px;
    border: 1px  solid #255a71;
    overflow: hidden;
    float: left;
  }
  .cat label {
    float: left;
    line-height: 2em;
    width: 4em;
    height: 2em;
  }

  .cat label span {
    text-align: center;
    padding: 3px 0;
    display: block;
  }

  .cat label input {
    position: absolute;
    display: none;
    color: #fff !important;
  }

  .cat input:checked + span {
    color: white;
    background: #255a71;
  }

  .flex_container {
    display: flex;
    /*margin: 0 10px;*/
    flex-direction: column;
  }

  .pickup_location {
    font-size: 12px !important;
  }

  .selectric-pickup_location {
      border: 1px solid #ccc;
      width: calc(100% - 100px) !important;
      float: right;
  }

   .enter_by_month_table.table>thead:first-child>tr>th
   {
    border: none !important;
    text-align: left;
    background: none;
   }

   .enter_by_month_table .form-control {
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
    width: 100px !important;
   }

   .enter_by_month_table .form-control::placeholder {
    color: red;
   }

   .contracted_units
   {
    font-weight: 500 !important;
   }

   .green_text {
    color: green;
   }


   .counter_offer{
    color: red !important;
    font-weight: 500 !important;
   }

.black_txt {
  color: #000 !important;
}


.black_txt::placeholder {
  color: #000 !important;
}

.table_border_right_none
{
  border-right: none !important;
}

   .enter_by_month_table.table>tbody>tr>th{
    border: none !important;
    font-weight: 500;
    background: none;
    border-right: 1px solid #ddd !important;
   }
   .enter_by_month_table.table>tbody>tr>td {
    border: none !important;
    font-weight: 500;
    vertical-align: top !important;
    border-right: 1px solid #ddd !important;
   }
   .enter_by_month_table.table>tbody>tr>td.pull-left {
    border-right: none !important;
   }
   .enter_by_month_table.table>tbody>tr.text-center>td,
   .enter_by_month_table.table>tbody>tr.text-center>th {
    border-right: none !important;
   }

   .high_low_month.table>tbody>tr>th{
    border: none !important;
    font-weight: 500;
    background: none;
   }
   .high_low_month.table>tbody>tr>td {
    border: none !important;
    font-weight: 500;
    vertical-align: top !important;
   }
   .high_low_month.table>tbody>tr>td.pull-left {
    border-right: none !important;
   }
   .high_low_month.table>tbody>tr.text-center>td,
   .high_low_month.table>tbody>tr.text-center>th {
    border-right: none !important;
   }

.highpen_class {
  margin: 10px;
  line-height: 10px;
}

.enable_monthly_breakout_Css
{
  padding: 9px 12px !important;
}

  #enter_by_month {
    /*padding: 10px;*/
    /*width: auto;*/
  }
  .cutomDatePicker table tr:hover {
      background: #fefde5;
  }

  .cutomDatePicker table tr.active td {
      color: #000;
      font-size: 12px !important;
      padding: 8px !important;
  }

  .cutomDatePicker table tr td {
      color: #a3a3a3;
      font-size: 12px !important;
      padding: 8px !important;
  }

  .cutomDatePicker input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-appearance: none;
      z-index: 999;
  }

  .cutomDatePicker {
      position: relative;
  }

  #rng_of_week {
    border: 1px solid grey !important;
       border-radius: 0px !important;
  }

  .cutomDatePicker table tr {
      background: #fbfbfb;
      border-top: 1px solid #cecece;
      border-bottom: 1px solid #cecece;
  }

  .cutomDatePicker .form-control[disabled],
  .cutomDatePicker .form-control[readonly],
  .cutomDatePicker fieldset[disabled] .form-control {
      background-color: #fff;
      opacity: 1;
  }

  .cutomDatePicker span {
      position: absolute;
      right: 0;
      top: 0;
      color: #808080;
      border-left: 1px solid #d6d6d6;
      padding: 10px 10px;
  }
.float-left-div {
  width: 50%;
  float: left;
}

.float-right-div {
  width: 50%;
  float: right;
}

a.new_chat {
  font-size: 15px;
  color: white;
  cursor: pointer;
}

/*private chat css
*/
.private_chat .autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
  width: 300px;
}

.private_chat input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}

.private_chat input[type='text'] {
  background-color: #f1f1f1;
  width: 100%;
}

.private_chat input[type='submit'] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}

.private_chat .form-group.autocomplete-formgroup {
  margin-top: 10px;
}

.private_chat .chat-conv {
  border: 1px solid #ccc;
  border-radius: 100%;
  height: 34px;
  width: 34px;
  margin: 0 auto;
}
.private_chat .dropdown-menu span {
  margin-left: 1%;
}

.media.clearfix.chat-conv.padlr.bor-bot.padboth {
  padding: 4px;
}

/*add styles to transparent text
*/
span.Awaiting-buyer {
  position: absolute;
  bottom: 0;
  top: 0;
  color: #eee;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  height: 20px;
  display: block;
  width: auto;
}

.new-offer-screen {
  font-size: 13px;
  color: #6da542 !important;
}

.text-gead-help {
  color: #c9d34e !important;
  font-size: 14px;
  font-weight: 501;
}

.red-text-unit {
  font-size: 16px;
  font-weight: 900;
  color: red;
  padding: 5px 15px;
  font-family: 'Open Sans';
}

.non-strike {
  color: #333;
}

#offer-received .or-white-box {
  min-height: 405px;
}

.pending-charge-text {
  margin-top: 9px;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 500 !important;
}

ul.private-chat-submenu {
  position: relative;
  width: 100%;
}
ul.private-chat-submenu {
  padding-left: 20%;
}

form#rep_form {
  padding-right: 13px;
}

a.bluebook-number {
  color: #1a5cf2;
}

.deal-clock {
  min-height: 86px;
}
p.servicefee-deduction {
  width: 250px;
  font-size: 11px;
  color: red;
  font-weight: 501;
}
.deal-clock .selectric {
  /*  border: 1px solid #ccc;
*/
  height: 29px;
  padding: 0 8px;
}
.deal-clock .small-lbl {
  padding: 0;
}

.pointer-events-none {
  pointer-events: none;
  opacity: 0.7;
}

.sorting_labels {
  color: #1e41dd;
}

.border-for-sorting {
  background: #939393 !important;
}

.text-color-for-sorting {
  color: black !important;
}
.offer-form-notes {
  margin-bottom: 0px;
  margin-top: 5px;
}

.right-db-wrap.submit-order-wrapper {
  margin-bottom: 0px;
}

.issue-po-later {
  opacity: 0.6;
  pointer-events: none;
}

.calculate_shpping_days {
  font-weight: 800;
  margin-bottom: 0;
}

.calculate_shpping_green {
  color: #6da542;
}

.nomargin
{
  margin: unset !important;
}

/*for both buyer and seller order managres switching tabs
*/

.switch-tabs {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  display: flex;
}

.rfp_new_design .switch-tabs {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  display: block;
}

.view_rfp_contri .switch-tabs {
  display: flex;
}


#status_filter .switch-tabs {
  display: -webkit-box;
}
.switch-tabs .tabs {
  color: white;
  padding: 8px 16px;
  cursor: pointer;
}

.switch-tabs .non_active_tabs {
  background: #605e5f;
  opacity: 0.7;
}


.switch-tabs .active_tabs {
  background: #537b8e;
}

.switch-tabs .non_active_linked_tabs {
  background: #605e5f;
  opacity: 0.5;
}

.switch-tabs .active_linked_tabs {
  background: #537b8e;
  opacity: 1.7;
}

.switch-tabs .non_active_seller_tabs {
  background: #95bc76;
}
.no_planer_sheets {
  margin: auto;
  width: 24%;
  margin-top: 7%;
}
.planer_sheets_list {
  margin: auto;
  width: 94%;
  margin-top: 3%;
}
span.make_as_priority.lightgray-cir {
  cursor: pointer;
}

u.clear_priority {
  cursor: pointer;
}

.sorted_by_menu_labels {
  cursor: pointer;
}

span.bottom-label {
  color: #08a0d7;
  cursor: pointer;
}

table.table.price-sheet-sharing thead tr th {
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  border-right: 3px solid #f2f2f2;
}

table.table.price-sheet-sharing tbody tr:nth-child(odd) {
  background: transparent;
}

table.table.price-sheet-sharing tbody tr td {
  border: 3px solid #f2f2f2;
  text-align: left;
}
table.table.price-sheet-sharing {
  background-color: #ffffff;
}

div#user_sheets td {
  text-align: left;
}
a.price_sheet_shipping {
  color: #000;
  border-bottom: 2px solid #000;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  margin: 0 5px;
}
.planer_sheets {
  margin-top: 16px;
}
.side-menu-list li.insights {
  background: #7a837b;
  opacity: 0.8;
}

.side-menu-list li.insights a:hover {
  background: #7a837b;
  opacity: 0.8;
}

.side-menu-list li.insights a {
  border: 0px !important;
}
input.ti_ui {
  min-width: 0px !important;
}

input.unit_dimension {
  min-width: 0px !important;
}
span.unit_dimension {
  margin-left: 51px;
}
label.unit_dimension {
  margin-left: 15px !important;
  width: 160px !important;
}
input#pallet_configuration_pallet_weight {
  margin-left: 17px;
}

.po_number_blank {
  font-size: 12px;
  font-weight: 400;
  color: red;
  float: left;
  width: 100%;
  display: flex;
  margin: 0px 0px 6px 10px;
}

.alha-gray-odd:hover,
.alha-gray-even:hover {
  background-color: #f0ccc0 !important;
}

#user_sheets tr.hightlighted_row:hover {
  background-color: #f0ccc0 !important;
}

.text-left.wdth-80.modal-word-brk.payment_info_text {
  font-weight: 600;
  text-decoration: underline;
}

.test-parent-left {
  text-align: left;
  font-size: 15px;
  margin-top: 30px;
}

.test-parent-left b {
  font-weight: 700;
  color: black;
}

.switch-tabs .tabs {
  border-right: 1px solid white;
}

.order_manager_modal {
  margin-left: 82px;
}

.shipping_information_modal {
  margin-left: 123px;
}
.fifty_prcent_div {
  /* float: left; */
  width: 50%;
  align-items: center;
  display: flex;
  justify-content: space-evenly;
}
.new_bgrn_bck {
  background-size: 100%;
  z-index: 9999 !important;
  position: absolute;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.position_relative {
  position: relative;
}

.new_bgrn_bck_left {
  top: 0;
  right: 0;
  left: inherit;
  height: 20px;
  bottom: 0;
  margin: auto;
  width: 30px;
  padding: 0 9px;
}

.new_bgrn_bck_left .ntfcnt-circle {
  padding: 0;
  margin-left: 11px;
}

.position_relative_bid-zone {
  position: relative;
  top: 0px;
  right: auto;
}

.positioned_new_bgrn_bck {
  left: 55px !important;
}
/*filters*/

.filter-tabs {
  display: -webkit-box;
  float: right;
}

.filter-tabs .tabs {
  color: red;
  padding: 2px 9px;
  cursor: pointer;
}

#rfp_page_refresh .selectric-open .selectric-items {
    min-width: 101px;
    width: max-content !important;
  }

.dash_board_filters {
  width: 68px;
  display: block;
  height: 22px;
  background: #eee;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #aaa;
  margin: 0px 3px;
  color: #403f3f;
  padding: 3px 3px;
  font-size: 11px;
  font-weight: 500;
}
.dash_board_filters:hover {
  border: 1px solid #e62e2e;
  color: #f03131 !important;
  background: #eed2d2;
}

.dash_board_filters-hover {
  border: 1px solid #e62e2e;
  color: #f03131 !important;
  background: #eed2d2;
}

/*styles for tickmark with round shape
*/
label.om-check {
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 33px;
  left: 12px;
  position: absolute;
  top: 3px;
  width: 33px;
}
label.img-opacity {
  opacity: 0.5;
}

label.om-check:after {
  border: 3px solid #fff;
  border-top: none;
  border-right: none;
  content: '';
  height: 6px;
  left: 10px;
  opacity: 1;
  position: absolute;
  top: 11px;
  transform: rotate(-53deg);
  width: 15px;
}
label.grn_bgrnd {
  background-color: green;
}

label.red_bgrnd {
  background-color: red;
}
.red_bg {
  background-color: #d9534f;
}
.dis-f-private {
  display: inherit !important;
}

.dashboard-flex {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.transparent-black-bg {
  background: rgba(0, 0, 0, 0.38) !important;
}

/*styles private order notes
*/

.enter-notes-here .save-button {
  position: absolute;
  bottom: 5px;
  right: 0px;
  border-radius: 0px;
}

.enter-notes-here {
  width: 50%;
  float: left;
  position: relative;
}

.enter-notes-here .gt-bpay.clr-w {
  font-weight: 800;
  margin-bottom: 6px;
}

.enter-notes-here .save-button .btn {
  border-radius: 0px;
}

.enter-notes-here .notes-textarea.snotes {
  height: 34px !important;
}

.notes-textarea.snotes::placeholder {
  color: black;
  opacity: 1;
}

.all_notes {
  background-color: #fff !important;
  border: 0 !important;
  resize: vertical;
  width: 20px !important;
  border: 1px solid #fff !important;
  min-width: 100%;
}

.all_notes {
  height: 100px;
  overflow: auto;
  resize: none;
}

.add-ons {
  width: 50%;
  float: right;
  padding-left: 10px;
}

div#private_notes {
  width: 100%;
  float: left;
  margin-top: 13px;
}

/*feedback page transaction link
*/
.feeback-transaction_link {
  color: #0066ff !important;
}

.no_preview_available {
  text-align: center;
}
li.deals img {
  width: 100% !important;
  height: 38px !important;
  object-fit: cover !important;
}

.sucess-manager {
  border: 1px solid #c7b7b7;
  padding: 5px 2px 5px 23px;
}

.cutomized-grn-btn {
  color: #fff;
  border-radius: 0;
  margin: -4px 0;
  padding: 0 10px;
  height: 36px;
  line-height: 22px;
  background: #00b85c;
  border-color: #cad34f;
  display: block;
  width: 100%;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 5px;
}

.detail {
  position: absolute;
  width: 50px !important;
  height: 50px !important;
  object-fit: cover !important;
  object-position: center;
  top: 5px;
  right: 92px;
  z-index: 9;
}
.detail img {
  background: #fff;
}

#detail_split.table>thead:first-child>tr:first-child>th {
  border: none;
}

#detail_split.table>tbody>tr>td
{
border: none;
}

.detail:before {
  content: '';
  position: absolute;
  width: 22px;
  height: 22px;
  background: #fff;
  border-top-left-radius: 30px;
  transform: rotate(135deg);
  left: -6px;
  z-index: -1;
  top: 4px;
  box-shadow: 0px 0px 8px 0px #0000002e;
}

.direct-order-list
  .Choose-commodity
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  width: 224px !important;
  white-space: pre-wrap !important;
  line-height: 26px;
  height: 30px;
  text-align: left !important;
  padding-right: 0 !important;
  font-size: 12px;
}
.align-left {
  text-align: left !important;
}

.ntfcnt-circle {
  color: red;
  float: right;
  padding: 5px 0px;
  margin-right: 5px;
}
.reqtd-s-date {
  height: 36px !important;
  line-height: 16px !important;
  overflow-x: unset !important;
  overflow-y: unset !important;
  max-height: 200px;
  background-color: #ffffff !important;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  padding-left: 7px !important;
  padding-top: 5px !important;
}
.reqtd-s-date b {
  font-size: 12px;
  color: #121111;
}

.com-drp .dropdown-content:before {
  content: '';
  position: absolute;
  width: 13px;
  height: 10px;
  background: #ffffff;
  transform: rotate(226deg);
  left: 1px;
  z-index: 3;
  top: -4px;
}

.detailed-po {
  position: absolute;
  min-width: 200px !important;
  /*top: 94%;*/
  z-index: 9999999;
  background: #ffffff;
  /*left: 32%;*/
  text-align: left;
  padding-left: 11px;
  word-break: break-all;
  font-size: 12px !important;
  text-transform: capitalize;
  line-height: 1.25;
}
.detailed-po:before {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  background: #ffffff;
  transform: rotate(226deg);
  left: 3px;
  z-index: 3;
  top: -6px;
}
.detailed-po p {
  margin: 5px 0 !important;
  font-size: 12px !important;
}

.detailed-po h5 {
  font-weight: 550 !important;
}

.detail .img-c-detail {
  width: 210px;
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

.s_new_bgrn_bck_left {
  top: 0;
  left: 18%;
}

.order-dashboard .som-selc-wrap .selectric-items {
  min-width: 185px;
  right: 0;
  left: inherit;
}
.cht-now,
.sbmt-now {
  width: 185px !important;
  margin: 5px 0 0 !important;
}


  .counter_btn
  {
    margin: 5px 5px 0 !important;
    width:  165px !important;
    font-size: 14px;
    font-weight: 500
  }

.cht-now {
  background-color: #898282 !important;
  color: white !important;
  line-height: 28px;
  text-align: center;
  color: #666;
  border: 2px solid #898282;
  outline: 0;
  cursor: pointer;
}
.cht-now-mrkt {
  background-color: #898282 !important;
  color: white !important;
  margin-right: 2px;
  cursor: pointer;
}

.in-grd {
  display: inline-grid;
}

.txt-alg-lft {
  text-align: left;
}
td.wdth-30.o-hisry-class {
  background: #e4e3e3 !important;
  pointer-events: none !important;
}
/*.clr-buyer-notes{color: white !important;}
.clr-seller-notes{color: black !important;}*/

.pal-details {
  color: #2a2a2b;
  font-weight: 700;
  background: #cad34f;
  padding-left: 22px;
  position: sticky;
  padding: 0px;
  clear: both;
  display: flex;
  top: 0;
  z-index: 1000;
}
.p-details {
  font-weight: 400;
}
.error-txt {
  color: red;
  padding-left: 4%;
}
.d-none {
  display: none;
}
.w-image {
  width: 3.4%;
}
.c-elemnt {
  cursor: pointer;
}
#l-opener {
  font-size: 14px;
  font-weight: 900;
  margin: auto;
}
.a-menu {
  position: absolute;
  z-index: 10000;
  width: 100%;
  height: auto;
  top: 87px;
  left: 0;
  background: #f2f2f2;
  right: 0;
  padding: 20px 10px;
}

.a-digits {
  width: calc(100% - 25px) !important;
  word-break: break-word !important;
}
.dsp-flex {
  display: flex;
}

.just_cont_space_btwn
{
  justify-content: space-between;
}

.listing_dates{
  height: 100%;
  width: 100px;
  top: 0;
  bottom: 0;
  background-color: white;
}

.month_cass{
  font-weight: 600;
  padding: 10px !important;
}

.list_dates{
  padding: 10px;
  font-weight: 500;
  cursor: pointer;
}

.map_wrapper{
  height: 100%;
  width: calc(100% - 100px);
}

.fls-input {
  width: 70%;
}
.m-lft-10 {
  margin-left: 7px;
}
.selectric-wrapper.selectric-custom-select-country.selectric-form-control.selectric-sodre-sel.selectric-white-input.selectric-cty-ogn-list.selectric-fls-select {
  width: 30%;
  position: relative !important;
  top: 0 !important;
  right: 18px !important;
}
.m-vw {
  background: #255a71;
  color: white;
  border: 1px solid #333;
  font-size: 14px;
  font-weight: 400;
}
.r-vw {
  background: #6da542;
  color: white;
  border: none;
}
.fr-vw {
  background: #fffdfd;
  color: gray;
  border: 1px solid;
  font-size: 14px;
  font-weight: 400;
}
.b-btm-none {
  border-bottom: 0px !important;
}
a.gr-btn {
  background: #c1bcbc !important;
  border: none !important;
  margin-right: 8px;
  color: white;
}
.detailed-po-o-rqst p span {
  font-weight: 400;
  word-spacing: 2px;
}

@media (max-width: 479px) {
  .direct-order-list
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    width: 310px !important;
  }
}

.d-frft {
  margin-top: 3px;
  background: gainsboro !important;
  border: none;
  color: white;
  display: block;
  width: 100%;
  height: 48px;
  padding: 10px 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  color: #666;
  border: 2px solid #eaecd1;
  outline: 0;
  color: white;
}
.t-aligh-left {
  text-align: left;
}
.b-class {
  color: black;
}
.txt-algn-cntr {
  /*display: flex;
  justify-content: left;
  align-items: center;*/
  color: white;
  padding-left: 4px;
}
.txt-algn-cntr button {
  color: white !important;
}
/* add comodity for order managers */
.detailed-pu:before {
  left: 42% !important;
}

.detailed-pu th {
  height: 41px !important;
  padding-top: 12px !important;
}
.detailed-pu {
  position: absolute;
  min-width: 750px !important;
  left: -270px !important;
}
.detailed-pu table th {
  text-align: left !important;
}
.detailed-pu table td {
  text-align: left !important;
}
span.po_number-expired {
  color: white;
}
span.po_number-manager {
  color: white;
}
.s-total-modal {
  margin: 3px;
  width: 13%;
  font-size: 12px;
}
.s-total-modal-2 {
  margin: 3px;
  float: right;
  border: none;
}
.s-total-modal-1 {
  float: right;
  padding-bottom: 10px;
}

.final-dest-txt {
  position: relative;
  float: left;
  top: 28%;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*enter pu number popup
*/
.scon-lbl-lft {
  text-align: left;
  width: 90%;
  margin: auto;
}
.i-pu-div {
  width: 100%;
  display: grid;
  border-bottom: 1px solid #ebdbdb;
  padding-bottom: 21px;
}
.i-pu-div .rst-div {
  width: 100%;
  background: white;
}
.i-pu-div input::placeholder {
  color: grey;
}

.i-pu-div label {
  margin-top: 1%;
}
.p-r-ers {
  margin-top: 5px;
}

.ntfcnt-circle-t {
  color: #fab038;
  padding-left: 4px;
  cursor: pointer;
}
.red-circle-t {
  color: red;
  padding-left: 4px;
  cursor: pointer;
}

.c-image {
  object-fit: contain;
  height: 25px;
}
.notification_detail {
  z-index: 99999999 !important;
}
.notification_detail .h_sctns {
  margin-top: 2%;
}
.notification_detail .h_sctns small {
  padding: 4px;
  cursor: pointer;
  font-size: 82%;
  float: right;
}

/* chat button in order view page */

img.chat-img {
  height: 25px;
  width: 26px;
}
button.cht-btn {
  padding: 1px 10px;
  background: #0c8de8;
  color: white;
  font-weight: 500;
  border-radius: 5px;
}
.bd-cht-div {
  display: flex;
  float: right;
  text-align: right;
}
.bd-cht-div input#submit_offer {
  margin-left: 4px;
}
button.cht-btn span {
  font-weight: 500;
}

button.cht-btn.askbuy img.chat-img {
  width: 26px !important;
  height: 24px;
  margin-right: 0.5em;
}
button.cht-btn.askbuy,
button.cht-btn.askseller {
  display: inline-block;
  font-size: 16px;
  margin-top: 5px;
  padding: 7px 31px;
  text-align: right;
  border: 1px solid #0c8de8;
  border-radius: 2px;
  position: fixed;
  bottom: 0;
  float: right;
  right: 15px;
  z-index: 9998;
}

/*----------*/

/* chat button in order view page */

.reject-item p,
.reject-item a {
  color: red;
  font-weight: 600;
}
.reject-item a {
  text-decoration: underline !important;
  cursor: pointer;
}
.reject_modal .r-fld {
  width: 72px;
}
.reject_modal .r-btn {
  width: 91%;
  color: white;
  font-weight: 600;
  background: red;
}
.reject_modal .c-btn {
  color: white;
  font-weight: 600;
  background: #92d050;
}

.reject_modal textarea.t-ara::placeholder {
  color: grey;
}
.reject_modal h4 {
  font-weight: 800;
  margin-bottom: 5%;
}
.reject_modal p {
  font-weight: 800;
  margin-top: 4%;
}
/*----------*/

.dropdown-menu-deal {
  position: absolute;
  width: 100%;
  z-index: 9999;
}
.y-btn-pro {
  background: #484646;
  color: white;
  font-weight: 500;
  border: 0px;
  padding: 3px 17px;
}

.n-btn-pro {
  background: #2ab934;
  color: white;
  font-weight: 500;
  border: 0px;
  padding: 3px 17px;
}
p.p-produce-pro {
  font-weight: 400;
}
h4.p-h4 {
  font-size: 24px;
}
p.p-produce-pro {
  font-weight: 400;
}

.void-items.i-d-smry,
.credit-items.i-d-smry {
  text-align: left;
  line-height: 6px;
}
div#l-opener-2 .bold-txt,
b {
  color: #000;
  font-weight: 700;
  font-size: 12px;
}
.bTag {
  display: block;
  margin: 10px;
}

div#l-opener-2 #l-opener {
  font-size: 14px;
  font-weight: 900;
  margin: auto;
  color: white;
}

/*chat secton handle blur and scroll
*/
.hideoverflow {
  overflow-y: hidden !important;
}
.blury {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #00000063;
  width: 100%;
  height: 100%;
  z-index: 9999999;
}
/*-----------------*/
.tabs.non_active_tbs {
  background: #959292;
  padding: 5px 21px;
  font-size: 15px;
  font-weight: 600;
}
.tabs.active_tbs {
  background: #4d4c4c;
  padding: 5px 21px;
  font-size: 15px;
  font-weight: 600;
}
.produce-pro .switch-tabs {
  margin-bottom: 18px;
}

.p-code {
  color: #7d7171;
  font-weight: 600;
}
div.p-code {
  margin-left: 7%;
  width: 14%;
}
div.p-name {
  margin-left: 12%;
}
div.exp-optn {
  /*width: 23%;
  padding-right: 3%;*/
    display: inline;
    position: relative;
    top: 10px;
    right: 10px;
}
div.produce-p-search {
  padding-left: 0px;
}

div.mapped_pro_list table th,
div.mapped_pro_list table td {
  text-align: left;
}
.produce-p-search .c-s-btn {
  margin-left: 2%;
}
td.row-ttl {
  color: #56c5f2;
  font-size: 12px !important;
  font-weight: 700;
}
/*responsive for commodity list in order request form
*/
@media (min-width: 768px) and (max-width: 1380px) {
  .resp-tables.resp-tables-o-r {
    border: 1px solid #ddd;
    overflow: auto;
    max-width: 100%;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 600px) {
  .switch-tabs .tabs {
    border-right: 1px solid white;
    width: 25%
  }
}
/*end*/

/*clear al btn - order req form - buyer side */
button.btn.btn-grn.clear-commodity {
  height: 35px;
  width: auto;
  margin: 0 0 10px;
  margin-left: 1%;
  background: #c5c4c4;
  border: 1px solid #c5c4c4;
}

button.btn.btn-grn.clear-commodity:hover {
  color: white;
}

p.p-clear-cmdty {
  padding: 14px 0px 20px 0px;
}
/*end*/

/*private order request form - buyer side*/
.s-dtl-p-order .type-wrapper .multiselect.btn .fa,
.s-dtl-m-order .type-wrapper .multiselect.btn .fa {
  right: -1px;
  top: 0px;
  margin: auto;
  padding: 0px 8px;
  border-left: 1px solid #d7d7d7b5;
}
.s-dtl-p-order
  .s-dtl-p-order
  .s-dtls
  span.multiselect-native-select
  button.multiselect.dropdown-toggle.btn.btn-default {
  height: 30px !important;
  border: 1px solid #e8e8e8;
}

.s-dtl-p-order .s-dtls .selectric .button {
  padding: 0px 8px;
  border: 1px solid #d7d7d7b5;
  height: 30px;
}
.s-dtl-p-order .s-dtls .selectric {
  width: 100%;
  height: 30px;
}
.s-dtl-p-order .s-dtls .selectric-wrapper,
.commodities-table .selectric-wrapper {
  border: 1px solid #e8e8e8;
  height: 30px;
}
.Choose-commodity span.select2-selection.select2-selection--single .button,
.commodities-table-pvt
  .s-two
  span.select2-selection.select2-selection--single
  .button {
  border: 1px solid #d5d5d5;
  right: -5px;
  position: absolute;
  margin: 0 auto;
  height: 30px;
  top: -1px;
  padding: 0 10px;
  font-size: 23px;
}
.commodities-table-pvt .account_p_lbl .fa-angle-down.button {
  height: 30px;
  border: 1px solid #e6e6e6;
  background: white;
}
.Choose-commodity span.select2-selection.select2-selection--single {
  border: 1px solid #cdcdcd !important;
  border-radius: 0;
  position: relative;
  height: 30px;
}

.s-dtl-p-order .selectric-wrapper .selectric .button {
  font-size: 25px !important;
}
/*end*/
.l-b-tb tr td {
  width: 0px;
  text-align: left;
  font-size: 12px;
}

.deal-dsc {
  font-size: 14px;
  color: hsl(0, 0%, 0%);
  text-transform: capitalize;
  margin-bottom: 5px;
  margin-top: 2px;
  overflow: hidden;
  /*    text-overflow: ellipsis;
    white-space: nowrap;*/
  width: 100%;
}
.select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #5897fb !important;
  color: white !important;
  font-size: 12px;
  font-weight: 500;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  float: left;
  font-size: 12px;
}

@media (min-width: 1550px) {
  .s-two .new-select.set_pallet_sw.o-s-pack {
    padding: 0;
  }
  .s-two .new-select.set_pallet_sw.o-s-pack input {
    position: absolute;
    width: 101px;
    background: white;
  }
  .s-two .new-select.set_pallet_sw.o-s-pack .select2-container {
    width: 100%;
  }
  .en-l-chat .chat-w .panel-body.custom-message-body2 {
    min-height: auto !important;
    max-height: calc(100vh - 150px) !important;
    height: inherit;
  }

}

.g-s-html .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  font-size: 12px;
}
.direct-order-list .select2-container--default .select2-selection--single {
  border-radius: 0px;
}
.submit-order-wrapper .form-control.small-btn {
  height: 30px;
  font-size: 12px;
  border-radius: 0;
  border: 1px solid #e8e8e8;
}
li.show-li {
  display: block !important;
}

button.r-tracker {
  background: transparent;
  color: #616161;
  border: 2px solid grey;
  margin-top: 2%;
  padding: 2px 20px;
}

h4.p-h4-t {
  font-size: 19px;
  color: #36be36;
  margin-bottom: 7px;
  margin-top: 0px;
}
div#unit_tracker p b {
  font-size: 15px;
}
div#unit_tracker table {
  width: 100%;
  margin-bottom: 24px;
  float: left;
}
div#unit_tracker table thead td {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  padding-left: 7px;
}
div#unit_tracker table tbody td {
  font-size: 14px;
  text-align: left;
  padding-left: 7px;
}
div#unit_tracker button {
  background: #36be36;
}
div#unit_tracker button.close {
  background: none;
}
#unit_tracker .modal-header {
  border-bottom: 0px;
}
div#unit_tracker input.r_picker::placeholder {
  color: grey;
}
div#unit_tracker .modal-header {
  border-bottom: 0px;
  padding: 5px;
}
div#unit_tracker #u_tracker {
  padding: 0px 28px 12px 28px;
}

span.r-common {
  float: right;
  color: red;
  margin-right: 2%;
}
#req-price-now p {
  font-size: 14px;
}
span.checkmark.grn-clor {
  background-color: green !important;
}
span.checkmark.red-clor {
  background-color: red !important;
}

button.clr-srch {
  background: blue;
  color: white;
  border-left: 0px;
  height: 34px;
}
button.d-cmplt-btn {
  float: right;
  background: red;
  color: white;
  margin-bottom: 9px;
}
.dropdown-menu-add-item {
  width: 100%;
  position: absolute;
  left: 0;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  background-color: white;
  z-index: 999999;
}
.dropdown-menu-add-item input {
  width: 96%;
  border: 1px solid #9a9a9a;
  padding-left: 4px;
  background: #fff;
  color: #3c3c3c;
  margin: 2px;
}
a.add-item-a {
  position: relative;
  cursor: pointer;
  top: 5px;
}

.dropdown-menu-add-item button {
  width: 100%;
  background: #0ac30a;
  color: white;
  border: none;
  margin: 2px;
  padding: 3px;
}

/*favourite modal design*/
#fav_modal input {
  width: 69%;
}
#fav_modal input::placeholder {
  color: #a9a7a7;
  padding-left: 120px;
}
#fav_modal button.cancel-btn {
  background: grey;
  color: white;
  margin-left: 59%;
  border: 0px;
  font-weight: 600;
  padding: 2px 13px;
}
#fav_modal button.save-btn {
  background: #17c40c;
  color: white;
  border: 0px;
  font-weight: 600;
  padding: 2px 13px;
}
#fav_modal .btn-div {
  width: 68%;
  margin-left: 16%;
  margin-top: 3%;
}
#fav_modal .fav_name_error {
  display: none;
  color: red;
  margin-right: 46%;
  font-size: 13px;
  font-weight: 500;
}
span.filter-option.pull-left.without-after-element:after {
  content: none !important;
}
.favrt_btn {
  max-width: 100% !important;
  min-width: 80px !important;
  width: auto !important;
  border: 2px solid #6da542 !important;
  border-radius: 4px !important;
}

p.contrcat-list {
  /*background-color: #e9e9e9 !important;*/
  font-size: 14px !important;
  margin: 12px 0 0 0px !important;

}
p.contrcat-list input {
  /*background-color: #e9e9e9 !important;*/
  margin: 0px !important;
}

p.contrcat-list select {
  border: none;
  background: #e9e9e9 !important;
  height: 24px;
  padding: 0px;
}

.rfq_input
{
  padding: 2px 6px;
  font-weight: 600;
  margin: 6px 0;
  border: 1px solid #e9e9e9 !important;
}

p.contrcat-list-h input {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
}

p.contrcat-list-h select {
  border: 1px solid #e3e3e3;
  background: white !important;
  height: 24px;
  padding: 0px;
}

p.contrcat-list-h {
  font-size: 14px !important;
   margin: 12px 0 0 0px !important;
}

input.form-control.planner-c-price,
input.form-control.planner-c-unit {
  height: 22px;
}

td.opn-mrkt {
  font-weight: 700 !important;
  color: #20a631;
}

/*select.contract-freq{
  border: none;
  background: #e9e9e9 !important;
  height: 24px;
  padding: 0px;
}*/

button.btn.btn-add.fav-btn {
  margin-bottom: 6px;
  cursor: pointer !important;
}

p.int-txt {
  font-size: 14px !important;
  color: black !important;
}

button.invi-s-txt {
  font-size: 14px;
  margin-left: 32px;
  background: transparent;
  border: 2px solid #b2a4a4;
  border-radius: 3px;
}
input.s_i_bx {
  border-radius: 0;
  color: black;
  width: 100%;
  font-weight: 300 !important;
  background: #99999936;
  border: 1px solid #f2efef !important;
}

#add-recipient p,
#add-recipient label {
  font-size: 14px;
}

#add-recipient input::placeholder {
  font-size: 14px;
  color: grey;
}

#add-recipient {
  padding-left: 3%;
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.5);
}
.add-recipient .actn-btn {
  display: flex;
  width: 32%;
  float: right;
  padding: 11px;
}
#add-recipient .actn-btn {
  display: flex;
  width: 32%;
  float: right;
  padding: 11px;
}

.grp-cmdty-error-indi,
.grp-name-error-indi,
.grp-company-error-indi {
  font-size: 12px;
  font-weight: 400;
}

span.alert-d-txt {
  position: absolute;
  right: 0;
  z-index: 111;
  background: white;
  color: black !important;
  font-weight: 900;
  display: none;
  width: 189px;
  top: 8px;
  font-weight: 3px;
  left: 25px;
}

p.email-txt-unauth {
  font-size: 12px;
  font-weight: 600;
  margin-top: 3px;
}
@media only screen and (max-width: 600px) {
  .clr-seller-notes {
    color: black !important;
  }
  .bhd-pmt-head {
    color: #000000 !important;
  }
  .dash_board_filters {
    display: inline-block;
  }
  .filter-tabs {
    display: block;
  }
  .show-tick.form-control.o-t-slct .dropdown-menu {
    width: 100%;
    max-width: 100%;
  }
  .deals_list_view {
    float: left;
  }
  div.high-c-div,
  div.high-c-div-usda {
    width: 340px;
    max-width: 425px;
    overflow: auto;
  }
  .table-respon.table-respon-b-mark {
    width: 350px;
    overflow: auto;
    max-width: 600px;
  }

  .resp-om,
   .resp-tables {
    width: 100%;
    max-width: 100vw;
    overflow-x: auto;
  }

  .submit-order-wrapper {
    width: 100%;
    background: #4f4e4e;
  }

  .dashboard-wrapper.shippingInfo .po-com-wrap,
  #purchase-order .po-com-wrap {
    flex-wrap: wrap;
  }
  .dashboard-wrapper.shippingInfo .po-com-wrap .c-imag-prdtc,
  #purchase-order .po-com-wrap .c-imag-prdtc {
    margin-left: 0;
    width: 50px;
    height: 50px;
    object-fit: contain;
  }

  .dashboard-wrapper.shippingInfo .po-com-wrap .p_name,
  #purchase-order .po-com-wrap .p_name {
    width: 100%;
  }

  .quotesTable .account_p_lbl {
    min-height: 50px;
  }

  .somTabs {
    flex-wrap: wrap;
  }
  .somTabs .filter-tabs {
    margin: 10px 0;
  }
  .black-ct-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.width-100-p{
  width: 100% !important;
}

.colored
  {
    background-color: #f2efef !important;
    border: 0 !important;
    font-size: 12px !important;
  }
  .white_back
  {
    background-color: white !important;
    border: 0 !important;
    font-size: 12px !important;
  }

select.ship_location_rfq {
  width: 100px;
  /*height: 23px;*/
  padding: 0px;
  font-size: 12px;
  /*font-weight: 700;*/
  color: blue;
  border-radius: 0px;
  border: 0 !important;
  box-shadow: none;
  -webkit-box-shadow: none !important;
}

select.r_w_rfq {
  width: 120px;
  /*height: 23px;*/
  padding: 0px;
  font-size: 12px;
  /*font-weight: 700;*/
  color: blue;
  border-radius: 0px;
  border: 0 !important;
  box-shadow: none;
  -webkit-box-shadow: none !important;
}

select.quote_type {
  width: 75px;
  /*height: 23px;*/
  padding: 0px;
  font-size: 12px;
  /*font-weight: 700;*/
  color: blue;
  border-radius: 0px;
  border: 0 !important;
  box-shadow: none;
}


select.seller_reps {
  width: 80%;
  height: 23px;
  padding: 0px;
  font-size: 12px;
  /*font-weight: 700;*/
  color: blue;
  border-radius: 0px;
}

.fob-toggle-btn {
  font-size: 12px;
  font-weight: 600;
  color: white;
  border: none;
}

label.fob-toggle-lbl {
/*  font-size: 12px;
  font-weight: 600;
  margin-right: 4px;
  margin-top: 6%;
  float: left;
  width: 28%;*/
}
div.fob-toggle-lbl-d {
  display: flex;
  width: 135%;
  float: left;
  /*margin-top: 4%;*/
}
.fob-toggle-btn.enable {
  background: blue;
  width: 38%;
  padding: 8px;
}
.fob-toggle-btn.disable {
    background: grey;
    opacity: 0.3;
    width: 38%;
    box-shadow: inset -3px 3px 6px 2px #000;
    padding: 8px;
}
.ab-scon-lbl1 .form-group label {
  color: black;
}
.ab-scon-lbl1 select.form-control,
.ab-scon-lbl1 input.form-control::placeholder {
  color: grey;
}

div.elg-quote {
  cursor: pointer;
}

p.p_by_grower {
  color: #cad34f !important;
  font-weight: 700;
  margin-top: 15px;
  font-size: 17px;
}

button.save-shedule {
  margin: auto;
  margin-right: 55%;
  margin-top: 5%;
  padding: 4px 18px !important;
}
div.freight-quotes {
  width: 100%;
  float: left;
}
div.freight-quotes table td {
  text-align: left;
}
span.add-usda {
  color: blue;
}
span.remove-usda {
  color: red;
}
input#purc_po_number {
  color: black !important;
}
td.produce-pro-td.produceImg span.select2 {
  width: calc(100% - 35px) !important;
}
td.produce-pro-td span.select2 {
  width: 80% !important;
  float: none !important;
  text-align: center !important;
}
td.produce-pro-td b.fa.fa-angle-down.button {
  position: absolute !important;
  margin: 0 !important;
  height: 100% !important;
  padding: 0px 4px !important;
  font-size: 23px !important;
  top: 0px !important;
  float: right !important;
  border: 1px solid #d5d5d5;
}
.drpdown-usda {
  border: none;
  margin-left: 5%;
  padding: 0px !important;
}
img.c-imag-prdtc {
  margin-top: 1%;
  width: 30px;
  height: 30px;
  object-fit: contain;
}
td.account_p_lbl.align-left.b-btm-none div.p_name,
td.account_p_lbl.align-left div.p_name {
  margin-top: 14%;
}
td.l-acn .selectric-wrapper.selectric-sdd-select.selectric-selectric_refresh {
  margin-top: 3%;
}
p.composer-p.composer-p-sub {
  float: left;
  text-align: left;
  width: 100%;
  margin-left: 1% !important;
}
div.s-dv {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
}
div.composer-card p.private-notes,
div.private-notes {
  word-break: break-word;
  font-size: 15px;
  color: black;
  border-bottom: 1px solid #dcd9d9;
  padding-bottom: 38px;
  margin-top: 6%;
}
div.composer-card p.private-notes p,
div.private-notes p {
  font-size: 14px !important;
}
.show-tick.form-control.o-t-slct .dropdown-menu {
  width: auto;
  max-width: auto;
}

.flx-div {
  display: flex;
}
span.phone-value {
  font-weight: 500;
}

@media only screen and (max-width: 600px) {
  .btm-100 {
    width: 100px !important;
    float: right;
    font-size: 18px;
    font-weight: 500;
    height: 44px;
    margin: 3px;
    padding: 5px;
  }
}


div.po-modal-ship-from {
  width: 100%;
  padding-left: 15px;
  display: flex;
}
div.po-modal-ship-from b {
  margin-right: 5px;
  margin-bottom: 5px;
}

b.connect-icon {
  position: absolute;
  width: 2px;
  height: 50px;
  background: #f2f2f2;
  right: 10px;
  z-index: 9999;
  top: -23px;
}

div.sale_details {
  position: absolute;
  bottom: 31%;
  min-width: 200px !important;
  z-index: 9999999;
  background: #ffffff;
  right: 113%;
  text-align: left;
  padding-left: 11px;
  font-size: 12px !important;
  text-transform: capitalize;
  line-height: 1.25;
  border: 1px solid grey;
  padding: 7px 8px;
}

div.sale_details:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 13px;
  background: #ffffff;
  transform: rotate(316deg);
  left: 97%;
  z-index: 3;
  top: 73%;
  border-right: 1px solid grey;
  border-bottom: 1px solid grey;
}

div.sale_details table td,
div.sale_details table th {
  font-size: 12px !important;
  border: 0px !important;
}

a.d-rcp-cmpny {
  font-size: 14px !important;
  color: red !important;
  margin-top: 9px;
  cursor: pointer;
}

div.planer-modtab img.img-opacity {
  cursor: pointer;
}

span.po_number_prsnt {
  color: black !important;
}

/*spinner for produce pro date:13/01/2021*/
.spin-gro {
  padding-left: 2.5em;
  display: block;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* The actual spinner element is a pseudo-element */
.spin-gro .spinner::before {
  content: '';
  width: 1.5em; /* Size of the spinner */
  height: 1.5em; /* Change as desired */
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: solid 0.35em #fff; /* Thickness/color of spinner track */
  border-bottom-color: #604f29; /* Color of variant spinner piece */
  animation: 0.8s linear infinite spinner; /* speed of spinner */
  transform: translate(-50%, -50%);
  will-change: transform;
}

/* optional, but it will affect the size if changed */
*,
*::before,
*::after {
  box-sizing: border-box;
}

#picukup-location {
  background: #0c8de8;
  color: white;
  margin-top: 29px;
  outline: 0;
  border: 0;
  padding: 10px;
}

input.a-complete::placeholder {
  color: grey !important;
}

button.d-sip-l {
  background: red;
  color: white;
  font-weight: 600;
  padding: 4px 13px;
  margin-top: 4%;
  font-size: 13px;
}
span.input-error-txt li.parsley-custom-error-message,
span.slctb-loc-error-txt li.parsley-custom-error-message {
  background: red;
  color: white;
  font-size: 12px;
  font-weight: 600;
  width: max-content;
}
button.btn.dropdown-toggle.bs-placeholder.hl-border.btn-default,
.hl-border {
  border: 2px solid red !important;
  z-index: 999;
}

span.select-error-txt li.parsley-custom-error-message {
  background: red;
  color: white;
  font-size: 12px;
  font-weight: 600;
  width: max-content;
}

div.mk-adjst-crdt {
  overflow-y: auto;
  max-height: 100px;
}
span.s_all_scn {
  color: blue;
  font-weight: 500;
  font-size: 12px;
  cursor: pointer;
}

.s_dtls .p_name {
  color: black;
  font-size: small;
  text-align: left;
}

.s_dtls .i-fld input {
  width: 100%;
  max-width: 310px;
  height: 50px;
  margin-bottom: 8px;
  padding: 0 10px;
  font-size: 19px;
  text-align: left;
}
.hr-low-line {
  border-bottom: 2px solid #d7d1d1;
  float: left;
  width: 100%;
  margin-bottom: 11px;
}

div.m-acpt-po-scn {
  max-height: 229px;
  overflow-x: hidden !important;
}
.just-center
{
  justify-content: center !important;
}

/*new loader design for bid form Date Addded : 06/2/2021 */
.lds-spinner {
  color: #000;
  display: flex;
  position: fixed;
  top: 0;
  margin: auto;
  bottom: 0px;
  right: 0;
  left: 0px;
  z-index: 99999999999999999999999 !important;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: #00000052;
  text-align: center;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 5px;
  left: 37px;
  width: 6px;
  height: 20px;
  border-radius: 100px;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*-------------loader design completed--------*/

input.different_shipping_address_input {
  z-index: 9999 !important;
}

.quote_type_fob {
  float: right;
  background: #14ea14;
  padding: 2px 21px;
  color: white;
  font-weight: bold;
}

.quote_type_delivered {
  float: right;
  background: blue;
  padding: 2px 21px;
  color: white;
  font-weight: bold;
}

div.set-as-d-odr {
  padding: 10px;
}
input#set_as_default_order {
  cursor: pointer;
}
h4.ct-a-tab-view {
  border-bottom: 7px solid #33b233;
}

button.ad_rqst {
  margin-left: 17px;
  color: white;
  background: #cad34f;
  padding: 3px 21px;
  font-weight: bold;
}

.add_req_odr,
td.ss.rw-t.active.text-center.position_relative.inner-id.add_req_odr,
td.ss.rw-t.active.text-center.position_relative.add_req_odr {
  background-color: #cad34f !important;
  background: #cad34f !important;
}

span.s-as-d-order {
  font-size: 12px;
}

h4.n-t-list {
  cursor: pointer;
}
button.ad_rqst {
  pointer-events: none;
}

.u_a_b_dtls {
  overflow-y: scroll;
  max-height: 973px;
}

/*css for uber log - buyer side*/
.f-l-scn {
  display: flex;
  width: 100%;
  margin-left: auto;
  justify-content: flex-end;
}
.p-by-scn {
  font-size: 15px;
  padding-right: 7px;
}
.f-l-scn img {
  width: 121px;
  height: 22px;
}
/*-----------------*/

/* responsive */

@media (max-width: 767px) {
  td.produce-pro-td.produceImg span.select2 {
    width: calc(50% - 45px) !important;
  }
}
@media (max-width: 600px) {
  .shipping_information_modal {
    margin-left: auto;
    font-weight: 800;
    color: #000;
  }
  .s_dtls .p_name {
    color: black;
    font-size: small;
    text-align: left;
    padding: 5px 0px;
    padding-bottom: 16px;
    font-weight: bold;
  }
  .s_dtls .i-fld input {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 475px) {
  .dsp-flex div.exp-optn {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
  .drpdown-usda {
    font-size: 10px;
    margin-left: 2px;
  }
  span.remove-usda {
    font-size: 10px;
  }
  .m-vw {
    width: 100%;
    padding: 6px 10px;
  }
  .trht-sm select#buyer_assist {
    width: 50% !important;
    border-radius: 0;
  }
  .dsp-flex {
    margin-bottom: 5px;
  }
  .fr-vw {
    width: 150px;
  }
  .r-vw {
    border-radius: 0;
    padding: 6px 7px;
    width: 150px;
    border: 1px solid #6da542;
    outline: 0;
  }
  .dsp-flex div {
    width: 100%;
    max-width: 100%;
  }
  td.produce-pro-td.produceImg span.select2 {
    width: calc(100% - 45px) !important;
  }
  .direct-order-list
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    width: 100% !important;
  }
}

/* responsive */
div.mail-attachment {
  cursor: pointer;
}

img.p-s-ind-price-img {
  width: 25px;
  border-radius: 50%;
  height: 25px;
  cursor: pointer;
}
img.p-h-ind-price-img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  cursor: pointer;
}
img.p-ht-ind-price-img {
  width: 25px;
  height: 25px;
  cursor: pointer;
}

table.bid-details th{
  font-size: 10px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.invoice_price
{
  width: 150px !important;
}

.edit_invoice_button
{
  height: 30px !important;
  padding: 5px !important;
  margin: unset !important;
}

.offinvoicedropdown {
  min-width: 300px !important;
  right:0px !important;
  top: 29px !important;
  max-height:300px !important;
}
.font_500
{
  font-weight: 500 !important;
}
.run_price_result {
    position: relative;
    min-height: 400px;
    padding: 30px;
    background: #fff;
    width: 50%;
  }

  .run_price_result .status-row {
    display: flex;
    align-items: center;
    gap: 15px;
  }

 .run_price_result .status-icon.warning {
    background: #ffc107;
    color: #000;
  }

  .status-text .subtitle {
    font-size: 14px;
    color: #444;
    margin-top: 4px;
  }

  .unmapped-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
  }

  .unmapped-table th,
  .unmapped-table td {
    text-align: left;
    padding: 10px;
    border: unset;
    font-size: 14px;
  }

  .unmapped-table th {
    background: #373d3f4d;
    font-weight: 600;
  }
  .unmapped-table td a {
    text-decoration: underline !important;
    color: red;
    cursor: pointer;
  }
  .run_price_result .status-icon {
    width: 36px;
    height: 36px;
    background: #4caf50;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
  }

  .run_price_result .status-text .title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
  }

  .run_price_result .status-text .subtitle {
    font-size: 15px;
    color: #161414;
  }

  .run_price_result .result-actions {
    position: static;
    display: flex;
    gap: 12px;
    float: right;
    justify-content: end;
    margin-bottom: 70px;
    margin-top: auto;
  }

  .run_price_result .btn {
    padding: 8px 18px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid transparent;
  }

  .run_price_result .btn-previous {
    background: #4a90e2;
    color: #fff;
  }

  .run_price_result .btn-export {
    background: #7ed321;
    color: #fff;
  }

  .run_price_result .btn-cancel {
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
  }
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
/* line 3, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
span.emoji,
span.emoji-inner {
  text-indent: -9999px;
  vertical-align: baseline;
}

/* line 8, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
#open-emoji-panel img:hover,
.emoji-menu-tabs .emoji-menu-tab:hover,
.emoji-picker-icon:hover,
[role=button] {
  cursor: pointer;
}

/* line 14, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.img-responsive,
.img-thumbnail,
.table,
label {
  max-width: 100%;
}

/* line 20, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 26, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.nano > .nano-content,
.nano > .nano-pane {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

/* line 33, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.nano > .nano-content {
  overflow: scroll;
  overflow-x: hidden;
  left: 0;
}

/* line 38, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.nano > .nano-content:focus {
  outline: dotted thin;
}

/* line 41, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}

/* line 44, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}

/* line 47, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.nano > .nano-pane {
  background: rgba(0, 0, 0, 0.25);
  width: 10px;
  visibility: hidden\9;
  opacity: 0.01;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* line 60, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* line 69, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.nano-pane.active,
.nano-pane.flashed,
.nano:hover > .nano-pane {
  visibility: visible\9;
  opacity: 0.99;
}

/* line 75, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
span.emoji {
  -moz-box-orient: vertical;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: 1em;
  background-repeat: no-repeat;
}

/* line 83, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
span.emoji-sizer {
  line-height: 0.81em;
  font-size: 1em;
  margin: -2px 0;
}

/* line 88, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
span.emoji-outer {
  display: -moz-inline-box;
  display: inline-block;
  height: 1em;
  width: 1em;
}

/* line 94, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
span.emoji-inner {
  display: -moz-inline-box;
  display: inline-block;
  width: 100%;
  height: 100%;
}

/* line 100, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
img.emoji {
  width: 1.3em;
  height: 1.3em;
}

/* line 104, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-picker-container {
  position: relative;
  display: inline-block;
  min-width: 300px;
}

/* line 109, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-picker-icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
  opacity: 0.7;
  z-index: 100;
  transition: none;
  color: #296762;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* line 124, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-wysiwyg-editor,
.form-control {
  -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

/* line 128, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-picker-icon:hover {
  opacity: 1;
}

/* line 131, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-picker-icon.parent-has-scroll {
  right: 28px;
}

/* line 134, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-wysiwyg-editor:empty:before {
  content: attr(placeholder);
  color: #9aa2ab;
}

/* line 138, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-wysiwyg-editor:active:before,
.emoji-wysiwyg-editor:focus:before {
  content: none;
}

/* line 142, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-wysiwyg-editor {
  padding: 6px 35px 6px 6px;
  margin-bottom: 0;
  min-height: 40px;
  height: 30px;
  max-height: 284px;
  overflow: auto;
  position: relative;
  -moz-appearance: textfield-multiline;
  -webkit-appearance: textarea;
  resize: both;
  line-height: 17px;
  border: 1px solid #d2dbe3;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  -webkit-user-select: text;
  word-wrap: break-word;
}

/* line 162, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu,
svg:not(:root) {
  overflow: hidden;
}

/* line 166, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-wysiwyg-editor.parent-has-scroll {
  padding-right: 40px;
}

/* line 169, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-wysiwyg-editor.single-line-editor {
  min-height: 35px;
  height: inherit;
}

/* line 173, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-wysiwyg-editor img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: -3px 0 0;
}

/* line 179, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu {
  position: absolute;
  z-index: 999;
  width: 225px;
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* line 191, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-items-wrap1 {
  background: #fff;
  padding: 5px 2px 5px 5px;
}

/* line 195, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-items-wrap1 .emoji-menu-tabs {
  width: 100%;
  margin-bottom: 8px;
  margin-top: 3px;
}

/* line 200, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-items-wrap1 .emoji-menu-tabs td {
  text-align: center;
  color: #fff;
  line-height: 0;
}

/* line 205, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .emoji-menu-tab {
  display: inline-block;
  width: 24px;
  height: 29px;
  background: url(/emoji_picker/IconsetSmiles.png) no-repeat;
  background-size: 42px 350px;
  border: 0;
}

/* line 213, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.is_1x .emoji-menu-tabs .emoji-menu-tab {
  background-image: url(/emoji_picker/IconsetSmiles_1x.png);
}

/* line 216, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .emoji-menu-tab {
  display: inline-block;
  width: 24px;
  height: 29px;
  background: url(/assets/emoji_picker/IconsetSmiles-fe61d37b5766653e7a3d3aa9b1aafc63f5bead19cd042d16fd5c37eaea7eca62.png) no-repeat;
  background-size: 42px 350px;
  border: 0;
}

/* line 224, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-recent {
  background-position: -9px -306px;
}

/* line 227, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-recent-selected {
  background-position: -9px -277px;
}

/* line 230, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-smile {
  background-position: -9px -34px;
}

/* line 233, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-smile-selected {
  background-position: -9px -5px;
}

/* line 236, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-flower {
  background-position: -9px -145px;
}

/* line 239, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-flower-selected {
  background-position: -9px -118px;
}

/* line 242, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-bell {
  background-position: -9px -89px;
}

/* line 245, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-bell-selected {
  background-position: -9px -61px;
}

/* line 248, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-car {
  background-position: -9px -196px;
}

/* line 251, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-car-selected {
  background-position: -9px -170px;
}

/* line 254, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-grid {
  background-position: -9px -248px;
}

/* line 257, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-grid-selected {
  background-position: -9px -222px;
}

/* line 260, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-bell,
.emoji-menu-tabs .icon-car,
.emoji-menu-tabs .icon-flower,
.emoji-menu-tabs .icon-grid,
.emoji-menu-tabs .icon-smile {
  opacity: 0.7;
}

/* line 267, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu-tabs .icon-bell:hover,
.emoji-menu-tabs .icon-car:hover,
.emoji-menu-tabs .icon-flower:hover,
.emoji-menu-tabs .icon-grid:hover,
.emoji-menu-tabs .icon-smile:hover {
  opacity: 1;
}

/* line 274, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu .emoji-items-wrap {
  position: relative;
  height: 174px;
}

/* line 278, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu .emoji-items {
  padding-right: 8px;
  outline: 0 !important;
}

/* line 282, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  border: 0;
}

/* line 288, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu .emoji-items a {
  margin: -1px 0 0 -1px;
  padding: 5px;
  display: block;
  float: left;
  border-radius: 2px;
  border: 0;
}

/* line 296, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu .emoji-items a:hover {
  background-color: #edf2f5;
}

/* line 299, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu:after {
  content: ' ';
  display: block;
  clear: left;
}

/* line 304, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji-menu a .label,
[hidden],
template {
  display: none;
}

/* line 309, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
#emoji-wrapper {
  width: 350px;
  height: 300px;
  margin-left: 200px;
  background-color: #fff;
  padding: 4px 1px 0;
  border: 1px solid rgba(0, 0, 0, 0.17);
  top: 0;
  bottom: 0;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 322, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
#open-emoji-panel img,
.emoji,
.emoji-basic,
.emoji-image,
.emoji-show {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

/* line 331, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.label,
sub,
sup {
  vertical-align: baseline;
}

/* line 336, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.emoji {
  margin: 5px;
}

/* line 339, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
#emoji-wrapper::-webkit-scrollbar {
  width: 12px;
}

/* line 342, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
#emoji-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

/* line 346, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
#emoji-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* line 350, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
#notice {
  color: green;
}

/* line 353, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

/* line 358, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px 7px 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

/* line 365, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
#error_explanation h2 {
  text-align: left;
  font-weight: 700;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px -7px 0;
  background-color: #c00;
  color: #fff;
}

/* line 374, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}

/* line 378, ../../../../../home/ubuntu/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/rails_emoji_picker-0.1.5/lib/assets/stylesheets/rails_emoji_picker.scss */
.form-group {
  position: relative;
}
.notification-setting
{
  border: 1px black solid;
  justify-content: space-between;
}
/*direct order posting form*/
.new-select.set_pallet_sw.o-s-pack {
  width: 140px;
  margin: 0px;
}
div.o-s-pack > input.order_s_pack {
    font-weight: 600 !important;
    font-size: 12px !important;
}
.fw-500 {
  font-weight: 500;
}
.pl-0
{
  padding-left: 0px;
}

.input-container {
  position: relative;
}

.map_dates.active {
  background-color: #4CAF50 !important;   /* green */
  color: #fff;
  font-weight: bold;
}


.input-container input {
  width: 75px;
  padding-left: 25px; /* Adjust based on the width of the symbol */
  padding-right: 10px;
  height: 35px; /* Adjust height if needed */
  box-sizing: border-box;
}

.input-container .dollar-sign {
  position: absolute;
  left: 9%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px; /* Adjust the size of the dollar symbol */
}

.input-container .percent-sign {
  position: absolute;
  right: 12%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px; /* Adjust the size of the dollar symbol */
}

.ai_power_btn
{
  border-radius: 0px;
  height: 36px;
  width: 100% !important;
  float: right;
  padding: 7px;
}
.view_row
{
  background-color: lightgoldenrodyellow !important;
}
.o-s-pack .selectric-wrapper.selectric-form-control.selectric-custom-select.selectric-grower_multi.selectric-grower_item_quantity{
	z-index: auto;
}
.sub-txtx
{
  font-weight: 500;
}

.organic_bg
{
  background: #e1f1d2 !important;
}


#detail_split.table-striped>tbody>tr:nth-of-type(even) {
  background-color: #CBD3E5 !important;
}
#detail_split.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #CBD3E5 !important;
}

td.slit_td
{
  border: none !important;
}

tr.expanded_tr {
    background: #CBD3E5 !important;
    border: 1px solid #CBD3E5 !important;
}
tr.expanded_tr th
{
  color: grey !important;
  border: none;
}

.scroll_table
{
  max-height: 250px;
  overflow: scroll;
}

.or-selec .select2-container--default .select2-selection--single
{
  background-color: transparent !important;
  border: none !important;
}

.ord-selec .select2-selection .select2-selection--single .select2-selection__arrow
{
  border: none !important;
}

.or-selec .select2-container--default .select2-selection--single
{
  background-color: transparent !important;
  border: none !important;
}

.eprice-select .select2-container .select2-selection--single .select2-selection__rendered
{
  font-weight: 700;
}

.ord-selec .select2-selection .select2-selection--single .select2-selection__arrow
{
  border: none !important;
}

.off_invoice_tooltip {
}

.grey_bg
{
  background-color: #eee;
}

.selectric-custom-select-country
{
  border: 1px solid #ccc;
}

.bgreen-txt {
  color: green;
}

.escaltor_form .form-control
{
  font-size: 12px;
  font-weight: 500;
}

input.p_order_units{
	padding: 0px;
	padding-left: 5px;
}

.red-color-btn
{
  background-color: red;
  border-color: red;
  color: white;
}

.red-color-btn:focus, .red-color-btn:hover
{
  background-color: red !important;
  border-color: red !important;
  color: white !important;
}

.no_border {
  border: 0px !important;
}

.bulk_actions_btn {
  margin: 10px;
  font-size: 12px;
  height: 40px;
  padding: 5px;
}

.bulk_actions_btn:focus,
.bulk_actions_btn:hover {
  cursor: pointer;
  color: black;
  border: 2px solid black;
}

.bulk .checkmark
{
  top: -11px !important;
  left: 6px !important;
  /*background-color: #d4d4d4 !important;*/
}

.dropdown-dd-item{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.rfp_name {
  background-color: white !important;
  height: 30px !important;
  font-size: 12px !important;
}

.previous_price
{
  display: block;
  text-align: left;
  font-size: 10px;
  font-weight: 500;
}
.badge-green
{
  padding: 10px !important;
  border-radius: 0px !important;
  background-color: #6da542 !important;
  color: white;
}

.badge-red{
  padding: 10px !important;
  border-radius: 0px !important;
  background-color: red;
  color: white;
}


.bg-dark-card{
  background-color: #A0AFB9;
  width: 20rem;
  margin: 0px 10px 10px 10px;
  text-align: center;
  font-size: 12px;
  height: 6rem;
  color: white;
  cursor: pointer;
}

.bacl_link {
  position: absolute;
  top: 26px;
  right: 15px;
  height: 32px !important;
  padding: 6px;
  width: 85px;
}

.bacl_link:hover {
  position: absolute;
  top: 26px;
  right: 15px;
  height: 32px !important;
  padding: 6px;
  width: 85px;
}

.recommended-text {
  text-align: center !important;
  color: black !important;
}

.div-100-p{
	float: left;
	width: 100%;
}
.svty-p-div{
	float: left;
	width: 60%;
}
.thty-p-div{
	float: right !important;
  width: 40% !important;
}
.thty-p-div input{
  height: 10% !important;
  font-size: 18px;
  color: #000;
}
span.c-err-msg {
  font-size: 12px;
  float: left;
  padding-left: 11px;
  font-weight: 400;
}
.buyer_expenses {
  width: 50%;
  float: left;
  position: relative;
}
.buyer_expenses table, .buyer_expenses table th {
  border: none !important;
}
.buyer_expenses table th {
  color: white;
  padding: 0px !important;
  text-align: left;
}
.buyer_expenses table td {
  text-align: left;
  font-size: 12px;
}
.buyer_expenses .add-ons{
  width: 100%;
}
.buyer_expense .selectric-wrapper .selectric {
  border-color: #c4c4c4;
}
tr.n-bg-gry {
    background: #494949 !important;
}
p.e-item{
  font-weight: 550;
}
.scrollit {
  overflow-x: hidden;
  overflow-y:auto;
  max-height:300px;
}
.scrollit-popup {
  overflow-x: hidden;
  overflow-y:auto;
  max-height:100px;
}
th.border-wgt.bor-red.w-p-40{
  width: 42% !important;
}

i.fa.fa-fw.fa-sort.fa-sort-new{
  display: inline !important;
  margin-left: 2px;
}
.bld-txt.n-gray-txt.nbld-txt.padin-om8{
  color: #a09b9d
}
.commodity-ul-e{
  max-height: 500px;
  overflow: hidden;
  overflow-y: auto;
}

/*seller metrics in buyer offer received pages*/
b.b-r-p {
  color: black;
}
table.tbl th,table.tbl td {
  padding: 5px;
}
table.tbl th {
  font-size: 11px;
  text-align: left;
}
td.t-bdy {
  font-size: 11px;
  text-align: left;
  padding-right: 7px;
  padding-left: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#seller_metrics .o-r-p-t-10{
  padding-top: 11px;
}
#seller_metrics table.tbl{
  background-color: transparent;
  border: 1px solid #ded8d8;
  margin-top: 10px;
  width: 100%;
}
#seller_metrics .dropdown-content{
  padding-left: 10px;
  padding-top: 5px;
}

.recommand-label {
  width: auto;
  float: right;
  padding-right: 0px;
}

 .awardModal .btnAlign .btn{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .awardModal .btnAlign .awardbtn{
    background: #76bb41;
  }
  .awardModal .btnAlign .cancelBtn{
    background: #646464;
  }
  .modal-dialog.awardModal{
    width: 390px;
    height: 100vh;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    padding: 0px;
  }
  .awardModal .btnAlign{
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .awardModal .des{
    color: #727272;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .awardModal .tit{
      color: black;
      font-size: 20px;
      font-weight: bolder;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
  }
  .awardModal .modal-content{
    border-radius: 0;
    border: 1px solid #000;
    padding: 0px;

  }
  /*.awardModal .modal-body{
    padding: 0px;
  }*/

  .white_bg::placeholder {
    font-size: 14px;
    color: gray;
    font-weight: 500;
  }

  .awardModal input.form-control.template_name
  {
    border-radius: 0px !important;
    border: 1px solid #ccc !important;
    margin-bottom: 10px !important;
    font-size: 12px;
  }

  .awardModal input.form-control.template_name::placeholder
  {
    color: #ccc;
    opacity: 1;
  }


  input.form-control.share_input::placeholder
  {
    font-size: 10px;
  }

  .export_options
  {
    display: flex;
    justify-content: flex-end;
  }

 .traffic-light {
    width: 30px;
    height: 30px;
    padding: 9px 5px;
    border-radius: 20px;
    align-items: center;
}

.grey_light {
    background-color: #ccc !important;
    font-size: 8px;
    color: black;
    text-align: center;
    display: block;
    height: 30px !important;
    border: 1px solid black;
}

  .green_light
  {
    background-color: green;
    font-size: 8px;
    color: white;
    text-align: center;
    display: block;
  }
  .tr_orange_light
  {
    background-color: #ffe9cc !important;
  }
  .tr_green_light
  {
    background-color: #e4f2d9 !important;
  }
  .tr_red_light
  {
    background-color: #ffd4cc  !important;
  }

  .tr_green_light:hover
  {
    background-color: #b4da96 !important;
  }

  .tr_orange_light:hover
  {
    background-color:  #ffc371 !important;
  }

  .tr_red_light:hover
  {
    background-color: #ffa595 !important;
  }

  .tr_grey_light
  {
    background-color: #ccc !important;
  }

  .tr_grey_light:hover
  {
    background-color: #ccc !important;
  }

  .orange_light
  {
    background-color: orange;
    font-size: 8px;
    color: white;
    text-align: center;
    display: block;
  }
  .red_light
  {
    background-color: red;
    font-size: 8px;
    color: white;
    text-align: center;
    display: block;
  }

  .textstyle {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 8px !important;
    text-align:  left !important;
  }
  .save_as_template_div
  {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
  }
  .view_by_month
  {
    color: blue;
    cursor:  pointer;
    white-space: nowrap;
    text-decoration: underline !important;
  }

  .wdth8{
    width: 8% !important;
  }
  .wi100{
    width:100% !important;
  }
  .chk-hp{
    float: left;
font-weight: 400;
  }
  .chk-inp{
    margin: 2px 6px 0 9px!important;
float: left;
height: 16px;
width: 16px;
  }
  .mb-40{
    margin-bottom:40px;
  }
  .or-selec.new-setri .selectric-items{
    left: -50px;
    width: 135px!important;
  }
  .offers-product {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
  }

  .offers-product img {
      width: 80px;
      object-fit: contain;
      max-width: 80px;
  }

  .offers-product .row-lst {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      margin-right: 25px;
  }

  .offers-product .row-lst b {
      font-size: 12px;
      font-weight: 700;
      margin: 0;
      margin-bottom: 6px;
  }

  .offers-product .row-lst strong {
      font-size: 20px;
      margin: auto;
      font-weight: 700;
      color: #6da542;
  }

  .offers-product .row-lst strong.flds {
    font-size: 12px;
  }
  .bg-cyan.col-md-4.col-sm-4 {
  }

  .prdt-crd {
      background: #eaeed1;
      padding: 6px 13px;
      min-height: 80px;
      height: 126px;
      max-height: 158px;
      overflow: hidden;
      margin-bottom: 5px;
  }

  .prdt-crd .b {
      color: #000;
      font-weight: 700;
      font-size: 14px;
  }

  .right_dropdeatail .form-verital {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-right: 10px;
      position: relative;
  }
  .right_dropdeatail .form-verital label{
      font-size: 12px;
  }
  .right_dropdeatail .form-verital strong{
      font-size: 24px;
      color: #6da542;
      font-weight: 700;
  }
  .right_dropdeatail .form-verital input{
      background: #fff;
      border-radius: 0;
      height: 30px;
      font-weight: 400;
      padding: 0px 5px;
      border: 1px solid #ccc;
      font-size: 13px;
  }
  .right_dropdeatail .form-verital select{
      background: #fff;
      border-radius: 0;
      height: 30px;
      padding: 0px 5px;
      border: 1px solid #ccc;
      font-size: 14px;
  }

  .right_dropdeatail {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
  }
  .right_dropdeatail .form-verital input:placeholder{
      font-weight:400;
  }

  .right_dropdeatail .form-verital i {
      position: absolute;
      bottom: 5px;
      left: 10px;
      font-size: 18px;
  }

  .prdt-crd p.p {
      font-size: 12px;
      font-weight: 700;
  }

  .offertab thead {
      background: #eaeed1;
      color: #6da542;
      text-transform: uppercase;
  }

  .offertab table thead tr th {
      padding: 12px 16px;
      font-weight: 600;
      border-right: 1px solid #ccc;
  }
  .offertab table tbody tr td:nth-last-child(1) {
      color:red;
  }

  .offertab table tbody tr td {
      font-size: 14px;
      font-weight: 500;
      padding: 12px 16px;
      text-align: left;
      border-right: 1px solid #ccc;
  }
  .offertab table tbody tr:nth-child(odd) {
      background:#fff;
  }
  .offertab table tbody tr:nth-child(even) {
      background: #f2f2f2;
  }

  .offertab {
      margin-bottom: 10px;
  }
  input#f-quotes-drop::placeholder{
    color: grey;
    font-weight: 400;
  }
  .prdt-crd .b{
    font-size: 12px;
  }
  .gor-dwrap1>div, .gor-dwrap>div{
    font-size: 12px;
  }
  .submit-order-wrapper .form-control.fw-light{
    font-size: 12px;
  }
  .or-white-box{
    margin-top: 5px !important;
    padding: 15px !important;
    min-height: 415px !important;
    margin: 15px !important;
    background: #fff !important;
  }
   .lht-brown-bck.red-txt.deal-expire{
      margin: 15px !important;
   }
   div.a-cl-txt{
    font-size: 15px;
    font-weight: 600;
   }
   @media (max-width:600px) {
    .prdt-crd .form-verital.resWidth{
        width:100%!important;
    }
    .prdt-crd{
      min-height: max-content;
      height: auto;
      max-height: max-content;
    }
   }

   .selectric-red-error {
      background-color: #ffb7be !important;
   }


 #bid-loader-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: #fff;*/
  /* Choose your background color */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#bid-loader {
  border: 8px solid #535353;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  animation: spin 1000ms linear infinite;
  position: relative;
}

#bid-loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#bid-percentage {
  position: absolute;
  top: 50%;
  left: 50.2%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #fff;
  /* Choose your text color */
}



 #order-loader-wrapper {
  position: absolute;
  width: 100%;
  height: 50%;
  /*background: #fff;*/
  /* Choose your background color */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#order-loader {
  border: 8px solid #535353;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  animation: spin 1000ms linear infinite;
  position: relative;
}

#order-loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#order-percentage {
  position: absolute;
  top: 50%;
  left: 50.2%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: white;
  font-weight: bold;
  /* Choose your text color */
}

.order-transparent-black{
    background: rgba(0, 0, 0, .55);
    z-index:9999;
    opacity: .7;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}





 #loader-loader-wrapper {
  position: absolute;
  width: 100%;
  height: 50%;
  /*background: #fff;*/
  /* Choose your background color */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#loader-loader {
  border: 8px solid #535353;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  animation: spin 1000ms linear infinite;
  position: relative;
}

#loader-loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#loader-percentage {
  position: absolute;
  top: 50%;
  left: 50.2%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: white;
  font-weight: bold;
  /* Choose your text color */
}

.loader-transparent-black{
    background: rgba(0, 0, 0, .55);
    z-index:9999;
    opacity: .7;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}




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

  100% {
    transform: rotate(360deg);
  }
}

.detailed-po-o-rqst p{
  margin:0;
}
.detailed-po-o-rqst {
  display: none;
  white-space: nowrap;
  position: absolute;
  min-width: 134%;
  z-index: 9999999;
  background: #d7d7d7;
  text-align: left;
  word-break: break-word;
  font-size: 1.3rem !important;
  text-transform: capitalize;
  line-height: 1.2;
  padding: .375rem;
  font-weight: 500;
  /*left: -35px;*/
  top: 0px;
  /*max-height: 7.8125rem;*/
  height: auto;
  overflow: auto;
  right: 63px;
}

.frequency_label {
  top: -27px;
  position: relative;
}

.frequency_select {
  width: 100px !important;
  height: 38px !important;
  margin-top: -23px;
  height: 100px !important;
  background-color: #ccc !important;
}

.duplicate-row {
  background-color: #ffb7be  !important;
}

.bulk-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.45);
  display: none;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(2px);
  z-index: 9999;
}

.bulk-counter-popup {
  width: 38%;
  background: #fff;
  padding: 25px 30px;
  border-radius: 6px;
  font-family: Arial, sans-serif;
  box-shadow: 0px 4px 20px rgba(0,0,0,0.25);
  position: relative;
}

.bulk-counter-popup h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.bulk-counter-popup .subtitle {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #555;
}

.bulk-counter-popup .option {
  margin-bottom: 20px;
}

.bulk-counter-popup .option label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.bulk-counter-popup .checkbox-option {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.bulk-counter-popup .title {
  font-size: 16px;
  font-weight: 600;
}

.bulk-counter-popup .desc {
  font-size: 13px;
  margin-left: 26px;
  color: #666;
  margin-top: 3px;
}

/* Inputs */
.bulk-counter-popup .form-group {
  margin-bottom: 15px;
}

.bulk-counter-popup .form-group label {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

.bulk-counter-popup .input-field {
  width: 130px;
  padding: 8px 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f3f3f3;
}

.bulk-counter-popup .btn-group {
  margin-top: 25px;
  display: flex;
  gap: 12px;
}

.bulk-counter-popup .btn {
  padding: 10px 25px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  border: none;
}

.bulk-counter-popup .apply-btn {
  background-color: #8dd14f;
  color: #fff;
}

.bulk-counter-popup .cancel-btn {
  background-color: #e0e0e0;
  color: #555;
}

.bulk-counter-popup .error-msg {
  color: red;
  font-size: 12px;
  margin-top: 3px;
  display: block;
}

#comparisionDiv {
  overflow-x: auto;
  background: #fff;
  border: 1px solid #cfcfcf;
}

.comparison-scroll-container {
  max-height: 85vh;
  overflow-y: auto;
}

.comparison-table {
  width: 1400px;
  border-collapse: collapse;
  font-size: 12px;
  margin-top: 4%;
}
.comparison-table thead {
  position: sticky;
  top: 0;
  z-index: 999;
}
.comparison-table thead th {
  background: #efefd8 !important;
  /* border: 1px solid #bdbdbd; */
  text-align: center;
  padding: 6px;
  white-space: nowrap;
  /* z-index: 5; */
}

.group-header th {
  font-weight: bold;
}

.sub-header th,
.date-header th {
  font-weight: normal;
}

.comparison-table tbody td {
  border: 1px solid #bdbdbd;
  padding: 6px 8px;
  text-align: center;
  white-space: nowrap;
  min-width: 250px;
}

.comparison-table tbody td:nth-child(-n+6) {
  text-align: left;
}

.comparison-table tbody tr:nth-child(even) {
  background-color: #f6f6f6;
}

.comparison-table tbody tr:nth-child(odd) td:nth-child(-n+6) {
  background-color: #ffffff;
}

.comparison-table tbody tr:nth-child(even) td:nth-child(-n+6) {
  background-color: #f9f9f9;
}

.comparison-table th:nth-child(1),
.comparison-table td:nth-child(1) {
  position: sticky;
  width: 90px;
  left:0;
  min-width: 90px;
  max-width: 90px;

}
.comparison-table th:nth-child(2),
.comparison-table td:nth-child(2) {
  position: sticky;
  width: 100px;
  min-width: 102px;
  max-width: 100px;
  left:90px;
}
.comparison-table th:nth-child(3),
.comparison-table td:nth-child(3) {
  position: sticky;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  left: calc(90px + 100px);
 
 
}

.comparison-table th:nth-child(4),
.comparison-table td:nth-child(4) {
  position: sticky;
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  left: calc(90px + 100px + 200px);
 
 
}

.comparison-table th:nth-child(5),
.comparison-table td:nth-child(5) {
  position: sticky;
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  left: calc(90px + 100px + 200px + 130px);
 
  
}

.comparison-table th:nth-child(6),
.comparison-table td:nth-child(6) {
  position: sticky;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  left: calc(90px + 100px + 200px + 130px + 130px);
 
  
}

#comparisionDiv .comparison-container {
  display: flex;
  align-items: baseline;
  margin-top: 15px;
}

#comparisionDiv #commodity {
  width: 100%;
}

#comparisionDiv .action-buttons {
  width: min-content;
  display: flex;
  justify-content: space-around;
  align-items: baseline;
}

#comparisionDiv .r-tracker {
  margin-top: 2px;
  padding: 6px 20px;
  border-radius: 0;
  cursor: pointer;
}

#comparisionDiv .btn-primary {
  background-color: #0e6dbb;
  color: white;
  border: 1px solid #0e6dbb;
}

#comparisionDiv .btn-secondary {
  background-color: white;
  color: black;
  border: 1px solid gray;
}

#comparisionDiv .btn-gray {
  background-color: #a6a6a6;
  color: white;
  border: 1px solid gray;
}

#comparisionDiv .btn-rounded {
  border-radius: 8px;
}

#comparisionDiv .ml-10 {
  margin-left: 10px;
}

#comparisionDiv .mr-10 {
  margin-right: 10px;
}

#comparisionDiv .text-end {
  text-align: right;
}

.stickey-review-header {
  position: sticky;
  top: 0;
  z-index: 999;
}


  .ship_window_content {
  --line: #e4e8f0;
  --line-strong: #d7deea;
  --text: #1f1f1f;
  --muted: #7d8696;
  --blue: #2347b2;
  --blue-soft: #f5f9ff;
  --green: #256d33;
  --green-soft: #f4fbf4;
  --red: #ef2a2a;
}

.ship_window_content .layout-stack {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.ship_window_content .variant-label {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f6775;
}

.ship_window_content .high_lable {
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
}

.ship_window_content .grower_selection {
  color: black;
}

.ship_window_content .details-title {
  margin: 0 0 12px;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

.ship_window_content .summary {
  display: grid;
  grid-template-columns: 1.8fr 1fr 1.8fr 1fr 1.1fr 1.3fr;
  gap: 18px;
  padding: 14px 16px 10px;
  border: 1px solid var(--text);
  border-radius: 4px;
}

.ship_window_content .value {
  font-size: 13px;
  line-height: 1.45;
}

.ship_window_content .value strong {
  display: block;
  margin-top: 4px;
}

.ship_window_content .status {
  color: #2b7a32;
}

.ship_window_content .notice {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 10px 14px;
  border: 1px solid #d5e1ff;
  border-radius: 4px;
  background: #f7faff;
  font-size: 13px;
  color: #31508f;
}

.ship_window_content .info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  flex: 0 0 auto;
}

.ship_window_content .section {
  margin-top: 16px;
  border: 1px solid var(--line);
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}

.ship_window_content .section + .section {
  margin-top: 14px;
}

.ship_window_content .grid {
  display: grid;
}

.ship_window_content .cell {
  min-width: 0;
  padding: 8px 12px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font-size: 12px;
}

.ship_window_content .summary-row-cell {
  padding-top: 6px;
  padding-bottom: 6px;
}

.ship_window_content .summary-clean {
  border-right: 0;
  border-bottom: 0;
}

.ship_window_content .grid .cell:nth-child(4n) {
  border-right: 0;
}

.ship_window_content .span-2 {
  grid-column: span 1;
  min-width: 300px;
}

.ship_window_content .no-right-border {
  border-right: 0;
}

.ship_window_content .section .grid > .cell:nth-last-child(-n + 4) {
  border-bottom: 0;
}

.ship_window_content .left-title {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}

.ship_window_content .left-title.red {
  color: var(--red);
}

.ship_window_content .left-title.green-title {
  color: var(--green);
}

.ship_window_content .left-control-stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.ship_window_content .left-control-row {
  display: grid;
  grid-template-columns: max-content minmax(150px, 1fr);
  align-items: center;
  gap: 10px;
}

.ship_window_content .left-control-row .input {
  max-width: 180px;
}

.ship_window_content .left-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ship_window_content .left-meta .kicker {
  font-size: 11px;
  font-weight: 700;
  color: #5d6574;
}

.ship_window_content .left-meta .name {
  font-size: 14px;
  font-weight: 800;
}

.ship_window_content .ship-header {
  background: linear-gradient(180deg, #f7fbff, #eef4ff);
  text-align: center;
  color: var(--blue);
}

.ship_window_content .ship-header.green {
  background: linear-gradient(180deg, #f7fcf7, #eef8ef);
  color: var(--green);
}

.ship_window_content .ship-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.ship_window_content .ship-title .info {
  width: 16px;
  height: 16px;
  font-size: 10px;
}

.ship_window_content .ship-subtitle {
  margin-top: 3px;
  font-size: 10px;
  font-weight: 700;
}

.ship_window_content .month-head {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 6px;
}

.ship_window_content .month-name {
  font-size: 16px;
  font-weight: 800;
}

.ship_window_content .month-date {
  margin-top: 4px;
  font-size: 10px;
  color: #3d62c0;
}

.ship_window_content .field-label {
  font-weight: 700;
  color: #424955;
  white-space: nowrap;
}

.ship_window_content .field-label.green {
  color: #424955;
}

.ship_window_content .field-label.red {
  color: var(--red);
}

.ship_window_content .inline-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ship_window_content .input,
.ship_window_content .mini-input {
  width: 100%;
  border: 1px solid #cfd5df;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(26, 36, 56, 0.05);
  padding: 6px 16px;
  font: inherit;
}

.ship_window_content .input {
  height: 30px;
}

.ship_window_content .mini-input {
  height: 30px;
  padding: 6px 10px;
}

.ship_window_content .select-like {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ship_window_content .caret {
  color: #6d7584;
  font-size: 14px;
  line-height: 1;
}

.ship_window_content .gray {
  background: #eff0f2;
  font-weight: 700;
}

.ship_window_content .supplier-notes {
  color: var(--red);
  line-height: 1.35;
}

.ship_window_content .supplier-notes .prev {
  color: #666;
}

.ship_window_content .supplier-notes .strike {
  text-decoration: line-through;
}

.ship_window_content .summary-value {
  font-weight: 700;
  color: #353b46;
}

.ship_window_content .tiny-note {
  font-size: 10px;
  color: var(--muted);
  font-weight: 700;
}

.ship_window_content .recommended-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 10px;
  border-radius: 3px;
  background: linear-gradient(180deg, #ef3d36, #de2320);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}

.ship_window_content .readonly-panel {
  margin-top: 14px;
  min-height: 188px;
  border: 1px solid #d7dce6;
  border-radius: 16px;
  padding: 16px 20px;
  background: #fff;
}

.ship_window_content .readonly-head {
  display: flex;
  align-items: start;
  gap: 12px;
  font-size: 13px;
  font-weight: 800;
  flex-direction: column;
  height: 200px;
  overflow-y: scroll;
}

.ship_window_content .readonly-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eef1f5;
  color: #5b6371;
  font-size: 11px;
  font-weight: 700;
  text-transform: none;
}

.ship_window_content .updated_pill
{
  background: lightcoral !important;
  color: white !important;
}

.ship_window_content .readonly-foot {
  margin-top: 20px;
  color: #757d8b;
  font-size: 14px;
}

.ship_window_content .recommended-row > .cell {
  background: rgba(239, 39, 39, 0.07);
}

.ship_window_content .recommended-row.summary-value,
.ship_window_content .recommended-row .summary-value,
.ship_window_content .recommended-row.summary-cell {
  color: var(--red);
}

.ship_window_content .footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
  margin-top: 16px;
}

.ship_window_content .footer .notice {
  margin-top: 0;
  width: 560px;
}

.ship_window_content .actions {
  display: flex;
  gap: 12px;
}

.ship_window_content .grid-scroll {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

.ship_window_content .custom-grid {
  min-width: max-content;
  min-height: 400px;
}

.purchase_order .custom-grid {
  min-width: 1400px;
  min-height: 250px;
}

@media (max-width: 1100px) {
  .ship_window_content .summary,
  .ship_window_content .grid,
  .ship_window_content .footer {
    grid-template-columns: 1fr;
  }

  .ship_window_content .footer .notice {
    width: 100%;
  }

  .ship_window_content .actions {
    width: 100%;
    justify-content: flex-end;
  }
}


.offer-instruction-box {
  background: #e8f1ff;
  padding: 16px 20px;
  border-radius: 0px;
  margin-bottom: 20px;

}

.oib-header {
  font-weight: 600;
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.oib-header i {
  margin-right: 8px;
  font-size: 18px;
}

.oib-body p {
  margin: 0 0 12px 0;
  color: #2a2a2a;
}

.oib-actions button {
  margin-right: 10px;
}


 .btn-primary-export {
    background: transparent;
    color: #337ab7;
    border: 1px solid #337ab7;
    border-radius: 0px;
 }

 .btn-primary-import {
  background: transparent;
  color: #337ab7;
  border: 1px solid #337ab7;
  border-radius: 0px;
 }

.info-icon {
  font-size: 13px;
  color: #8e959d;
  margin-left: 6px;
}

.read-only-pill {
  background: #e9ecef;
  color: #5f6368;
}

.editable-pill {
  background: #dff3df;
  color: #2e7d32;
}

.state-pill {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 700;
  text-transform: none;
}

 .update_pill
{
    background: lightcoral;
    color: white;
}

  #price_adjustment_text {
  max-height: 320px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.6;
  font-weight: 400;
}
.topRadio b{
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 700;
}
.topRadio span{
    cursor: pointer;
}
.topRadio i{
    padding-right: 5px;
}
.topRadio label{
    color: #1A1A1A;
    font-size: 15px;
    font-weight: 500;
    margin-left: 8px;
}
.topRadio{
    padding: 0px;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
    margin-bottom: 16px;
}
.freetrail h4{
    font-size: 16px;
    font-weight: 700;
    color: #6DA542;
    margin: 0;
}
.freetrail p a{
    color: #008392;
    text-decoration: underline;
}
.freetrail p{
    font-size: 15px;
    font-weight: 400;
    color: #1A1A1A;
}
.subscriptionmain{
    padding: 15px;
}
.subcriptionCards span{
    display: block;
    width: 250px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.subcriptionCards .cardHeader .topLabel{
    background: #5B982D;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    padding: 8px 12px;
}
.subcriptionCards .cardHeader b{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
.subcriptionCards .cardHeader i{
    display: block;
    font-size: 32px;
    color: #fff;
    padding: 10px 0;
}
.subcriptionCards .cardHeader h2{
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    margin: 25px auto;
}
.subcriptionCards .cardBody {
    padding: 25px 30px;
    line-height: 35px;
    height: 450px;
}
.subcriptionCards span:nth-child(2) .topLabel{
    background: #144D65;
}
.subcriptionCards span:nth-child(2) .cardHeader{
    background: linear-gradient(175deg, #255A71, #3B8EB5);
}
.subcriptionCards span:nth-child(3) .topLabel{
    background: #241E1E;
}
.subcriptionCards span:nth-child(3) .cardHeader{
    background: linear-gradient(175deg, #333333, #767676 );
}
.subcriptionCards span:nth-child(4) .topLabel{
    background: #899202;
}
.subcriptionCards span:nth-child(4) .cardHeader{
    background: linear-gradient(175deg, #98A200, #B3BD25 );
}
.subcriptionCards .cardBody em{
    padding-top: 30px;
    display: block;
}
.subcriptionCards .cardBody em,
.subcriptionCards .cardBody p{
    font-size: 15px;
    font-weight: 400;
    opacity: 0.8;
    margin: auto 0;
    color: #1A1A1A;
}
.subscriptionmain .subcriptionCards .mainBox{
    border: 1px solid #B9B9B9;
}
.subcriptionCards .cardFooter a{
    font-size: 15px;
    font-weight: 600;
    padding: 12px;
    display: block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.subcriptionCards .cardFooter {
    text-align: center;

    background: #F3AB3F;
}
.subcriptionCards .cardHeader {
    text-align: center;
    clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);
    width: 100%;
    position: relative;
    height: 220px;
    background:linear-gradient(175deg, #5e9b30, #8FCC5E);
}
.subcriptionCards{
    margin: 15px auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.subscriptionmain .subcriptionCards .subscriLabel::before{
    content: '';
    background-image: url(/assets/SUBSCRIBED.png);
    left: -18px;
    top: -37px;
    position: absolute;
    width: 115px;
    height: 110px;
    z-index: 99999;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: auto;
}
.subscriptionmain .subcriptionCards .subscriLabel b{
    font-size: 13px;
    font-weight: 700;
}
.subscriptionmain .subcriptionCards .subscriLabel{
    position: absolute;
    background: #241E1E;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    text-align: right;
    padding: 4px 15px;
}
.subscriptionmain .subcriptionCards .subBorderBtn{
    border: 1px solid #F3AB3F;
    color: #F3AB3F;
    padding: 10px 12px;
    display: block;
    background: #F3F3F3;
    text-align: center;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

input[type='radio'] {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    outline: none;
    border: 2px solid gray;
    /* margin-left: 0;
    left: 0; */
}

input[type='radio']:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    margin: 2px auto;
    outline: 0;
    border-radius: 100px;
}

input[type="radio"]:checked:before {
    background: #fab64d;

}
input[type="radio"]:checked {
    border-color:#fab64d;
  }
#add_card_for_stripe{
    cursor: pointer;
  }
.modal-header.groInte-Head {
  background: #c9d44f;
  font-weight: 700;
  color: #000;
  padding: 4px 10px;
}

.gIneli-Lft img {
  width: 85px;
  height: 65px;
}

.planner-mod .lft-sec .gIneli-Lft:not(:last-child),
.planner-mod .lft-sec .gIneli-Lft:last-child {
  width: 50%;
}

.planner-mod .lft-sec {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #e7e7e7;
}

.left-modal .modal-dialog.groInte-Dialog {
  width: 40%;
}

.gIneli-Lft {
  display: flex;
  align-items: center;
}

.planner-mod .modal-body.groInte-Body {
  width: 100%;
  padding: 30px 50px;
}

.groInte-Body input:focus {
  outline: 0;
  box-shadow: unset;
}

.groInte-Body input {
  color: #000000;
  padding: 0;
  font-weight: 600;
}

.groInte-Body label {
  color: #24576e;
  font-weight: 700;
  text-transform: capitalize;
}
.planner-mod .modal-body.groInte-Body .market-Quote h4 {
  font-size: 15px;
  color: #000;
  font-weight: 700;
  margin: 0;
  margin-bottom: 5px;
  position: relative;
}

.planner-mod .modal-body.groInte-Body .market-Quote p {
  font-size: 12px;
  color: #2a4f5d;
  font-weight: 600;
}

.planner-mod .modal-body.groInte-Body .mapIco {
  font-size: 13px;
  color: #000;
  font-weight: 600;
}

.planner-mod .modal-body.groInte-Body .marketTable {
  border: 2px solid #b4b4b4;
  margin-top: 10px;
}

.planner-mod .modal-body.groInte-Body .marketTable tr:nth-child(odd) td {
  background: #f0f0f0;
  font-size: 10px;
  color: #000;
  font-weight: 700;
}

.planner-mod .modal-body.groInte-Body .marketTable tr:nth-child(even) td {
  background: #e0e1e1;
  font-size: 10px;
  color: #000;
  font-weight: 700;
}

.planner-mod .modal-body.groInte-Body .marketTable tr td {
  border: 2px solid #b4b4b4;
}

.planner-mod
  .modal-body.groInte-Body
  .marketTable
  tr:nth-child(even)
  td.red:last-child,
.planner-mod .modal-body.groInte-Body .marketTable tr:nth-child(even) td.red {
  color: red;
}

.planner-mod .lft-sec h4.modal-title {
  font-size: 10px;
}

.planner-mod .lft-sec h4:nth-child(2) {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.marketcrd {
  padding-bottom: 25px;
}

.planner-mod .modal-body.groInte-Body .btn-outLine {
  background: transparent;
  border: 2px solid #2a4f5d;
  border-radius: 0;
  font-size: 12px;
  font-weight: 500;
  color: #2a4f5d;
  padding: 6px 30px;
}

.planner-mod .modal-body.groInte-Body .mapIco i {
  margin-right: 5px;
}

.planner-mod .modal-body.groInte-Body .market-Quote h4.afterline:after {
  content: '';
  background: #dfdfdf;
  width: calc(100% - 16%);
  height: 1px;
  position: absolute;
  top: 9px;
  margin-left: 15px;
}

.price_head {
  background-color: #29ABE2 !important;
}

.price_span {
  background-color: grey !important;
  position: relative;
}

td.corlco .corlcospan {
  content: '';
  position: absolute;
  background: transparent;
  width: 15px;
  height: 15px;
  right: 0;
  border-right: 8px solid #29ABE2;
  border-bottom: 8px solid #29ABE2;
  border-top: 8px solid #ccc0;
  border-left: 8px solid #0000;
  bottom: 0;
  cursor: pointer;
}
td.corlco {
  position: relative;
}


.left-modal .gi.modal-dialog {
  margin: auto;
  margin-right: 0;
  width: 75%;
  display: table;
  height: 100%;
}
.left-modal .gi.modal-dialog .gi.modal-content {
  border-radius: 0;
  height: auto;
  max-height: 100vh;
  min-height: 100vh;
}

div.gi_partial .selectric{
   border: 1px solid #e4e4e4;
}

.low_high{
  border: 0 !important;
  box-shadow: unset !important;
  color: #000 !important;
  font-weight: 600 !important;
  padding: 0 !important;
  font-size: 14.5px !important;
}

.left-modal .modal-dialog {
  margin: auto;
  margin-right: 0;
  width: 80%;
  display: table;
  height: 100%;
}

.gi{
  border-radius: 0;
  /*height: auto;*/
  max-height: 110vh !important;
  min-height: 110vh !important;
}

.title_head {
  margin-left: 10px;

}

.title_head h4 {
  width: 200%;
}

.title_terms {
  margin-left: 70px;
}

.collape_button {
  font-size: 28px !important;
  color: #255a71 !important;
  line-height: 0 !important;
  transform: translateY(5px) !important;
  margin-right: 3px !important;
}

.table-desn.modaltabletwo {
  max-height: calc(100vh - 50px);
  min-height: auto;
  height: auto;
  overflow: auto;
  overflow-x: hidden;
}

.market-scroll {
  height: 500px;
  overflow-y: scroll;
}

.contract-css {
  margin-top: 10px;
}

.header-market {
  position: absolute;
  top: -27px;
  background-color: #e8e8e8;
  padding: 6px;
  padding-bottom: 2px;
  border: 1px solid #e8e8e8 !important;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%;
  margin-left: -15px;
  color: #29ABE2;
}

.header-gi {
  position: absolute;
  top: -27px;
  background-color: #e8e8e8;
  padding: 6px;
  padding-bottom: 2px;
  border: 1px solid #e8e8e8 !important;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%;
  margin-left: -18px;
  color: #29ABE2;
}

.modaltabletwo table tr th img,
.tracker-pricess #tracker table tr th img,
.tracker-pricess #usda table tr th img {
  width: 40px;
  height: 25px;
  object-fit: scale-down;
}
.modaltabletwo table tr th,
.tracker-pricess #tracker table tr th,
.tracker-pricess #usda table tr th {
  border: none;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 8px;
  vertical-align: middle;
}
.modaltabletwo table tbody,
.tracker-pricess #usda table tbody,
.tracker-pricess #tracker table tbody {
  border: 1px solid #cccccc45;
}
.modaltabletwo table tbody tr.grey,
.tracker-pricess #tracker table tbody tr.grey,
.tracker-pricess #usda table tbody tr.grey {
  background: #d5d5d5;
}
.modaltabletwo table tbody tr td.con,
.tracker-pricess #tracker table tbody tr td.con,
.tracker-pricess #usda table tbody tr td.con {
  padding: 4px 8px;
  font-weight: 600;
  color: #84a542;
  text-align: left;
}
.tracker-pricess #tracker table tbody tr td.up,
.tracker-pricess #usda table tbody tr td.up {
  color: #ff1d25;
}
.tracker-pricess #tracker table tbody tr td.down,
.tracker-pricess #usda table tbody tr td.down {
  color: #84a542;
}
.modaltabletwo table tbody tr td,
.tracker-pricess #tracker table tbody tr td,
.tracker-pricess #usda table tbody tr td {
  border: none;
  font-size: 12px;
  padding: 4px 8px;
  text-align: left;
  font-weight: 400;
}
.left-modal {
  /*padding: 0 !important;*/
}
.left-modal .modal-dialog .modal-header span p {
  margin: auto;
  color: #6da542;
  font-size: 14px;
}
.modaltabletwo table tbody tr td.up {
  color: #ff1d25;
}
.modaltabletwo table tbody tr td.down,
.modaltabletwo table tbody tr td a {
  color: #6da542;
}


.left-modal .modal-dialog .modal-body .btn-green {
  border-radius: 0;
  border: 1px solid #6da542;
  background: #6da542;
  color: #fff;
  display: block;
  font-weight: 600;
  font-size: 16px;
}


.date_filter_style {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 1.42857143;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  color: #333;
  border: 1px solid #e4e4e4 !important;
  border-radius: 0;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px !important;
  height: 35px;
  width: 231px;
}

.imga_g
{
  position: absolute;
  margin-left: 10px;
  margin-top: 17px;
  cursor: pointer;
}

.week_range
{
  float: right;
}

.range_index .selectric{
   border: 1px solid #e4e4e4 !important;
   float: right;
   width: 33% !important;
}

.selectric-date_filter {
   border: 1px solid #e4e4e4 !important;
}



.table_rw_share:hover
{
    background-color: #ded1bd !important;
}
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 650px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.green_text
{
    color: green !important;
}
.red_text
{
    color: red !important;
}
.name_error {
    font-size: 10px;
    font-weight: 400;
    text-align: left;
    color: red;
}

.modal.right .modal-content {
    height: 100%;
    padding: 20px;
    overflow-y: auto;
    border-radius: 0;
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.recurring-request .modal-header .close_ico {
    font-size: 20px;
    cursor: pointer;
}

.recurring-request .modal-header {
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    justify-content: space-between;
    border-bottom: 0;
    margin-bottom: 20px;
}

.recurring-request .modal-header .modal_tit {
    margin: auto;
    margin-left: 0;
    font-size: 16px;
    font-weight: 800;
}

.recurring-request .modal-body .titflex .bdyTit {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.recurring-request .modal-body .titflex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recurring-request .modal-body {
    padding: 0;
}

.recurring-request .btn_blue,
.recurring-request .btn_blue {
    padding: 4px 10px;
    background: #4372c4;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
}

.recuring_form .form-control::placeholder {
    font-size: 12px;
}

.recuring_form .checkbox {
    display: block !important;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 50px;
    height: 20px;
    z-index: 99;
    opacity: 0;

}

.recuring_form .form-control {
    border-radius: 0;
    border: 0;
    background-color: #fff;
    cursor: pointer !important;
}

.recuring_form label {
    font-size: 12px;
}

.recuring_form .supplierCard.opcitynone {
    opacity: 0.2;
    pointer-events: none;
}

.recuring_form .supplierCard {
    background: #e2f0d9;
    padding: 10px;
    border: 2px solid #4372c4;
}

.recuring_form {
    background: #f2f2f2;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.recuring_form .supplierCard h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
}

.recuring_form .italyenslide {
    font-size: 14px;
    color: #4372c4;
    font-style: italic;
    margin: 0;
    font-weight: 500;
}

.recuring_form .smallstatus span {
    color: red;
}

.recuring_form .smallstatus {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

.recuring_form .btmfoot {
    margin-top: 10px;
}

.recuring_form .checkcontain input:checked~.checkmark:after {
    display: block;
}

.recuring_form .checkcontain .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.recuring_form .checkcontain input:checked~.checkmark {
    background-color: #fff;
}

.recuring_form .checkcontain:hover input~.checkmark {
    background-color: #fff;
}

.recuring_form .checkcontain .checkmark {
    position: absolute;
    top: 30px;
    left: 15px;
    height: 25px;
    width: 25px;
    background-color: white !important;
    border: 3px solid #fff !important;
}

.recuring_form .checkcontain .checkmark:after {
    left: 6px;
    top: 0px;
    width: 7px;
    height: 15px;
    border: solid #000;
    border-width: 0px 3px 3px 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.recuring_form .modal_status .rtcnt span.deactive {
    color: red;
}

.recuring_form .modal_status .rtcnt span.active {
    color: green;
}

.recuring_form .modal_status .rtcnt {
    color: #000;
}

.recuring_form .modal_status .lftcnt svg {
    margin-right: 7px;
    color: #4372c4;
    fill:#4372c4;
}

.recuring_form .modal_status .lftcnt {
    color: #4372c4;
    display: flex;
    cursor: pointer;
    align-items: center;
}

.recuring_form .modal_status {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.disabled_input
{
    background-color: #ccc !important;
}

.bold_days {
    color: black;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

.delete_btn {
    border-radius: 0px !important;
    height: 30px !important;
    padding: 3px !important;
}

@media(max-width:767px) {
    .modal.right .modal-dialog {
        width: calc(100% - 50px);
    }
    .recurring-request .modal-body .titflex ,
    .recuring_form .modal_status {
        flex-wrap: wrap;
    }
    .recurring-request .modal-body .titflex .bdyTit {
        margin-bottom: 10px;
    }
}

.progress_green {
    background-color: #9fce63;
    padding: 3px;
    border: 1px solid #9fce63;
    color: white;
    margin-left: 10px;
    width: max-content;
    height: fit-content !important;
}

.progress_yellow {
    background-color: #f2bf49;
    padding: 3px;
    border: 1px solid #f2bf49;
    color: white;
    margin-left: 10px;
    width: max-content;
    height: fit-content !important;
}

.progress_red {
    background-color: #d55540;
    padding: 3px;
    border: 1px solid #d55540;
    color: white;
    margin-left: 10px;
    width: max-content;
    height: fit-content !important;
}
.signupjumbtron
{
	background-image: url(/assets/Header.jpg) !important;
	background-size: cover;
	height: 150%;
	max-height: 150%;
	padding: 0 !important;
	background-position: right;
}
.imput_class{
	border-radius: 0 !important;
}

	.build_report
	{
		background-color: #272727;
		color: #fff;
		padding: 1em 2.5em;
		border-color: #272727;

	}

.highlight-text
 {
 	position: relative;
 	color: white;
 	text-align: left;
 	padding: 0;
 	padding-left: 60px;
 	margin-top: 30%;
 	margin-bottom: 15%
 }

 .usda_image
 {
 	width: 100%;
 	height: 100%;
 }

 #page{
	width: auto;
	max-width: 1020px;
	box-sizing: border-box;
	margin: auto;
	padding-bottom: 100px;
 }

 .content
 {
 	display: block;
 	width: 100%
 }

 .wrapper
 {
 	/*font-size: 22px !important;*/
	font-weight: 600 !important;
	/*font-family: Open Sans !important;*/
	letter-spacing: .63px;
	margin: 20px auto !important;
	/*text-transform: uppercase;*/
 }

 .top-header
 {
 	font-size: 36px !important;
 	font-weight: 700;
 	text-transform: none;
 	letter-spacing: 0;
 	line-height: 1.1em;
 	display: block;
 }
.sheetplaner h4 {
  font-size: 18px;
  font-weight: 700;
  color: #4d4d4d;
}
.sheetplaner p.title_header {
  font-size: 12px;
  font-weight: 700;
  color: #255a71;
}
.sheetplaner p.quite_header {
  font-size: 18px;
  font-weight: 700;
  color: white;
  background-color: grey;
  padding: 3px;
}

.seller_rep_form_cotrol {
  border-radius: 0px;
  box-shadow: none !important;
  /*height: 29px !important;*/
  width: 130px;
}

.text-size-12  {
  font-size: 12px !important;
}

table.unauthori-table {
  white-space: nowrap !important;
}

.left-modal.planner-mod .btn-sub.w-100 {
  width: 100%;
}
.mt-20 {
  margin-top: 20px;
}
.title_design
  {
    background: #807f80;
    color: white !important;
    padding: 4px;
  }
.sheetplaner .btn-sub,
.left-modal.planner-mod .btn-sub {
  color: rgb(255, 255, 255);
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #0f4963;
  border-image: initial;
  background: #0f4963;
  padding: 11px 18px;
  display: block;
  margin-top: -20px;
}
.sheetplaner {
  padding: 35px 25px;
  background: #fff;
  width: 100%;
}
.planner-mod .flx-div h4,
.sheetplaner .flx-div h4 {
  font-size: 14px;
}
.planner-mod .flx-div h4:nth-child(2),
.sheetplaner .flx-div h4:nth-child(2) {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  display: flex;
  align-items: center;
  color: #00ace4;
}
.planner-mod .flx-div {
  width: 70%;
}
.sheetplaner .flx-div {
  width: 50%;
}
.planner-mod .req-div,
.planner-mod .flx-div,
.sheetplaner .req-div,
.sheetplaner .flx-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* check box */
.sheetplaner .flx-div.product-filter {
  justify-content: left;
  width: 100%;
  gap: 14px;
}
.coner {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0;
  font-size: 16px;
}

/* Hide the browser's default checkbox */
.coner input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.coner .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #D4D4D4;
  border: none;
}

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

/* When the checkbox is checked, add a blue background */
.coner input:checked ~ .checkmark {
  background-color: #6da542;
}

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

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

/* Style the checkmark/indicator */
.coner .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* check box end */

.input-cnt {
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(204, 204, 204);
  border-image: initial;
}
.sheetplaner .check-corner .coner .checkmark:after {
  left: 7px;
  top: 3px;
}
.sheetplaner .check-corner .coner .checkmark {
  height: 18px;
  border-radius: 100px;
  width: 18px;
  border: none;
}
.sheetplaner .check-corner .coner {
  font-size: 16px;
  color: #4d4d4d;
  line-height: 18px;
  margin: 8px 0;
  font-weight: 400;
}
.modal-dialog .plannet-model-content .coner .checkmark {
  top: 0px !important;
}
.modal-dialog .plannet-model-content table td .checkmark{
  background: white;
  margin: 0px 10px;
}
.modal-dialog .plannet-model-content table thead th, 
.modal-dialog .plannet-model-content table tbody td {
   border: 1px solid black !important;
}
.modal-dialog .plannet-model-content table tbody td {
   background: #ddd;
}
.modal-dialog .plannet-model-content table tbody tr:hover td {
   background: #a6a4a4;
}
.sheetplaner .check-corner {
  display: flex;
  justify-content: start;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 20px;
}
/* switch slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  margin-left: 10px;
  height: 22px;
}

.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: '';
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #2ab934;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(27px);
  -ms-transform: translateX(27px);
  transform: translateX(27px);
}

/*------ ADDED CSS ---------*/
.slider:after {
  content: 'OFF';
  color: white;
  display: block;
  position: absolute;
  /* transform: translate(-50%, -50%); */
  top: 4px;
  left: auto;
  font-size: 10px;
  font-family: Verdana, sans-serif;
  right: 7px;
}

input:checked + .slider:after {
  content: 'ON';
  text-align: left;
  top: 4px;
  left: 6px;
  font-size: 10px;
  right: 0;
  width: 80%;
}
/* switch slider end */

/* modal css */
.left-modal .modal-dialog {
  margin: auto;
  margin-right: 0;
  width: 85%;
  display: table;
  height: 100%;
}
.left-modal .modal-dialog .modal-content {
  border-radius: 0;
  height: auto;
  max-height: 100%;
  min-height: 100%;
}
.planner-mod h4.modal-title {
  font-size: 14px;
  color: black;
  font-weight: 700;
}
.planner-mod .lft-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 60px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: none;
}
.plannet-model-content .form-group {
  margin-bottom: 0px;
}
.planner-mod .modal-header {
  border: none;
  padding-bottom: 0px;
}
.planner-mod .modal-body {
  width: 100%;
  padding-left: 30px;
}
.planner-mod h4:nth-child(2) {
  font-size: 18px;
  margin: 4px auto;
  font-weight: 700;
}
.planner-form label {
  font-size: 14px;
  font-weight: 400;
}
.planner-form input,
.planner-form select {
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(204, 204, 204);
  border-image: initial;
  height: 45px;
  appearance: none;
}
.planer-modtab table tbody tr.grey td:nth-child(2) {
  background: #99999936;
}
.planer-modtab table tbody tr td.con {
  color: #6da542;
  font-size: 12px;
  font-weight: 700;
}
.planer-modtab table thead tr {
  border: 2px solid #0f4963;
}
.planer-modtab table thead tr th,
.planer-modtab table tbody tr,
.planer-modtab table tbody tr td {
  border: none;
}
.planer-modtab table tbody tr td {
  font-size: 14px;
  font-weight: 400;
}
.planer-modtab table tbody tr td,
.planer-modtab table thead tr th {
  padding: 3px;
}
.planer-modtab table thead tr th img {
  width: 27px;
}
.planer-modtab table tbody tr td .coner .checkmark:after {
  left: 10px;
  top: 5px;
}
.planer-modtab table tbody tr td .coner .checkmark {
  height: 22px;
  width: 25px;
}
.planer-modtab table thead tr th {
  font-size: 16px;
  font-weight: 700;
  color: #0f4963;
  vertical-align: middle;
  font-size: 12px;
}

tbody.cmdty_group3, .cmdty_group2, .cmdty_group1
{
  border: none !important;
}

.planer-modtab .planer-modtab {
  margin-top: 50px;
}
.planer-modtab table tbody tr td .coner input {
  position: relative;
}
/* modal css end */

/* second half */
.fob {
  background: #f2f2f2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  min-height: calc(108vh - 189px);
}
.fob .bflog-rt,
.fob .bflog-lft {
  width: 49%;
  padding: 35px 25px;
  background: #fff;
  /*height: 100%;*/
  min-height: calc(100vh - 700px);
  /*max-height: 700px;*/
  padding-right: 0;
  position: relative;
  /* overflow-y: auto; */
}
.fob .bflog h4 {
  font-size: 20px;
  font-weight: 700;
  color: #4d4d4d;
}
.fob .bflog-lft .bfhd,
.fob .bflog-lft .bfhd .slota {
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: start;*/
  /*flex-wrap: nowrap;*/
  /*margin-left: 100px;*/
}
.fob .bflog-lft .bfhd .slota img {
  width: 88px;
  margin-right: 10px;
  height: 90px;
}
.fob .bflog-lft .bfhd .slota div {
  width: 65%;
  margin-right: auto;
}
.fob .bflog-lft .bfhd .slota b {
  font-size: 12px;
  color: #c7d340;
}
.fob .bflog-lft .bfhd .slota small {
  font-size: 12px;
  color: #333333;
  margin: 2px 0;
  font-weight: 400;
}
.fob .bflog-lft .bfhd .slota p {
  font-size: 12px;
  color: #333333;
  margin: 2px 0;
  line-height: 12px;
  font-weight: 700;
}
.fob .bflog-lft .bfhd {
  margin: 40px auto;
}
.fob .bftab table tr th {
  font-size: 10px;
  font-weight: 700;
  border-bottom: 0px solid #ddd;
}
.fob .bftab {
  min-height: auto;
  height: auto;
  overflow-y: auto;
  margin-bottom: 25px;
}
.fob .bftab table tbody tr:nth-child(odd) {
  background: #f6f6f5;
}
.fob .bftab table tr td input::placeholder {
  font-weight: 700;
  color: #fff;
}
.fob .bftab table tr td input {
  background: #b3b3b3;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  width: 100%;
}
.fob .bftab table tr td:nth-last-child(1)::after {
  display: none;
}
/*.fob .bftab table tr td::after{
  position: absolute;
  right: 0;
  background: #000000;
  height: 25px;
  width: 0.5px;
  content: '';
  top: 8px;
}*/
.fob .bflog-rt p {
  font-size: 18px;
  font-weight: 400;
}
.bflog-lft h4,
.bflog-lft b {
  font-size: 18px;
  margin-top: 0px;
}
.fob .bftab table tr td {
  font-size: 12px;
  position: relative;
  font-weight: 500;
  vertical-align: middle;
  padding: 6px;
  border-top: 0px solid #ddd;
  text-align: left;
}
.fob .bflog-rt .btn-a {
  background: #c7d340;
}
.fob .bflog-rt .btn-b {
  background: #6b6b6b;
}
.fob .bflog-rt .btn-c {
  background: #00ace4;
}
.fob .bflog-rt b {
  font-size: 18px;
  display: block;
  padding: 10px 0 4px 0px;
  margin-bottom: auto;
}
.fob .bflog-rt .btn {
  border-radius: 0;
  padding: 6px;
  width: 50%;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
/* second half css */

.fob .bflog-lft .bfhd p {
  white-space: nowrap;
}
.btnsubmit {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #b3b3b3;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
.btnsubmit p {
  font-size: 16px;
  font-weight: 600;
  margin: auto 0;
}
.btnsubmit .btn {
  background: #c7d340;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  border-radius: 0;
  padding: 8px 45px;
}

.planer-modtab table tbody tr td input:focus {
  outline: 0;
  border: 0;
}
.planer-modtab table tbody tr td input.bord {
  border: 1px solid #e9e9e9;
  background: #fff;
}
.planer-modtab table tbody tr td input {
  background: white;
  border: none;
  padding: 2px 6px;
  font-weight: 500;
  color: #000;
  font-size: 12px;
}
#s_seller_list table thead th {
  padding: 6px 5px;
}
#s_seller_list table tbody tr.odd td {
  background-color: #f0e7e7 !important;
}

/* .planer-modtab table tbody tr.grey td:nth-child(2){
  background: #99999936;
} */
.planer-modtab table thead tr th:nth-last-child(1) {
  border-right: 2px solid #0f4963;
}
.clearsearch .modal-header .close {
  margin-top: 0px;
  position: relative;
}
.no-respsn.resp-tables .table > tbody > tr > td {
  display: revert;
}

@media only screen and (max-width: 768px) {
  .last_sent_range {
    margin-right: 22%;
  }
  .last_sent_title
  {
    margin-right: 16%;
  }
  .sucess-msg {
    padding: 10px 10px;
  }
}

@media only screen and (max-width: 600px) {
  .planner-price {
    width: auto !important;
  }
}

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

  .last_sent_range {
    margin-right: 22%;
  }
  .last_sent_title
  {
    margin-right: 23%;
    display: inline-block;
    float: right;
  }
  .planer-modtab.planner-sheet-seller-grp form {
      width: 660px;
  }
  .left-modal .modal-dialog {
    display: inline-block;
  }
  .resWidth {
    width: 1000px !important;
  }
  .fob .bflog-lft .bfhd {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .no-respsn.resp-tables {
    width: 450px;
    overflow: auto;
  }
  .clearsearch .modal-header .close {
    margin-top: 0px;
    position: relative;
  }
  .sheetplaner p {
    width: 100%;
    font-size: 14px;
    white-space: pre-wrap;
  }
  .planer-modtab table tbody tr td input.s_i_bx {
    width: 70px;
  }
  .fob .bflog-lft .bfhd .slota {
    width: 100% !important;
    word-break: break-word;
  }
  .fob .bflog-lft .bfhd .slota div,
  .fob .bflog-lft .bfhd .slota {
    width: 100%;
  }
  .run-report {
    border-left: 1px solid #80808000;
  }
  .deals_list_view {
    float: left;
  }
  .tracker-pricess .f-b-sctn {
    width: 100%;
  }
  span.select2.select2-container.select2-container--default,
  .submit-order-wrapper .ad-on .form-control {
    width: 90% !important;
  }
  .sheetplaner {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 30px;
  }
  .left-modal .modal-dialog,
  .sheetplaner {
    width: 100%;
    height: auto;
  }
  .planner-mod .modal-body {
      width: 100%;
  }
  .planner-mod .lft-sec {
    padding-right: 0px;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .sheetplaner .flx-div {
    width: 85%;
    flex-flow: column;
    align-items: flex-start;
  }
  .fob .bflog-rt,
  .fob .bflog-lft {
    width: 100%;
    min-height: auto;
  }
  .btnsubmit {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .bflog-lft h4,
  .bflog-lft b {
    margin-top: 0px;
  }
  .btnsubmit p {
    font-size: 12px;
  }
  .fob .bftab table {
    width: 390px;
    max-width: 400px;
  }
}

.address_view{
  font-size: 14px;
  color: #333333;
  margin: 2px 0;
  line-height: 12px;
  font-weight: 700;
}

.address_view_sub {
  font-size: 14px;
  color: #333333;
  display: block;
  margin: 2px 0;
  font-weight: 400;
}

.last_sent_range
{
  margin-right: 32%;
}

.last_sent_title
{
  margin-right: 23%;
}
/*@media only screen and (max-width: 1920px) {
  .last_sent_range {
    margin-right: 22%;
  }
  .last_sent_title
  {
    margin-right: 16%;
  }
}*/
@media only screen and (min-width: 1920px) {
  .last_sent_range {
    margin-right: 22%;
  }
  .last_sent_title
  {
    margin-right: 16%;
  }
}

.comment_display
{
  display: inline !important;
  color: blue;
}
.comment_text
{
  color: black;
  font-size: 12px;
  font-weight: 500 !important;
}
/*  font-size: small;
  width: 42px;
  overflow: hidden;
  white-space: nowrap;
  position: fixed;
  bottom: 0;
}
.comment_text:hover
{
  overflow: visible;
  white-space: normal;
  width: auto;
}*/
.pointer
{
  cursor: pointer;
}
.main-div-table
{
  height: 500px;
  width: 100%;
  overflow-y: scroll;
}

.load_dates_text{
  font-size: 15px !important;
  color: white;
  background-color: #c7d340;
  padding: 2px;
}

.main-div-table tr.seller_tr:nth-child(1) th
{
  position: sticky;
  top: 0;
  z-index: 99999;
  background: #0a455f;
}

tbody.cmdty_group3.empty_table:before
{
  content: "";
  display: block;
  height: 15px;
}

table.seller_table
{
  font-size: 12px;
  white-space: nowrap;
}
table.seller_table thead.seller_thead tr.seller_tr th {
  border-right: 5px solid #fff;
}

table.seller_table thead.seller_thead tr.seller_tr {
  background-color: #0a455f;
  color: #fff !important;
}

.last_email_view {
  float:left;
  display: flex;
  justify-content: flex-end;
}

.line_between {
  /*border-right: 1px solid blue;*/
  /*margin-top: 10px;*/
  margin: 0px !important;
}

/*table.seller_table.table-bordered>tbody.seller_body>tr.body_tr>td{
  border: none;
}

table.seller_table.table-bordered>tbody.seller_body>tr.group_tr>td{
  border: none;
}*/

table.seller_table.table-striped>tbody>tr:nth-of-type(odd)
{
  background-color: transparent !important;
}

table.seller_table.table-striped>tbody> tr:hover
{
  background-color: rgba(202, 211, 79, 0.2) !important;
}

table.seller_table.table-bordered>tbody.body_tr
{
  border: 5px solid #f2f2f2;
}

tr.group_tr
{
    border-left: 5px solid #f2f2f2;
    border-right: 5px solid #f2f2f2;
    border-bottom: none !important;
    border-top:  5px solid #f2f2f2;
}

table.seller_table.table-bordered>tbody.seller_body>tr.s_group_tr>td{
  border: none;
}

table.seller_table.table-bordered>tbody.seller_body>tr.s_group_tr
{
    border-left: 5px solid #f2f2f2;
    border-right: none;
    border-bottom: none !important;
    border-top:  none;
}
tr.s_group_tr
{
     border-left: 5px solid #f2f2f2;
    border-right: 5px solid #f2f2f2;
    border-bottom: none !important;
    border-top:  none;
}

tr.body_tr
{
    border-left: 5px solid #f2f2f2;
    border-right: 5px solid #f2f2f2;
    border-bottom: none !important;
    border-top:  5px solid #f2f2f2;
}

.open_badge
{
  color: white;
  background: green;
  font-weight: 500;
}
.bounce_badge
{
  color: white;
  background: red;
  padding: 3px 10px !important;
  font-weight: 500;
}
.sent_badge
{
  color: white;
  background: orange;
  font-weight: 500;
  padding: 3px 11px;
}

.linked_badge
{
  color: white;
  background: #4F88F7;
  font-weight: 500;
  padding: 3px 11px;
}

input.group_email
 {
  width: 173px;
  padding-right: 24px;
  font-size: 12px;
  border: none;
 }


input.recpient_email
 {
  width: 166px;
  padding-right: 18px;
  font-size: 12px;
  border: none;
  pointer-events: none;
  background: transparent !important;
 }
/*
 input.recpient_email:hover {
   background-color: rgba(202, 211, 79, 0.2) !important;
 }*/

input.rec_errspan
{
  width: 100%;
  padding-right: 18px;
  font-size: 12px;
  border: none;
  cursor: pointer !important;
  background: transparent !important;
}

button.btn.dropdown-toggle.btn-default, .btn-group.bootstrap-select.form-control.my-select.rep_id{
    background-color: transparent;
    padding: 6px;
  }

  .b-list table thead th{
    text-align: left;
  }
  .b-list table tbody td{
    text-align: left;
}

.btn-group.bootstrap-select.form-control.my-select.rep_id
 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
 }

 .thisline {
    border: 1px solid #707070;
    width: 20px;
    margin-left: 12px;
    opacity: 1;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.buyer_company_name
{
  align-items: center;
  font-weight: 400;
  display: flex;
}

.rate_title
{
  font-size: 15px !important;
  position: relative;
  font-weight: bold;
  color: black;
}

.marging-5 {
  margin-left: 5.333333%;
}

.errspan {
  /*float: right;*/
  /*margin-right: 21px;*/
  /*margin-top: 2px;*/
  position: relative;
  z-index: 2;
  cursor: pointer !important;
}

.rep_id.bootstrap-select.btn-group .dropdown-toggle .caret
{
  border: none !important;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: 12px !important;
  top: 50% !important;
  right: 31px !important;
  margin-top: -6px !important;
}

.rep_id.bootstrap-select.btn-group .dropdown-toggle .caret:before
{
  content: "\f040" !important;
}

.rep_id.bootstrap-select.btn-group  .btn-group.open .dropdown-toggle
{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


p.sheet-view {
  color: black !important;
  cursor: pointer !important;
  font-size: 12px !important;
  margin: 5px;
}

.filter_postion {
  float: right;
  margin-bottom: 10px;
  margin-right: 20px;
}

.date_banner
{
  background: #f9f9f9 !important;
  padding: 19px !important;
  margin-top: 10px !important;
  width: 102% !important;
  border-radius: 0px !important;
  border-color: #ccc !important;
}

.save_and_send
{
  background: blue !important;
  border: #7aad53 !important;
  font-weight: 800 !important;
  float: right !important;
  margin-top: 2% !important;
}

.save_and_send_group
{
  background: blue !important;
  border: #7aad53 !important;
  font-weight: 800 !important;
  float: right !important;
  margin-top: 15% !important;
  margin-right: -21px;
}

.start_filter_style {
  position: relative;
  /*display: inline-block;*/
  font-size: 12px;
  line-height: 1.42857143;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  color: #333;
  border: 1px solid #e4e4e4 !important;
  border-radius: 0;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px !important;
  height: 35px;
}


.flext_design
{
  display: inline-block;
}

.flex_design
{
  display: flex;
}

table.seller_table tr.treeLine {
  position: relative;
  -webkit-position: relative;
  -moz-position: relative;
    border-left: 5px solid #f2f2f2;
    border-right: 5px solid #f2f2f2;
    border-bottom: none !important;
    border-top: none !important;
}

table.seller_table tbody.seller_body tr.fourth-tr td {
   position: relative;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th

table.seller_table.table-bordered>tbody.treeLine>tr.s_group_tr>td{
border: none !important;
}

.table>tbody.treeLine>tr>td, .table>tbody.treeLine>tr>th {
  border: none !important;
}

table.seller_table tbody.seller_body tr.body_tr {
    border-left: 5px solid #f2f2f2;
    border-right: 5px solid #f2f2f2;
    border-bottom: none !important;
    border-top: none !important;
}

table.seller_table tr.treeLine:before {
  position: absolute;
  content: "";
  width: 2px;
  height:  calc(100% + 54px);
  background: #707070;
  top: 0;
  left: 21px;
  z-index: 999;
}

table.group_table {
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 990px) {
  table.seller_table tbody.div:before {
    left: 16px;
    height:  calc(100% - 11px);
  }
  input.recpient_email {
    width: 157px;
  }
}

@media only screen and (max-width: 998px) {
  input.recpient_email {
    width: 157px;
  }
  .rep_id.bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 12px !important;
  }
}

.mail_li
  {
    display: table-cell;
    width: 48.5%;
  }

@media only screen and (min-width: 999px)  and (max-width: 1181px) {
  input.recpient_email {
    width: 157px;
  }
  .rep_id.bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 12px !important;
  }
  .mail_li
  {
    display: table-cell;
    width: 46.5%;
  }
}

@media only screen and (max-width: 978px) {
  table.seller_table tbody.treeLine:before {
    left: 17px;
    height:  calc(100% - 11px);
  }
  input.group_email{
    width: 157px;
  }
  .mail_li
  {
    display: table-cell;
    width: 46.5%;
  }
}

@media (min-width: 1200px) and (max-width: 1340px) {
  table.seller_table tbody.treeLine:before {
    height:  calc(100% - 19px);
  }
  input.recpient_email {
    width: 157px;
  }
  .rep_id.bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 12px !important;
  }
  .mail_li
  {
    display: table-cell;
    width: 46.5%;
  }
}

.prodgress_seller
{
  display: flex !important;
  justify-content: space-between;
  white-space: nowrap;
}

.span_seller_name
{
  width: 100px;
  margin: 3px;
  white-space: break-spaces;
}

.btn-split {
    background-color: #4f71bf !important;
    border-radius: 0px !important;
    width: 90px;
    /*margin-top: -33px;*/
    padding: 4px 16px;
    border-color: #4f71bf !important;
    font-size: 13px;
  }

  .btn-split.btn.focus, .btn-split.btn:focus, .btn-split.btn:hover
  {
    background-color: #4f71bf !important;
    border-radius:  0px !important;
    width: 90px;
    color: white;
    border-color: #4f71bf !important;
    padding: 4px 16px;
  }

.tt-table div.tt {
  display:inline-block;
  position:relative;
}

.tt-table div.tt div.content_name {
  border-radius: 2px;
  z-index: 10;
  padding: 0px 4px 0px 5px;
  position:relative;
  margin-left: 5px;
  margin-right: 45px;

}

.tt-table div.tt div.tail {
  border:2px gray solid;
  border-right: 0;
  border-top: 0;
  position:absolute;
  border-radius: 2px;
  bottom: 11px;
  left: -10px;
  z-index: 0;
}

.tt-table tr.tt-hide {
  display:none;
}
.progress-circle {
   font-size: 14px;
   font-weight: 600;
   /*margin: 20px;*/
   position: relative; /* so that children can be absolutely positioned */
   padding: 0;
   width: 4em;
   height: 4em;
   background-color: #F2E9E1;
   border-radius: 50%;
   line-height: 4em;
}

.progress-circle:after{
    border: none;
    position: absolute;
    top: 0.35em;
    left: 0.35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 3.3em;
    height: 3.3em;
    background-color: white;
    content: " ";
}
/* Text inside the control */
.progress-circle span {
    position: absolute;
    line-height: 4em;
    width: 4em;
    text-align: center;
    display: block;
    color: #079ae5;
    z-index: 2;
}
.left-half-clipper {
   /* a round circle */
   border-radius: 50%;
   width: 5em;
   height: 5em;
   position: absolute; /* needed for clipping */
   clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.value-bar {
   /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 2.5em, 5em, 0);
   width: 4em;
   height: 4em;
   border-radius: 50%;
   border: 0.45em solid #079ae5; /*The border is 0.35 but making it larger removes visual artifacts */
   /*background-color: #4D642D;*/ /* for debug */
   box-sizing: border-box;

}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
   /*Progress bar for the first 50%, filling the whole right half*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 5em, 5em, 2.5em);
   background-color: #079ae5;
   border-radius: 50%;
   width: 4em;
   height: 4em;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }


/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }
 .filterDropdown button {
    padding: 6px 35px;
    border-radius: 0;
    outline: 0;
    font-size: 14px !important;
    box-shadow: unset;
    background: #fff;
    border: 1px solid black;
    color: black;
    font-weight: 500;
  }
  .filterDropdown .dropdown .dropdown-menu .fiterbotmBtn {
    display: flex;
    justify-content: space-between;
    margin: 15px auto;
    align-items: center;
  }
  .filterDropdown .dropdown .dropdown-menu .fiterbotmBtn .btn:nth-child(2){
    background: #6da542;
    border: 1px solid #6da542;
    color: #fff;
  }
  .filterDropdown .dropdown .dropdown-menu .fiterbotmBtn .btn:nth-child(1){
    background: #dfdfdf;
    border: 1px solid #dfdfdf;
    color: #767676;
  }
  .weeekdays span:hover {
    background: #6da542;
  }
  .filterDropdown .dropdown .dropdown-menu .fiterbotmBtn .btn{
    padding: 6px 35px;
    border-radius: 2px;
    outline: 0;
    font-size: 14px;
    box-shadow: unset;
    font-weight: 500;
  }

  .filterDropdown .dropdown-menu{
    padding: 16px;
    border-radius: 3px;
    width: 320px;
    right: 0;
    left: auto;
    z-index: 100000;
  }
  #shipping_point_dropdoen .filterDropdown .dropdown-menu {
    top: 34px !important;
  }
  .filterDropdown .dropdown{
    float:right;
  }
  .filterDropdown label {
    font-size:13px;
  }
  .filterDropdown .form-control {
    border-radius: 0;
    font-size: 12px;
    padding: 0 2px;
  }
  .filterDropdown .dropdown-menu .form-group {
    margin-bottom: 5px;
  }

.sharing-brtn {
    left: 100px;width: 135px;height: 40px;margin-top: 5px;padding: 10px;border: 1px solid black;background: transparent;color: black;border-radius: 0;margin-left: 10px;
}

.btn-shared
{
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
  color: white;
}

.disabled-btn
{
  background-color: transparent;
  border:  1px solid white;
  pointer-events: none;
}


.sharing-brtn:hover, .sharing-brtn:focus {
  background-color: #2980B9;
  color: white;
}

/* .sharingsdropdown {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 650px;
  overflow-y: scroll;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000000;
  left : auto;
  right: -80px;
  padding: 10px;
  max-height: 500px;
  top: 50px;
} */

.table>tbody#shared_list_body>tr>td
{
  padding: 10px !important;
}

.table>tbody#offinvoice_list_body>tr>td
{
  padding: 4px !important;
  border: none !important;
  text-align: left !important;
}

.offinvoicedropdown
{
  background-color: white !important;
}

.submit_off_invoice
{
  background-color: #cad34f;
  border-color: #cad34f;
  border-radius: 0px;
  padding: 5px !important;
  width: 98px;
  height: 32px;
}
.close_off_invoice
{
  border-radius: 0px;
  padding: 5px !important;
  width: 98px;
  height: 32px;
}
.tableregion {
        border-collapse: separate;
        border-color: #fff;
        border-top: 1px solid #ffffff;
        white-space: nowrap;
    }

    .tableregion thead {}

    .tableregion tbody {}

    .tableregion thead tr th {
        background-color: #255a71;
        color: #fff;
        border-top: 1px solid #ffffff;
        border-bottom: 4px solid #ffffff;
        border-left: 1px solid #ffffff;
        font-size: 12px;
    }

    .tableregion tbody tr:nth-child(odd) td {
        background-color: #d2deef;
    }

    .tableregion tbody tr:nth-child(even) td {
        background-color: #eaeff7;
    }

    .tableregion tbody tr td button {
        padding: 3px 20px;
        background-color: transparent;
        font-size: 12px;
        font-weight: 400;
        border: 2px solid #b1b1b1;
        border-radius: 4px;
        color: #b1b1b1;
    }

    .tableregion tbody tr td button.active {
        background-color: #7aad53;
        border: 2px solid #7aad53;
        color: #ffffff;
    }

    .tableregion tbody tr td input::placeholder {
        color: #a9a9a9;
    }

    .tableregion tbody tr td {
        border-top: 0.5px solid #ffffff;
        border-bottom: 0.5px solid #ffffff;
        border-left: 0.5px solid #ffffff;
        font-weight: 500;
        font-size: 12px;
        text-align: left;
    }

    .supplier-terms-layout {
      display: flex;
      gap: 16px;
      align-items: stretch;
      width: 100%;
      background: #fff;
      border: 1px solid darkgrey;
      border-radius: 12px;
      padding: 14px;
      min-height: 265px;
    }

    .supplier-terms-card {
      flex: 1 1 0;
      min-width: 0;
      border: 1px solid darkgrey;
      border-radius: 10px;
      background: #fff;
      padding: 12px;
      display: flex;
      flex-direction: column;
      min-height: 235px;
      height: 300px;
    }

    .supplier-terms-card__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 10px;
    }

    .supplier-terms-card__meta {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-shrink: 0;
    }

    .supplier-terms-card__title {
      font-size: 11px;
      font-weight: 700;
      color: #4c5661;
      text-transform: uppercase;
      line-height: 1.3;
    }

    .supplier-terms-pill {
      display: inline-block;
      border-radius: 999px;
      padding: 2px 8px;
      font-size: 10px;
      font-weight: 700;
      white-space: nowrap;
    }

    .supplier-terms-pill--editable {
      background: #d7f0cf;
      color: #237b2a;
    }

    .supplier-terms-pill--readonly {
      background: #eceff1;
      color: #5f6368;
    }

    .supplier-terms-info-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      border: 1px solid #cfd6dc;
      border-radius: 50%;
      color: #7a8691;
      font-size: 10px;
      font-weight: 700;
      line-height: 1;
      cursor: default;
      background: #fff;
    }

    .supplier-terms-card__body {
      flex: 1 1 auto;
      min-height: 110px;
      color: #444;
      word-break: break-word;
    }

    .supplier-terms-card__body--editor .cke {
      width: 100% !important;
    }

    .supplier-terms-card__body--editor .cke_top {
      display: none !important;
    }

    .supplier-terms-card__body--editor .cke_contents {
      border-top: 0 !important;
    }

    .supplier-terms-card__body--editor .cke_bottom {
      display: none !important;
    }

    .supplier-terms-card__body--editor .cke_contents {
      border-bottom: 0 !important;
    }

    .supplier-terms-card__body--editor .cke_contents {
      min-height: 165px !important;
    }

    .supplier-terms-card__body--readonly {
      overflow-y: auto;
      line-height: 1.5;
      min-height: 165px;
      padding: 8px 4px 4px 0;
      background: #fff;
    }

    .supplier-terms-card__footer {
      margin-top: 12px;
      padding-top: 10px;
      border-top: 1px solid #f1f1f1;
      font-size: 12px;
      color: #7d7d7d;
      min-height: 34px;
    }

    @media (max-width: 1100px) {
      .supplier-terms-layout {
        flex-direction: column;
      }
    }

    #topCardModalBody
    {
      height: 500px;
      overflow: scroll;
    }

input[type="radio"].toggle {
   display: none;
}
 input[type="radio"].toggle + label {
   cursor: pointer;
   min-width: 150px;
}
 input[type="radio"].toggle + label:hover {
   background: none;
   color: #1a1a1a;
}
 input[type="radio"].toggle + label:after {
   background: #1a1a1a;
   content: "";
   height: 100%;
   position: absolute;
   top: 0;
   transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
   width: 100%;
   z-index: -1;
}
 input[type="radio"].toggle.toggle-left + label {
   border-right: 0 !important;
}
 input[type="radio"].toggle.toggle-left + label:after {
   left: 100%;
}
 input[type="radio"].toggle.toggle-right + label {
   margin-left: -5px;
}
 input[type="radio"].toggle.toggle-right + label:after {
   left: -100%;
}
 input[type="radio"].toggle:checked + label {
   cursor: default;
   color: #fff;
   transition: color 200ms;
   background-color: green;
}

.btn2{
border: 1px solid #1a1a1a;
border-radius: 0;
display: inline-block;
padding: 10px;
position: relative;
text-align: center;
transition: background 600ms ease, color 600ms ease !important;
margin: 5px;
height: 40px;
}

.export_button {
  padding: 6px 14px;
   margin-right: 5px;
   font-size: 13px !important;
   color: blue;
   margin-top: 5px;
   height: 40px;
   width: 120px;
   background: transparent;
   margin-left: 0px;
}

.export_button:hover {
   background: transparent;
   color: blue;
}

.award_export_button
{
   height: 34px !important;
   width: 100% !important;
}


.notification-settings-wrapper .notification-page {
    max-width: 100%;
}

.notification-settings-wrapper .alert-page-title {
    font-size: 18px;
    font-weight: 700;
    margin: 10px;
}

.notification-settings-wrapper .notification-card {
    background: #fff;
    border: 1px solid darkgrey;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 1px 4px rgba(0,0,0,.05);
}

/* Alignment wrapper */
.notification-settings-wrapper .notification-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notification-settings-wrapper .toggle-col {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.notification-settings-wrapper .notification-row .media {
    display: flex;
    align-items: center;
}

.notification-settings-wrapper .notification-row .switch {
    flex-shrink: 0;
}

.notification-settings-wrapper .icon-circle {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fde8cf;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
    font-size: 22px;
}

.notification-settings-wrapper .media-body h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.notification-settings-wrapper .media-body p {
    margin-top: 4px;
    color: #666;
    font-size: 12px;
}

.notification-settings-wrapper .inner-box {
    margin-top: 20px;
    margin-left: 55px;
    border: 1px solid darkgrey;
    border-radius: 10px;
    padding: 22px;
}

.notification-settings-wrapper .inner-box h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

.notification-settings-wrapper .inner-box p {
    margin: 4px 0 18px;
    color: #666;
    font-size: 12px;
}

.notification-settings-wrapper .setting-row {
    border: 1px solid darkgrey;
    border-radius: 8px;
    padding: 12px 18px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}

/* Switch styles */
.notification-settings-wrapper .switch {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 30px;
}

.notification-settings-wrapper .switch input {
    display: none;
}

.notification-settings-wrapper .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #cfcfcf;
    transition: .3s;
    border-radius: 30px;
}

.notification-settings-wrapper .slider:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 3px;
    bottom: 3px;
    background: #fff;
    transition: .3s;
    border-radius: 50%;
}

.notification-settings-wrapper .switch input:checked + .slider {
    background: #ff8200;
}

.notification-settings-wrapper .switch input:checked + .slider:before {
    transform: translateX(26px);
}

.notification-settings-wrapper .small {
    width: 42px;
    height: 24px;
}

.notification-settings-wrapper .small .slider:before {
    width: 18px;
    height: 18px;
}

.notification-settings-wrapper .small input:checked + .slider:before {
    transform: translateX(18px);
}

@media(max-width:767px){
    .notification-settings-wrapper .inner-box {
        margin-left: 0;
    }

    .notification-settings-wrapper .media-body h3 {
        font-size: 22px;
    }

    .notification-settings-wrapper .page-title {
        font-size: 28px;
    }
}

.notification-settings-wrapper input:checked + .slider:after {
  content: 'ON';
  text-align: left;
  top: 9px;
  left: 8px;
  font-size: 10px;
  right: 0;
  width: 90%;
  position: absolute;
  color: #fff;
  font-weight: 600;
}


.notification-settings-wrapper .slider:after {
  content: 'OFF';
  color: black;
  display: block;
  position: absolute;
  top: 9px;
  left: auto;
  font-size: 10px;
  right: 7px;
  font-weight: 600;
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: max-content;
  min-width: 270px;
  padding: 0;
  margin-top: 60px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}
.daterangepicker.opensright:after {
  left: 10px;
}
#enter_by_month .q_end_date .daterangepicker.opensright:before {
  left: 40% !important;
}
#enter_by_month .q_end_date .daterangepicker.opensright:after {
  left: unset !important;
  display: none;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
.d-none
{
	display: none !important;
}

.template-item-order-help {
	margin: 3px 0 8px;
	font-size: 12px;
	color: #6c757d;
}

.drag-handle-column, .item-order-column {
	width: 52px;
	text-align: center !important;
}

.item-drag-handle {
	border: 0;
	background: transparent;
	color: #5d6770;
	cursor: grab;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	min-height: 32px;
	margin: -7px auto;
	padding: 6px;
	letter-spacing: 2px;
	touch-action: none;
}

.item-drag-handle:active { cursor: grabbing; }
.item-drag-handle:focus { outline: 2px solid #88B04B; outline-offset: 1px; }
.drag-handle-column:hover .item-drag-handle { color: #277ba5; background: #edf7fb; }

.template-item-dragging,
.template-item-source {
	background: #fff !important;
	box-shadow: 0 7px 16px rgba(0, 0, 0, .22), 0 0 0 2px #52b8d2;
}

.template-item-drop-before td,
.template-item-drop-after td {
	background: #eef9e9 !important;
}

.template-item-drop-before {
	box-shadow: inset 0 4px 0 #55b947, 0 0 0 1px rgba(85, 185, 71, .45);
}

.template-item-drop-after {
	box-shadow: inset 0 -4px 0 #55b947, 0 0 0 1px rgba(85, 185, 71, .45);
}

.template-item-drop-before td { border-top: 4px solid #55b947 !important; }
.template-item-drop-after td { border-bottom: 4px solid #55b947 !important; }
#template_management.nav-tabs {
	display: flex;
	margin-bottom: 10px;
	border-bottom: none;
}
#template_management.nav-tabs .tab {
	margin-right: 20px;
	font-weight: bold;
	color: #88B04B;
	cursor: pointer;
}
#template_management.nav-tabs .tab.active {
	border-bottom: 2px solid #88B04B;
	background: none !important;
}
.template_button.button {
	background-color: #88B04B;
	color: white;
	border: none;
	padding: 8px 12px;
	cursor: pointer;
	margin-bottom: 10px;
}
.search-bar {
	 /*margin: 10px;*/
}
.search-bar input, .search-bar button {
	padding: 6px;
	border:1px solid #ebe2e2;
}
.search-bar input{
	width: 25%;
	border:1px solid #ebe2e2;
}
.search-bar input.buyer_items, input.buyer_items_search{
	width: 40%;
	border:1px solid #ebe2e2;
}
.search-bar button {
	background-color: #0081e2;
	color:black;
	padding: 6px 20px;
	border: none;
}
.template_management {
	width: 100% !important;
	border-collapse: collapse;
	margin-top: 10px;
}
.template_main
{
	font-size: 12px !important;
}
.template_management th, .template_management td {
	padding: 8px;
	text-align: left;
	font-weight: 400;
}
.template_management .table-bordered>tbody>tr>td {
    border: 1px solid #cfc5c5 !important;

}
.status {
	padding: 4px 10px;
	border-radius: 12px;
	color: white;
	font-size: 0.9em;
}
/*.active {
	background-color: #7ACC3B;
}
.inactive {
	background-color: #aaa;
}*/
.action-link {
	color: #333;
	cursor: pointer;
}
.action-buttons {
	margin-top: 10px;
}
.action-buttons button {
	margin-right: 10px;
	padding: 6px 12px;
	border: 1px solid #ebe2e2;
	background: transparent;
}
.action-buttons.true-action button {
	min-width: 125px;
	border: 1px solid #ebe2e2;
}
.action-buttons.true-action{
	text-align: right;
}
.hidden {
	display: none;
}

.table.template_management tr:nth-child(even) {
	background-color: #f2f2f2;
}

#newTemplateForm {
	width: 100%;
}

#newTemplateForm .form-grid {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-bottom: 30px;
}

#newTemplateForm .form-grid .form-one,
.form-two, .form-three {
	display: flex;
	gap: 25px;
}

#newTemplateForm .form-group {
	display: flex;
	flex-direction: column;
	min-width: 268px;
}

#newTemplateForm .form-group input,
.form-group select {
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

#newTemplateForm .buttons {
	text-align: right;
	margin-bottom: 20px;
	position: absolute;
	top: 20px;
	right: 169px;
}

#newTemplateForm .buttons button {
	padding: 8px 16px;
	margin-left: 5px;
	border: none;
	cursor: pointer;
	border-radius: 3px;
}

#newTemplateForm .cancel-btn {
	background-color: #ccc;
	color: black;
}

#newTemplateForm .save-btn {
	background-color: #5cb85c;
	color: white;
}

#newTemplateForm .table-container {
	display: flex;
	gap: 20px;
}

#newTemplateForm table {
	border-collapse: collapse;
	width: 100%;
	min-width: 300px;
	font-size: 12px;
}

#newTemplateForm th,
td {
	padding: 8px;
	text-align: center;
}

#newTemplateForm .add-btn {
	margin-top: 10px;
	padding: 5px 15px;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	float: right;
}

#newTemplateForm .trash-icon {
	font-size: 12px;
}

/* Overlay background */
.overlay {
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	width: 0;
	/* background-color: rgba(0, 0, 0, 0.4); */
	overflow-x: hidden;
	transition: 0.5s ease-in-out;
	z-index: 9999;
}

/* Slide-in panel */
.overlay .popup-panel {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
	background-color: #fff;
	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
	padding: 20px;
	overflow-y: auto;
	padding-top: 0;
}

.overlay .close-btn {
	float: right;
	font-size: 24px;
	cursor: pointer;
}

.overlay table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}

.overlay table,
th,
td {
	padding: 8px;
	text-align: left;
}

.overlay .btn-bar {
	margin-top: 20px;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 40px;
}

.overlay .btn-bar button {
	margin-left: 10px;
	padding: 10px 15px;
	border: none;
	border-radius: 5px;
}

.overlay .btn-cancel {
	background-color: #ccc;
}

.overlay .btn-save {
	background-color: #28a745;
	color: white;
}

#master p
{
	margin: 10px;
}

.link_to_template
{
	top: 36px;
	position: relative;
	height: fit-content;
}

.template_invoice_button {
	padding: 5px !important;
  margin: unset;
  height: 34px !important;
  width: 130px !important;
}

.template_management>tbody>tr>td, .template_management>tbody>tr>th,.template_management>thead>tr>td, .template_management>thead>tr>th
{
	border: 1px solid #ccc !important;
}

.supplier_table>tbody>tr>td, .supplier_table>tbody>tr>th,.supplier_table>thead>tr>td, .supplier_table>thead>tr>th
{
	border: 1px solid #ccc !important;
}

.item_table>tbody>tr>td, .item_table>tbody>tr>th,.item_table>thead>tr>td, .item_table>thead>tr>th
{
	border: 1px solid #ccc !important;
}
.badge-success {
	color: #fff;
  background-color: #28a745;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.offinvoicedropdown {
    background-color: white !important;
}

.offinvoicedropdown {
    min-width: 300px !important;
    right: 0px !important;
    top: 29px !important;
    max-height: 300px !important;
}

#newTemplateForm .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 600px;
    overflow-y: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1000000;
    left: auto;
    right: -80px;
    padding: 10px;
    max-height: 500px;
    top: 50px;
}

.template_lable
{
	color: #88B04B;
	margin-bottom: 10px;
	font-size: 12px;
}
.reach_section {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  width: 200px;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  display: none;
  z-index: 100;
}

.reach_section.visible {
  display: block;
  opacity: 1;
}

.master_btn
{
	border: 1px solid grey;
	border-radius: 0;
}

#template_supplier_list, #template_item_list
{
	max-height: 261px;
	overflow-y: auto;
	overflow-x: hidden;
}

.supplier_table>tbody>tr>td,.supplier_table>thead>tr>td
{
	font-size: 12px !important;
}

.supplier_table>tbody>tr>td.border_none,.supplier_table>thead>tr>td.border_none
{
	border: none !important;
}


.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.all_Tabs .nav-link:hover,
.all_Tabs .nav-link:focus {
  /* Your styles here */
	background-color: #88b04b !important;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}

.all_Tabs>li>a:focus, .all_Tabs>li>a:hover 
{
	background-color: #88b04b !important;
}

.all_Tabs:hover , .all_Tabs.nav-link:focus
{
  background-color: #88b04b !important;
}

.all_Tabs.nav>li>a:focus, .all_Tabs.nav>li>a:hover
{
background-color: #88b04b !important;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

#items_main_list .nav-tabs .nav-link.active,#items_main_list .nav-tabs .nav-link:hover,
#items_main_list .nav-tabs .nav-item.show .nav-link {
	color: white;
  /*border-color: ##88B04B #dee2e6 #fff;*/
  background-color: #88B04B !important;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  /*background-color: #007bff;*/
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

#off_invoice_allowance_value
{
	pointer-events: none !important;
}

.background_none
{
	background: none !important;
}

.month_css{
	border-radius: 0px !important; 
	background: transparent !important; 
	margin-right: 5px !important; 
}

.year_css
{
	border-radius: 10px !important; 
	background: #badc94 !important; 
	margin-right: 5px !important; 
}

.date_Css 
{
	border-radius: 0px !important; 
	background: transparent !important; 
	margin-right: 5px !important; 
}

.table-compact td,
.table-compact th {
  font-size: 12px;
  padding: 4px 8px; /* optional: tighter spacing */
}

@media (min-width: 1800px) and (max-width: 1900px) {
  .link_to_template {
		/*left: 58px;*/
	}
}

#import-message
{
	position: absolute;
  width: 100%;
  height: 50%;
  /*background: #fff;*/
  /* Choose your background color */
  color: white;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.export_btn
{
	border-radius: 0;
	background-color: #eee;
}


/* Root */
.bulk-add-modal__content {
  border-radius: 6px;
  border: 0;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  padding: 0;
  width: 500px;
  height: 310px;
}

/* Header */
.bulk-add-modal__header {
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bulk-add-modal__header .modal-title {
  font-size: 16px;
  font-weight: 700;
}

/* Body */
.bulk-add-modal__body {
  padding: 0px 16px;
}

.bulk-add-modal__textarea {
  font-size: 14px;
  resize: vertical;
}

/* Status */
.bulk-add-modal__status {
  margin-top: 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.bulk-add-modal__check {
  color: #28a745;
  font-weight: bold;
  margin-right: 6px;
}

.bulk-add-modal__matched {
  font-weight: 500;
}

/* Note */
.bulk-add-modal__note {
  margin-top: 6px;
  font-size: 12px;
  color: #666;
}

/* Footer */
.bulk-add-modal__footer {
  padding: 12px 16px 0px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.bulk-add-modal__cancel {
  font-size: 14px;
  color: black;
  background-color: lightgray;
}

.bulk-add-modal__add {
  font-size: 14px;
  font-weight: 600;
  background-color: #007bff;
}

.bulk-text-success {
	color: green;
	margin-top: 6px;
}

.margin-button
{
    border-radius: 0px;
    padding: 5px 9px;
    width: max-content;
}
.delete-ticket-link {
  color: #dc2626;
  float: right;
  cursor: pointer;
  font-weight: 600;
  border-bottom: 1px solid red;
  margin-bottom: 8px;
}

.delete-ticket-link:hover {
  color: #b91c1c;
}

.back-ticket-link {
  color: blue;
  float: right;
  cursor: pointer;
  font-weight: 600;
  border-bottom: 1px solid blue;
  margin-bottom: 8px;
  margin-right: 10px;
}

.back-ticket-link:hover {
  color: blue;
}

.ticket-system {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0px;
}
.ticket-system .sidebar-content {
  padding: 14px;
}
.ticket-system .sidebar {
  width: 234px;
  background: #f1f1f1;
  border-radius: 14px;
  border: 1px solid darkgrey;
  margin-right: 10px;
}
.ticket-system .sidebar h3 {
  margin: 10px 0;
  font-size: 16px;
}
.ticket-system .sidebar .tab {
  text-align: center;
  margin-bottom: 20px;
  background: black;
  padding: 8px 0px;
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
}
.ticket-system .sidebar .tab button {
  margin-right: 127px;
  color: #fff;
  padding: 5px 10px;
  background: unset;
  border: none;
}
.ticket-system .sidebar .ticket-tabs li.active {
  padding-bottom: 4px;
  border-bottom: 4px solid green !important;
}
.ticket-system .sidebar .ticket-tabs li a {
  white-space: nowrap !important;
}
.ticket-system .sidebar .active-tickets {
  list-style: none;
  padding: 0;
  font-size: 12px;
}
.ticket-system .sidebar .active-tickets li {
  margin: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}
.circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #aaa;
  margin-right: 8px;
}
.ticket-system .main {
  flex: 1;
  padding: 20px;
  background-color: white;
  font-size: 12px;
}
.ticket-system .top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
}
.ticket-system .top-bar input[type="text"] {
  width: 320px;
  padding: 5px;
  margin-right: 10px;
}
.ticket-system .top-bar button {
  padding: 6px 12px;
  border: none;
  cursor: pointer;
  min-width: 130px;
}
.ticket-system .top-bar .new-ticket {
  background-color: #7ebc59;
  color: white;
  min-width: 180px;
}
.ticket-system .top-bar .search {
  background-color: #4a90e2;
  color: white;
}
.ticket_system_main .dropdown-menu.hide.show {
  display: flex !important;
}
.ticket_system_main .dropdown-menu.hide.show .form-group {
  max-width: 200px;
}
.ticket-system .top-bar .filter {
  background-color: white;
  border: 1px solid #ccc;
}
.ticket-system table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.ticket-system th,
td {
  padding: 8px;
  text-align: left;
  border: 1px solid #555;
}
.ticket-system th {
  background-color: #7ebc59;
  color: white;
}
.ticket-system .high-priority td {
  background-color: #f3b4ba;
}
.ticket-system .status {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 10px;
  font-size: 12px;
  color: white;
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}
.ticket-system .status.pending {
  background-color: #00a8ff;
}
.ticket-system .status.on-hold {
  background-color: #f5a623;
}
.ticket-system .status.open {
  background-color: #0d34ff;
}
.ticket-system .status.approval {
  background-color: green;
}
.ticket-system .status.escalated {
  background-color: black;
}
.ticket-system .status.resolved {
  background-color: #f7941d;
}
.ticket-system .on_hold {
  background-color: #874eff;
}
.ticket-system .pending_customer_final {
  background-color: red;
}
.ticket-system .section-title {
  font-weight: bold;
  color: red;
  margin-top: 20px;
}
.ticket-system .section-title.general {
  color: black;
  margin-top: 10px;
}
.ticket-system .general-table tbody tr {
  background-color: #d7d7d7;
}
.ticket-system .general-table tbody tr:hover {
  background-color: #f2f2f2;
}
.ticket-system tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}
.new-ticket-system {
  background-color: white;
  margin: auto;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.new-ticket-system.container {
  max-width: 100%;
}
.new-ticket-system .header {
  background: linear-gradient(to right, #fbb040, #f7941d);
  color: #000;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px !important;
  min-width: 103%;
  margin-left: -15px;
}
.new-ticket-system .header h2 {
  margin: 0;
  font-weight: bold;
}
.new-ticket-system .header-controls {
  display: flex;
  gap: 10px;
}
.new-ticket-system .header select {
  min-width: 160px;
}
.new-ticket-system .button-group button {
  min-width: 80px;
}
.new-ticket-system .header select,
.new-ticket-system .header button {
  padding: 6px 10px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.new-ticket-system .header .btn-primary {
  background-color: #4caf50;
  color: white;
  border: none;
}
.new-ticket-system .header .btn-secondary {
  background-color: #007bff;
  color: white;
  border: none;
}
.new-ticket-system .header .btn-cancel {
  background-color: white;
  color: black;
  border: none;
}
.new-ticket-system .form-section {
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  border-bottom: 1px solid #ccc;
  font-size: 12px !important;
}
.new-ticket-system .form-group {
  display: flex;
  flex-direction: column;
}
.new-ticket-system .form-group label {
  font-weight: bold;
  margin-bottom: 5px;
  white-space: nowrap;
}
.tsystem-group-btn {
  display: flex;
  margin-top: 8px;
  gap: 6px;
}
@media (min-width: 1500px) {
  .tsystem-group-btn {
    margin-right: 90px;
  }
}
.new-ticket-system .form-group input,
.new-ticket-system .form-group select {
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.new-ticket-system .first-group {
  background-color: #f2f2f2;
  padding: 20px;
  grid-column: span 1;
}
.new-ticket-system .blue-box {
  background-color: #e6eef7;
  padding: 20px;
  grid-column: span 1;
  gap: 15px;
  flex-wrap: wrap;
}
.new-ticket-system .product-table-section {
  padding: 20px;
  font-size: 12px !important;
}
.new-ticket-system .product-table-section table {
  width: 100%;
  border-collapse: collapse;
}
.new-ticket-system .product-table-section th,
.new-ticket-system .product-table-section td {
  border: none;
  padding: 8px;
  text-align: center;
  font-size: 12px;
  border-bottom: 1px solid #9abb5a;
  white-space: nowrap;
}
.new-ticket-system .product-table-section td {
  vertical-align: middle !important;
  min-width: 80px;
  text-align: left;
}
.new-ticket-system th {
  background-color: #9abb5a;
  font-weight: 500;
  color: white;
  text-align: left !important;
}
.new-ticket-system .btn-add {
  margin-top: 10px;
  padding: 8px 12px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  max-width: 160px;
}
.new-ticket-system .reconsignment,
.new-ticket-system .totals-box {
  display: inline-block;
  vertical-align: top;
  padding-top: 20px;
  min-width: 49%;
  font-size: 12px !important;
}
.new-ticket-system .reconsignment .form-group {
  flex-direction: row;
}
.new-ticket-system .reconsignment .label {
  width: 30%;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.new-ticket-system .reconsignment input {
  width: 70%;
  margin-bottom: 10px;
}
.new-ticket-system .totals-box table {
  width: 100%;
  border: 2px solid black;
}
.new-ticket-system .totals-box table td,
.new-ticket-system .totals-box table th {
  padding: 6px;
  border: none;
  text-align: left;
}
.new-ticket-system .totals-box table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.new-ticket-system .totals-box table tr:last-child th {
  background-color: gray;
  font-weight: 500;
  white-space: nowrap;
  background: #011d58 !important;
  color: white;
}
.new-ticket-system .attachments {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #ccc;
  font-style: italic;
  background-color: #f2f2f2;
}
.new-ticket-system .form-control {
  font-size: 12px !important;
}
.ticket-system .filter_dropdownlist .dropdown-content {
  padding: 16px;
  border-radius: 3px;
  right: 0;
  left: -336px;
  z-index: 100000;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.top-bar.filter-open {
  margin-bottom: 125px;
}
.ticket-system
  .select2-container
  .select2-results
  .select2-results__option
  span {
  color: white !important;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  font-size: 12px !important;
}
.reset-btn {
  background: #dfdfdf;
  border: 1px solid #dfdfdf;
  color: #767676;
}

.apply-btn-ticket {
  background: #6da542;
  border: 1px solid #6da542;
  color: #fff;
}

.custom-file-upload {
  display: inline-block;
  padding: 20px;
  border: 2px dashed #ccc;
  cursor: pointer;
  background-color: #fafafa;
  font-weight: 500;
}

.custom-file-upload:hover {
  background-color: #f0f0f0;
}

.attachment-badge {
  display: inline-block;
  margin: 5px;
}

.attachment-link {
  padding: 6px 12px;
  border: 1px solid #444;
  border-radius: 20px;
  background-color: #fff;
  color: #000;
  font-weight: 500;
  text-decoration: none;
  font-family: sans-serif;
}

.attachment-badge {
  display: inline-block;
  margin: 5px;
  padding: 5px 10px;
  background: #f1f1f1;
  border-radius: 5px;
  position: relative;
}

.attachment-badge .remove-attachment {
  position: absolute;
  top: -5px;
  right: -5px;
  border: none;
  background: #d9534f;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  cursor: pointer;
}

#ticket-form.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  display: none;
}

.account_detail_tr th {
  background-color: #000;
  font-weight: 500;
}
.product-details-container {
  overflow-x: auto;
}

.reconsignment_details_tr th {
  background-color: #71aae0;
  font-weight: 500;
}

.deduction-table {
  border-collapse: collapse;
  width: 600px;
  margin: 20px auto;
  border: 3px solid red;
}

.deduction-table th,
.deduction-table td {
  border: 1px solid red;
  padding: 10px;
  text-align: right;
}

.deduction-table th:first-child,
.deduction-table td:first-child {
  text-align: left;
}

.deduction-table th {
  background-color: #fff !important;
  font-weight: bold;
  color: black;
}

.deduction-table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.deduction-table tfoot td {
  font-weight: bold;
}

.diff-negative {
  color: green;
  font-weight: bold;
}

.diff-positive {
  color: red;
  font-weight: bold;
}

.diff-zero {
  color: #6b7280;
  font-weight: bold;
}

.net-impact-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.net-impact-badge {
  display: inline-block;
  min-width: 54px;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

.net-impact-badge.loss {
  color: #b42318;
  background: #fde2e1;
}

.net-impact-badge.gain {
  color: #2f6f31;
  background: #e6f4e2;
}

.net-impact-badge.even {
  color: #374151;
  background: #e5e7eb;
}

.breakdown-subtotal-row td,
.vendor-reconsignment-total {
  font-weight: bold;
}

.breakdown-diff.diff-negative,
.breakdown-diff.diff-positive,
.breakdown-diff.diff-zero {
  font-weight: normal;
}

.diff-total.diff-negative,
.diff-total.diff-positive,
.diff-total.diff-zero {
  font-weight: normal;
}

.grand-diff-negative {
  display: block;
  text-align: start;
  background: #92d150;
  padding: 12px;
  margin-top: -19px;
  margin-bottom: 20px;
}

.grand-diff-positive {
  display: block;
  text-align: start;
  background: red;
  padding: 12px;
  margin-top: -19px;
  margin-bottom: 20px;
}

.directory_settings {
  margin-left: 27px;
}

.directory_settings .nav-tabs {
  display: flex;
  margin-bottom: 20px;
  padding-left: 10px;
}

.directory_settings .nav-tabs a {
  text-decoration: none;
  margin-right: 20px;
  padding: 10px 5px;
  color: #6da641;
  font-weight: bold;
  position: relative;
}

.directory_settings .nav-tabs a.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 8px;
  width: 80%;
  height: 5px;
  background-color: #6da641;
}

.directory_settings .controls {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 40px;
}

.directory_settings .controls button {
  background-color: #6da641;
  color: white;
  border: none;
  padding: 8px 22px;
  margin-right: 10px;
  cursor: pointer;
}

.directory_settings .controls input[type="text"] {
  padding: 6px;
  width: 290px;
  margin-right: 10px;
}

.directory_settings .controls .search-btn {
  background-color: #0074cc;
  color: white;
  border: none;
  padding: 8px 24px;
  cursor: pointer;
}
.directory_settings #filterDiv .filter_dropdownlist .dropdown-content {
  padding: 16px;
  border-radius: 3px;
  width: 372px;
  right: 300px;
  left: auto;
  z-index: 100000;
  position: absolute;
  float: right;
  top: 160px;
}

.directory_settings .controls .filter-btn {
  margin-left: auto;
  padding: 6px 24px;
}

.directory_settings table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 60px;
}

.directory_settings table,
th,
td {
  /* border: 1px solid #555; */
  white-space: nowrap;
}

.directory_settings th,
td {
  padding: 10px;
  text-align: left;
}

.directory_settings td a {
  color: #0074cc;
  text-decoration: underline;
}

.directory_settings .delete-icon {
  cursor: pointer;
}

#addNewProduct .popup-overlay {
  position: fixed;
  top: 0%;
  right: 0% !important;
  width: 45%;
  height: 80%;
  background-color: white;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  transition: right 0.4s ease-in-out;
  z-index: 1000;
  padding: 20px 30px;
  overflow-y: auto;
}

#addNewCustomer .popup-overlay {
  position: fixed;
  top: 0%;
  width: 60%;
  height: 100%;
  background-color: white;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  transition: right 0.4s ease-in-out;
  z-index: 1000;
  padding: 20px 30px;
  overflow-y: auto;
}

.ticketDropdown .popup-overlay.active {
  right: 0;
}

.ticketDropdown .popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.ticketDropdown .popup-header h3 {
  margin: 0;
  font-size: 18px;
}

.ticketDropdown .close-btn {
  font-size: 24px;
  font-weight: bold;
  color: #999;
  cursor: pointer;
}

.ticketDropdown .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px 20px;
}

.ticketDropdown .form-group {
  display: flex;
  flex-direction: column;
}

.ticketDropdown #popup .form-group label {
  margin-bottom: 5px;
  font-size: 14px;
  color: #7d7878;
  font-weight: 400;
}

.ticketDropdown .popup-overlay label {
  display: block;
  margin-top: 10px;
}

.ticketDropdown .popup-overlay input,
.ticketDropdown .popup-overlay select {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
}

.ticketDropdown .image-upload-box {
  width: 140px;
  height: 140px;
  border: 2px dashed #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  cursor: pointer;
  position: relative;
  text-align: center;
}

.ticketDropdown .image-upload-box input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.ticketDropdown .image-upload-box span {
  color: #248cda;
  font-size: 14px;
}

.ticketDropdown .form-group input,
.ticketDropdown .form-group select {
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.ticketDropdown .form-row-2 {
  grid-column: span 2;
}

.ticketDropdown .save-btn {
  background-color: #6da641;
  color: white;
  border: none;
  padding: 6px 25px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 20px;
  float: right;
}

.open-comments-link {
  position: fixed;
  top: 50%;
  right: 0;
  background-color: #248cda;
  color: white;
  padding: 10px 15px;
  text-decoration: none;
  cursor: pointer;
  transform: rotate(-90deg) translateY(-50%);
  transform-origin: right center;
  z-index: 1000;
}

.comments-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 400px;
  height: 100%;
  background: #fff;
  box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

.comments-panel.active {
  right: 0;
}

.comments-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
}

.comments-header h5 {
  margin: 0;
}

.comments-header h3 {
  margin: 0;
  font-size: 18px;
}

#commentsPanel .close-btn {
  background: none;
  border: none;
  font-size: 24px;
  color: #999;
  cursor: pointer;
}

.comments-body {
  flex: 1;
  padding: 10px;
  overflow-y: auto;
  background-color: #fafafa;
}

.comment {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  max-width: 80%;
}

.comment-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 8px;
}

.comment-content {
  background: #f1f1f1;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 14px;
}

.comment-author {
  font-weight: bold;
  margin-bottom: 2px;
}

.comment-time {
  font-size: 12px;
  color: #777;
  margin-top: 2px;
}

.own-comment {
  margin-left: auto;
  flex-direction: row-reverse;
}

.own-comment .comment-content {
  background: #d1e7dd;
}

.own-comment .comment-avatar {
  margin-left: 8px;
  margin-right: 0;
}

.comments-footer {
  display: flex;
  border-top: 1px solid #ddd;
  padding: 8px;
  background: #f9f9f9;
}

.comments-footer textarea {
  flex: 1;
  resize: none;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.comments-footer button {
  background-color: #248cda;
  border: none;
  color: white;
  padding: 6px 12px;
  margin-left: 6px;
  border-radius: 4px;
  cursor: pointer;
}

.section-header {
  font-weight: bold;
  cursor: pointer;
  margin-top: 10px;
}

.header-controls .bootstrap-select {
  width: 201px !important;
  max-width: 201px !important;
}

#ticket-form .select2-container--default .select2-results__option {
  padding: 6px 8px;
}
#ticket-form .select2-selection__rendered span {
  background: white !important;
  padding: 2px 8px !important;
  font-size: 12px;
  color: #000 !important;
}
#ticket-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: 12px !important;
}
#ticket-form .select2 .select2-selection.select2-selection--single {
  height: 35px;
}

#ticket-form .select2.select2-container.select2-container--default {
  max-width: 190px;
  min-width: 190px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #333 !important;
  background-color: transparent !important;
}

.select2-results__option[aria-selected="true"] {
  background-color: #eaeaea !important;
  color: #333 !important;
}
#myDropdownbof button.btn.dropdown-toggle.btn-default {
  border: 1px solid lightgray;
  color: black;
}
/* .filter_dropdownlist .dropdown-content {
  padding: 16px;
  border-radius: 3px;
  width: 320px;
  right: -500px;
  left: 750px;
  top: 167px;
} */
@media (min-width: 1600px) {
  .directory_settings #filterDiv .filter_dropdownlist .dropdown-content {
    right: auto;
    left: 30%;
  }
}

.no-wrap {
  white-space: nowrap;
}

.status-dot {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 13px;
  color: black;
  text-align: center;
}

.status-dot.complete {
  background-color: #4caf50; /* green */
}

.status-dot.pending {
  background-color: red;
}

.destination-item {
  min-width: 200%;
}

.error-row {
  background-color: #ffe6e6 !important;
  border-left: 4px solid #ff4d4f;
}

.ticket-status-select {
  border: none;
  background: transparent;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 12px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.ticket-status-select option {
  color: #000;
}

.tikettag {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.85rem;
}

.tikettag-success {
  background: #e6ffed;
  color: #0f5132;
}

.tikettag-warning {
  background: #fff3cd;
  color: #664d03;
}

.vendor-tooltip {
  position: absolute;
  display: none;
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
  width: 370px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 99999;
  left: 1000px;
  top: 964px;
}

@media (min-width: 1500px) {
  .vendor-tooltip {
    right: 0px;
    left: unset;
  }
}

@media (max-width: 1900px) {
  .vendor-tooltip {
    right: 0px;
    left: unset;
  }
}

.vendor-tooltip::before {
  content: "";
  position: absolute;
  top: 12px;
  left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  filter: drop-shadow(-1px 1px 1px rgba(0, 0, 0, 0.1));
  left: 1000px;
  top: 964px;
}

.vt-actions {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.vt-cancel,
.vt-send {
  cursor: pointer;
}

@keyframes vnFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Fields */
.vn-field {
  margin-bottom: 16px;
}

.vn-field label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.vn-field input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Buttons */
.vn-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.vn-btn-primary {
  background: #007bff;
  color: white;
  padding: 8px 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.vn-btn-secondary {
  background: #e0e0e0;
  color: #333;
  padding: 8px 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.vn-btn-primary:hover {
  background: #0069d9;
}

.vn-btn-secondary:hover {
  background: #d5d5d5;
}

.fob_price,
.calculation-fields,
.reconsign-calculation-fields {
  width: 70px;
}
.attachment-drop-zone.drop-hover {
  transform: scale(1.2);
  filter: brightness(1.2);
}

.pending-user-index {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #aaa;
  color: #374151;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.assignee-user-index {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #aaa;
  color: #374151;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.pending-user-index.active {
  background: #dbeafe;
  color: #2563eb;
  padding: 18px;
  font-weight: 600;
}

.pending-user-index-text {
  color: inherit;
  cursor: pointer;
  font-weight: 400;
}

.ticket-next-up-cell {
  white-space: normal;
  word-break: break-word;
  min-width: 190px;
}

.availablity_td {
  background-color: lightgrey;
  color: black;
  font-weight: 600;
}

.ship-window-title {
  background: lightgray;
  padding: 8px;
  font-weight: bold;
  border: 1px solid #000;
  font-size: 10px;
}

.item-title {
  margin-top: 15px;
  font-weight: bold;
  font-size: 11px;
}

.item-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.item-table th,
.item-table td {
  border-bottom: 1px solid #000;
  padding: 6px 10px;
}

.total-row td {
  font-weight: bold;
}

.ship-window-block {
  width: 50%;
  padding-left: 30px;
}



/*Report CSS*/

.page-wrapper {
  min-height: 100vh;
}
.report-container {
  background: #fff;
  width: 100%;
  margin: auto;
}

/* Header */
.report-header {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.report-title {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #559b18;
}
.report-subtitle {
  margin-top: 3px;
  color: #52627a;
  font-size: 11px;
}
.ticket-export-btn {
  height: 38px;
  min-width: 90px;
  background: #f8fafc;
  border: 1px solid lightgray;
  border-radius: 5px;
  color: #39475b;
  font-size: 11px;
  font-weight: 600;
}

/* Filters */
.filter-box {
  border: 1px solid darkgrey;
  border-radius: 17px;
  padding: 15px 18px 14px;
  box-shadow: 0 8px 20px rgba(38, 50, 70, 0.06);
  margin-bottom: 13px;
}
.filter-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px 14px;
}
.filter-group label {
  display: block;
  margin-bottom: 5px;
  color: #283449;
  font-size: 12px;
  font-weight: 700;
}
.form-select {
  height: 38px;
  border: 1px solid #cbd4df;
  border-radius: 5px;
  color: #263244;
  font-size: 12px;
  padding: 6px 10px;
  box-shadow: none !important;
  width: 100%;
  background: white;
}
.date-range {
  display: flex;
  align-items: center;
  gap: 8px;
}
.date-range .form-control {
  width: 50%;
}
.date-separator {
  font-size: 11px;
  font-weight: 600;
}
.filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
}
.apply-btn,
.clear-btn {
  height: 38px;
  padding: 10px 17px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 700;
}
.apply-btn {
  background: #4c88ed;
  color: #fff;
  border: 1px solid #4c88ed;
}
.clear-btn {
  background: #fff;
  border: 1px solid #d5dce5;
  color: #566276;
}

/* Headings */
.section-heading {
  margin-bottom: 5px;
}
.section-title {
  font-size: 14px;
  font-weight: 700;
  color: #3b475a;
}
.section-description {
  font-size: 12px;
  color: #758198;
}

/* KPI */
.primary-kpi {
  border: 1px solid darkgrey;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 10px;
}
.primary-kpi-item {
  min-height: 94px;
  padding: 13px 18px;
  border-right: 1px solid #d9e0e8;
}
.primary-kpi-item:last-child {
  border-right: 0;
}
.kpi-value {
  font-size: 23px;
  line-height: 27px;
  font-weight: 700;
  color: #205493;
  margin-bottom: 7px;
}
.kpi-value.green {
  color: #149447;
}
.kpi-value.orange {
  color: #e16b13;
}
.kpi-label {
  color: #455269;
  font-size: 12px;
  font-weight: 700;
}
.loss-badge {
  display: inline-block;
  border: 1px solid #f28c42;
  color: #e36c1a;
  border-radius: 10px;
  font-size: 8px;
  padding: 2px 6px;
  vertical-align: middle;
  margin-left: 5px;
}

/* Secondary KPI */
.secondary-kpi {
  border: 1px solid darkgrey;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-bottom: 12px;
}
.secondary-item {
  min-height: 65px;
  padding: 10px 12px;
  border-right: 1px solid #d9e0e8;
  position: relative;
}
.secondary-item:last-child {
  border-right: 0;
}
.secondary-value {
  font-size: 14px;
  font-weight: 700;
  color: #202c40;
  margin-left: 18px;
}
.secondary-label {
  font-size: 12px;
  color: #69758a;
  font-weight: 600;
  margin-top: 8px;
  white-space: nowrap;
}
.secondary-icon {
  position: absolute;
  left: 12px;
  top: 11px;
  color: #387ae8;
  font-weight: 700;
  font-size: 14px;
}
.secondary-icon.green {
  color: #65a92c;
}
.secondary-icon.orange {
  color: #ff9500;
}
.secondary-icon.purple {
  color: #6847ed;
}
.secondary-icon.cyan {
  color: #09a8bd;
}
.secondary-icon.lightblue {
  color: #70a6fa;
}

/* Overview */
.overview-box {
  border: 1px solid darkgrey;
  border-radius: 16px;
  padding: 12px 17px 10px;
  margin-bottom: 12px;
}
.overview-grid {
  display: grid;
  grid-template-columns: 1.8fr 1.05fr 0.82fr;
  min-height: 290px;
}
.overview-panel {
  padding: 0 16px;
  border-right: 1px solid #dce2e9;
}
.overview-panel:first-child {
  padding-left: 0;
}
.overview-panel:last-child {
  border-right: 0;
  padding-right: 0;
}
.panel-title {
  font-size: 12px;
  font-weight: 700;
  color: #273348;
  margin-bottom: 8px;
}
.selected-range {
  font-size: 8px;
  color: #718097;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.claim-total {
  color: #243f71;
  font-size: 10px;
  font-weight: 700;
  margin-top: 2px;
}
.peak-text {
  text-align: right;
  color: #68a91f;
  font-size: 9px;
  font-weight: 700;
  margin-bottom: -4px;
}
.chart-wrapper {
  height: 160px;
  position: relative;
  margin-top: 2px;
}
.chart-svg {
  width: 100%;
  height: 200px;
  overflow: visible;
}
.chart-label {
  font-size: 8px;
  fill: #66738a;
}
.chart-number {
  font-size: 8px;
  fill: #334156;
  font-weight: 700;
}

/* Progress */
.reason-row {
  margin-bottom: 8px;
}
.reason-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.reason-name {
  color: #344056;
  font-size: 10px;
  font-weight: 600;
}
.reason-count {
  color: #68758a;
  font-size: 10px;
  font-weight: 600;
}
.progress {
  height: 7px;
  background: #e8edf2;
  border-radius: 0;
}
.progress-bar {
  background: #63a91d;
}

/* Cards */
.top-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 12px;
}
.top-card {
  border: 1px solid darkgrey;
  border-radius: 15px;
  padding: 12px 15px 9px;
  min-height: 180px;
}
.top-card-title {
  font-size: 12px;
  color: #263348;
  font-weight: 700;
  margin-bottom: 12px;
}
.mini-table {
  width: 100%;
  border-collapse: collapse;
}
.mini-table th {
  font-size: 12px;
  color: #4e5b70;
  text-align: left;
  font-weight: 700;
  padding-bottom: 5px;
  border: none;
}
.mini-table th:last-child,
.mini-table td:last-child {
  text-align: right;
}
.mini-table td {
  font-size: 12px;
  color: #2f394a;
  padding: 5px 0;
  border: none;
  border-bottom: 1px solid #e9edf2;
}
.view-all {
  display: block;
  color: #1d4f91;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  margin-top: 7px;
}

/* Main table */
.ticket-box {
  border: 1px solid darkgrey;
  border-radius: 16px;
  padding: 13px 17px 12px;
}
.ticket-heading {
  margin-bottom: 10px;
}
.ticket-title {
  color: #263348;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}
.ticket-subtitle {
  color: #788398;
  font-size: 12px;
  margin-top: 2px;
}
.table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.ticket-table {
  width: 100%;
  min-width: 1180px;
  border-collapse: collapse;
}
.ticket-table thead th {
  background: #65a71f;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 9px;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  white-space: nowrap;
}
.ticket-table tbody td {
  border: 1px solid #d9e0e8;
  color: #2e394a;
  font-size: 12px;
  padding: 8px 9px;
  height: 31px;
  white-space: nowrap;
}
.ticket-table tbody tr:nth-child(even) {
  background: #f8fafc;
}

/* Footer */
.table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.showing-text {
  font-size: 12px;
  color: #4d596c;
}
.pagination-area {
  display: flex !important;
  align-items: center;
  gap: 8px;
}
.pagination-area .pagination {
  margin: 0;
  gap: 5px;
  display: flex;
}
.page-item .page-link {
  width: 29px;
  height: 29px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5dde6;
  border-radius: 4px !important;
  color: #405069;
  font-size: 9px;
  background: #fff;
}
.page-item.active .page-link {
  background: #65a91f;
  border-color: #65a91f;
  color: #fff;
}
.rows-label {
  font-size: 10px;
  color: #48556a;
  font-weight: 700;
  line-height: 12px;
}
.rows-input {
  width: 107px;
  height: 34px;
  border: 1px solid #cbd4df;
  border-radius: 5px;
  padding: 5px 9px;
  font-size: 10px;
}
.info-footer {
  background: #e9f1fc;
  color: #37618f;
  border-radius: 6px;
  padding: 8px 11px;
  font-size: 12px;
  margin-top: 10px;
}

/* Responsive */
@media (max-width: 1200px) {
  .filter-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .overview-grid {
    grid-template-columns: 1.5fr 1fr;
  }
  .overview-panel:last-child {
    grid-column: 1/-1;
    border-top: 1px solid #dce2e9;
    margin-top: 12px;
    padding-top: 12px;
  }
  .top-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .secondary-kpi {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 768px) {
  .page-wrapper {
    padding: 10px;
  }
  .report-container {
    padding: 0 12px 20px;
  }
  .report-header {
    height: auto;
    padding: 15px 0;
    gap: 15px;
  }
  .filter-grid {
    grid-template-columns: 1fr;
  }
  .primary-kpi {
    grid-template-columns: repeat(2, 1fr);
  }
  .secondary-kpi {
    grid-template-columns: repeat(2, 1fr);
  }
  .overview-grid {
    grid-template-columns: 1fr;
  }
  .overview-panel {
    border-right: 0;
    border-bottom: 1px solid #dce2e9;
    padding: 12px 0;
  }
  .overview-panel:last-child {
    border-bottom: 0;
  }
  .top-cards {
    grid-template-columns: 1fr;
  }
  .table-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  .primary-kpi,
  .secondary-kpi {
    grid-template-columns: 1fr;
  }
  .primary-kpi-item,
  .secondary-item {
    border-right: 0;
    border-bottom: 1px solid #d9e0e8;
  }
  .date-range {
    flex-direction: column;
    align-items: stretch;
  }
  .date-range .form-control {
    width: 100%;
  }
  .date-separator {
    display: none;
  }
}

.ticket-system .sidebar .ticket-tabs li.ticket_report.active
{
  padding-bottom: 4px;
  border-bottom: 4px solid green !important;
}

.dark_hr
{
  border-top: 1px solid darkgrey !important;
}

.new-ticket-system .product-table-section td.line_item{
  min-width: 20px;
}
/*!
 * CSS jQuery.filer
 * Copyright (c) 2016 CreativeDream
 * Version: 1.3 (14-Sep-2016)
*/
/*@import url(/../assets/font/jquery.filer-icons/jquery-filer.css);  */ 

/*-------------------------
	Basic configurations
-------------------------*/
.jFiler * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.jFiler {
    font-family: sans-serif;
    font-size: 14px;
    color: #494949;
}

/* Helpers */
.jFiler ul.list-inline li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.jFiler .pull-left {
    float: left;
}

.jFiler .pull-right {
    float: right;
}

/* File Icons */
span.jFiler-icon-file {
	position: relative;
    display: block;
    background: #e1e1e1 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAAEACAYAAADsqNl9AAAD5klEQVR42u3azUqUURjA8bHAEpIK+9hlRBGC0QfVustI+oAo2nQJgYGFFEUhJF1NUVAXEC6iSyhIDCoX5js9Z5xpXmxsRjOdmfP7wfPqwtWZ589xhqlUN2Y5Zi5mJmYi5lzMgZhdFbpavEb32sxsURSfq5mqrPPv52MexYxZrb4NIusoOgoiDudb/JiMGbZSWQSRbRSdBPEqZtQqZRdEllFU2rxPuB8zYI2yDSK7KNYKYinmlvURRG5RVNa4GW5aHUHkGEWrIKasjSByjWJ1EC+tjCByjqKy6qPVI1ZGEDlHUb4h7loXQeQeRSOILzF7rIsgco+iEcS0VRGEKFaCSB+znrQqghDFShDvrYkgRNEM4pk1EYQomkFctiaCEEUziDPWRBCiaAYxYk0EIYpmEIPWRBCiqAeBIEQhCEGIQhBsWxA9E4UNEYQoBCEIUQiC7giiq6OwIYIQhSAEIQpB0H1BdF0UNkQQohCEIEQhCLo7iFoUMZ8EgSC6JAobIghRCEIQohAEvRXEtkRhQwQhCkEIQhSCoHeD2LIobIggRCEIQYhCEPRHEP81ChsiCFEIQhCiEAT9F8SmR2FDBCEKQQhCFIKgv4PYlChsiCD6bZ7/SxQ2RBCiEIQgRCEI8gpiQ1HYEEGIQhCCEIUgyDeIjqOwIYIQhSAEIQpBsBLEKVGsHYUNcUuIQhCCMK2jsB2CEEUpCtshClOKwmYIwpSisBn5BjEqgj+jsBluCVMaWyEKIQiCUhCXhCAI3BKC4K9RXBeEIHBbCALvKwTBRuO4IQgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyEi1Wh10ClBrYXd6jDgKqAVxMD3OOgqoBXE+PSYcBdSCuJIeM44CakHMpseco4BKpSiKDymI5Zgxx0Hmt8N4TDX9kjx0JGQexONyEPMxw46FTGPYF7NQDiKZdDRkGsSDRgTlIL7HHHU8ZBbD8ZjFVkEkr2MGHBOZxLAj5m05gNVBJNOOipzeSLcLIn0Me9tx0ecx3KnvetsgkiVR0Ocx/Gy1+GsF0bgppr2noI9C2BnzpNXN0EkQDW9ijjlOejyGEzHv2i17J0EkP2KmYvY6WnoshP31/3QWO1n0ToNoWKhfOeOOmi4P4XTM06Iovq5nwdcbxG/pm4Hp67IxV2MuxByKGfJSsMWLPxRzOOZizLWYF7GbHze6178AQI59RSRyAJkAAAAASUVORK5CYII=') no-repeat;
    background-size: cover;
    width: 57px;
    height: 74px;
    line-height: 90px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}

span.jFiler-icon-file i[class*="icon-jfi-"] {
    font-size: 24px;
}

span.jFiler-icon-file.f-image {
    background-color: #e15955;
}

span.jFiler-icon-file.f-video {
    background-color: #4183d7;
}

span.jFiler-icon-file.f-audio {
    background-color: #5bab6e;
}

/* Progress Bar */
.jFiler-jProgressBar {
    height: 8px;
    background: #f1f1f1;
    margin-top: 3px;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.jFiler-jProgressBar .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #50A1E9;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.jFiler-jProgressBar .bar.dark {
    background-color: #555;
}

.jFiler-jProgressBar .bar.blue {
    background-color: #428bca;
}

.jFiler-jProgressBar .bar.green {
    background-color: #5cb85c;
}

.jFiler-jProgressBar .bar.orange {
    background-color: #f7a923;
}

.jFiler-jProgressBar .bar.red {
    background-color: #d9534f;
}

/* Thumbs */
.jFiler-row:after,
.jFiler-item:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}

.jFiler-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*-------------------------
	Default Theme
-------------------------*/
.jFiler-theme-default .jFiler-input {
    position: relative;
    display: block;
    width: 400px;
    height: 35px;
    margin: 0 0 15px 0;
    background: #fefefe;
    border: 1px solid #cecece;
    font-size: 12px;
    font-family: sans-serif;
    color: #888;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-shadow: rgba(0,0,0,.25) 0 4px 5px -5px inset;
       -moz-box-shadow: rgba(0,0,0,.25) 0 4px 5px -5px inset;
            box-shadow: rgba(0,0,0,.25) 0 4px 5px -5px inset;
}

.jFiler-theme-default .jFiler-input.focused {
    outline: none;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
}

.jFiler-theme-default .jFiler-input.dragged {
    border: 1px dashed #aaaaaa;
    background: #f9f9f9;
}

.jFiler-theme-default .jFiler-inpu.draggedt:hover {
    background: #FFF8D0;
}

.jFiler-theme-default .jFiler-input.dragged * {
    pointer-events: none;
}

.jFiler-theme-default .jFiler-input.dragged .jFiler-input-caption {
    width: 100%;
    text-align: center;
}

.jFiler-theme-default .jFiler-input.dragged .jFiler-input-button {
    display: none;
}

.jFiler-theme-default .jFiler-input-caption {
    display: block;
    float: left;
    height: 100%;
    padding-top: 8px;
    padding-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jFiler-theme-default .jFiler-input-button {
    display: block;
    float: right;
    height: 100%;
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #ccc;
    color: #666666;
    text-align: center;
    background-color: #fefefe;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#fefefe,#f1f1f1);
    background-image: -o-linear-gradient(top,#fefefe,#f1f1f1);
    background-image: linear-gradient(to bottom,#fefefe,#f1f1f1);
    background-image: -moz-linear-gradient(top,#fefefe,#f1f1f1);
    -webkit-transition: all .1s ease-out;
       -moz-transition: all .1s ease-out;
         -o-transition: all .1s ease-out;
            transition: all .1s ease-out;
}

.jFiler-theme-default .jFiler-input-button:hover {
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
}

.jFiler-theme-default .jFiler-input-button:active {
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#fefefe));
    background-image: -webkit-linear-gradient(top,#f1f1f1,#fefefe);
    background-image: -o-linear-gradient(top,#f1f1f1,#fefefe);
    background-image: linear-gradient(to bottom,#f1f1f1,#fefefe);
    background-image: -moz-linear-gradient(top,#f1f1f1,#fefefe);
}

/*-------------------------
	Thumbnails
-------------------------*/
.jFiler-items-default .jFiler-items {

}

.jFiler-items-default .jFiler-item {
    position: relative;
    padding: 16px;
    margin-bottom: 16px;
    background: #f7f7f7;
    color: #4d4d4c;
}


.jFiler-items-default .jFiler-item .jFiler-item-icon {
    font-size: 32px;
    color: #48A0DC;

    margin-right: 15px;
    margin-top: -3px;
}

.jFiler-items-default .jFiler-item .jFiler-item-title {
    font-weight: bold;
}

.jFiler-items-default .jFiler-item .jFiler-item-others {
    font-size: 12px;
    color: #777;
    margin-left: -5px;
    margin-right: -5px;
}

.jFiler-items-default .jFiler-item .jFiler-item-others span {
    padding-left: 5px;
    padding-right: 5px;
}

.jFiler-items-default .jFiler-item-assets {
    position: absolute;
    display: block;
    right: 16px;
    top: 50%;
    margin-top: -10px;
}

.jFiler-items-default .jFiler-item-assets a {
    padding: 8px 9px 8px 12px;
    cursor: pointer;
    background: #fafafa;
    color: #777;
    border-radius: 4px;
    border: 1px solid #e3e3e3
}

.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:hover,
.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
    color: #d9534f;
}

.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
    background: transparent;
}

/* Thumbnails: Grid */
.jFiler-items-grid .jFiler-item {
    float: left;
}
.jFiler-input-text { height: 22px;}
.jFiler-items-grid .jFiler-item .jFiler-item-container {
    position: relative;
    margin: 30px 20px 0 0;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.06);     width: 137px;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb {
    position: relative;
    width: 100%;
    height: 100px;
    min-height: 100px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image {
    width: 100%;
    height: 100%;
    text-align: center;
}

.jFiler-item .jFiler-item-container .jFiler-item-thumb img {
    max-width: none;
    max-height: 100%;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb span.jFiler-icon-file {
    margin-top: 32px;
}

.jFiler-items-grid .jFiler-item-thumb-image.fi-loading {
    background: url('data:image/gif;base64,R0lGODlhIwAjAMQAAP////f39+/v7+bm5t7e3tbW1s7OzsXFxb29vbW1ta2traWlpZycnJSUlIyMjISEhHt7e3Nzc2tra2NjY1paWlJSUkpKSkJCQjo6OjExMSkpKRkZGRAQEAAAAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBAAeACwAAAAAIwAjAAAF5CAgjmRpnmiqrmzrvnAsz3Rto4Fwm4EYLIweQHcTKAiAQOPRI0QKRcYiEGA4qI8K9HZoGAIOSOBgCdIGBeLCMUgoBJSJjsBAxAiKRSFAQBCVBwMKGRsNQi8DBwsJhyQVGxMKjTCJk0kPjDI5AlQqBAcICFstBQqmmScFGh0dHBaWKAIEBQQDKQEKDxEQCTMBA5Y/o5oDoZYCHB1PMgIHCQacwCPACRStDTEDBrYABQg5wAgGIg4YYjQCogEGB3wI3J2+oD0G42PfN2Pc7D2JRDb/+In4t8MHwYIIEypcyLChQ4YhAAAh+QQFBAAeACwIAAgAEwATAAAFlqAnjiKSjAFJBscgLos4NIQ6JggAKLHXSDWbp6CoLRgeg0ShGwkIKQ9iITggPJFHaqA4eAYIRK0a9SwK0spl0TQkvEIJJnIlCdDCRk4lEJIGBgcHRn4jBBkciROFKgkNDg51jCJBJJU2ARocD4xNAQsGCBMcGz2FAxwZKQwVDYVwEhwOI02MAxsceJMeOgwaJ7skCX0jIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwJAAcAEgAVAAAFjqAnjmJAnihgHChqCACAJKMyoMHBeggSJ40baoC4zTwFB6IlOiwLhkCDMUIYUAUSgiA4RCZLAXPkoDQOsfFosVNjDYaBQiRmWjaaDMTdXDAYbWMJQnwiGBoOBEwmIwVeGhhzKAJ+BBsXIgoSVCcEAxkbAw8enEwAARkaYqluAqliChlLY64aQrNjAT2MKCEAIfkEBQQAHgAsBwAIABQAFAAABZqgJ45jUQBkqorGgQqIsKqteCjyTLbAsBg6UoBA8CgSIoGhGGQNAoXG4zAaNBcPxalJQhS4KwGhUCQgRYHZQGKxVBpgD8CQUCiAYEQTpZpcGFYrBgw5HgkEBg4XFHoqFx10CwMZFCIIDwl8IwscFAQXGR4NGQo6BBocRRUYHgIWGEwqBxoPHgEWoYYXVCsBCTIBqzkHaVwHvCshACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAVABQAAAWaoCeOpDECZKqKgRcY7bqanoHI6+EKSIHjCJ2oMPidCgIPQbHwGUkIBoLwJAEM1OpqQBgkC0yjwBGRRBQokfdXOASzo0MjqTrQUwQIpwM/QSYJKQoaHRUKHgtQSgwTEUIeDRcPSRQcHgiBFREiB1IkdAkaEgMUGAILFoE4AxkaRRIVLRIURTIGGQ0iExWcEzQyBzGwI05PV78rIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAgAFAAUAAAFlaAnjmRBnmgqCip6kEGbDnJqvmJAsLVIDwgEoTc6JAy0k05VSIoKiSgipgoIaIFKZ8tBVBeNBgORkEwkDt6sYECSBosUwJRybDiqxuOgTmTwCAUKIwAHAwMJDw10CxUNMRIaBQcIAmhPCgYjVAcZDx4REx5lOCoWGCIPER4Bqi0FFwwiEBIxBg9DKpqpEVS5PQUFACohACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAUABQAAAWRoCeOpEGeaCoGKmqOQlvKXgId4usR6DA+HA6kQDsxMB0Nr0hSTHxFAgJxIABogpiEI9rgVAiF2ICARCANVovAjsESKoKaNGBkMqrEojA/WDYSHgMIJAVZBwsKSwoSCyIOFx4FJg4LVwQHRCgVDQIOEAEHDi9XJwISFAIADA4iDJ1xEwoiDa2SDFA0rCO5NGwtIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAgAEwAUAAAFj6AnisNonqeBLWg7GpwmtAENcc8s6ifyGKJMp1DyIFqNjecxUEiKLpGi4slATcBW4hkdDQ6HbHd048TELtah8XCwxqjAsXXdKSyWuuiAILwmGBBABzUiBDUFCQglCBAJIgsTBAQFAQpzAwZ1BREsCwweBQt+Lg8QNQpvCAqFJwMQc6mGjy6kHrI7cB4DeiIhACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcABwASABUAAAWXoCeOI0GQaBpUl5CSRZV4QrYN71hoWBBkGpdISAI4No2BhoNLHRijy8YQmQwOpJMC2BAgIh5fgJZKSDYWYg4FWZMMhkLT7XHYeAW6wrBgLGZ0KQZjgR4IEhFqJIAeBQ8UDQUCeSNzIwcNCCIJDwMDJwgGawSZAQgzBAiWIwELDSIHmh6xOQyiAKciV4oeAHO0IwB0ArweIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAcAEAAVAAAFjKAnjuMwkKgnjFJVosSEeMGVrcc1j8TlehVMIIDh7EaMzMKDuTE4k4DHsCiIKJnCI0LYcE6ehMWyPDxGgshyZL5MUqID6uCAowsEwsouWlTGFAR8HgUJCglHgyNWigF0dXYzBAwPCoJgcAUKBnELAgKYcAObHgdyfIYiBQcAdgIJjAanrq0AsoojQyghACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAUABQAAAWYoCeKwQhF5aiqA3SIlDVW7yoOlCRKlVhtNZtHYUkIKBfPYoNaFRADUUTWeAwyGYHHAFmIDhIJImBorBIFB6cDSZUnEGEA08k0UiPDQrsSTB58HgEDhEIqAHgIERESVoY2BAcIBwaPlh5Rl04KCnhnKwMJDFCelgMIBAAeT3hBNqoeAggFIgiaX7ZblZoBB5lbqoG3wzbCKyEAIfkEBQQAHgAsBwAHABUAEwAABZygJ46jIJBoSjZPqa6GGEmBZ0zx60Gt90QiSSb3QkgOHskkkMj0UAOkyCEhLBiey2X0SIwMLKRVAPAEHggCY8N5egiKB6OGAmwtC1UhQScFIgt9JAKCKQUICQkxBw2NCycqBhsdlBgBAwUGBgRlKgMPExMSgSSdKmQvBAgIOqwoAgeKkDopBgMiMbOutCgGSLe8IlIeSKbBI1LAKCEAIfkEBQQAHgAsAAAAAAEAAQAABQOgFwIAIfkEBQQAHgAsAAAAAAEAAQAABQOgFwIAIfkECQQAHgAsAAAAACMAIwAABbWgJ45kaZ5oqq5s675wLM90baPBvS6MTgoKgqjxEBEihZuAsRAxHKJHJXk7NAwBB8RzsPRqBYFo4RgkFALKxMhAxAiKBdXtAXgah4Eis2nIBgcLCSgVGxMKNYAoD4MzAgI5KgQHCAhULQUKmgmRJgUaIhwWLwIEBQQDKQEKDxEQCXYxnSUBcjapKAIcHUg+JgkUHRx+YB6zIw4YEMc2QiMBzDB0HgbGvifR19rb3N3e3+Dh4ikhADs=') no-repeat center;
    width: 100%;
    height: 100%;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(76, 76, 77, 0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
    overflow-y: auto;
    -webkit-transition: all 0.12s;
       -moz-transition: all 0.12s;
            transition: all 0.12s;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb:hover .jFiler-item-thumb-overlay {
    opacity: 1;
    filter: aplpha(opacity(100));
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info {
    display: table;
    padding: 0 10px;
    overflow: auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-title {
    display: block;
    font-weight: bold;
    word-break: break-all;
    line-height: 1;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-others {
    display: inline-block;
    font-size: 10px;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets {
    margin-top: 3px;
    color: #999;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-success {
    color: #3C763D
}

.jFiler-items-grid .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-error {
    color: #A94442
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-jProgressBar {
    width: 120px;
    margin-left: -5px;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-item-others {
    font-size: 12px;
}

.jFiler-items-grid .jFiler-item-trash-action:hover {
    cursor: pointer;
    color: #d9534f;
}
#compliance_tracking #rfp_table table {
    /*margin: 0px 10px;*/
  }
  .rfp_table_program_hub {
    /*width: fit-content;*/
  }
  
  #compliance_tracking table {
    width: 100%;
    border-collapse: separate !important;
    font-size: 11px;
    font-family: Arial;
  }
  
  #compliance_tracking th {
    background-color: #FFFFFF;
    padding: 10px;
    text-align: left;
    padding-bottom: 0px;
    padding-top: 0px;
    color: black;
    font-weight: bold !important;
    border: 1px solid #ddd;
  }
  
  #compliance_tracking td {
    background-color: #FFFFFF;
    padding: 8px;
    text-align: left;
    border: 1px solid lightgray;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 10px;
  }
  
  #compliance_tracking .sheet-table-data {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
  }
  
  #compliance_tracking .sheet-table-data th {
    color: #2e6da4;
    font-weight: normal;
    text-align: left;
    border: none;
    padding-bottom: 0px;
    padding-left: 10px;
  }
  
  #compliance_tracking .sheet-table-data td {
    color: black;
    font-weight: bold;
    border: none;
  }
  
  #compliance_tracking .sheet-buttons {
    margin-top: 0;
    margin-left: 15ppx;
  }
  
  #compliance_tracking .sheet-buttons button {
    background-color: #2e2b2b;
    color: white;
    border: none;
    font-size: 14px;
    padding: 3px 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
  }
  
  #compliance_tracking .sheet-buttons button:hover {
    background-color: #f0f0f0;
    color: black;
  }
  
  #compliance_tracking .sheet-buttons button.active {
    color: green;
    background: white;
    transform: translateY(-4px);
  }
  
  #compliance_tracking .cell-des-width {
    min-width: 310px;
    width: 310px;
  }
  
  #compliance_tracking .company-cell-width {
    min-width: 210px;
    width: 210px;
  }
  
  #compliance_tracking .tracker-pricess.sorting-tracking ul.nav.nav-tabs li.upcoming_tab a:hover {
    text-decoration: none !important;
    border: none;
  }

  #compliance_alert .alert-box {
    background-color: #fff4df; 
    border-radius: 10px;
    padding: 12px 16px;
    border-left: 4px solid #ffcc00;
    color: #d9534f;
    font-family: 'Arial', sans-serif;
    max-width: 800px;
    margin: 10px 0;
    position: relative;
  }
  
  #compliance_alert .alert-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    margin-bottom: 4px;
  }
  
  #compliance_alert .alert-icon {
    margin-right: 5px;
    font-size: 18px;
  }
  
  #compliance_alert .alert-title {
    font-weight: 700;
    color: #d9534f;
    position: absolute;
    left: 5%;
  }
  
  #compliance_alert .alert-updated {
    font-size: 12px;
    color: #d9534f;
    position: absolute;
    right: 16px;
  }
  
  #compliance_alert .alert-body {
    margin-left: 20px;
    color: #d9534f;
    font-size: 14px;
  }
  
  #compliance_alert .supplier-name {
    font-weight: 600;
  }
  
  .compliance-container {
    width: 100%;
    padding: 20px;
    border-radius: 6px;
    font-family: Arial, sans-serif;
    min-width: 800px;
  }
  #complianceTable {
    overflow: auto;
    max-height: 100vh;
  }
  #weeks_range {
    padding: 9px;
    height: 40px;
    border: 1px solid grey;
    border-radius: 5px;
    background: transparent;
  }
  .compliance-table {
    border-collapse: separate !important;
  }
  .compliance-table th:nth-child(1),
  .compliance-table td:nth-child(1) {
    position: sticky;
    left: 0;
    background: #f1f4f9 ;
  }


  .compliance-table th:nth-child(2),
  .compliance-table td:nth-child(2) {
    position: sticky;
    left: 100px; 
    background: #f1f4f9 ;
  }

  .compliance-table th {
    position: sticky;
    top: 0;
    background: #f1f4f9 ;
    z-index: 4;
  }

  .compliance-table th:nth-child(1){
    min-width: 100px;
    z-index: 5;
  }
  .compliance-table th:nth-child(2) {
    min-width: 250px;
    z-index: 5;
  }
  .compliance-table th.compliance_buyer {
    z-index: 5;
  }
  .compliance-table .compliance_buyer {
    position: sticky;
    min-width: 200px;
    left: 350px;
    background: #f1f4f9 ;
  }
  .compliance-container .top-bar {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 22px;
    margin-left: 10px
  }
  
  .compliance-container .field-group {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .compliance-container .week-input {
    padding: 5px 10px;
    border: 1px solid #aaa;
    border-radius: 4px;
    width: 71%;
    font-size: 10px;
    height: 22px;
  }
  
  #compliance_tracking .export-btn {
    margin-left: 37%;
    padding: 3px;
    border: 2px solid #1a1a1a;
    background: #fff;
    cursor: pointer;
    position: relative;
    width: 14%;
    height: 26px;
  }
  
  .compliance-container .compliance-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
  }
  
  .compliance-container .compliance-table td {
    border: 1px solid lightgray !important;
    padding: 15px !important;
    text-align: start !important;
    font-weight: 500 !important;
  }

  .compliance-container .compliance-table th {
    background-color:#f1f4f9 !important;
    border: 1px solid #ddd !important;
    padding: 10px !important;
    text-align: start !important;
    color: #45556d !important;
  }
  
  .compliance-container .compilance-input {
    width: 45px;
    padding: 5px;
    border: 2px solid #accded;
    border-radius: 4px;
    text-align: right;
    font-weight: 400 !important;
    height: 20px;
  }
  
  .compliance-container .value-input.error {
    border-color: red;
    color: red;
  }

  .compliance-container .value-input.above {
    background-color: #c2f1c8; 
    color: black; 
    font-weight: 400;
  }

  .compliance-container .value-input.below {
    background-color: #fba3aa; 
    color: black; 
    font-weight: 400;
  }
  
  .compliance-container .market-input.error {
    border-color: red;
    color: red;
  }
  
  .compliance-container .status {
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
  }
  
  .compliance-container .status.met {
    background: #dbfce7;
    color: #2db867;
  }
  
  .compliance-container .status.not-met {
    background: #f44336;
  }
  
  .compliance-container .positive {
    color: green;
  }
  
  .compliance-container .negative {
    color: red;
  }
  
  .compliance-container .save-btn {
    background: #92d050;
    color: #fff;
    border: none;
    padding: 7px 16px;
    cursor: pointer;
    height: 30px;
    float: right;
    width: 18%;
  }

  .compliance-container label {
    margin-bottom: inherit !important;
    font-weight: 500;
  }

  .compliance-container .commit-value {
    color: #69a4de !important;
    font-weight: 600 !important;
    text-align: end !important;
  }
  
  .add-note-btn {
    background-color: #2196f3;
    color: white;
    border-radius: 50%;
    border: none;
    width: 22px;
    height: 22px;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
  }
  
  .commit-note-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    z-index: 9999;
    width: 350px;
    border-radius: 4px;
    padding: 15px;
    border: 1px solid #eee;
  }

  .compliance-container .weekly-commit {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 12px;
  }

  .info-note-btn {
    cursor: pointer;
    display: inline-block;
    margin-left: 6px;
    background-color: #f2a200;
    color: white;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    font-weight: bold;
  }  

  .compliance-container .commit-input {
    background-color: #accded;
    color: black; 
    font-weight: 400;
  }

  .compliance-container .daily-input {
    width: 30px;
    font-weight: 400;
  }
  
 #compliance_tracking .btn.dropdown-toggle.btn-default {
  height: 40px;
  border: 1px solid grey;
 }
  
.compliance-container .orange_bc {
  background-color: orange;
  font-weight: bold;
}

  .compliace_sortable {
  cursor: pointer;
  user-select: none;
  position: relative;
  padding-right: 18px;
}

.compliace_sortable.asc::after {
  content: "▲";
  position: absolute;
  right: 4px;
}

.compliace_sortable.desc::after {
  content: "▼";
  position: absolute;
  right: 4px;
}

  .buyer_sortable {
  cursor: pointer;
  user-select: none;
  position: relative;
  padding-right: 18px;
}

.buyer_sortable.asc::after {
  content: "▲";
  position: absolute;
  right: 4px;
}

.buyer_sortable.desc::after {
  content: "▼";
  position: absolute;
  right: 4px;
}

.units-cell{
  padding: 15px !important;
}
.wizard-intro {
  padding: 0 25px 14px;
}

.wizard-intro-title {
  margin: 0 0 14px;
  color: #5aa03b;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.05;
}

.wizard-intro-banner {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #e8f0df;
  border: 1px solid #d4e2c4;
  border-radius: 4px;
  padding: 12px 14px;
  margin-bottom: 14px;
}

.wizard-intro-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #7fb34d;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

.wizard-intro-head {
  font-weight: 700;
  color: #2f2f2f;
}

.wizard-intro-copy {
  color: #4a4a4a;
}

#compare-container {
  width: 28%;
  position: fixed;
  bottom: 165px;
  right: 32px;
  z-index: 1000;
  background: #fff;
  border: 1px solid #000;
}

.compare-box {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

.compare-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px;
  background: #f5f5f5;
}

.compare-text strong {
  font-size: 16px;
  display: block;
}

.compare-subtext {
  font-size: 14px;
  color: #000;
  margin-top: 2px;
  font-weight: 300;
}

#compare-container .clear-btn {
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 15px;
  cursor: pointer;
}

#compare-container .clear-btn:hover {
  background: #eaeaea;
}

.wizard-actions-wrap {
  margin-left: 12px;
}

.wizard-heading {
  margin: 0 0 8px;
  padding: 0 6px;
  font-size: 22px;
  font-weight: 700;
  color: #2f2f2f;
}

.export-btn {
  width: calc(30% - 24px);
  margin: 0 12px 12px;
  padding: 10px;
  background: #0b6fc2;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.import-btn {
  width: calc(30% - 24px);
  margin: 0 12px 12px;
  padding: 10px;
  background: #92d04f;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.compare-btn:hover {
  background: #095a9c;
}

.compare-warning {
  background: #fff4cc;
  color: #7a5b00;
  font-size: 12px;
  padding: 8px 12px;
  border-top: 1px solid #f0e0a0;
  border-radius: 0 0 6px 6px;
}

.wizard-btn {
  border-radius: 4px;
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  min-width: 98px;
  padding: 10px;
  text-align: center;
}

.wizard-btn-export {
  background-color: #4a4a4a;
  border-color: #4a4a4a;
}

.wizard-btn-import {
  background-color: #286f8e;
}

.wizard-btn-save {
  background-color: #7fb34d;
  min-width: 300px;
}

.compliance-container .wizard-btn-save {
  height: auto;
  padding: 10px 28px;
  float: none;
  width: auto;
}

.wizard-hidden-file {
  display: none;
}

.wizard-compliance-table .wizard-toggle-cell {
  width: 40px;
  text-align: center;
}

.wizard-toggle-btn {
  border: 1px solid #c8d2da;
  background: #fff;
  border-radius: 8px;
  width: 34px;
  height: 34px;
}

.wizard-compliance-table input[type="number"] {
  width: 120px;
  border: 1px solid #c4d0da;
  border-radius: 6px;
  padding: 8px 10px;
}

.wizard-net-qty {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
}

.wizard-view-btn {
  min-width: 80px;
  border: 1px solid #2e87b6;
  border-radius: 6px;
  background: #fff;
  color: #2e87b6;
  font-weight: 700;
  padding: 6px 14px;
}

.wizard-status {
  display: inline-block;
  min-width: 68px;
  text-align: center;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: 700;
}

.wizard-status.met {
  background: #dcecc5;
  color: #4f8e20;
}

.wizard-status.short {
  background: #f7d8d7;
  color: #cc4b3f;
}

.wizard-variance {
  margin-left: 12px;
  font-weight: 700;
}

.wizard-variance.met {
  color: #4f8e20;
}

.wizard-variance.short {
  color: #cc4b3f;
}

.wizard-allocation-table {
  width: 100%;
  border-collapse: collapse;
}

.wizard-allocation-table th,
.wizard-allocation-table td {
  border: 1px solid #d5dde3;
  padding: 10px 12px;
}

.wizard-allocation-table td:nth-child(3) {
  font-weight: 700;
}

.wizard-allocation-table td strong {
  font-weight: 700;
}

.wizard-row-click {
  cursor: pointer;
}

.wizard-compliance-table thead th,
.wizard-allocation-table thead th {
  background: #2b7a9b !important;
  color: #fff !important;
}

.wizard-compliance-table thead th span {
  color: #e7f4fb;
}

.wizard-input-with-unit {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.wizard-unit-label {
  color: #333;
  font-size: 14px;
}

.compliance-container .wizard-compliance-table > thead > tr > th,
.compliance-container .wizard-allocation-table > thead > tr > th {
  background-color: #286f8e !important;
  color: #ffffff !important;
}

.wizard-selected-programs {
  border-bottom: 1px solid #d8d8d8;
  margin: 24px 0 22px;
  padding: 0 10px 28px;
}

.wizard-back-btn {
  background: #2e6da4;
  border-radius: 4px;
  color: #fff !important;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 24px;
  text-decoration: none !important;
}

.wizard-back-btn:hover,
.wizard-back-btn:focus {
  color: #fff !important;
  text-decoration: none !important;
}

.wizard-intro-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.wizard-intro-title {
  margin: 0;
}

.wizard-selected-programs-header {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: space-between;
  margin-bottom: 18px;
}

.wizard-selected-programs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 40px;
}

.wizard-program-chip {
  align-items: center;
  border: 1px solid #8bc34a;
  border-radius: 999px;
  color: #333;
  display: inline-flex;
  font-size: 14px;
  gap: 10px;
  min-width: 220px;
  padding: 8px 12px;
}

.wizard-program-check {
  align-items: center;
  background: #6fbd45;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 20px;
  justify-content: center;
  width: 20px;
}

.wizard-program-name {
  flex: 1;
}

.wizard-program-remove {
  color: #555;
  font-size: 16px;
  line-height: 1;
}

.wizard-edit-programs-link {
  color: #006bb6;
  font-size: 13px;
  font-weight: 700;
}

.bro-left-none {
  border-left:  none !important;
}

.bro-right-none {
  border-right:  none !important;
}

.bro-botton-none {
  border-bottom: none !important;
}

.sub-table-blue-color
{
  background: #edf5f8 !important;
}
.current_company {
  border: 1px solid #F2D19B !important;
  background: #f1ce8e78;
  padding:6px 6px;
  margin: 0px -5px;
}
.current_company  .dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: orange;
    border-radius: 50%;
    margin: 0 2px;
    vertical-align: middle;
}
.ns-top-actions {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    width: 100%;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .ns-mode-tabs {
    display: flex;
    gap: 10px;
  }

  .ns-pill {
    display: inline-flex !important;
    align-items: center;
    border: 1px solid darkgrey;
    border-radius: 10px;
    padding: 6px 14px;
    font-size: 14px;
    color: #4f4f4f;
    background: #f9f9f9;
    text-decoration: none !important;
    gap: 5px;
  }
  a.ns-pill:hover, .ns-export:hover {
    background: #f9f9f9;
    color: #4f4f4f;
  }

  .ns-pill.active {
    background: #6da542;
    color: #fff;
    border-color: #6da542;
  }
  a.ns-pill:focus {
      outline: unset;
      outline-offset: -2px;
  }
  .ns-export {
    display: inline-block !important;
    border: 1px solid darkgrey;
    border-radius: 12px;
    padding: 7px 18px;
    color: #4f4f4f;
    background: #fff;
  }

  .ns-kpi-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(170px, 1fr));
    gap: 14px;
    margin-bottom: 25px;
  }

  .ns-kpi-grid.four-col {
    grid-template-columns: repeat(4, minmax(170px, 1fr));
  }

  .ns-right-note {
    text-align: right;
    color: #4e6783;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding-right: 4px;
  }

  .ns-kpi-card {
    border: 1px solid grey;
    border-radius: 12px;
    padding: 14px;
    min-height: 105px;
    background: #fff;
  }

  .ns-kpi-title {
    color: #7c7c7c;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 600;
    display: flex;
    gap: 5px;
    white-space: nowrap;
  }

  .ns-kpi-value {
    color: #212121 !important;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 500;
  }

  .ns-kpi-value.num-green {
    color: #048004 !important;
  }

  .ns-kpi-value.num-red {
    color: red !important;
  }

  .ns-kpi-sub {
    color: #7c7c7c;
    font-size: 12px;
    line-height: 1.3;
  }

  .ns-table-card {
    border: 1px solid darkgrey;
    border-radius: 14px;
    padding: 14px;
    background: #fff;
  }

  .ns-table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
  }

  .ns-table-title {
    font-size: 16px;
    color: #393939;
    line-height: 1.2;
    font-weight: 600;
  }

  .ns-table-sub {
    color: #6f6f6f;
    font-size: 14px;
  }

  .ns-chip-group {
    display: flex;
    gap: 10px;
  }

  .ns-chip {
    border: 1px solid darkgrey;
    border-radius: 14px;
    padding: 4px 12px;
    font-size: 12px;
    color: #505050;
    background: #fff;
  }

  .ns-chip.active {
    background: #1d5e73;
    color: #fff;
    border-color: #1d5e73;
  }

  .ns-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
  }

  .ns-table th {
    background: #6da542;
    color: #fff;
    padding: 10px;
    font-size: 11px;
    border: none;
    letter-spacing: .02em;
  }

  .ns-table td {
    padding: 12px 10px;
    border-top: 1px solid #e7e7e7;
    color: #3f3f3f;
    font-size: 14px;
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid darkgrey;
  }

  .ns-table .num-green {
    color: #13805f !important;
    font-weight: 500;
  }

  .ns-table .num-blue {
    color: #6182e9;
    font-weight: 600;
  }

  .ns-table .num-red {
    color: red !important;
    font-weight: 500;
  }

  .ns-hidden {
    display: none;
  }

  .ns-row-cta {
    text-align: right;
    white-space: nowrap;
    color: #1d2a44;
    font-weight: 500;
  }

  .ns-progress-wrap {
    width: 100%;
    height: 10px;
    border-radius: 8px;
    background: #d9e2d4;
    overflow: hidden;
    margin: 10px 0 6px;
  }

  .ns-progress-fill {
    width: 95.87%;
    height: 100%;
    background: linear-gradient(90deg, #6da542 0%, #6da542 95%, #1d5e73 100%);
  }

  .ns-status-pill {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.2;
  }

  .ns-status-pill.short {
    color: #a33546;
    background: #f8e9ec;
    border: 1px solid #efc4cc;
  }

  .ns-status-pill.plan {
    color: #0c735f;
    background: #e4f4ea;
    border: 1px solid #a8dfbf;
  }

  .ns-status-pill.slight {
    color: #9b6800;
    background: #fbf5dd;
    border: 1px solid #ebd071;
  }

  @media (max-width: 1200px) {
    .ns-kpi-grid {
      grid-template-columns: repeat(2, minmax(170px, 1fr));
    }
    .ns-kpi-grid.four-col {
      grid-template-columns: repeat(2, minmax(170px, 1fr));
    }
  }

.nego-table-wrapper {
  max-height: 500px;   /* your scroll height */
  overflow-y: auto;
  width: 100%;
  overflow-x: hidden;
}

.fixed-header-table thead tr th {
  position: sticky;
  top: 0;
  z-index: 10;
}

.fw-600{
  font-weight: 600;
}

.sticky-footer td {
  position: sticky;
  bottom: 0;
  background: white;   /* or your footer color */
  z-index: 9;
  border-top: 2px solid #ccc; /* optional */
}

.download-progress {
  height: 10px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #f1f1f1;
  border: 1px solid lightgray;
}

.download-progress .progress-bar {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  transition: width 0.4s ease;
}
.food-content .modal-dialog {
    width: 920px;
    max-width: calc(100% - 32px);
    margin: 30px auto;
}

.food-wrapper {
    width: 100%;
}

.food-header {
    background: #d98a07;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
}

.food-header h4 {
    margin: 0;
    color: #000;
    font-size: 26px;
    font-weight: 700;
}

.food-content {
    padding: 25px;
}

.food-panel {
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 25px;
}

.food-buyer-tabs {
    display: inline-flex;
    align-items: center;
    margin-bottom: 26px;
    border-radius: 4px;
    overflow: hidden;
}

.food-buyer-tab {
    min-width: 182px;
    padding: 12px 18px;
    border: 1px solid #d9d9d9;
    background: #f3f4f6;
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.food-buyer-tab + .food-buyer-tab {
    margin-left: -1px;
}

.food-buyer-tab.active {
    background: #fff;
    color: #2f5fa7;
    border-color: #2f5fa7;
    position: relative;
    z-index: 1;
}

.food-buyer-panel {
    display: none;
}

.food-buyer-panel.active {
    display: block;
}

.food-show-panel {
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 28px;
}

.food-show-title {
    margin-bottom: 8px;
}

.food-show-subtitle {
    margin: 0;
    color: #666;
    font-size: 15px;
}

.food-show-actions .btn {
    margin-left: 10px;
}

.food-show-grid {
    margin-top: 24px;
}

.food-show-card {
    background: #fafafa;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    padding: 18px 20px;
    margin-bottom: 18px;
    min-height: 98px;
}

.food-show-label {
    color: #666;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.food-show-value {
    color: #222;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

.food-show-file-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.food-show-file-name {
    color: #222;
    font-size: 17px;
    font-weight: 600;
}

.food-show-file-link {
    color: #5d8b20;
    font-size: 15px;
    font-weight: 700;
}

.food-show-file-link:hover,
.food-show-file-link:focus {
    color: #4f7618;
    text-decoration: none;
}

.food-file-link {
    color: #2d2d2d;
    font-weight: 600;
}

.food-file-link:hover,
.food-file-link:focus {
    color: #5d8b20;
    text-decoration: none;
}

.food-show-chips {
    margin-top: 4px;
}

.food-show-buyer-groups {
    margin-top: 14px;
}

.food-show-buyer-trigger {
    border: none;
    outline: none;
}

.food-show-buyer-trigger.active {
    background: #e8efcc;
    color: #2d2d2d;
}

.food-show-buyer-group-card {
    margin-top: 12px;
}

.static-chip {
    cursor: default;
}

.page-title {
    margin: 0 0 25px;
    font-size: 28px;
    font-weight: 600;
    color: #222;
}

.btn-add {
    background: #5d8b1d;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 600;
    margin-top: 3px;
}

.btn-add:hover,
.btn-add:focus {
    color: #fff;
    background: #4f7618;
}

.food-reminder-toolbar {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-right: 18px;
    vertical-align: middle;
}

.buyer-reminder-toolbar {
    margin-right: 0;
    margin-top: 10px;
}

.food-reminder-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #3b3b3b;
    font-size: 16px;
    font-weight: 700;
}

.food-reminder-toggle input {
    margin: 0;
}

.food-reminder-settings-link {
    color: #2f5fa7;
    font-size: 16px;
    font-weight: 700;
}

.food-reminder-settings-link:hover,
.food-reminder-settings-link:focus {
    color: #244b82;
    text-decoration: none;
}

.btn-accept {
    background: #5d8b1d;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px 14px;
    font-size: 15px;
    font-weight: 700;
    margin-left: 8px;
}

.btn-food-reset {
    background: #fff;
    color: #2f5fa7;
    border: 1px solid #2f5fa7;
    border-radius: 4px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
}

.btn-food-reset:hover,
.btn-food-reset:focus {
    color: #244b82;
    border-color: #244b82;
    text-decoration: none;
}

.btn-accept:hover,
.btn-accept:focus {
    color: #fff;
    background: #4f7618;
}

.inline-button-form {
    display: inline-block;
    margin: 0;
}

.inline-button {
    display: inline-block;
}

.btn-manage-access {
    background: #fff;
    color: #2f5fa7;
    border: 1px solid #b8cbe7;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 700;
    margin-left: 8px;
}

.btn-manage-access:hover,
.btn-manage-access:focus {
    color: #244b82;
    border-color: #9db9de;
    background: #f7fbff;
}

.food-reminder-modal-dialog {
    width: 760px;
    max-width: calc(100% - 32px);
}

.food-reminder-modal .modal-content,
.food-reminder-modal {
    border-radius: 4px;
}

.food-reminder-modal .modal-header,
.food-reminder-modal .modal-body,
.food-reminder-modal .modal-footer {
    text-align: left;
}

.food-reminder-modal .modal-header {
    position: relative;
}

.food-reminder-modal .modal-header .close {
    position: absolute;
    right: 20px;
    top: 14px;
}

.food-reminder-modal .modal-title,
.food-reminder-modal .modal-subtitle {
    text-align: left;
}

.food-reminder-modal .form-group label {
    display: block;
    text-align: left;
    margin-bottom: 10px;
}

.food-reminder-modal .form-group label.food-reminder-toggle {
    display: inline-flex;
    margin-bottom: 0;
}

.food-reminder-modal input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: middle;
    opacity: 1;
    position: static;
}

.food-safety-download-file-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.food-safety-download-file-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

.food-safety-download-file-name {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
}

.food-safety-download-file-link {
    color: #000000;
    flex-shrink: 0;
    font-size: 18px;
}

.food-reminder-options {
    margin-top: 18px;
}

.food-reminder-option {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    color: #2d2d2d;
    font-size: 18px;
    font-weight: 500;
    justify-content: flex-start;
}

.food-reminder-option input {
    margin: 0;
}

.food-manage-access-dialog {
    width: 600px;
    max-width: calc(100% - 32px);
}

.food-manage-access-modal .modal-header,
.food-manage-access-modal .modal-body,
.food-manage-access-modal .modal-footer {
    text-align: left;
}

.food-manage-access-modal .modal-header {
    position: relative;
}

.food-manage-access-modal .modal-header .close {
    position: absolute;
    right: 20px;
    top: 14px;
}

.food-manage-access-modal .modal-title,
.food-manage-access-modal .modal-subtitle {
    text-align: left;
}

.food-manage-access-options {
    padding-top: 8px;
}

.food-manage-access-option {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    color: #2d2d2d;
    font-size: 16px;
    font-weight: 500;
}

.food-manage-access-option input {
    margin: 0;
}

.food-table {
    border: 1px solid #ddd;
    margin-top: 15px;
    margin-bottom: 0;
}

.food-table thead tr {
    background: #f3f3f3;
}

.food-table thead th {
    border: 1px solid #ddd !important;
    padding: 15px;
    font-size: 13px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    vertical-align: middle;
}

.food-table tbody td {
    border: 1px solid #ddd !important;
    padding: 16px 14px;
    font-size: 16px;
    color: #2d2d2d;
    vertical-align: middle;
}

.food-table tbody tr:hover {
    background: #fafafa;
}

.food-group-row {
    background: #f8f8f8;
}

.food-group-name {
    font-weight: 700;
}

.food-group-count {
    color: #6b6b6b;
    margin-left: 6px;
}

.food-group-toggle {
    display: inline-block;
    width: 16px;
    margin-right: 10px;
    color: #444;
}

.food-group-toggle i {
    transition: transform 0.15s ease;
}

.food-group-row.is-expanded .food-group-toggle i {
    transform: rotate(180deg);
}

.food-sub-row td:first-child {
    background: #fff;
}

.empty-food-state {
    text-align: center;
    color: #666 !important;
    font-size: 15px !important;
    padding: 28px 20px !important;
}

.status {
    display: inline-block;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 600;
}

.status.active {
    background: #d7e8b7;
    color: #4f8b0f;
}

.status.warning {
    background: #f7ddb8;
    color: #c96e00;
}

.status.expired {
    background: #f4c8c8;
    color: #e53935;
}

.action-icon {
    font-size: 20px;
    margin: 0 8px;
    color: #111;
    cursor: pointer;
    transition: color 0.15s ease;
}

.action-icon:hover {
    color: #5d8b20;
}

.filter-row {
    margin-bottom: 25px;
}

.food-buyer-panel .filter-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.food-buyer-panel .filter-row > [class*="col-"] {
    float: none;
}

.food-buyer-panel .filter-row .col-md-4 {
    width: 33.33333333%;
}

.food-buyer-panel .filter-row .col-md-2 {
    width: 16.66666667%;
}

.food-buyer-panel .filter-row .col-md-3 {
    width: 25%;
}

.food-filter-action-col {
    display: flex;
    align-items: center;
}

.food-filter-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.supplier-search-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.supplier-search-row > [class*="col-"] {
    float: none;
}

.search-box {
    position: relative;
}

.search-box i {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #555;
    font-size: 22px;
}

.search-box input {
    height: 54px;
    padding-left: 52px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    font-size: 18px;
    box-shadow: none;
}

.search-box input:focus {
    border-color: #5d8b20;
    box-shadow: none;
}

.btn-food-search,
.btn-food-reset {
    min-width: 104px;
    height: 54px;
    border-radius: 3px;
    font-size: 18px;
    line-height: 20px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-food-search {
    background: #5d8b20;
    border: 1px solid #5d8b20;
    color: #fff;
}

.btn-food-search:hover,
.btn-food-search:focus {
    background: #4f771b;
    border-color: #4f771b;
    color: #fff;
}

.btn-food-reset {
    background: #f7f9fc;
    border: 1px solid #c9d6ea;
    color: #1f5fa8;
}

.btn-food-reset:hover,
.btn-food-reset:focus {
    border-color: #1f5fa8;
    color: #1f5fa8;
    background: #eef4fb;
}

.buyer-dropdown-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #ececec;
    cursor: pointer;
}

.buyer-dropdown-item:last-child {
    border-bottom: none;
}

.buyer-dropdown-item-content {
    min-width: 0;
    flex: 1;
}

.buyer-dropdown-item-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-weight: 600;
}

.buyer-dropdown-item-meta {
    margin-top: 4px;
    color: #666;
    font-size: 13px;
}

.buyer-group-tag {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    background: #eef1f6;
    color: #666;
    font-size: 12px;
    font-weight: 600;
}

.buyer-dropdown-item i.fa-check {
    flex-shrink: 0;
    color: #5d8b20;
    opacity: 0;
}

.buyer-dropdown-item.selected i.fa-check {
    opacity: 1;
}

.buyer-group-details-list {
    margin-top: 14px;
}

.buyer-group-card {
    margin-bottom: 14px;
}

.buyer-group-alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid #cfe0f7;
    border-radius: 4px 4px 0 0;
    background: #eef5ff;
    color: #3c5f8e;
    font-size: 14px;
}

.buyer-group-alert i {
    margin-top: 2px;
}

.buyer-group-panel {
    border: 1px solid #dfe4ea;
    border-top: none;
    border-radius: 0 0 4px 4px;
    padding: 14px;
    background: #fff;
}

.buyer-group-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.buyer-group-panel-title {
    color: #222;
    font-size: 16px;
    font-weight: 700;
}

.buyer-group-panel-subtitle {
    color: #666;
    font-size: 14px;
}

.buyer-group-toggle {
    color: #4b67a1;
    font-size: 14px;
    font-weight: 600;
}

.buyer-group-toggle:hover,
.buyer-group-toggle:focus {
    color: #395489;
    text-decoration: none;
}

.buyer-group-company-list {
    columns: 2;
    column-gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.buyer-group-company-list li {
    break-inside: avoid;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
    color: #2d2d2d;
    font-size: 15px;
}

.buyer-group-company-list li i {
    color: #5d8b20;
    margin-top: 2px;
}

#statusFilter {
    height: 54px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    font-size: 18px;
    box-shadow: none;
}

.clear-link {
    display: inline-block;
    margin-top: 16px;
    color: #00587d;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
}

.clear-link:hover {
    text-decoration: none;
    color: #003b56;
}

.badge-status {
    display: inline-block;
    min-width: 105px;
    text-align: center;
    padding: 8px 16px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
}

.badge-status.active {
    background: #dceac8;
    color: #4d7d14;
}

.badge-status.warning {
    background: #fde3bf;
    color: #b66b00;
}

.badge-status.expired {
    background: #ffd5d5;
    color: #d62d2d;
}

.document-count {
    margin-top: 18px;
    font-size: 16px;
    color: #555;
}

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

.modal-header {
    border-bottom: none;
    padding: 18px 28px 8px;
}

.modal-title {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    color: #222;
    line-height: 1.15;
}

.modal-subtitle {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 1.4;
    color: #666;
}

.modal-body {
    padding: 8px 28px 0;
}

.modal-body .form-group {
    margin-bottom: 16px;
}

.date-field .input-group-addon {
    background: #fff;
    border-left: none;
    border-color: #ddd;
    min-width: 42px;
}

.upload-area {
    border: 2px dashed #ddd;
    border-radius: 5px;
    padding: 28px 20px 30px;
    text-align: center;
}

.food-upload-prompt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 18px;
    color: #4a4a4a;
}

.food-upload-prompt-icon {
    font-size: 26px;
    color: #2f5fa7;
}

.food-upload-prompt-text {
    font-size: 16px;
}

.food-upload-link {
    margin: 0 0 0 5px;
    color: #2f5fa7;
    cursor: pointer;
    font-weight: 600;
}

.food-upload-link:hover,
.food-upload-link:focus {
    color: #244b82;
    text-decoration: none;
}

.upload-area .btn {
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 9px 20px;
    font-weight: 600;
    min-width: 132px;
}

.current-file-display {
    margin-bottom: 14px;
    font-size: 14px;
    color: #555;
}

.food-attachment-list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 10px;
    justify-content: flex-start;
}

.food-attachment-card {
    position: relative;
    width: 132px;
    min-height: 162px;
    padding: 10px 10px 12px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background: #fff;
    text-align: left;
}

.food-attachment-thumb {
    width: 100%;
    height: 96px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.food-attachment-thumb-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.food-attachment-thumb-icon {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #e9eef7;
    color: #2f5fa7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.food-attachment-meta {
    margin-top: 8px;
}

.food-attachment-name {
    display: block;
    font-size: 13px;
    line-height: 17px;
    word-break: break-word;
}

.food-attachment-status {
    margin-top: 6px;
    color: #4b8f1d;
    font-size: 12px;
    font-weight: 600;
}

.remove-food-attachment {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 22px;
    height: 22px;
    border: 0;
    border-radius: 50%;
    background: rgba(34, 34, 34, 0.75);
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    padding: 0;
}

.remove-food-attachment:hover,
.remove-food-attachment:focus {
    background: #d9534f;
    color: #fff;
    outline: none;
}

.current-file-label {
    font-weight: 700;
    color: #333;
    margin-right: 6px;
}

.current-file-link {
    color: #5d8b20;
    font-weight: 600;
    word-break: break-word;
}

.current-file-link:hover,
.current-file-link:focus {
    color: #4f7618;
    text-decoration: none;
}

.buyer-visibility-error {
    color: #d9534f;
    font-size: 13px;
    margin-top: 8px;
    display: none;
}

.file-validation-error {
    text-align: center;
}

.food-file-input {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

.upload-area p {
    margin: 14px 0 0;
    color: #666;
    font-size: 14px;
}

.buyer-visibility-section {
    margin-top: 24px;
}

.visibility-heading {
    margin-bottom: 4px !important;
}

.visibility-helper {
    margin: 0 0 14px;
    color: #666;
    font-size: 14px;
}

.visibility-options {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 24px;
    margin-bottom: 14px;
}

.visibility-option {
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    font-size: 15px;
    color: #333;
    font-weight: 400 !important;
}

.modal-body label.visibility-option {
    display: inline-flex !important;
    margin-bottom: 0 !important;
    font-size: 15px;
    font-weight: 400 !important;
}

.visibility-option input[type="radio"] {
    margin: 0 8px 0 0 !important;
    position: static !important;
    vertical-align: middle;
    flex: 0 0 auto;
}

.buyer-selection-block {
    display: block;
}

.buyer-search-box {
    min-height: 46px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 11px 15px;
    color: #777;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    cursor: pointer;
}

.buyer-search-box.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.buyer-search-box.open i {
    transform: rotate(180deg);
}

.buyer-search-placeholder {
    color: #8c8c8c;
}

.buyer-dropdown-menu {
    display: none;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    max-height: 220px;
    overflow-y: auto;
}

.buyer-dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 15px;
    font-size: 14px;
    color: #333;
    border-top: 1px solid #f2f2f2;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.buyer-dropdown-item:first-child {
    border-top: none;
}

.buyer-dropdown-item:hover {
    background: #f8fbe9;
}

.buyer-dropdown-item i {
    opacity: 0;
    color: #6c9c1b;
    font-size: 13px;
    transition: opacity 0.15s ease;
}

.buyer-dropdown-item.selected {
    background: #f2f7d8;
}

.buyer-dropdown-item.selected i {
    opacity: 1;
}

.selected-buyers {
    margin-top: 14px;
}

.buyer-chip {
    display: inline-block;
    background: #eef3cf;
    color: #2d2d2d;
    border-radius: 4px;
    padding: 7px 13px;
    margin: 0 8px 8px 0;
    font-size: 14px;
    line-height: 1;
}

.buyer-chip i {
    margin-left: 8px;
    color: #333;
    font-size: 12px;
    cursor: pointer;
}

.inline-action-link {
    color: inherit;
}

.inline-action-link:hover,
.inline-action-link:focus {
    color: inherit;
    text-decoration: none;
}

.buyer-count {
    margin: 4px 0 0;
    color: #555;
    font-size: 14px;
}

.food-manage-access-modal .modal-footer {
    border-top: none;
    padding: 24px 28px 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.btn-upload {
    background: #5d8b1d;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 12px 26px;
    min-width: 206px;
    font-size: 15px;
    font-weight: 600;
}

.modal-footer .btn-default {
    min-width: 78px;
    height: 38px;
}

.btn-upload:hover,
.btn-upload:focus {
    color: #fff;
    background: #4f7618;
}

@media (max-width: 991px) {
    .filter-row .col-md-4,
    .filter-row .col-md-2,
    .filter-row .col-md-3 {
        margin-bottom: 15px;
    }

    .clear-link {
        margin-top: 0;
    }

    .food-table {
        min-width: 1100px;
    }
}

/* Food safety typography overrides */
.food-content,
.food-content input,
.food-content select,
.food-content textarea,
.food-content button,
.food-content .btn,
.food-content a,
.food-content label,
.food-content th,
.food-content td,
.food-content .panel-heading,
.food-content .modal-title,
.food-content .modal-subtitle {
    font-family: 'Open Sans', sans-serif;
}

.food-content .page-title,
.food-content .modal-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.food-content .food-show-subtitle,
.food-content .modal-subtitle,
.food-content .document-count,
.food-content .empty-food-state,
.food-content .buyer-count,
.food-content .buyer-visibility-error,
.food-content .upload-area p,
.food-content .visibility-helper,
.food-content .current-file-display,
.food-content .buyer-group-alert,
.food-content .buyer-group-panel-subtitle,
.food-content .buyer-group-company-list li {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

.food-content .food-section-bar,
.food-content .food-buyer-tab {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.food-content .btn-add,
.food-content .btn-food-search,
.food-content .btn-food-reset,
.food-content .btn-accept,
.food-content .btn-manage-access,
.food-content .btn-upload,
.food-content .food-reminder-toggle,
.food-content .food-reminder-settings-link,
.food-content .buyer-group-toggle,
.food-content .search-box input,
.food-content #statusFilter,
.food-content .modal-body .form-control,
.food-content .modal-body label,
.food-content .food-reminder-option,
.food-content .food-manage-access-option,
.food-content .visibility-option,
.food-content .modal-body label.visibility-option,
.food-content .buyer-search-box,
.food-content .buyer-dropdown-item,
.food-content .buyer-chip,
.food-content .clear-link,
.food-content .upload-area .btn,
.food-content .current-file-link {
    font-size: 14px;
    line-height: 20px;
}

.food-content .search-box input,
.food-content #statusFilter,
.food-content .modal-body .form-control,
.food-content .food-reminder-option,
.food-content .food-manage-access-option,
.food-content .visibility-option,
.food-content .modal-body label.visibility-option,
.food-content .buyer-search-box,
.food-content .buyer-dropdown-item,
.food-content .buyer-chip {
    font-weight: 400;
}

.food-content .btn-add,
.food-content .btn-food-search,
.food-content .btn-food-reset,
.food-content .btn-accept,
.food-content .btn-manage-access,
.food-content .btn-upload,
.food-content .food-reminder-toggle,
.food-content .food-reminder-settings-link,
.food-content .modal-body label,
.food-content .buyer-group-toggle {
    font-weight: 600;
}

.food-content .food-table thead th {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.food-content .food-table tbody td {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.food-content .status,
.food-content .badge-status {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.food-content .food-group-name,
.food-content .buyer-group-panel-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.food-content .food-group-count {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}


  .tracker-pricess.sorting-tracking ul.nav.nav-tabs li.upcoming_tab a:hover {
    text-decoration: none !important;
    border: none;
  }

  .program-doc-section {
    display: none;
  }

  .program-doc-section.active {
    display: flex;
  }

  .program-doc-tabs button.active-doc-tab {
    background: #2e6da4 !important;
  }

  .program-food-status {
    display: inline-block;
    min-width: 90px;
    padding: 4px 10px;
    border-radius: 14px;
    text-align: center;
    font-weight: 600;
    font-size: 11px;
  }

  .program-food-status.active {
    background: #d9e8bf;
    color: #4d7f14;
  }

  .program-food-status.warning {
    background: #f7dfb5;
    color: #b87316;
  }

  .program-food-status.expired {
    background: #f5caca;
    color: #cf2317;
  }

  .program-food-actions a {
    color: #2e6da4;
    margin-right: 10px;
  }

  .program-food-modal .modal-dialog {
    width: 760px;
  }

  .program-food-modal .modal-content {
    border-radius: 8px;
  }

  .program-food-modal .modal-header {
    border-bottom: 1px solid #e5e5e5;
  }

  .program-food-modal .modal-title {
    font-size: 28px;
    font-weight: 700;
    color: #222;
  }

  .program-food-modal-subtitle {
    margin: 8px 0 0;
    color: #666;
    font-size: 15px;
  }

  .program-food-modal-card {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    min-height: 88px;
  }

  .program-food-modal-label {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #777;
    text-transform: uppercase;
  }

  .program-food-modal-value {
    font-size: 16px;
    color: #222;
    word-break: break-word;
  }

  .program-food-modal-files {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .program-food-file-chip {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 18px;
    background: #eef4df;
    color: #2e6da4;
    text-decoration: none;
  }

  .program-food-file-chip:hover,
  .program-food-file-chip:focus {
    text-decoration: none;
    color: #1d4f86;
  }

  .sheet-table-data {
    border-collapse: collapse;
    width: 100%;
    font-size:12px;
  }

  .sheet-table-data th {
    color:#2e6da4;
    font-weight: normal;
    text-align: left;
    border: none;
    padding-bottom:0px;
    padding-left: 10px;
  }

  .sheet-table-data td {
    color: black;
    font-weight: bold;
    border: none;
  }
  .sheet-buttons {
    margin-top: 0;
    margin-left:15px;
  }

  .sheet-buttons button {
    background-color: #2e2b2b;
    color: white;
    border: none;
    font-size: 14px;
    padding:3px 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
  }

  /* Hover effect */
  .sheet-buttons button:hover {
    background-color: #f0f0f0;
    color:black;
  }

  /* Click effect */
  .sheet-buttons button.active {
    color: green;
    background:white;
    transform: translateY(-4px);
  }
  .cell-des-width{
    min-width: 310px;
    width:310px;
  }
  .company-cell-width{
    min-width: 210px;
    width:210px;
  }
.network-directory-page { height: calc(100vh - 120px); min-height: 0; box-sizing: border-box; padding: 24px; overflow: hidden; background: #f5f5f5; }
.network-directory-panel { width: 100%; height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid #d7d7d7; border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, .12); }
.network-directory-header { padding: 17px 19px 12px; border-bottom: 1px solid #dedede; }
.network-directory-header h1, .network-directory-details h2 { margin: 0; color: #18506d; font-size: 18px; font-weight: 700; }
.network-directory-header p, .network-directory-details-heading p { margin: 3px 0 0; color: #555; font-size: 12px; }
.network-directory-search-row { display: flex; align-items: center; gap: 20px; margin-top: 16px; }
.network-directory-search { width: 100%; max-width: 680px; height: 43px; display: flex; align-items: center; border: 1px solid #bfc3c6; color: #69747b; }
.network-directory-search i { width: 42px; text-align: center; font-size: 16px; }
.network-directory-search input { width: 100%; height: 100%; border: 0; outline: 0; color: #555; font-size: 14px; }
.network-directory-clear-search { width: 40px; height: 100%; border: 0; background: #fff; color: #69747b; font-size: 15px; }
.network-directory-clear-search:hover { color: #18506d; }
.network-directory-filters { display: flex; flex-wrap: wrap; gap: 0; }
.network-directory-filters button { min-height: 36px; padding: 7px 16px; border: 1px solid #c9d0d4; border-right: 0; background: #fff; color: #444; font-size: 12px; }
.network-directory-filters button:first-child { border-radius: 4px 0 0 4px; }
.network-directory-filters button:last-child { border-right: 1px solid #c9d0d4; border-radius: 0 4px 4px 0; }
.network-directory-filters button.active { border-color: #195c72; background: #195c72; color: #fff; }
.network-directory-content { min-height: 0; flex: 1; display: flex; overflow: hidden; }
.network-directory-loading { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 8px; background: #fff; color: #18506d; font-size: 14px; }
.network-directory-content { position: relative; }
.network-directory-list { width: 34%; max-width: 335px; min-width: 240px; min-height: 0; overflow-y: auto; border-right: 1px solid #e0e0e0; }
.network-directory-company { width: 100%; min-height: 70px; display: flex; align-items: center; padding: 10px 16px; border: 0; border-bottom: 1px solid #e4e4e4; background: #fff; text-align: left; cursor: pointer; }
.network-directory-company:hover { background: #f4f8fa; }
.network-directory-company.active { padding-left: 13px; border-left: 3px solid #17627d; background: #e7f3f9; }
.network-directory-avatar { width: 38px; height: 38px; flex: 0 0 38px; display: inline-flex; align-items: center; justify-content: center; margin-right: 12px; border-radius: 50%; background: #225c71; color: #fff; font-size: 13px; font-weight: 700; }
.network-directory-company-info { min-width: 0; flex: 1; }
.network-directory-company-info strong { display: block; overflow: hidden; color: #273a45; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.network-directory-company-info small { display: block; margin-top: 3px; color: #555; font-size: 12px; }
.network-directory-details { min-height: 0; flex: 1; overflow-y: auto; padding: 22px 28px; }
.network-directory-company-details { display: none; }
.network-directory-company-details.active { display: block; }
.network-directory-details-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.network-directory-heading-actions { display: flex; align-items: center; gap: 20px; }
.network-directory-source-badge, .network-directory-badge { display: inline-block; padding: 3px 7px; border: 1px solid #64ad52; border-radius: 2px; background: #f1faee; color: #317f26; font-size: 11px; font-weight: 700; }
.network-directory-source-badge { margin-left: 8px; white-space: nowrap; }
.network-directory-badge { margin-top: 10px; font-size: 12px; }
.network-directory-source-badge.direct, .network-directory-badge.direct { border-color: #4487c7; background: #eef6ff; color: #125b9d; }
.network-directory-shared-by { display: inline-block; margin-left: 8px; color: #777; font-size: 12px; }
.network-directory-profile-button { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid #777; color: #333; font-size: 13px; white-space: nowrap; }
.network-directory-profile-button:hover, .network-directory-profile-button:focus { background: #f5f5f5; color: #333; text-decoration: none; }
.network-directory-details h3 { margin: 22px 0 10px; color: #344650; font-size: 16px; font-weight: 700; }
.network-directory-representative { min-height: 92px; display: flex; align-items: center; margin-bottom: 10px; padding: 12px; border: 1px solid #dedede; border-radius: 4px; }
.representative-avatar { background: #195c72; }
.network-directory-share-control { position: relative; width: 205px; padding-right: 50px; color: #444; font-size: 12px; font-weight: 600; }
.network-directory-share-control small { display: block; margin-top: 3px; color: #777; font-size: 11px; font-weight: 400; }
.network-directory-share-input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.network-directory-share-switch { position: absolute; top: 8px; right: 0; width: 38px; height: 22px; border-radius: 12px; background: #a7a7a7; cursor: pointer; transition: background .2s ease; }
.network-directory-share-switch:after { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; content: ''; transition: transform .2s ease; }
.network-directory-share-input:checked + .network-directory-share-switch { background: #64b84e; }
.network-directory-share-input:checked + .network-directory-share-switch:after { transform: translateX(16px); }
.network-directory-share-input:disabled + .network-directory-share-switch { cursor: wait; opacity: .6; }
.network-directory-representative-info { flex: 1; min-width: 0; }
.network-directory-representative-info strong, .network-directory-representative-info a, .network-directory-representative-info span { display: block; margin-bottom: 3px; }
.network-directory-representative-info strong { color: #333; font-size: 14px; }
.network-directory-representative-info a { color: #1773a1; font-size: 12px; }
.network-directory-representative-info span { color: #444; font-size: 12px; }
.network-directory-message { width: 58px; border: 0; background: transparent; color: #333; font-size: 11px; text-align: center; }
.network-directory-message i { width: 30px; height: 30px; display: block; margin: 0 auto 4px; padding-top: 8px; border-radius: 2px; background: #225b6c; color: #fff; font-size: 14px; }
.network-directory-message:hover i { background: #174657; }
.network-directory-empty-state, .network-directory-list-empty, .network-directory-no-representatives { color: #666; font-size: 14px; text-align: center; }
.network-directory-page-empty { flex: 1; padding: 80px 20px; }
.network-directory-page-empty i { display: block; margin-bottom: 12px; color: #18506d; font-size: 32px; }
.network-directory-list-empty { padding: 25px 16px; }
.network-directory-no-representatives { padding: 20px; }
.directory-company-profile-dialog { width: calc(100% - 30px); max-width: 1020px; margin: 30px auto; }
.directory-company-profile { min-height: 420px; padding: 34px 30px 28px; border: 0; border-radius: 8px; color: #06224a; }
.directory-company-profile-close { position: absolute; top: 18px; right: 22px; opacity: 1; color: #061d40; font-size: 31px; font-weight: 300; }
.directory-company-profile-heading { display: flex; align-items: center; gap: 27px; margin-bottom: 26px; }
.directory-company-profile-logo { width: 80px; height: 80px; flex: 0 0 80px; border-radius: 50%; object-fit: cover; }
.directory-company-profile-initials { display: inline-flex; align-items: center; justify-content: center; background: #0c4054; color: #fff; font-size: 23px; font-weight: 700; }
.directory-company-profile-heading h2 { margin: 0 0 8px; color: #06224a; font-size: 28px; font-weight: 700; }
.directory-company-profile-badge { display: inline-block; padding: 4px 9px; border: 1px solid #6dbb56; border-radius: 6px; color: #458f2e; font-size: 14px; font-weight: 600; }
.directory-company-profile-contact-details { display: flex; margin-bottom: 30px; padding: 25px 0; border: 1px solid #d7e0eb; border-radius: 6px; }
.directory-company-profile-contact-item { width: 33.333%; min-width: 0; display: flex; gap: 19px; padding: 0 25px; }
.directory-company-profile-contact-item + .directory-company-profile-contact-item { border-left: 1px solid #d7e0eb; }
.directory-company-profile-contact-item > i { padding-top: 5px; color: #06224a; font-size: 24px; }
.directory-company-profile-contact-item strong, .directory-company-profile-contact-item span { display: block; }
.directory-company-profile-contact-item strong { margin-bottom: 8px; color: #06224a; font-size: 16px; }
.directory-company-profile-contact-item span, .directory-company-profile-contact-item a { overflow-wrap: anywhere; color: #667b9e; font-size: 15px; }
.directory-company-profile-description { padding-top: 28px; border-top: 2px solid #e0e6ef; }
.directory-company-profile-description h3 { margin: 0 0 14px; color: #06224a; font-size: 20px; font-weight: 700; }
.directory-company-profile-description p { margin: 0; color: #667b9e; font-size: 17px; line-height: 1.5; }
@media (max-width: 700px) { .network-directory-page { height: auto; min-height: auto; overflow: visible; padding: 10px; } .network-directory-panel { height: auto; min-height: 600px; } .network-directory-search-row { align-items: stretch; flex-direction: column; gap: 12px; } .network-directory-search { max-width: none; } .network-directory-list { min-width: 170px; width: 42%; } .network-directory-details { padding: 16px; } .network-directory-details-heading { display: block; } .network-directory-profile-button { margin-top: 12px; } }
@media (max-width: 700px) { .directory-company-profile { min-height: 0; padding: 28px 20px; } .directory-company-profile-heading { gap: 15px; } .directory-company-profile-logo { width: 58px; height: 58px; flex-basis: 58px; } .directory-company-profile-heading h2 { font-size: 22px; } .directory-company-profile-contact-details { display: block; padding: 0; } .directory-company-profile-contact-item { width: 100%; padding: 18px; } .directory-company-profile-contact-item + .directory-company-profile-contact-item { border-top: 1px solid #d7e0eb; border-left: 0; } }
.margin-engine {
  font-family: Inter, system-ui, sans-serif;
}

.margin-engine .page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 20px !important;
}

.margin-engine .instatus-pill {
  background: pink;
  color: red;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
}

.margin-engine .status-pill {
  background: #e7f8ee;
  color: #1a7f37;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
}

.margin-engine .radio-card {
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 18px;
  cursor: pointer;
  transition: all 0.2s ease;
  height: 100%;
}

.margin-engine .radio-card.inactive {
  border-color: grey;
  background: lightgrey;
}

.margin-engine .radio-card.active {
  border-color: #3ddc97;
  background: #f0fdf4;
}

.margin-engine .radio-card input {
  margin-right: 10px;
}

.margin-engine .section-card {
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  border: 1px solid #bfb8b8;
}

.margin-engine .policy-meta {
  background: #f9fafb;
  padding-top: 14px;
  border-radius: 10px;
  display: flex;
  gap: 20px;
  font-size: 14px;
}

.margin-engine .pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}

.margin-engine .pill.active {
  background: #e7f8ee;
  color: #1a7f37;
  white-space: nowrap;
}

.margin-engine .pill.inactive {
  background: #fdecec;
  color: #b42318;
}

.margin-engine .resolver-preview-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.margin-engine .preview-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  border: 1px solid #bfb8b8;
  border-radius: 14px;
}

.margin-engine .custom-modal {
}

.margin-engine .custom-modal-box {
  position: relative;
  max-width: 720px;
  margin: 80px auto;
  padding: 20px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
}

.margin-engine .popup-body {
  border-radius: 14px;
}

.margin-engine .popup-body .form-label {
  font-size: 12px;
  white-space: nowrap;
}

.mb-3 
{
  margin-bottom: 3px;
}

.btn-outline-success
{
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: white;
}

.pr-20
{
  padding-right: 20px;
}

.pr-0
{
  padding-right: 0px;
}

.resolver_preview 
{
  height: 500px;
  overflow: scroll;
}

.item_text{
      background:#eef8f0;
      border:2px dashed #60a5fa;
      border-radius: 4px;
      padding: 10px;
}

.supplier_margin_section
{
  
      background: #efeeee;
      border: 1px solid lightgray;
      border-radius: 3px;
      padding: 10px;
      margin-bottom: 10px;
      height: 205px;
    
}


.distributor_section
{
  border: 1px solid lightgray;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 10px;
}


.margin_item_table
{
  height: 500px;
  overflow: scroll;
}

.mt-3
{
  margin-top: 3px;
}

.mt-5
{
  margin-top: 5px;
}

.js-new-policy {
  height: fit-content;
}

.fw-300 {
  font-weight: 300;
}


.gs-rfp{
  --line:#e6e9ed;
  --teal:#007e9f;
  max-width:1760px;
  margin:32px auto;
  padding:0 24px;
  font-size:14px;
}

.gs-rfp *,
.gs-rfp *::before,
.gs-rfp *::after{
  box-sizing:border-box;
}

.gs-rfp button,
.gs-rfp input,
.gs-rfp select{
  font:inherit;
}

.gs-rfp .notice{
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px;
  background:#fff;
  border:1px solid #b3cf79;
  margin-bottom:24px;
  font-size:17px;
  font-weight:600;
}

.arrow_size
{
  font-size: 14px;
}

.gs-rfp .notice-icon{
  color:#83b53b;
  font-size:24px;
}

.gs-rfp .toolbar{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:20px;
}

.gs-rfp .search{
  width:340px;
  max-width:100%;
  border:1px solid #cbd0d7;
  border-radius:4px;
  padding:11px 14px;
  background:#fff;
}

.gs-rfp .btn{
  border:1px solid #b8bec6;
  background:#fff;
  color:#344054;
  padding:11px 20px;
  border-radius:4px;
  cursor:pointer;
}

.gs-rfp .btn-primary{
  background:#0875bd;
  border-color:#0875bd;
  color:#fff;
}

.gs-rfp .table-wrap{
  overflow-x:auto;
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
}

.gs-rfp table{
  width:100%;
  min-width:1400px;
  border-collapse:collapse;
}

.gs-rfp caption{
  text-align:left;
  padding:16px;
  font-size:18px;
  font-weight:600;
  border-bottom:1px solid var(--line);
}

.gs-rfp th{
  background:#f5f6f8;
  padding:17px 16px;
  border-bottom:1px solid var(--line);
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
  text-align:left;
}

.gs-rfp td{
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  vertical-align:middle;
  font-size:13px;
}

.gs-rfp tbody tr:hover{
  background:#fbfcfd;
}

.gs-rfp tbody tr:last-child td{
  border-bottom:none;
}

.gs-rfp .transaction,
.gs-rfp .date{
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.gs-rfp .name{
  display:block;
  font-weight:600;
  color:#344054;
  line-height:1.4;
}

.gs-rfp .supplier{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:#7a8290;
}

.gs-rfp .supplier-button{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:4px;
  font-size:12px;
  color:var(--teal);
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
}

.gs-rfp .supplier-button:hover{
  text-decoration:underline;
}

.gs-rfp .chevron{
  width:6px;
  height:6px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
}

.gs-rfp .badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border-radius:9px;
  border:1px solid #ffe5b7;
  background:#fff2dc;
  color:#946000;
  white-space:nowrap;
  font-size:12px;
}

.gs-rfp .badge::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#e9a016;
}

.gs-rfp .badge-confirmed{
  background:#e8f6e8;
  border-color:#cdeccd;
  color:#21672d;
}

.gs-rfp .badge-confirmed::before{
  background:#2d913b;
}

.gs-rfp input[type="checkbox"]{
  width:16px;
  height:16px;
  accent-color:var(--teal);
}

.gs-rfp .actions{
  min-width:130px;
  border:1px solid #cbd0d7;
  border-radius:4px;
  background:#fff;
  padding:8px 10px;
  width: 130px;
}

.gs-rfp .footnote{
  margin-top:14px;
  font-size:12px;
  color:#667085;
  line-height:1.6;
}

.gs-rfp :focus-visible{
  outline:3px solid #84c4e7;
  outline-offset:3px;
}

@media (max-width:700px){

  .gs-rfp{
    padding:0 12px;
    margin:16px auto;
  }

  .gs-rfp .notice{
    padding:15px;
    font-size:14px;
  }

  .gs-rfp .search{
    width:100%;
  }
}

.order-manager-table#contibution_list table{
  table-layout: auto !important;
}
.order-manager-table#contibution_list table .dropdown-menu{
  padding: 12px;
  min-width: 198px;
}
.order-manager-table#contibution_list table .dropdown-menu hr.no_padding {
    margin-top: 10px;
    margin-bottom: 10px;
}
.order-manager-table#contibution_list table .dropdown-menu li {
  line-height: 1.2;
  padding-bottom: 3px;
}


  .commitments-scroll {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #d9d9d9;
  }

  .committab {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
    font-size: 13px;
    line-height: 1.25;
  }

  .committab caption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }

  .committab th,
  .committab td {
    padding: 5px;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
  }

  .committab th {
    text-align: left;
    font-weight: 700;
  }

  .committab .item-code { width: 15%; }
  .committab .description { width: 29%; }
  .committab .buyer { width: 14%; }

  .committab thead th {
    background: #fff;
    white-space: nowrap;
  }

  .committab .frequency {
    display: block;
    padding-top: 5px;
    font-weight: 400;
  }

  .committab tbody th[scope="row"] {
    font-weight: 400;
  }

  .committab .window th {
    background: #d4d4d4;
  }

  .committab .quantity {
    text-align: center;
    font-variant-numeric: tabular-nums;
  }

  .committab .none {
    color: #555;
  }

  .committab tfoot td {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
  }

  @media print {
    @page {
      size: landscape;
      margin: 10mm;
    }

    body {
      margin: 0;
    }

    .commitments-scroll {
      overflow: visible;
      border: 0;
    }

    .committab {
      min-width: 0;
      font-size: 10px;
    }

    .committab th,
    .committab td {
      padding: 3px 5px;
    }

    .committab thead {
      display: table-header-group;
    }

    .committab tfoot {
      display: table-row-group;
    }

    .committab tr {
      break-inside: avoid;
    }

    .committab .window th {
      print-color-adjust: exact;
      -webkit-print-color-adjust: exact;
    }
  }

.account-switcher-menu {
  min-width: 280px;
  padding: 8px 0;
}

.account-switcher-menu .dropdown-header {
  font-size: 14px;
  color: #666;
  padding: 8px 15px;
}

.account-switcher-menu .company-option {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.account-switcher-menu .company-option:hover {
  background: #f5f7fa;
}

.account-switcher-menu .company-option.active {
  background: #eef5ff;
}

.account-switcher-menu .company-name {
  flex: 1;
}

.account-switcher-menu .badge {
  margin-right: 8px;
}

.account-switcher-menu .divider {
  margin: 6px 0;
}

  .header-right-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  padding-right: 20px;
}

.header-icon {
  position: relative;
  margin-right: 25px;
}

.header-icon a {
  color: #ffffff;
  font-size: 22px;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.notification-count,
.message-count {
  position: absolute;
  top: -10px;
  right: -12px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.notification-count {
  background: #70c000;
}

.message-count {
  background: #ff7800;
}

.header-icon .nnum,
.header-icon .msg-num,
.header-icon #notification_count {
  left: auto;
  right: -12px;
  top: -10px;
  min-width: 20px;
  width: auto;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  border-radius: 10px;
}

/* Profile Image */
.user-profile-image {
  margin-right: 10px;
}

.profile-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  cursor: pointer;
}
.navbar-brand{
    position: relative;
    top: 7px;
}

/* Profile Name */
.user-profile-info {
  display: flex;
  flex-direction: column;
  line-height: 18px;
  margin-right: 10px;
}

.user-profile-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

.profile-name {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
}
.logout-section{
  padding-top:10px;
  padding-bottom:10px;
}
.profile-business {
  color: #cccccc;
  font-size: 13px;
}

/* Dropdown */
.user-dropdown {
  position: relative;
}

.user-dropdown .dropdown-toggle {
  color: #ffffff;
  font-size: 13px;
  text-decoration: none;
}

.user-dropdown .dropdown-menu {
  margin-top: 20px;
  min-width: 280px;
}

.user-dropdown .dropdown-menu li a {
  padding: 10px 15px;
  color: #333333;
}

.user-dropdown .dropdown-menu li a i {
  width: 20px;
  margin-right: 5px;
}

  #product_myDropdown {
  width: 320px;
  padding: 0;
}

.commodity-selection-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px 10px;
  font-weight: 600;
}

.commodity-clear {
  color: #4285f4;
  text-decoration: none;
}

#product_list {
  position: sticky;
  bottom: 0;
  background: #f7f7f7;
  z-index: 10;
  border-top: 1px solid #ddd;
}


.approval-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  background: #fcf6e8;
  border: 1px solid #f2d79c;
  border-radius: 12px;
  margin-bottom: 20px;
  margin-left: 25px;
  margin-right: 25px;
}

.approval-banner__content {
  display: flex;
  align-items: center;
}

.approval-banner__icon {
  width: 52px;
  height: 52px;
  min-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0a22b;
  color: #fff;
  border-radius: 50%;
  font-size: 24px;
  margin-right: 18px;
}

.approval-banner__text h4 {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 700;
  color: #3d2b1f;
}

.approval-banner__text p {
  margin: 0;
  font-size: 15px;
  color: #5f5145;
}

.approval-banner__actions {
  display: flex;
  gap: 16px;
}

.approval-banner__actions .btn {
  min-width: 220px;
  padding: 14px 24px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease;
}

.btn-accept {
  background: #4f9d38;
  color: #fff;
  border: 1px solid #4f9d38;
}

.btn-accept:hover {
  background: #43872f;
  color: #fff;
}

.btn-reject {
  background: #fff;
  color: #d9534f;
  border: 2px solid #d9534f;
}

.btn-reject:hover {
  background: #fff6f6;
  color: #d9534f;
}


.approval-success-banner {
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 12px 16px;

  background: #edf6eb;
  border: 1px solid #cfe5c8;
  border-radius: 10px;

  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.approval-success-banner__icon {
  width: 28px;
  height: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #43a047;
  color: #fff;

  border-radius: 50%;
  font-size: 14px;
  flex-shrink: 0;
}

.approval-success-banner__text {
  line-height: 1.4;
}

.approval-pending-banner {
  display: flex;
  align-items: center;
  padding: 14px 18px;

  background: #fff8e8;
  border: 1px solid #f0d79a;
  border-radius: 10px;

  color: #5b4a2f;
}

.approval-pending-banner__left {
  display: flex;
  align-items: center;
}

.approval-pending-banner__icon {
  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-right: 12px;

  background: #f5b940;
  color: #fff;

  border-radius: 50%;
  font-size: 15px;
}

.approval-pending-banner__title {
  font-size: 15px;
  font-weight: 600;
  color: #4f3c1c;
}

.approval-pending-banner__description {
  margin-top: 2px;
  font-size: 13px;
  color: #78664a;
}

commitment-notes-wrapper * {
  box-sizing: border-box;
}

.commitment-notes-wrapper {
  font: 14px Arial, sans-serif;
  color: #333;
}

.commitment-notes-wrapper .commitment-notes-container {
  background: #fff;
}

.commitment-notes-wrapper details {
  border: 1px solid #d5d9dd;
  border-radius: 12px;
  padding: 16px;
}

.commitment-notes-wrapper summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #245b73;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.commitment-notes-wrapper summary::-webkit-details-marker {
  display: none;
}

.commitment-notes-wrapper summary::after {
  content: "⌄";
  margin-left: auto;
  font-size: 24px;
}

.commitment-notes-wrapper details[open] summary::after {
  content: "⌃";
}

.commitment-notes-wrapper svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  flex-shrink: 0;
}

.commitment-notes-wrapper .fields {
  display: grid;
  grid-template-columns: minmax(240px, 30%) 1fr;
  gap: 24px;
  margin-top: 20px;
}

.commitment-notes-wrapper label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #40576a;
}

.commitment-notes-wrapper select,
.commitment-notes-wrapper textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #c8cdd1;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font: inherit;
}

.commitment-notes-wrapper textarea {
  min-height: 90px;
  resize: vertical;
}

.commitment-notes-wrapper .help,
.commitment-notes-wrapper .hint {
  color: #737b83;
  font-size: 12px;
  line-height: 1.5;
}

.commitment-notes-wrapper .help {
  margin-top: 8px;
}

.commitment-notes-wrapper .hint {
  margin-top: 16px;
  font-style: italic;
}

@media (max-width: 640px) {
  .commitment-notes-wrapper .fields {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

#product_myDropdown {
    height: 300px;
     width: 100%;   
     padding: 0px 15px;
}
#product_myDropdown  input.product_checkbox{
  width: 30px; 
  height: 20px;
}
#product_myDropdown .buyer_filter_drodown .buyer_check .custom-control-label
 {
    font-size: 12px; 
    color: #5f5e5e; 
    cursor: pointer; 
    line-height: 22px; 
    margin: 5px; 
    font-weight: 600;
}

a#clear_products {
   color: #0e6dbb;
}

#main_dp
{
  padding: unset !important;
}

.product_search_box {
  padding: 10px 9px;
}

.commitment-notes-table {
  table-layout: fixed;
  width: 100%;
}

.commitment-notes-table td,
.commitment-notes-table th {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.pill {
  display: inline-flex;
  align-items: center;
  border-radius: 20px;
  background: #eceef0;
  color: #59616a;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  vertical-align: middle;
}

.commitment-notes {
  border: 1px solid lightgray;
  border-radius: 13px;
  overflow: hidden;
  background: white;
}

.notes-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 16px 16px;
}

.notes-title {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  color: #969da6;
  text-transform: uppercase;
  letter-spacing: 0.1px;
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

.notes-count {
  font-size: 11px;
  color: #7c8590;
  white-space: nowrap;
}

.notes-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  table-layout: fixed;
}

.notes-table col:first-child {
  width: 260px;
}

.notes-table th {
  background: #f7f8fa;
  border-top: 1px solid #eaedf0;
  border-bottom: 1px solid #eaedf0;
  color: #737d89;
  font-size: 11px;
  font-weight: 700;
  padding: 11px 16px;
}

.notes-table td {
  padding: 16px;
  line-height: 1.6;
  vertical-align: top;
  font-size: 13px;
  color: #3d434b;
  word-break: break-word;
  border: 1px solid lightgray;
}

.notes-table tbody tr + tr {
  border-top: 1px solid #eef0f2;
}

.notes-table tbody tr:hover {
  background: #fcfcfd;
}

.buyer-name {
  font-weight: 600;
  color: #424b55;
}

.empty-state {
  text-align: center;
  color: #8a93a0;
  padding: 24px;
}

.notes_subject p 
{
  white-space: pre-wrap;
}

@media (max-width: 850px) {
  .notes-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .notes-table col:first-child {
    width: 35%;
  }
}


.blue-color 
{
   color: blue;
}


.account-switcher-menu {
  min-width: 280px;
  padding: 8px 0;
}

.account-switcher-menu .dropdown-header {
  font-size: 14px;
  color: #666;
  padding: 8px 15px;
}

.account-switcher-menu .company-option {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.account-switcher-menu .company-option:hover {
  background: #f5f7fa;
}

.account-switcher-menu .company-option.active {
  background: #eef5ff;
}

.account-switcher-menu .company-name {
  flex: 1;
}

.account-switcher-menu .badge {
  margin-right: 8px;
}

.account-switcher-menu .divider {
  margin: 6px 0;
}

  .header-right-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  padding-right: 20px;
}

.header-icon {
  position: relative;
  margin-right: 25px;
}

.header-icon a {
  color: #ffffff;
  font-size: 22px;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.notification-count,
.message-count {
  position: absolute;
  top: -10px;
  right: -12px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.notification-count {
  background: #70c000;
}

.message-count {
  background: #ff7800;
}

.header-icon .nnum,
.header-icon .msg-num,
.header-icon #notification_count {
  left: auto;
  right: -12px;
  top: -10px;
  min-width: 20px;
  width: auto;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  border-radius: 10px;
}

/* Profile Image */
.user-profile-image {
  margin-right: 10px;
}

.profile-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  cursor: pointer;
}
.navbar-brand{
    position: relative;
    top: 7px;
}

/* Profile Name */
.user-profile-info {
  display: flex;
  flex-direction: column;
  line-height: 18px;
  margin-right: 10px;
}

.user-profile-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

.profile-name {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
}
.logout-section{
  padding-top:10px;
  padding-bottom:10px;
}
.profile-business {
  color: #cccccc;
  font-size: 13px;
}

/* Dropdown */
.user-dropdown {
  position: relative;
}

.user-dropdown .dropdown-toggle {
  color: #ffffff;
  font-size: 13px;
  text-decoration: none;
}

.user-dropdown .dropdown-menu {
  margin-top: 20px;
  min-width: 280px;
}

.user-dropdown .dropdown-menu li a {
  padding: 10px 15px;
  color: #333333;
}

.user-dropdown .dropdown-menu li a i {
  width: 20px;
  margin-right: 5px;
}