/* Minification failed. Returning unminified contents.
(6,855): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(4837,1): run-time error CSS1019: Unexpected token, found '@import'
(4837,9): run-time error CSS1019: Unexpected token, found '"https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"'
(7170,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%'
(7476,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7477,10): run-time error CSS1035: Expected colon, found '{'
(7486,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7487,10): run-time error CSS1035: Expected colon, found '{'
(7497,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7498,9): run-time error CSS1035: Expected colon, found '{'
(9533,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9551,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9569,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(9570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9605,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9620,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10411,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10412,10): run-time error CSS1035: Expected colon, found '{'
(10421,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10422,10): run-time error CSS1035: Expected colon, found '{'
(10728,5101): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10728,5127): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(10728,5166): run-time error CSS1019: Unexpected token, found '@keyframes'
(10728,5184): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(10981,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(10987,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(10993,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(15692,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15712,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(15713,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15722,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15732,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(15733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */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(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/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:"\2a"}.glyphicon-plus:before{content:"\2b"}.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: 'Open Sans', 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:thin dotted;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:1240px}}.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:thin dotted;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[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:14.33px;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:thin dotted;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,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,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,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,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,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,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,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,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,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,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,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,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-menu1{position:absolute;top:81%;left:100%;z-index:1000;display:none;float:none;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),clip: rect(1px, 1px, 1px, 1px); border-radius:0px; border:0px;}.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-menu1>li>a{display:block;padding:5px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap; text-decoration:none;}.dropdown-menu1>li>a:focus,.dropdown-menu1>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5; text-decoration:none;}
 
 
 
 
 
 .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-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-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-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:3;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:2;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{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;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:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;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:600px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family: 'Open Sans', 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: 'Open Sans', 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);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:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.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,.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,.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}}
/*!
 * Bootstrap-select v1.6.3 (http://silviomoreto.github.io/bootstrap-select/)
 *
 * Copyright 2013-2014 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */.bootstrap-select{width:220px \0}.bootstrap-select>.btn{width:100%;padding-right:25px}.error .bootstrap-select .btn{border:1px solid #b94a48}.control-group.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 .btn: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.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-fluid .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-search .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-group .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-inline .bootstrap-select.btn-group .form-control{width:100%}.input-append .bootstrap-select.btn-group{margin-left:-1px}.input-prepend .bootstrap-select.btn-group{margin-right:-1px}.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group .btn .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .btn{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;z-index:1035;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;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:not(.disabled) a:hover small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small{color:#64b1d8;color:rgba(100,177,216,.4)}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer}.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}.bootstrap-select.btn-group.fit-width .btn .filter-option{position:static}.bootstrap-select.btn-group.fit-width .btn .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>.btn{z-index:1035+1}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom-width:7px;border-bottom-style:solid;border-bottom-color:#ccc;border-bottom-color: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-bottom:0;border-top-width:7px;border-top-style:solid;border-top-color:#ccc;border-top-color:rgba(204,204,204,.2)}.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:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after{display:block}.bs-searchbox,.bs-actionsbox{padding:4px 8px}.bs-actionsbox{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox input.form-control{margin-bottom:0;width:100%}.mobile-device{position:absolute;top:0;left:0;display:block!important;width:100%;height:100%!important;opacity:0}
@font-face {
	font-family: 'icomoon';
	src:url('icons/icomoon.eot');
	src:url('icons/icomoon.eot?#iefix') format('embedded-opentype'),
		url('icons/icomoon.woff') format('woff'),
		url('icons/icomoon.ttf') format('truetype'),
		url('icons/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* General button style (reset) */
.sbtn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 10px 50px;
	display: inline-block;	
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.sbtn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.sbtn:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.icon-envelope:before {
	content: "\e000";
}

.icon-cart:before {
	content: "\e007";
}

.icon-cart-2:before {
	content: "\e008";
}

.icon-heart:before {
	content: "\e009";
}

/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
	content: "\e00a";
}

.icon-star:before {
	content: "\e00b";
}

/* Filled star */
.icon-star:after,
.icon-star-2:before {
	content: "\e00c";
}

.icon-arrow-right:before {
	content: "\e00d";
}

.icon-arrow-left:before {
	content: "\e003";
}

.icon-truck:before {
	content: "\e00e";
}

.icon-remove:before {
	content: "\e00f";
}

.icon-pushpin:before {
    font-family: 'FontAwesome';
	content: "\F08D";
}




.icon-save:before {
    font-family: 'FontAwesome';
	content: "\f0c7";
}

.icon-approve:before {
    font-family: 'FontAwesome';
	content: "\f1d8";
}


.icon-spinner:before {
    font-family: 'FontAwesome';
	content: "\f110";
}



.icon-cog:before {
	content: "\e010";
}

.icon-plus:before,
.icon-plus:after {
	content: "\e011";
}

.icon-minus:before {
	content: "\e012";
}

.bh-icon-smiley:before {
	content: "\e001";
}

.bh-icon-sad:before {
	content: "\e002";
}

.icon-file:before {
	content: "\e004";
}

.icon-remove-2:before {
	content: "\e005";
}

/* Button 1 */
.sbtn-1 {
	border: 3px solid #fff;
	color: #fff;
}

/* Button 1a */
.sbtn-1a:hover,
.sbtn-1a:active {
	color: #0e83cd;
	background: #fff;
}

/* Button 1b */
.sbtn-1b:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #fff;
}

.sbtn-1b:hover,
.sbtn-1b:active {
	color: #0e83cd;
}

.sbtn-1b:hover:after,
.sbtn-1b:active:after {
	height: 100%;
}

/* Button 1c */
.sbtn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
}

.sbtn-1c:hover,
.sbtn-1c:active {
	color: #0e83cd;
}

.sbtn-1c:hover:after,
.sbtn-1c:active:after {
	width: 100%;
}

/* Button 1d */
.sbtn-1d {
	overflow: hidden;
}

.sbtn-1d:after {
	width: 0;
	height: 103%;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.sbtn-1d:hover,
.sbtn-1d:active {
	color: #0e83cd;
}

.sbtn-1d:hover:after {
	width: 90%;
	opacity: 1;
}

.sbtn-1d:active:after {
	width: 101%;
	opacity: 1;
}

/* Button 1e */
.sbtn-1e {
	overflow: hidden;
}

.sbtn-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.sbtn-1e:hover,
.sbtn-1e:active {
	color: #0e83cd;
}

.sbtn-1e:hover:after {
	height: 260%;
	opacity: 1;
}

.sbtn-1e:active:after {
	height: 400%;
	opacity: 1;
}

/* Button 1f */
.sbtn-1f {
	overflow: hidden;
}

.sbtn-1f:after {
	width: 101%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.sbtn-1f:hover,
.sbtn-1f:active {
	color: #0e83cd;
}

.sbtn-1f:hover:after {
	height: 75%;
	opacity: 1;
}

.sbtn-1f:active:after {
	height: 130%;
	opacity: 1;
}

/* Button 2 */
.sbtn-2 {
	background: #cb4e4e;
	color: #fff;
	box-shadow: 0 6px #ab3c3c;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

/* Button 2a */
.sbtn-2a {
	border-radius: 0 0 5px 5px;
}

.sbtn-2a:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
}

.sbtn-2a:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2b */
.sbtn-2b {
	border-radius: 0 0 5px 5px;
}

.sbtn-2b:hover {
	box-shadow: 0 8px #ab3c3c;
	top: -2px;
}

.sbtn-2b:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2c */
.sbtn-2c {
	border-radius: 5px;
}

.sbtn-2c:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
}

.sbtn-2c:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2d */
.sbtn-2d {
	border-radius: 5px;
}

.sbtn-2d:hover {
	box-shadow: 0 8px #ab3c3c;
	top: -2px;
}

.sbtn-2d:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2e */
.sbtn-2e {
	border-radius: 5px;
	box-shadow: -6px 0 #ab3c3c;
}

.sbtn-2e:hover {
	box-shadow: -4px 0 #ab3c3c;
	left: -2px;
}

.sbtn-2e:active {
	box-shadow: 0 0 #ab3c3c;
	left: -6px;
}

/* Button 2f */
.sbtn-2f {
	border-radius: 5px;
	box-shadow: 6px 0 #ab3c3c;
}

.sbtn-2f:hover {
	box-shadow: 4px 0 #ab3c3c;
	left: 2px;
}

.sbtn-2f:active {
	box-shadow: 0 0 #ab3c3c;
	left: 6px;
}

/* Button 2g */
.sbtn-2g {
	border-radius: 40px;
}

.sbtn-2g:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
}

.sbtn-2g:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2h */
.sbtn-2h {
	border-radius: 20px;
}

.sbtn-2h:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
}

.sbtn-2h:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2i */
.sbtn-2i {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	padding: 0;
}

.sbtn-2i:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
}

.sbtn-2i:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2j */
.sbtn-2j {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	padding: 0;
}

.sbtn-2j:hover {
	box-shadow: 0 8px #ab3c3c;
	top: -2px;
}

.sbtn-2j:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 3 */
.sbtn-3 {
	background: #428bca;
	color: #fff;
}

.sbtn-3:hover {
	background: #3071a9;
}

.sbtn-3-11:active {
	background: #307fff;    
    -webkit-box-shadow: inset 1px 1px 1px 1px #27496d,inset 0 1px 30px #193047;
    -moz-box-shadow: inset 1px 1px 1px 1px #27496d,inset 0 1px 30px #193047;
    box-shadow: inset 1px 1px 1px 1px #27496d,inset 0 1px 30px #193047;
	top: 2px;
}

.sbtn-3:active
{
    background: #307fff;
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;

    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);    
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
}

.sbtn-3:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 2;
	font-size: 140%;
	width: 28px;
}

/* Button 3a */
.sbtn-3a {
	padding: 25px 60px 25px 120px;
}

.sbtn-3a:before {
	background: rgba(0,0,0,0.05);
}

/* Button 3b */
.sbtn-3b {
	padding: 25px 60px 25px 120px;
	border-radius: 10px;
}

.sbtn-3b:before {
	border-right: 2px solid rgba(255,255,255,0.5);
}

/* Button 3c */
.sbtn-3c {
	padding: 80px 20px 20px 20px;
	border-radius: 10px;
	box-shadow: 0 3px #da9622;
}

.sbtn-3c:active {
	box-shadow: 0 3px #dc7801;
}

.sbtn-3c:before {
	height: 60px;
	width: 100%;
	line-height: 60px;
	background: #fff;
	color: #f29e0d;
	border-radius: 10px 10px 0 0;
}

.sbtn-3c:active:before {
	
}

/* Button 3d */
.sbtn-3d {	    
	border-radius:5px;
}

.sbtn-3d:before {
    padding-top:1px;
    padding-left:4px;
    padding-right:4px;
	background: #fff;
	color: #428bca;
	z-index: 2;
	border-radius: 10px 0 0 10px;
}

.sbtn-3d:after {
	width: 20px;
	height: 20px;
	background: #fff;
	z-index: 1;
	left: 24px;
	top: 50%;
	margin: -10px 0 0 -10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sbtn-3:disabled:before
{    
    -moz-animation: none !important;
    -o-animation: none !important;
    -webkit-animation: none !important;
    animation: none !important;
}

.sbtn-3:disabled
{
    background-color: #aaa;
}

.sbtn-3:hover:disabled
{
    background-color: #aaa;
}

.sbtn-3d-rot
{
    padding-top: 10px;
    padding-left: 35px;
    padding-right: 12px;
    padding-bottom: 10px;
    transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
}

.sbtn-3d:active:before {
	color: #307fff;
}

.sbtn-3d:hover{
    
}


.sbtn-3d-rot:before{
    color: #fff;
    background-color:transparent;    
}
.sbtn-3d-rot:active:before
{
    color:#fff;
}

.sbtn-3d-rot:active:after
{
    left: 38px !important;	
}

.sbtn-3d-rot:after
{
    width: 1px;
    height: 38px;
    margin-top: 2px;
    z-index: 1;
    left: 38px;
    top: 0%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    border-left-color: white;
    border-left-width: 1px;
    border-left-style: solid;
}

.sbtn-3d-spin:hover:before
{
    -webkit-animation: spinAround 2s linear 1;
    -moz-animation: spinAround 2s linear 1;
    -o-animation: spinAround 2s linear 1;
    animation: spinAround 2s linear 1;
}

.spinOnce:active:before
{
    -webkit-animation: spinAround 500ms linear 0.5;
    -moz-animation: spinAround 500ms linear 0.5;
    -o-animation: spinAround 500ms linear 0.5;
    animation: spinAround 500ms linear 0.5;
}


.sbtn-3d-bigger:hover:before{
    font-weight:bold;
}

.sbtn-3d:active {
	top: 0;
}

.sbtn-3d:active:after {
	left: 28px;
}

/* Button 3e */
.sbtn-3e {
	padding: 25px 120px 25px 60px;
	overflow: hidden;
}

.sbtn-3e:before {
	left: auto;
	right: 10px;
	z-index: 2;
}

.sbtn-3e:after {
	width: 30%;
	height: 200%;
	background: rgba(255,255,255,0.1);
	z-index: 1;
	right: 0;
	top: 0;
	margin: -5px 0 0 -5px;
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(-20deg);
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(-20deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(-20deg);
	transform-origin: 0 0;
	transform: rotate(-20deg);
}

.sbtn-3e:hover:after {
	width: 40%;
}

/* Button 4 */
.sbtn-4 {
	border-radius: 50px;
	border: 3px solid #fff;
	color: #fff;
	overflow: hidden;
}

.sbtn-4:active {
	border-color: #17954c;
	color: #17954c;
}

.sbtn-4:hover {
	background: #24b662;
}

.sbtn-4:before {
	position: absolute;
	height: 100%;
	font-size: 125%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.sbtn-4:active:before {
	color: #17954c;
}

/* Button 4a */
.sbtn-4a:before {
	left: 130%;
	top: 0;
}

.sbtn-4a:hover:before {
	left: 80%;
}

/* Button 4b */
.sbtn-4b:before {
	left: -50%;
	top: 0;
}

.sbtn-4b:hover:before {
	left: 10%;
}

/* Button 4c */
.sbtn-4c:before {
	left: 70%;
	opacity: 0;
	top: 0;
}

.sbtn-4c:hover:before {
	left: 80%;
	opacity: 1;
}

/* Button 4d */
.sbtn-4d:before {
	left: 30%;
	opacity: 0;
	top: 0;
}

.sbtn-4d:hover:before {
	left: 10%;
	opacity: 1;
}

/* Button 5 */
.sbtn-5 {
	background: #823aa0;
	color: #fff;
    height:40px;
	line-height: 24px;
	font-size: 16px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.sbtn-5:active {
	background: #9053a9;
	top: 2px;
}

.sbtn-5 span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

.sbtn-5:before {
	position: absolute;
	height: 100%;
	width: 100%;
	line-height: 1.5;
	font-size: 180%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.sbtn-5:active:before {
	color: #703b87;
}

/* Button 5a */
.sbtn-5a:hover span {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
}

.sbtn-5a:before {
	left: 0;
	top: -100%;
}

.sbtn-5a:hover:before {
	top: 0;
}

/* Button 5b */
.sbtn-5b:hover span {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
}

.sbtn-5b:before {
	left: -100%;
	top: 0;
}

.sbtn-5b:hover:before {
	left: 0;
}

/* Button 6 */
.sbtn-6 {
	color: #fff;
	background: #226fbe;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.sbtn-6:active {
	top: 2px;
}

/* Button 6a */
.sbtn-6a {
	border: 4px solid #226fbe;
}

.sbtn-6a:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6b */
.sbtn-6b {
	border: 4px solid #226fbe;
	border-radius: 15px;
}

.sbtn-6b:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6c */
.sbtn-6c {
	border: 4px solid #226fbe;
	border-radius: 60px;
}

.sbtn-6c:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6d */
.sbtn-6d {
	border: 2px dashed #226fbe;
}

.sbtn-6d:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6e */
.sbtn-6e {
	border: 2px dashed #226fbe;
	border-radius: 15px;
}

.sbtn-6e:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6f */
.sbtn-6f {
	border: 2px dashed #226fbe;
	border-radius: 60px;
}

.sbtn-6f:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6g */
.sbtn-6g {
	border: 2px dotted #226fbe;
}

.sbtn-6g:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6h */
.sbtn-6h {
	border: 2px dotted #226fbe;
	border-radius: 15px;
}

.sbtn-6h:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6i */
.sbtn-6i {
	border: 2px dotted #226fbe;
	border-radius: 60px;
}

.sbtn-6i:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6j */
.sbtn-6j {
	border: 4px double #226fbe;
}

.sbtn-6j:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6k */
.sbtn-6k {
	border: 4px double #226fbe;
	border-radius: 15px;
}

.sbtn-6k:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6l */
.sbtn-6l {
	border: 4px double #226fbe;
	border-radius: 60px;
}

.sbtn-6l:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 7 */
.sbtn-7 {
	background: #17aa56;
	color: #fff;
	border-radius: 7px;
	box-shadow: 0 5px #119e4d;
	padding: 25px 60px 25px 90px;
}

/* Button 7a */
.sbtn-7a {
	overflow: hidden;
}

.sbtn-7a:before {
	position: absolute;
	left: 0;
	width: 40%;
	font-size: 160%;
	line-height: 0.8;
	color: #0a833d;
}

.sbtn-7a.sbtn-activated {
	-webkit-animation: fadeOutText 0.5s;
	-moz-animation: fadeOutText 0.5s;
	animation: fadeOutText 0.5s;
}

.sbtn-7a.sbtn-activated:before {
	-webkit-animation: moveToRight 0.5s;
	-moz-animation: moveToRight 0.5s;
	animation: moveToRight 0.5s;
}

@-webkit-keyframes fadeOutText {
	0% { color: transparent; }
	80% { color: transparent; }
	100% { color: #fff; }
}

@-moz-keyframes fadeOutText {
	0% { color: transparent; }
	80% { color: transparent; }
	100% { color: #fff; }
}

@keyframes fadeOutText {
	0% { color: transparent; }
	80% { color: transparent; }
	100% { color: #fff; }
}

@-webkit-keyframes moveToRight {
	80% { -webkit-transform: translateX(250%); }
	81% { opacity: 1; -webkit-transform: translateX(250%); }
	82% { opacity: 0; -webkit-transform: translateX(250%); }
	83% { opacity: 0; -webkit-transform: translateX(-50%); }
	84% { opacity: 1; -webkit-transform: translateX(-50%);  }
	100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes moveToRight {
	80% { -moz-transform: translateX(250%); }
	81% { opacity: 1; -moz-transform: translateX(250%); }
	82% { opacity: 0; -moz-transform: translateX(250%); }
	83% { opacity: 0; -moz-transform: translateX(-50%); }
	84% { opacity: 1; -moz-transform: translateX(-50%);  }
	100% { -moz-transform: translateX(0%); }
}

@keyframes moveToRight {
	80% { transform: translateX(250%); }
	81% { opacity: 1; transform: translateX(250%); }
	82% { opacity: 0; transform: translateX(250%); }
	83% { opacity: 0; transform: translateX(-50%); }
	84% { opacity: 1; transform: translateX(-50%);  }
	100% { transform: translateX(0%); }
}

/* Button 7b */
.sbtn-7b {
	overflow: hidden;
}

.sbtn-7b:before {
	position: absolute;
	left: 0;
	width: 40%;
	font-size: 160%;
	line-height: 0.8;
	color: #0a833d;
}

.sbtn-7b.sbtn-activated:before {
	-webkit-animation: scaleUp 0.5s;
	-moz-animation: scaleUp 0.5s;
	animation: scaleUp 0.5s;
}

@-webkit-keyframes scaleUp {
	80% {
		opacity: 0;
		-webkit-transform: scale(2);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(2);
	}
}

@-moz-keyframes scaleUp {
	80% {
		opacity: 0;
		-moz-transform: scale(2);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(2);
	}
}

@keyframes scaleUp {
	80% {
		opacity: 0;
		transform: scale(2);
	}
	100% {
		opacity: 0;
		transform: scale(2);
	}
}

/* Icon only style */
.sbtn-icon-only {
	font-size: 0;
	padding: 25px 30px;
}

.sbtn-icon-only:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 26px;
	line-height: 54px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Button 7c */
.sbtn-7c {
	overflow: hidden;
}

.sbtn-7c:before {
	color: #fff;
	z-index: 1;
}

.sbtn-7c:after {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 0;
	width: 0;
	background: #0a833d;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.sbtn-7c.sbtn-activated:after {
	-webkit-animation: fillToRight 0.7s forwards;
	-moz-animation: fillToRight 0.7s forwards;
	animation: fillToRight 0.7s forwards;
}

@-webkit-keyframes fillToRight {
	to { 
		width: 100%;
	}
}

@-moz-keyframes fillToRight {
	to { 
		width: 100%;
	}
}

@keyframes fillToRight {
	to { 
		width: 100%;
	}
}

/* Button 7d */
.sbtn-7d {
	overflow: hidden;
}

.sbtn-7d:before {
	color: #fff;
	z-index: 1;
}

.sbtn-7d:after {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	z-index: 0;
	background: #21bb63;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.sbtn-7d.sbtn-activated:after {
	-webkit-animation: emptyBottom 0.7s forwards;
	-moz-animation: emptyBottom 0.7s forwards;
	animation: emptyBottom 0.7s forwards;
}

@-webkit-keyframes emptyBottom {
	to { 
		height: 100%;
	}
}

@-moz-keyframes emptyBottom {
	to { 
		height: 100%;
	}
}

@keyframes emptyBottom {
	to { 
		height: 100%;
	}
}

/* Button 7e */
.sbtn-7e:after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	font-size: 26px;
	line-height: 54px;
	color: #ea515e;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.sbtn-7e.sbtn-activated:after {
	-webkit-animation: scaleFade 0.5s forwards;
	-moz-animation: scaleFade 0.5s forwards;
	animation: scaleFade 0.5s forwards;
} 

@-webkit-keyframes scaleFade {
	50% { 
		opacity: 1;
		-webkit-transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
	}
}

@-moz-keyframes scaleFade {
	50% { 
		opacity: 1;
		-moz-transform: scale(1);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(2.5);
	}
}

@keyframes scaleFade {
	50% { 
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(2.5);
	}
}

/* Button 7f */
.sbtn-7f:before {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}
.sbtn-7f:after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	font-size: 26px;
	line-height: 54px;
	color: #ffe44d;
	visibility: hidden;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ffe44d;
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	transform: scale(4);
	opacity: 0;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.sbtn-7f.sbtn-activated:after {
	visibility: visible;
	-webkit-animation: dropDown 0.3s forwards;
	-moz-animation: dropDown 0.3s forwards;
	animation: dropDown 0.3s forwards;
} 

@-webkit-keyframes dropDown {
	to { 
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes dropDown {
	to { 
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@keyframes dropDown {
	to { 
		opacity: 1;
		transform: scale(1);
	}
}

/* Button 7g */
.sbtn-7g:after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	font-size: 26px;
	line-height: 54px;
	color: #0a833d;
	visibility: hidden;
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.sbtn-7g.sbtn-activated:after {
	visibility: visible;
	-webkit-animation: dropDownFade 0.5s forwards;
	-moz-animation: dropDownFade 0.5s forwards;
	animation: dropDownFade 0.5s forwards;
} 

@-webkit-keyframes dropDownFade {
	50% { 
		opacity: 1;
		-webkit-transform: scale(1);
	}
	100% { 
		opacity: 0;
		-webkit-transform: scale(1.5);
	}
}

@-moz-keyframes dropDownFade {
	50% { 
		opacity: 1;
		-moz-transform: scale(1);
	}
	100% { 
		opacity: 0;
		-moz-transform: scale(1.5);
	}
}

@keyframes dropDownFade {
	50% { 
		opacity: 1;
		transform: scale(1);
	}
	100% { 
		opacity: 0;
		transform: scale(1.5);
	}
}

/* Button 7h */

.sbtn-7h span {
	display: inline-block;
	width: 100%;
}

.sbtn-7h:before {
	position: absolute;
	left: 0;
	width: 40%;
	font-size: 160%;
	line-height: 0.8;
	color: #0a833d;
}

/* Success and error */

.sbtn-success,
.sbtn-error {
	color: transparent;
}

.sbtn-success:after,
.sbtn-error:after {
	z-index: 1;
	color: #fff;
	left: 40%;
}

.sbtn-success:before {
	content: "\e001";
}

.sbtn-success:after {
	content: "Success!";
	-webkit-animation: moveUp 0.5s;
	-moz-animation: moveUp 0.5s;
	animation: moveUp 0.5s;
}

@-webkit-keyframes moveUp {
	0% {
		-webkit-transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		-moz-transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		transform: translateY(0);
	}
}

.sbtn-error {
	-webkit-animation: shake 0.5s;
	-moz-animation: shake 0.5s;
	animation: shake 0.5s;
}

/* From Dan Eden's animate.css: http://daneden.me/animate/ */
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.sbtn-error:before {
	content: "\e002";
}

.sbtn-error:after {
	content: "Error!";
	-webkit-animation: scaleFromUp 0.5s;
	-moz-animation: scaleFromUp 0.5s;
	animation: scaleFromUp 0.5s;
}

@-webkit-keyframes scaleFromUp {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes scaleFromUp {
	0% {
		-moz-transform: scale(0);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@keyframes scaleFromUp {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		transform: scale(1);
	}
}

/* Special trash effect */
.trash-effect {
	position: relative;
	max-width: 320px;
	margin: 60px auto 0;
} 

.trash-effect .icon-file {
	font-size: 30px;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin: -45px 0 0 -25px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: translateX(90px) translateY(20px) scale(1);
	-moz-transform: translateX(90px) translateY(20px) scale(1);
	-ms-transform: translateX(90px) translateY(20px) scale(1);
	transform: translateX(90px) translateY(20px) scale(1);
}

.trash-effect .icon-file:nth-child(2) {
	-webkit-transform: translateX(140px) translateY(-10px) scale(1);
	-moz-transform: translateX(140px) translateY(-10px) scale(1);
	-ms-transform: translateX(140px) translateY(-10px) scale(1);
	transform: translateX(140px) translateY(-10px) scale(1);
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.trash-effect .icon-file:nth-child(3) {
	-webkit-transform: translateX(140px) translateY(50px) scale(1);
	-moz-transform: translateX(140px) translateY(50px) scale(1);
	-ms-transform: translateX(140px) translateY(50px) scale(1);
	transform: translateX(140px) translateY(50px) scale(1);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.trash-effect.trash-effect-active .icon-file {
	-webkit-transform: translateX(-100px) translateY(-10px) scale(0);
	-moz-transform: translateX(-100px) translateY(-10px) scale(0);
	-ms-transform: translateX(-100px) translateY(-10px) scale(0);
	transform: translateX(-100px) translateY(-10px) scale(0);
}

/* Button 7i */
.sbtn-7i {
	box-shadow: none;
	border-radius: 0 0 7px 7px;
	padding: 27px 33px;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
}

.sbtn-7i:before {
	line-height: 45px;
}

.sbtn-7i:after {
	height: 11px; /* should be 10px but in Chrome Version 34.0.1847.131 there's a gap because of the transform of the button */
	width: 100%;
	background: #17aa56;
	border-radius: 7px 7px 0 0;
	left: 0;
	top: -10px;
	z-index: 1;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.trash-effect-active .sbtn-7i:after {
	-webkit-animation: openTrash 0.5s;
	-moz-animation: openTrash 0.5s;
	animation: openTrash 0.5s;
}

@-webkit-keyframes openTrash {
	50% {
		-webkit-transform: rotate(-35deg);
	}
	100% { 
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes openTrash {
	50% {
		-moz-transform: rotate(-35deg);
	}
	100% { 
		-moz-transform: rotate(0deg);
	}
}

@keyframes openTrash {
	50% {
		transform: rotate(-35deg);
	}
	100% { 
		transform: rotate(0deg);
	}
}

/* Button 8 */
.perspective {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	display: inline-block;
}

.sbtn-8 {
	display: block;
	background: #5cbcf6;
	outline: 1px solid transparent; /* FF jagged edges fix */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.sbtn-8:active {
	background: #55b7f3;
}

/* Button 8a */
.sbtn-8a:after {
	width: 100%;
	height: 42%; /* should be 40% but there's a gap in Chrome Version 34.0.1847.131 */
	left: 0;
	top: -40%;
	background: #49a7df;
	-webkit-transform-origin: 0% 100%;
	-webkit-transform: rotateX(90deg);
	-moz-transform-origin: 0% 100%;
	-moz-transform: rotateX(90deg);
	transform-origin: 0% 100%;
	transform: rotateX(90deg);
}

.sbtn-8a:hover {
	-webkit-transform: rotateX(-15deg);
	-moz-transform: rotateX(-15deg);
	-ms-transform: rotateX(-15deg);
	transform: rotateX(-15deg);
}

/* Button 8b */
.sbtn-8b:after {
	width: 100%;
	height: 40%;
	left: 0;
	top: 100%;
	background: #49a7df;
	-webkit-transform-origin: 0% 0%;
	-webkit-transform: rotateX(-90deg);
	-moz-transform-origin: 0% 0%;
	-moz-transform: rotateX(-90deg);
	-ms-transform-origin: 0% 0%;
	-ms-transform: rotateX(-90deg);
	transform-origin: 0% 0%;
	transform: rotateX(-90deg);
}

.sbtn-8b:hover {
	-webkit-transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	-ms-transform: rotateX(15deg);
	transform: rotateX(15deg);
}

/* Button 8c */
.sbtn-8c:after {
	width: 21%;
	height: 100%;
	left: -20%;
	top: 0;
	background: #49a7df;
	-webkit-transform-origin: 100% 0%;
	-webkit-transform: rotateY(-90deg);
	-moz-transform-origin: 100% 0%;
	-moz-transform: rotateY(-90deg);
	-ms-transform-origin: 100% 0%;
	-ms-transform: rotateY(-90deg);
	transform-origin: 100% 0%;
	transform: rotateY(-90deg);
}

.sbtn-8c:hover {
	-webkit-transform: rotateY(15deg);
	-moz-transform: rotateY(15deg);
	-ms-transform: rotateY(15deg);
	transform: rotateY(15deg);
}

/* Button 8d */
.sbtn-8d:after {
	width: 20%;
	height: 100%;
	left: 100%;
	top: 0;
	background: #49a7df;
	-webkit-transform-origin: 0% 0%;
	-webkit-transform: rotateY(90deg);
	-moz-transform-origin: 0% 0%;
	-moz-transform: rotateY(90deg);
	-ms-transform-origin: 0% 0%;
	-ms-transform: rotateY(90deg);
	transform-origin: 0% 0%;
	transform: rotateY(90deg);
}

.sbtn-8d:hover {
	-webkit-transform: rotateY(-15deg);
	-moz-transform: rotateY(-15deg);
	-ms-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
}

/* Button 8e */
.sbtn-8e {
	-webkit-transform: rotateX(-15deg);
	-moz-transform: rotateX(-15deg);
	-ms-transform: rotateX(-15deg);
	transform: rotateX(-15deg);
}

.sbtn-8e:after {
	width: 100%;
	height: 42%; /* should be 40% but there's a gap in Chrome Version 34.0.1847.131 */
	left: 0;
	top: -40%;
	background: #49a7df;
	-webkit-transform-origin: 0% 100%;
	-webkit-transform: rotateX(90deg);
	-moz-transform-origin: 0% 100%;
	-moz-transform: rotateX(90deg);
	-ms-transform-origin: 0% 100%;
	-ms-transform: rotateX(90deg);
	transform-origin: 0% 100%;
	transform: rotateX(90deg);
}

.sbtn-8e:active {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

/* Button 8f */
.sbtn-8f {
	-webkit-transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	-ms-transform: rotateX(15deg);
	transform: rotateX(15deg);
}

.sbtn-8f:after {
	width: 100%;
	height: 40%;
	left: 0;
	top: 100%;
	background: #49a7df;
	-webkit-transform-origin: 0% 0%;
	-webkit-transform: rotateX(-90deg);
	-moz-transform-origin: 0% 0%;
	-moz-transform: rotateX(-90deg);
	-ms-transform-origin: 0% 0%;
	-ms-transform: rotateX(-90deg);
	transform-origin: 0% 0%;
	transform: rotateX(-90deg);
}

.sbtn-8f:active {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

/* Button 8g */
.sbtn-8g {
	background: #fff;
	color: #999;
}

.sbtn-8g:active {
	background: #fff;
}

.sbtn-8g:after,
.sbtn-8g:before {
	text-transform: uppercase;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	line-height: 70px;
}

.sbtn-8g:after {
	top: -98%; /* should be -100% but there's a gap in Chrome Version 34.0.1847.131 */
	background: #7aca7c;
	color: #358337;
	content: 'It worked!';
	-webkit-transform-origin: 0% 100%;
	-webkit-transform: rotateX(90deg);
	-moz-transform-origin: 0% 100%;
	-moz-transform: rotateX(90deg);
	-ms-transform-origin: 0% 100%;
	-ms-transform: rotateX(90deg);
	transform-origin: 0% 100%;
	transform: rotateX(90deg);
}

.sbtn-8g:before {
	top: 100%;
	background: #e96a6a;
	color: #a33a3a;
	content: 'Error!';
	font-weight: 700;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	-webkit-transform-origin: 0% 0%;
	-webkit-transform: rotateX(-90deg);
	-moz-transform-origin: 0% 0%;
	-moz-transform: rotateX(-90deg);
	-ms-transform-origin: 0% 0%;
	-ms-transform: rotateX(-90deg);
	transform-origin: 0% 0%;
	transform: rotateX(-90deg);
}

.sbtn-8g.sbtn-success3d {
	background: #aaa;
	-webkit-transform-origin: 50% 100%;
	-webkit-transform: rotateX(-90deg) translateY(100%);
	-moz-transform-origin: 50% 100%;
	-moz-transform: rotateX(-90deg) translateY(100%);
	-ms-transform-origin: 50% 100%;
	-ms-transform: rotateX(-90deg) translateY(100%);
	transform-origin: 50% 100%;
	transform: rotateX(-90deg) translateY(100%);
}

.sbtn-8g.sbtn-error3d  {
	background: #aaa;
	-webkit-transform-origin: 50% 0%;
	-webkit-transform: rotateX(90deg) translateY(-100%);
	-moz-transform-origin: 50% 0%;
	-moz-transform: rotateX(90deg) translateY(-100%);
	-ms-transform-origin: 50% 0%;
	-ms-transform: rotateX(90deg) translateY(-100%);
	transform-origin: 50% 0%;
	transform: rotateX(90deg) translateY(-100%);
}





.blupressed:active {    
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);    
    box-shadow:inset 5px 3px 5px rgba(0,0,0,.125);
}



.sbtn-3-g
{
    background-color:#5cb85c;
    border-color:#4cae4c;
}

.sbtn-3-g:hover {
	background: #5cb85c;
}



.fa-spin
{
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse
{
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

.sbtn-spin:before{
    -webkit-animation: fa-spin 1s infinite steps(8);
	-moz-animation: spinAround 2s linear infinite ;
	animation: fa-spin 1s infinite steps(8);
}

.sbtn-spin:disabled:before{    
    -webkit-animation: spinAround 2s linear infinite !important;
	-moz-animation: spinAround 2s linear infinite !important;
	animation: spinAround 2s linear infinite !important;
}

.btn-ontop {
    position:absolute;    
}

.sbtn-amazonOrange {
    background-color:#da9622;
	/*background-color:#ffd45c;*/
}

.sbtn-amazonOrange:hover {
    /*background-color:#da9622;*/
	background-color:#dc7801;
}

.pulsateSuccess
{
    -moz-animation: pulsateSuccess 5s ease-out;
    -o-animation: pulsateSuccess 5s ease-out;
    -webkit-animation: pulsateSuccess 5s ease-out;
    animation: pulsateSuccess 5s ease-out;
}

@-webkit-keyframes pulsateSuccess
{
    0%{ color: white; }
    10%{ color: #5cb85c; }

    20%{ color: #5cb85c; }
    30%{ color: white; }

    40%{ color: #5cb85c; }
    50%{ color: white; }

    60%{ color: #5cb85c; }
    70%{ color: white; }

    80%{ color: #5cb85c; }
    90%{ color: white; }
}
/**,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	font-family: 'Raleway', sans-serif;
}

nav a {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
}

nav a:hover,
nav a:focus {
	outline: none;
}*/

/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
	background: #2195de;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.csstransforms3d .cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0965a0;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	background: #28a2ee;	
}

/* Effect 3: bottom line slides/fades in */
.cl-effect-3 a {
	padding: 8px 0;
}

.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(0,0,0,0.1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Effect 4: bottom border enlarge */
.cl-effect-4 a {
	padding: 0 0 10px;
}

.cl-effect-4 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 5px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Effect 5: same word slide in */
.cl-effect-5 a {
	overflow: hidden;
	padding: 0 4px;
	height: 1em;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* Effect 5: same word slide in and border bottom */
.cl-effect-6 a {
	margin: 0 10px;
	padding: 10px 20px;
}

.cl-effect-6 a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
}

.cl-effect-6 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.cl-effect-6 a:hover::before {
	top: 100%;
	opacity: 1;
}

.cl-effect-6 a:hover::after {
	height: 100%;
} 

/* Effect 7: second border slides up */
.cl-effect-7 a {
	padding: 12px 10px 10px;
	color: #566473;
	text-shadow: none;
	font-weight: 700;
}

.cl-effect-7 a::before,
.cl-effect-7 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #566473;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
	top: 0%;
	opacity: 1;
}

/* Effect 8: border slight translate */
.cl-effect-8 a {
	padding: 10px 20px;
}

.cl-effect-8 a::before,
.cl-effect-8 a::after  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #354856;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-8 a::after  {
	border-color: #fff;
	opacity: 0;
	-webkit-transform: translateY(-7px) translateX(6px);
	-moz-transform: translateY(-7px) translateX(6px);
	transform: translateY(-7px) translateX(6px);
}

.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(5px) translateX(-5px);
	-moz-transform: translateY(5px) translateX(-5px);
	transform: translateY(5px) translateX(-5px);
}

.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after  {
	opacity: 1;
	-webkit-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px);
}

/* Effect 9: second text and borders */
.cl-effect-9 a {
	margin: 0 20px;
	padding: 18px 20px;
}

.cl-effect-9 a::before,
.cl-effect-9 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: opacity 0.3s, height 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s;
	transition: opacity 0.3s, height 0.3s;
}

.cl-effect-9 a::after {
	top: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-9 a span:first-child {
	z-index: 2;
	display: block;
	font-weight: 300;
}

.cl-effect-9 a span:last-child {
	z-index: 1;
	display: block;
	padding: 8px 0 0 0;
	color: rgba(0,0,0,0.4);
	text-shadow: none;
	text-transform: none;
	font-style: italic;
	font-size: 0.75em;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:focus::before {
	height: 6px;
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:hover::after,
.cl-effect-9 a:focus::before,
.cl-effect-9 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.cl-effect-9 a:hover span:last-child,
.cl-effect-9 a:focus span:last-child {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

/* Effect 10: reveal, push out */
.cl-effect-10  {
	position: relative;
	z-index: 1;
}

.cl-effect-10 a {
	overflow: hidden;
	margin: 0 15px;
}

.cl-effect-10 a span {
	display: block;
	padding: 10px 20px;
	background: #0f7c67;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #0f7c67;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}

.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}

/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
.cl-effect-11 a {
	padding: 10px 0;
	border-top: 2px solid #0972b4;
	color: #0972b4;
	text-shadow: none;
} 

.cl-effect-11 a::before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 10px 0;
	max-width: 0;
	border-bottom: 2px solid #fff;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
}

.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
	max-width: 100%;
}

/* Effect 12: circle */
.cl-effect-12 a::before,
.cl-effect-12 a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 2px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.cl-effect-12 a::after {
	width: 90px;
	height: 90px;
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}

/* Effect 13: three circles */
.cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-13 a::before {
	position: absolute;
	top: 100%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
	color: #ba7700;
}

/* Effect 14: border switch */
.cl-effect-14 a {
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
}

.cl-effect-14 a::before,
.cl-effect-14 a::after {
	position: absolute;
	width: 45px;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	pointer-events: none;
}

.cl-effect-14 a::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

.cl-effect-14 a::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
	opacity: 1;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-moz-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%);
}

.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	-moz-transform: rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%);
}

/* Effect 15: scale down, reveal */
.cl-effect-15 a {
	color: rgba(0,0,0,0.2);
	font-weight: 700;
	text-shadow: none;
}

.cl-effect-15 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}

/* Effect 16: fall down */
.cl-effect-16 a {
	color: #6f8686;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.cl-effect-16 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}

/* Effect 17: move up fade out, push border */
.cl-effect-17 a {
	color: #10649b;
	text-shadow: none;
	padding: 10px 0;
}

.cl-effect-17 a::before {
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Effect 18: cross */
.cl-effect-18 {
	position: relative;
	z-index: 1;
}

.cl-effect-18 a {
	padding: 0 5px;
	color: #b4770d;
	font-weight: 700;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-18 a::before,
.cl-effect-18 a::after {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
	background: #b4770d;
	content: '';
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-18 a::before {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
}

.cl-effect-18 a::after {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
}

.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
	color: #fff;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
	opacity: 0.7;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Effect 19: 3D side */
.cl-effect-19 a {
	line-height: 2em;
	margin: 15px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	width: 200px;
}

.cl-effect-19 a span {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 14px;
	background: #e35041;
	-webkit-transition: -webkit-transform 0.4s, background 0.4s;
	-moz-transition: -moz-transform 0.4s, background 0.4s;
	transition: transform 0.4s, background 0.4s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -100px;
	-moz-transform-origin: 50% 50% -100px;
	transform-origin: 50% 50% -100px;
}

.csstransforms3d .cl-effect-19 a span::before {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #b53a2d;
	content: attr(data-hover);
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	transition: background 0.4s;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	transform-origin: 0 50%;
	pointer-events: none;
}

.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
	background: #b53a2d;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

.csstransforms3d .cl-effect-19 a:hover span::before,
.csstransforms3d .cl-effect-19 a:focus span::before {
	background: #ef5e50;	
}

/* Effect 20: 3D side */
.cl-effect-20 a {
	line-height: 2em;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
}

.cl-effect-20 a span {
	position: relative;
	display: inline-block;
	padding: 3px 15px 0;
	background: #587285;
	box-shadow: inset 0 3px #2f4351;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	transition: background 0.6s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.cl-effect-20 a span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #2f4351;
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none;
}

.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
	background: #2f4351;
}

.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
	-webkit-transform: rotateX(10deg);	
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg);
}

/* Effect 21: borders slight translate */
.cl-effect-21 a {
	padding: 10px;
	color: #237546;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-21 a::before,
.cl-effect-21 a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
	color: #fff;
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

@font-face {
	font-family: 'ecoicon';
	src:url('icons/ecoicon.eot');
	src:url('icons/ecoicon.eot?#iefix') format('embedded-opentype'),
		url('icons/ecoicon.woff') format('woff'),
		url('icons/ecoicon.ttf') format('truetype'),
		url('icons/ecoicon.svg#ecoicon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 4px 4px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: 'ecoicon';
	speak: none;
	font-size: 48px;
	line-height: 50px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon-mobile:before {
	content: "\e009";
}

.hi-icon-screen:before {
	content: "\e00a";
}

.hi-icon-earth:before {
	content: "\e002";
}

.hi-icon-support:before {
	content: "\e000";
}

.hi-icon-search:before {
    font-family:'FontAwesome';
    font-size:medium;
	content: "\f002";
}

.hi-icon-locked:before {
	content: "\e001";
}

.hi-icon-cog:before {
	content: "\e003";
}

.hi-icon-clock:before {
	content: "\e004";
}

.hi-icon-videos:before {
	content: "\e005";
}

.hi-icon-list:before {
	content: "\e006";
}

.hi-icon-refresh:before {
	content: "\e007";
}

.hi-icon-images:before {
	content: "\e008";
}

.hi-icon-pencil:before {
	content: "\e00b";
}

.hi-icon-link:before {
	content: "\e00c";
}

.hi-icon-mail:before {
	content: "\e00d";
}

.hi-icon-location:before {
	content: "\e00e";
}

.hi-icon-archive:before {
	content: "\e00f";
}

.hi-icon-chat:before {
	content: "\e010";
}

.hi-icon-bookmark:before {
	content: "\e011";
}

.hi-icon-user:before {
	content: "\e012";
}

.hi-icon-contract:before {
	content: "\e013";
}

.hi-icon-star:before {
	content: "\e014";
}

/* Effect 1 */
.hi-icon-effect-1 .hi-icon {	
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}

/* Effect 1a */
.hi-icon-effect-1a .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}

.hi-icon-effect-1a .hi-icon:hover:after {
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-ms-transform: scale(.75);
	transform: scale(.75);
	opacity: 1;
}

/* Effect 1b */
.hi-icon-effect-1b .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}

.hi-icon-effect-1b .hi-icon:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.hi-icon-effect-1b .hi-icon:hover:after {
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-ms-transform: scale(.75);
	transform: scale(.75);
	opacity: 1;
}

/* Effect 2 */
.hi-icon-effect-2 .hi-icon {
	color: #eea303;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.hi-icon-effect-2 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

/* Effect 2a */
.hi-icon-effect-2a .hi-icon:hover {
	color: #eea303;
}

.hi-icon-effect-2a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

/* Effect 2b */
.hi-icon-effect-2b .hi-icon:hover:after {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
	-moz-transition: -moz-transform 0.4s, opacity 0.2s;
	transition: transform 0.4s, opacity 0.2s;
}

.hi-icon-effect-2b .hi-icon:hover {
	color: #fff;
}

/* Effect 3 */
.hi-icon-effect-3 .hi-icon {
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.hi-icon-effect-3 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
}

/* Effect 3a */
.hi-icon-effect-3a .hi-icon {
	color: #f06060;
}

.hi-icon-effect-3a .hi-icon:hover {
	color: #fff;
}

.hi-icon-effect-3a .hi-icon:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

/* Effect 3b */
.hi-icon-effect-3b .hi-icon {
	color: #fff;
}

.hi-icon-effect-3b .hi-icon:hover {
	color: #f06060;
}

.hi-icon-effect-3b .hi-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.hi-icon-effect-3b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 4 */
.hi-icon-effect-4 .hi-icon {
	width: 92px;
	height: 92px;
	box-shadow: 0 0 0 4px rgba(255,255,255,1);	
}

.hi-icon-effect-4a .hi-icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-4 .hi-icon:before {
	line-height: 92px;
}

.hi-icon-effect-4 .hi-icon:after {
	top: -4px;
	left: -4px;
	padding: 0;
	z-index: 10;
	border: 4px dashed #fff;
}

.hi-icon-effect-4 .hi-icon:hover {
	box-shadow: 0 0 0 0 rgba(255,255,255,0);
	color: #fff;
}

/* Effect 4b */
.hi-icon-effect-4b .hi-icon:hover {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-4b .hi-icon:hover:after {
	-webkit-animation: spinAround 9s linear infinite;
	-moz-animation: spinAround 9s linear infinite;
	animation: spinAround 9s linear infinite;
}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.hi-icon-effect-5 .hi-icon:after {
	display: none;
}

.hi-icon-effect-5 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #702fa8;
	box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}

.hi-icon-effect-5a .hi-icon:hover:before {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

.hi-icon-effect-5b .hi-icon:hover:before {
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

.hi-icon-effect-5c .hi-icon:hover:before {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

.hi-icon-effect-5d .hi-icon:hover:before {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}

/* Effect 6 */
.hi-icon-effect-6 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-6 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #64bb5d;
}

.hi-icon-effect-6 .hi-icon:hover:before {
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
}

/* Effect 7 */
.hi-icon-effect-7 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;	
}

.hi-icon-effect-7 .hi-icon:hover {
	color: #fff;
}

.hi-icon-effect-7 .hi-icon:after {
	top: -8px;
	left: -8px;
	padding: 8px;
	z-index: -1;
	opacity: 0;
}

/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {
	box-shadow: 0 0 0 rgba(255,255,255,1);
	-webkit-transition: opacity 0.2s, box-shadow 0.2s;
	-moz-transition: opacity 0.2s, box-shadow 0.2s;
	transition: opacity 0.2s, box-shadow 0.2s;
}

.hi-icon-effect-7a .hi-icon:hover:after {
	opacity: 1;
	box-shadow: 3px 3px 0 rgba(255,255,255,1);
}

.hi-icon-effect-7a .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.hi-icon-effect-7a .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after {
	box-shadow: 3px 3px rgba(255,255,255,1);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	-moz-transition: opacity 0.2s, -moz-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.hi-icon-effect-7b .hi-icon:hover:after {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.hi-icon-effect-7b .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.hi-icon-effect-7b .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-effect-8 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.hi-icon-effect-8 .hi-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

/* Effect 9 */
.hi-icon-effect-9 .hi-icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-9 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

/* Effect 9a */
.hi-icon-effect-9a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}

.hi-icon-effect-9a .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(255,255,255,1);
	color: #fff;
}

/* Effect 9b */
.hi-icon-effect-9b .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

.hi-icon-effect-9b .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(255,255,255,0.4);
	color: #fff;
}










/**********Customized************/

.hi-icon-mini
{
    width: 40px !important;
	height: 40px !important;
}

.hi-icon-mini:before
{
    font-size: 30px;
    line-height: 40px;
}

.hi-icon-tiny:before
{
    font-size: 20px;
    line-height: 30px;
}

.hi-icon-eventiny:before
{
    font-size: 15px;
}

.hi-icon-tiny
{
    width: 30px;
	height: 30px;
}

.btn-hiPrim
{
    color: #3071a9;
}

.btn-hiPrim:hover {
	
}

.hi-inline{
    display:inline-block;
}

.hi-prim-blueBox a:hover:before {
    color:white;    
}

.hi-prim-blueBox:hover {
    background-color:#3071a9;
}

.hi-prim-blueBox {
    color:white;
    background-color:#5cacdf;
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffcd70;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f4bb51;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999999;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon i {
  cursor: pointer;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-size: 13px;
  line-height: 1.42857143;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 0px 5px;
}

.bootstrap-dialog {

}
.bootstrap-dialog .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.bootstrap-dialog .bootstrap-dialog-title {
    color: #fff;
    display: inline-block;
}
.bootstrap-dialog.type-default .bootstrap-dialog-title {
    color: #333;
}
.bootstrap-dialog .bootstrap-dialog-title {
    font-size: 16px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-title {
    font-size: 24px;
}
.bootstrap-dialog .bootstrap-dialog-close-button {
    float: right;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.bootstrap-dialog .bootstrap-dialog-close-button {
    font-size: 20px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
    font-size: 30px;
}
.bootstrap-dialog .bootstrap-dialog-close-button:hover {
    cursor: pointer;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.bootstrap-dialog .bootstrap-dialog-message {
    font-size: 14px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-message {
    font-size: 18px;
}
.bootstrap-dialog.type-default .modal-header {
    background-color: #fff;
}
.bootstrap-dialog.type-info .modal-header {
    background-color: #5bc0de;
}
.bootstrap-dialog.type-primary .modal-header {
    background-color: #428bca;
}
.bootstrap-dialog.type-success .modal-header {
    background-color: #5cb85c;
}
.bootstrap-dialog.type-warning .modal-header {
    background-color: #f0ad4e;
}
.bootstrap-dialog.type-danger .modal-header {
    background-color: #d9534f;
}
.bootstrap-dialog .bootstrap-dialog-button-icon {
    margin-right: 3px;
}

/**
 * Icon animation
 * Copied from font-awesome: http://fontawesome.io/
 **/
.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
    0% {
    -moz-transform: rotate(0deg);
}
100% {
    -moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
    0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
    0% {
    -o-transform: rotate(0deg);
}
100% {
    -o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
    0% {
    -ms-transform: rotate(0deg);
}
100% {
    -ms-transform: rotate(359deg);
}
}
@keyframes spin {
    0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}
/** End of icon animation **/
@charset "utf-8";
/* CSS Document */

@import "https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css";

.more_size {
    max-width: 1216px;
    margin: 0 auto;
}


.p100Width {
    width: 100%
}

.pad5 {
    padding: 5px;
}

.btnblu {
    float: left !important;
    background: url(../img/icon-search-white.svg) no-repeat 15px center #456cd5;
    width: auto !important;
    height: 44px !important;
    padding: 15px 13px 14px 36px !important;
    font-size: 15px !important;
    letter-spacing: 0.1px !important;
    font-weight: 600 !important;
    color: #fff !important;
}

.grid-button {
    width: auto !important;
    height: auto !important;
    padding: 8px !important;
}

#orderValidationHeader .errors {
    width: 100%;
    padding-left: 0px;
}

.btn {
    white-space: nowrap;
}


.fancybox-close {
    top: 5px !important;
    right: 5px !important;
}


.btn-search {
    white-space: nowrap;
}

a {
    outline: none !important;
    transition: all 0.4s linear !important;
    -webkit-transition: all 0.4s linear !important;
    -moz-transition: all 0.4s linear !important;
    -o-transition: all 0.4s linear !important;
    -ms-transition: all 0.4s linear !important;
}

.site-header {
    padding: 30px 0px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
    padding-top: 36px;
    padding-bottom: 34px;
    z-index: 99;
    position: relative;
}

.form-search input.search2 {
    border: 1px solid #C1C1C1;
    background-color: #fff;
    padding: 10px 2%;
    padding-left: 4%;
    width: 96%;
    background-image: url(../ContentZ/images/searchIcon.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-origin: content-box;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #a9a8a8;
    font-size: 14px;
    border-radius: 4px;
    margin: auto;
    height: 40px;
}


.embeddedServiceHelpButton .helpButton {
    left: 5px;
    right: unset !important;
}

.embeddedServiceSidebar.layout-docked .dockableContainer {
    left: 5px !important;
    width: 500px !important;
}

.embeddedServiceHelpButton .helpButton .uiButton, [embeddedservice-chatheader_chatheader-host], .embeddedServiceSidebarButton {
    background-color: #004C97 !important;
}

    .embeddedServiceHelpButton .helpButton .uiButton:hover, .embeddedServiceSidebarButton:not(:disabled):focus, .embeddedServiceSidebarButton:not(:disabled):hover {
        background-color: #275D8C !important;
    }

h2[embeddedService-chatHeader_chatHeader] {
    color: #fff;
}

.embeddedServiceSidebarMinimizedDefaultUI.helpButton {
    left: 5px !important;
    background-color: #004C97 !important;
    border: none;
}

.form-search input.search3 {
    border: 1px solid #dcdcdc;
    background-color: #f6f5f5;
    padding: 10px 2%;
    padding-left: 4%;
    width: 96%;
    background-repeat: no-repeat;
    background-position: center right;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #a9a8a8;
    font-size: 14px;
    border-radius: 3px;
    margin: auto;
}

.Notes {
    border: 1px solid #dcdcdc;
    padding: 12px 2%;
    width: 98%;
    background-repeat: no-repeat;
    background-position: center left;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #a9a8a8;
    font-size: 14px;
    border-radius: 5px;
}

.banner {
    position: relative;
}

.banner-box img {
    width: 100%;
}

.orders {
    position: absolute;
    width: 100%;
    bottom: 0%;
    background-color: rgba(255,255,255,0.8);
    z-index: 0;
}

.more_size-1 {
    max-width: 1140px;
    margin: 0 auto;
}

.orders ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .orders ul li a {
        color: #696969;
        display: block;
        padding: 10px 0px;
        padding-top: 21px;
        font-weight: normal;
    }

        .orders ul li a:hover img {
            opacity: 0;
            visibility: hidden;
        }


        .orders ul li a:hover, .orders ul li a:focus {
            cursor: pointer;
            background: #B9B9B9;
            text-decoration: none;
        }


    .orders ul li {
        float: left;
        width: 16%;
        text-align: center;
        margin: 0 auto;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        color: #696969;
        font-size: 16px;
        text-transform: uppercase;
    }

        .orders ul li a {
            color: #FF0000;
            position: relative;
        }

        .orders ul li p {
            line-height: 1.3;
        }

        .orders ul li img {
            margin-bottom: 15px;
            clear: both;
            transition: all 0.4s linear;
            -webkit-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            -ms-transition: all 0.4s linear;
        }

.section-1 {
    padding-top: 30px;
    position: relative;
    z-index: 0;
    /*	-webkit-box-shadow: 0px -1px 4px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -1px 4px -1px rgba(0,0,0,0.75);
	box-shadow: 0px -1px 4px -1px rgba(0,0,0,0.75);*/
}

    .section-1 h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: normal;
        color: #3a3a3a;
        font-size: 24px;
        border-bottom: 1px solid #dfdede;
        padding-bottom: 22px;
        margin-bottom: 40px;
    }

    .section-1 ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .section-1 ul li {
            font-family: 'Open Sans', sans-serif;
            font-weight: normal;
            color: #696969;
            font-size: 14px;
            line-height: 1.4;
            padding-bottom: 22px;
            margin-bottom: 22px;
            border-bottom: 1px solid #f6f5f5;
        }

            .section-1 ul li span {
                color: #cf0002;
            }

.footer_top {
    background: #000;
    text-align: center;
    padding: 30px 0px;
}

.footer_bottom {
    background: url(../ContentZ/images/footer-bg.png);
    background-repeat: no-repeat;
    padding: 30px 0px;
    padding-top: 6%;
    background-size: cover;
    padding-bottom: 10px;
}

    .footer_bottom p {
        font-size: 14px;
        color: #bbbbbb;
        line-height: 22px;
        font-family: 'Open Sans', sans-serif;
        margin-top: 20px;
    }

    .footer_bottom h2 {
        font-size: 28px;
        color: #bbbbbb;
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
    }

.footer_middle ul {
    margin: 0px;
    padding: 0px;
}

.footer_middle li {
    width: 99%;
    float: left;
    display: block;
    font-size: 16px;
    color: #bbbbbb;
    line-height: 1.6;
    font-weight: normal;
    margin-top: 0px;
    font-family: 'Open Sans', sans-serif;
    list-style: none;
}

.footer_middle a {
    color: #bbbbbb;
    text-decoration: none;
}

.color {
    color: #ce2026;
}

.footer_right ul {
    margin: 0px;
    padding: 0px;
}

.footer_right li {
    width: 48%;
    float: left;
    display: block;
    font-size: 16px;
    color: #bbbbbb;
    line-height: 24px;
    font-weight: normal;
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif;
}

.footer_right a {
    color: #bbbbbb;
}

.oncaremessage .bootstrap-dialog-title {
    color: black;
    font-weight: bold;
}

.oncaremessage .close:focus {
    outline: 0;
}

.oncaremessage .bootstrap-dialog-title {
    font-size: 14px;
}

.oncaremessage .close {
    margin-top: -4px !important;
    opacity: 1 !important;
    color: #C1C1C1 !important;
    font-size: 20px !important;
    padding-bottom: 1px !important;
    line-height: 22px;
    font-weight: 900 !important;
}

.oncaremessage .bootstrap-dialog-footer {
    text-align: center;
}

.oncaremessage .bootstrap-dialog-message {
    text-align: center;
    font-weight: bold;
}

.oncaremessage_left_withmargin .bootstrap-dialog-message {
    text-align: left;
    margin: 10px;
}

.modal .modal-header {
    background: transparent !important;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 10px;
}

.modal .modal-title {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.modal .close {
    color: #fff;
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 24px;
}

.modal .modal-content {
    border: 0px;
}

.modal label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #696969;
}

.modal .box-left {
    float: left;
    width: 20%;
    margin-right: 4%;
    padding-top: 7px;
}

.modal .box-right {
    float: right;
    width: 74%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #696969;
    line-height: 1.7;
}

.modal select {
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    float: left;
    padding: 5px 2%;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #696969;
    -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;
}

.modal input.text {
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    float: left;
    padding: 5px 2%;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #696969;
    -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;
}

.modal .modal-footer {
    border: 0px;
}

.box {
    clear: both;
    margin-bottom: 7px;
}

.modal input.submit {
    background: #0076a3;
    text-align: center;
    padding: 10px 0px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #fff;
    display: block;
    margin-top: 20px;
    width: 100%;
    border: 3px;
    border-radius: 0px;
}

    .modal input.submit:hover {
        background: #00364A;
    }

.modal div.btn-success {
    float: right;
    margin-bottom: 10px;
    background: none;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #696969;
    box-shadow: none;
    text-shadow: none;
    text-align: right;
    clear: both;
    display: block;
    width: 100%;
    cursor: pointer;
}

    .modal div.btn-success:focus, div.btn-success:hover {
        background: none !important;
        border-color: transparent !important;
        text-shadow: none;
        box-shadow: none;
        outline: none !important;
    }

.modal .glyphicon-collapse-up:before {
    content: normal;
}

.glyphicon-collapse-down:before {
    content: normal;
}

.modal .glyphicon-collapse-up:after {
    content: "-";
    font-weight: bold;
    margin-left: 7px;
}

.glyphicon-collapse-down:after {
    content: "+";
    font-weight: bold;
    margin-left: 7px;
}

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.caret1 {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.slide-out-div {
    padding: 20px;
    width: 250px;
    background: #f2f2f2;
    border: #29216d 2px solid;
}

#showmenu {
    display: none;
}

.menu-logo {
    display: none;
}

.section-2 {
    padding: 28px 0px;
}

.top_grey {
    background: #f0efef;
    border-bottom: 4px solid #d8d8d8;
}

    .top_grey .col-lg-9 {
        padding-left: 0px;
    }

    .top_grey .col-lg-3 {
        padding-right: 0px;
    }

.tab-menu-s ul {
    padding: 0px;
    margin: 0px;
    border-bottom: 0px;
    margin-bottom: -4px;
}

    .tab-menu-s ul li {
        border: 0px;
        margin: 0px;
        padding: 0px;
        border-right: 1px solid #d4d4d4;
    }

        .tab-menu-s ul li a {
            border: 0px;
            font-size: 12px;
            text-align: center;
            padding: 13px 15px;
            border-radius: 0px;
            color: #696969;
            margin: 0px;
            border-bottom: 4px solid #f0efef;
        }

        .tab-menu-s ul li.active a {
            border: 0px;
            color: #fff;
            margin: 0px;
        }

        .tab-menu-s ul li a:hover {
            color: #fff;
        }


        .tab-menu-s ul li.tab-blue a {
            border-bottom: 4px solid #00adef;
        }

            .tab-menu-s ul li.tab-blue a:hover, .tab-menu-s ul li.tab-blue a:focus {
                background: #00adef;
            }


        .tab-menu-s ul li.tab-red a {
            border-bottom: 4px solid #ff5300;
        }

            .tab-menu-s ul li.tab-red a:hover, .tab-menu-s ul li.tab-red a:focus {
                background: #ff5300;
            }


        .tab-menu-s ul li.tab-green a {
            border-bottom: 4px solid #8cc600;
        }

            .tab-menu-s ul li.tab-green a:hover, .tab-menu-s ul li.tab-green a:focus {
                background: #8cc600;
            }


        .tab-menu-s ul li.tab-orange a {
            border-bottom: 4px solid #00adef;
        }

            .tab-menu-s ul li.tab-orange a:hover, .tab-menu-s ul li.tab-orange a:focus {
                background: #00adef;
            }


        .tab-menu-s ul li.tab-blue.active a {
            background: #00adef;
            border-bottom: 4px solid #00adef;
        }

        .tab-menu-s ul li.tab-red.active a {
            background: #ff5300;
            border-bottom: 4px solid #ff5300;
        }

        .tab-menu-s ul li.tab-green.active a {
            background: #8cc600;
            border-bottom: 4px solid #8cc600;
        }

        .tab-menu-s ul li.tab-orange.active a {
            background: #00adef;
            border-bottom: 4px solid #00adef;
        }


        .tab-menu-s ul li.alpine {
            border-right: 0px solid #d4d4d4;
            font-size: 12px;
            color: #696969;
            padding-top: 13px;
            padding-left: 12px;
        }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    border: 0px;
}


ul.refresh {
    border-bottom: 0px;
    padding: 0px;
    margin: 0px;
    float: right;
}

    ul.refresh li a {
        color: #696969;
        font-size: 15px;
        border: 0px;
        border-radius: 0px;
        position: relative;
        text-align: center;
    }

        ul.refresh li a.reloads .glyphicon-refresh {
            opacity: 0;
            visibility: hidden;
            transition: all 0.2s linear !important;
            -webkit-transition: all 0.2s linear !important;
            -moz-transition: all 0.2s linear !important;
            -o-transition: all 0.2s linear !important;
            -ms-transition: all 0.2s linear !important;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0px auto;
            top: 15px;
            bottom: 0;
            vertical-align: middle;
        }

        ul.refresh li a.reloads .glyphicon-repeat {
            transition: all 0.2s linear !important;
            -webkit-transition: all 0.2s linear !important;
            -moz-transition: all 0.2s linear !important;
            -o-transition: all 0.2s linear !important;
            -ms-transition: all 0.2s linear !important;
        }


        ul.refresh li a.reloads:hover .glyphicon-refresh {
            opacity: 1;
            visibility: visible;
        }

        ul.refresh li a.reloads:hover .glyphicon-repeat {
            opacity: 0;
            visibility: hidden;
        }


        ul.refresh li a:hover {
            background: #5CB85C;
            color: #fff;
        }

    ul.refresh li.dropdown a {
        background: #f8f8f8;
        font-size: 14px;
        padding: 11px 22px;
        margin-right: 0px;
    }

        ul.refresh li.dropdown a:hover {
            background: #5CB85C;
            color: #fff;
        }

    ul.refresh li.dropdown .caret {
        border-top: 10px dashed;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        margin-left: 7px;
    }

    ul.refresh .fa {
        margin-right: 5px;
    }

.side-width {
    max-width: 1320px;
    margin: 0 auto;
}


.left-box {
    float: left;
    width: 84%;
}

.right_box {
    float: right;
}

.side-width .tab-content {
    padding-top: 10px;
}

.input-groups {
    float: left;
    margin-right: 2%;
}

    .input-groups.one {
        width: 35%;
    }

    .input-groups.two {
        width: 19%;
    }

    .input-groups.three {
        width: 40%;
    }

    .input-groups input.input-search {
        border: 1px solid #dcdcdc;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-right: 0px;
        width: 90%;
        padding: 9px 2%;
    }

    .input-groups input.qty {
        border: 1px solid #dcdcdc;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-right: 0px;
        width: 90%;
        padding: 9px 2%;
    }

    .input-groups span {
        background: #f0efef;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        padding: 12px 12px;
        font-size: 14px;
        position: absolute;
        border: 1px solid #dcdcdc;
        border-left: 0px;
        cursor: pointer;
    }

.addtoorderspan {
    background: #e30405;
    color: #fff;
    border: 0px;
    font-size: 14px;
}

    .addtoorderspan:hover {
        background: #5CB85C;
    }

.right_box .btn {
    padding: 8px 9px;
    font-size: 19px;
    margin-right: 7px;
}

.right_box .btn-group .btn {
    margin-right: 0px;
}

.right_box .btn-success {
    background: #8cc600;
}

    .right_box .btn-success:hover, .right_box .btn-success:focus {
        background: #449D44 !important;
    }

.right_box .btn-info {
    background: #028cc0;
}

    .right_box .btn-info:hover, .right_box .btn-info:focus {
        background: #31B0D5 !important;
    }



.right_box .btn .caret {
    margin-left: 7px;
    border-top: 10px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.right_box .dropdown-menu {
    right: 0px;
    left: initial;
}

.table-s {
    margin-top: 11px;
    background: #f8f8f8;
    margin-bottom: 30px;
}

    .table-s th {
        color: #696969;
        font-size: 14px;
        font-weight: bold;
        border: 1px solid #e7e7e7;
        padding: 10px 0.5%;
    }

    .table-s td {
        color: #696969;
        font-size: 13px;
        font-weight: 400;
        border: 1px solid #e7e7e7;
        padding: 10px 0.5%;
        height: auto !important;
    }


    .table-s span {
        padding: 5px;
        margin-right: 0.3%;
    }

.group-total {
    color: #494949;
    font-size: 14px;
    font-weight: 600;
}

.total {
    font-size: 20px;
    color: #028cc0;
}

span.hoverhighlight {
    padding: 0px;
}

    span.hoverhighlight a {
        padding: 0px 5px;
    }

        span.hoverhighlight a:hover {
            background-color: #fc7d4a;
            color: #fff !important;
        }

.input-grid {
    width: 100%;
    padding: 3px;
    font-size: 10px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -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;
    vertical-align: bottom;
}

td.totals {
    color: #8cc600;
}

.table-s .collapse.in {
    display: table-cell;
}



.table-s a {
    text-decoration: none;
}

.approve ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
}

    .approve ul li {
        display: inline-block;
        margin: 0px;
        margin-right: 1%;
        font-size: 14px;
        font-weight: normal;
        color: #696969;
    }

/*.approve span {
    color: #028cc0;
    font-weight: bold;
}*/

.approve .btn-primary {
    border-radius: 2px;
    font-size: 15px;
    background-color: #FF5300;
    border: 0px;
    padding-bottom: 9px;
}

    .approve .btn-danger:hover,
    .approve .btn-warning:hover,
    .approve .btn-primary:hover {
        background-color: #5CB85C;
    }

.right-side-menu {
    position: absolute;
    z-index: 1;
    right: 0px;
    background-color: #f6f5f5;
}

    .right-side-menu ul {
        padding: 0;
    }

.filter-left-align {
    padding-left: 15px !important;
    text-align: left !important;
}

.right-side-menu ul li {
    list-style: none;
    display: block;
    border-bottom: 1px solid #e4e5e5;
}

    .right-side-menu ul li:nth-last-child(1) {
        border: none;
    }

    .right-side-menu ul li > a {
        display: block;
        padding: 6px 8px;
        color: #9ea3a6;
    }

        .right-side-menu ul li > a:hover {
            color: #fff;
            background-color: #92d6ee;
        }

.right-vr-menu-wrap {
    position: relative;
}

.slide-ctrl {
    position: absolute;
    background-color: #f5ce7d;
    color: #fff;
    padding: 20px 4px;
    left: -13px;
    top: 164px;
}

.btn-our-green {
    background-color: #8cc152;
    padding: 5px 10px;
    color: #fff;
}

    .btn-our-green:hover {
        color: #fff;
    }

.double-drop {
    color: #556066;
}

.our-label-orange {
    background-color: #f6bb42;
    padding: 5px;
    font-size: 12px;
}


/*.right-side-menu ul li:nth-child(1), .right-side-menu ul li:nth-child(5) {
    border-left: 3px solid #4cb9d4;
}


.right-side-menu ul li:nth-child(2), .right-side-menu ul li:nth-child(6) {
    border-left: 3px solid #FDB049;
}

.right-side-menu ul li:nth-child(3), .right-side-menu ul li:nth-child(7) {
    border-left: 3px solid #6cc8a2;
}

.right-side-menu ul li:nth-child(4), .right-side-menu ul li:nth-child(8) {
    border-left: 3px solid #fc7d4a;
}*/

.white {
    background: #fff;
}

.grey-color {
    background-color: #E8E8E8;
}

.icons-1 {
    float: right;
}

    .icons-1 a.warning {
        color: #ffbe00;
        border: 1px solid #ffbe00;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        margin-right: 4px;
        padding: 4px 7px;
    }

    .icons-1 a.google {
        color: #fff;
        background: #028cc0;
        border-radius: 3px;
        text-align: center;
        display: inline-block;
        padding: 4px;
    }

    .icons-1 a:hover {
        background: #FC7D4A;
        color: #fff;
    }

.mobile-text, .mobile-text1 {
    display: none;
}

.grey-color .form-control {
    margin-bottom: 16px;
}

.inner .logo {
    padding-left: 0px;
}

.inner .navigation {
    padding-right: 0px;
    padding-top: 4px;
}

span.total-mobile-text1 {
    display: none;
}

.table-s a.product-hover:hover {
    background: #FC7D4A;
    color: #fff;
}



@media (min-width:1240px) {
    .side-width {
        max-width: 1200px;
    }
}

@media (min-width:1350px) {
    .side-width {
        max-width: 1320px;
    }
}

@media (max-width:1200px) {

    .site-header .col-md-12 {
        text-align: center;
        margin-bottom: 20px;
    }

    .site-header {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .serch {
    }
}

@media (max-width: 768px) {
    .side-width {
        margin: unset;
    }

    .bannerNew {
        background-image: url("../Images/bgmobile.jpg") !important;
        background-size: cover !important;
    }

    .site-header .navbar-inverse {
        padding-top: 0px;
        margin: 0px;
    }

    .orders ul li {
        font-size: 13px;
    }

    .footer_bottom h2 {
        padding-top: 31px;
        clear: both;
        display: block;
    }

    .pull-left {
        float: none !important;
    }

    .left-box {
        float: left;
        margin-bottom: 10px;
    }

    .input-groups.two {
        width: 27%;
    }

    .icons-1 {
        float: right;
        padding-top: 9px;
    }

    .table-s th {
        font-size: 11px;
    }
}

@media (max-width: 1024px) {
    .site-header .fa {
        margin-right: 5px;
    }

    .inner .logo {
        padding: 0px 50px;
        padding-top: 10px;
        margin-bottom: 12px;
    }


    /* /Submenu */


    /* Cuando este a la Izq, para esconderlo posicionarlo a la Izq a -width */

    .left {
        left: -280px;
        transition: all 600ms ease-in !important;
        -webkit-transition: all 600ms ease-in !important;
        -moz-transition: all 600ms ease-in !important;
        -o-transition: all 600ms ease-in !important;
        -ms-transition: all 600ms ease-in !important;
    }

    .show {
        left: 0;
        transition: all 400ms linear !important;
        -webkit-transition: all 400ms linear !important;
        -moz-transition: all 400ms linear !important;
        -o-transition: all 400ms linear !important;
        -ms-transition: all 400ms linear !important;
    }

    .menu-logo {
        display: block;
        text-align: left;
        background: #fff;
        padding: 20px 0px;
        border-top: 1px solid #B7B7B7;
        padding-left: 20px;
    }

    .menu-height {
        overflow-y: hidden;
        transition: all 0.4s linear;
    }

        .menu-height:hover {
            overflow-y: scroll;
        }

    ::-webkit-scrollbar {
        -webkit-appearance: none !important;
        width: 4px !important;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px !important;
        background-color: rgba(148, 148, 148, 0.8) !important;
        box-shadow: 0 0 1px rgba(255,255,255,0.5) !important;
    }

    #showmenu {
        margin-left: 0%;
        position: absolute;
        top: 10px;
        padding: 2px 0px 7px 5px;
        font-size: 21px;
        color: #CF0900;
        -webkit-transition: all 8s ease;
        -moz-transition: all 8s ease;
        transition: all 8s ease;
        display: block;
    }

    #container {
        padding: 50px;
    }

    .site-header {
        padding: 0px;
    }

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

    [class^="icon-"] {
        color: #fff;
        border-radius: 5px;
        display: inline-block;
        padding: 6px 7px 7px;
        font-size: 18px;
        text-shadow: 1px 1px 2px #21638F;
        box-shadow: inset 0px 0px 0px #21638F;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        cursor: pointer;
        z-index: 10;
        position: relative;
    }

        [class^="icon-"]:hover {
            text-shadow: 0px 0px 0px #21638F;
            box-shadow: inset 0px 0px 2px #21638F;
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
        }





    .serch {
        position: absolute;
        top: 6px;
        right: 0;
        padding: 0px 8px;
        padding-top: 5px;
    }

    .form-search input.search2 {
        background-image: none;
    }

    .form-search input.search2 {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 250px;
    }
    /*.show #showmenu{
	margin-left:82%;
	top:3px;
}*/

    .mobile-text {
        display: block;
    }

    .desktop-text {
        display: none;
    }

    .print-s, .tab-menu-s ul li.alpine, .left-box, .right_box {
        display: none;
    }

    .top_grey .col-sm-12 {
        text-align: center;
        margin-bottom: 0px;
    }


    .table-s th {
        display: none;
    }

    .icons-1 {
        padding-top: 0px;
    }

    .table-s td.group-total {
        border: 0px solid #B9B9B9;
    }

    .table-s td.product-id, .table-s td.product-cost, .table-s td.product-tax, .table-s td.product-pack, .table-s td.product-pack {
        display: none !important;
    }


    .search.edit-html [class^="icon-"] {
        background: none;
        box-shadow: none;
        text-shadow: none;
        color: #8A8A8A;
    }
}

@media (max-width: 600px) {
    .orders {
        position: static !important;
        padding-top: 25px;
    }

        .orders ul li {
            width: 33% !important;
            margin-bottom: 20px;
        }
}

@media (max-width: 414px) {

    .serch .search.edit-html {
        top: -6px;
    }

    .approve ul {
        margin-top: 10px;
    }

    .side-width .tab-content {
        padding-top: 8px;
    }

    .banner-box {
        display: none;
    }

    .orders ul li {
        margin-bottom: 20px;
    }

    .section-1 ul li {
        list-style: 1.7;
    }

    .approve .btn-primary {
        border-bottom: 0px solid #05678d;
        font-size: 11px;
        padding: 3px 8px;
        padding-bottom: 6px;
        border-radius: 0px;
    }

    .approve ul li {
        font-size: 11px;
    }

    .top_grey .col-sm-12 {
        padding: 0px;
    }

    .tab-menu-s ul li a {
        font-size: 10px;
        padding: 10px 8px;
    }

    .table-s td.group-total {
        font-size: 12px;
    }

        .table-s td.group-total font {
            font-size: 9px !important;
        }

    .table-s span.total {
        font-size: 14px;
        color: #028cc0;
    }

    a.removing {
        font-size: 8px !important;
    }

    .table-s td.group-total {
        margin-top: 10px;
        display: block;
    }

    .mobile-text1 {
        display: block;
    }



    .table-s tr.greys, .table-s tr.white {
        margin: 0px;
        display: block;
        margin-bottom: 5px;
        margin-top: 5px;
        border: 1px solid #D6D6D6;
    }

    .table-s td {
        border: 0px;
    }

    .icons-1 a.google {
        display: none;
    }

    .table-s {
        background: none;
    }

        .table-s span {
            margin: 0px;
        }

        .table-s tr.white {
            position: relative;
        }

            .table-s tr.greys td, .table-s tr.white td {
                display: inline-block;
                width: 24%;
                text-align: center;
                padding-left: 1%;
                padding-right: 1%;
            }

                .table-s tr.greys td.product-vendor, .table-s tr.white td.product-vendor {
                    width: 48%;
                }

                .table-s tr.greys td.product-name, .table-s tr.white td.product-name {
                    margin: 0px;
                    display: inline-block;
                    width: 100%;
                    border-bottom: 1px solid #E0E0E0;
                    text-align: left;
                }

        .table-s tr.greys {
            background-color: #F8F8F8;
            position: relative;
        }

            .table-s tr.greys td.totals, .table-s tr.white td.totals {
                position: absolute;
                top: -14px;
                width: 30%;
                right: 38px;
                top: 1px;
            }

    .totalcol {
        display: inline;
    }

    span.total-mobile-text1 {
        display: inline;
    }
}

@media (max-width: 375px) {

    .table-s tr.greys td.totals, .table-s tr.white td.totals {
        width: 20%;
        top: -6px;
    }

    .approve ul li {
        margin-bottom: 11px;
    }

    a.removing {
        margin-left: 9%;
        display: block;
    }
}

@media (max-width: 329px) {
    .modal .box-right {
        width: 63%;
    }

    .modal .box-left {
        width: 32%;
    }

    .modal label {
        font-size: 11px;
    }

    .table-s tr.greys td, .table-s tr.white td {
        display: inline-block;
        width: 48%;
        text-align: center;
    }

    .tab-menu-s ul li a {
        font-size: 10px;
        padding: 10px 5px;
    }

    a.removing {
        margin-left: 9%;
    }


    .approve ul li {
        font-size: 11px;
        margin-bottom: 9px;
        width: 47%;
        text-align: center;
    }
}

@media (min-width:1025px) {
    .lgSup {
        float: right;
    }

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
        display: inline-block !important;
    }

    .main-navigation ul {
        margin: 0;
        text-indent: 0;
        padding: 0px;
    }

    .main-navigation li a, .main-navigation li {
        display: inline-block;
        text-decoration: none;
    }

        .main-navigation li a {
            text-shadow: none;
            font-size: 12px;
            text-transform: uppercase;
            color: #7b7b7b;
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            padding: 0px;
            margin-right: 8px;
            padding: 8px 0px;
            cursor: pointer;
        }

            .main-navigation li a.sign {
                font-weight: 300;
                margin-right: 0px;
                border: 1px solid #ce2026;
                padding-left: 15px;
                padding-right: 15px;
                white-space: nowrap;
            }

            .main-navigation li a:hover, .main-navigation li a:focus {
                color: #D20404;
            }

    .main-navigation li {
        position: relative;
    }

        .main-navigation li:last-child {
            margin-right: 0px;
        }

        .main-navigation li ul {
            margin: 0;
            padding: 0;
            position: absolute;
            top: 100%;
            z-index: 999;
            height: 1px;
            width: 1px;
            overflow: hidden;
            clip: rect(1px, 1px, 1px, 1px);
            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
            box-shadow: 0 6px 12px rgba(0,0,0,.175);
            border: 1px solid rgba(0,0,0,.15);
            text-align: left;
        }

            .main-navigation li ul ul {
                top: 0;
                left: 100%;
            }

    .main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation .focus > ul {
        border-left: 0;
        clip: inherit;
        overflow: inherit;
        height: inherit;
        width: inherit;
    }

    .main-navigation li ul li a {
        background: #fff;
        border-bottom: 1px solid #ededed;
        display: block;
        color: #7b7b7b;
        font-size: 13px;
        line-height: 2.181818182;
        padding: 8px 10px;
        padding-left: 15px;
        width: 270px;
        white-space: normal;
        cursor: pointer;
        margin: 0px;
    }

        .main-navigation li ul li a:hover, .main-navigation li ul li a:focus {
            background: #D20404;
            color: #fff;
        }

    .main-navigation li a.active {
        color: #D20404;
    }
}

@media (min-width:738px) {
    .site-header .fa {
        margin-right: 5px;
    }

    .search_box {
        display: none;
    }

    .icon-search {
        display: none;
    }

    input.sub {
        display: none;
    }
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.bannerNew {
    background-image: url("../ContentZ/images/background_new.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    text-align: center;
    display: table;
}

.unautherised-messange {
    font-size: 14px;
    text-align: center;
    margin-top: 20%;
    margin-bottom: 20%;
}

/* reset styles********** */
/*over ride  styles for bootstrap */
/* button no style */





.btn-nostyle {
    background: none !important;
}
/*Desktop Menu*/


#mobMenu {
    display: none;
}
/*End mobile menu*/


body {
    color: #767777;
    font-family: 'Open Sans', sans-serif;
}

.ui-widget {
    font-family: 'Open Sans', sans-serif !important;
}

a:hover {
    text-decoration: none;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}
/* second level menu inner pages */

.navbar-second {
    background-color: #f9f9f9;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid #e6e6e6;
}

    .navbar-second a {
        color: #80878b !important;
    }
/* ul.nav-second-inner > li:after { content: "|"; float: left; }*/

.round-menu-item {
    float: right !important;
}

.roundli {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #a4aaac;
    padding: 9px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-top: 4px;
    margin-right: 15px;
}

.round-menu-item > li > a {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #a4aaac;
    padding: 9px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-top: 4px;
    margin-right: 15px;
}

a.user {
    font-weight: bold;
    color: #556066;
    background-color: #efefef;
}
/* layout styles********** */

.left-menu {
    display: block;
    text-align: center;
    overflow: visible;
    max-width: 79px !important;
}

.left-nav ul {
    margin: 0;
    padding: 0;
}

.drp {
    position: relative;
}

    .drp:hover:after {
        content: url(../Images/Shape-382.png);
    }

    .drp:after {
        /*content: url(../Images/Shape-382.png);*/
        position: absolute;
        right: 0;
        bottom: -10px;
    }

.left-nav ul li {
    list-style-position: inside;
    list-style: none;
}

    .left-nav ul li a {
        display: block;
        padding: 0px;
        text-align: center;
        border-bottom: 1px solid #66c9ec;
    }

        .left-nav ul li a:hover {
            background-color: #48aed2;
        }

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

.top-nav {
    text-align: right;
}

    .top-nav ul li {
        display: inline-block;
        list-style: none;
        margin: 0 5px;
    }

.top-bar {
    padding: 10px 10px;
}

nav.top-nav ul li a {
    padding: 10px;
    color: #767777;
}

.ls-active {
    background-color: #fff;
}
/* Theme ***** */

.label {
    font: 600 10px / 18px OpenSans;
    color: #ffffff;
}

.assigned {
    background-color: #338cab;
}

.open {
    /*background-color: #6cc8a2;*/
}

.closed {
    background-color: #fc7d4a;
}

.entire-bg {
    overflow: hidden;
    overflow: hidden;
    /*background-color:#015A7A;*/
}

.main-content {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

.table-data {
    padding: 0;
}


.active > .bl:hover {
    background: #4fc1e9 !important;
}

.active > .bl {
    background: #4fc1e9 !important;
}
/* Second Menu */
/* Table style***** */

td.first-td span a {
    padding: 5px;
}

@media only screen and (max-width: 1024px) {
    td.first-td span a {
        padding: 2px;
    }

    .table-condensed {
        font-size: smaller !important;
    }

    ul.lvl2 li {
        border-left: 3px solid #08769a;
        margin-left: 20px !important;
    }

        ul.lvl2 li a {
            background-color: #f0eeef;
        }
    /* Force table to not be like tables anymore */

    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }
        /* Hide table headers (but not display: none;, for accessibility) */

        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    .no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        font-size: smaller;
        font-weight: 900;
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 36%;
        white-space: normal;
        text-align: left;
    }

    .no-more-tables td {
        /* Behave  like a "row" */
        font-size: smaller;
        font-weight: 900;
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 36%;
        white-space: normal;
        text-align: left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    .no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    /*
    Label the data
    */

    #no-more-tables td:before {
        content: attr(data-title);
    }

    .no-more-tables td:before {
        content: attr(data-title);
    }

    .no-header td {
        padding-left: 10px !important;
    }

        .no-header td:before {
            display: none;
        }
}

@media (min-width: 970px) {
    .left-menu {
        width: 5% !important;
    }

    .main-content {
        background-color: white;
        width: 95% !important;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center center;
    }
}

.left-nav:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 60%;
    background-color: #5f6673;
}

.filter-wrap {
    padding: 20px;
}

form.filter input {
    display: inline-block;
    float: left;
}

.neg2left {
    margin-left: -2px;
}

.input-small {
    border: 1px solid #c3c3c3;
    height: 37px;
    padding: 0 10px;
    width: 30%;
}

.filter-search {
    border-right: none;
    width: 90% !important;
}

.first-in {
    border-right: none;
}

.btn-search {
    background-color: #5cacdf;
    color: #fff;
    border: none;
    padding: 0 15px;
    height: 37px;
}

.green {
    background-color: rgba(80, 190, 144, 0.84);
}

.button-export:active {
    box-shadow: 0 1px 0 #55ab88;
    transform: translateY(1px);
}

.button-export:hover,
.button-export:visited {
    color: #fff;
    text-decoration: none !important;
}

span.under-text,
span.under-number {
    font-size: 12px;
    font-style: italic;
    color: #c3c3c3;
    padding-left: 20px;
}

span.under-number {
    padding-left: 0;
}

a.t-number {
    margin-right: 5px;
}

#demo-2 input[type=search] {
    width: 15px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
}

    #demo-2 input[type=search]:hover {
        background-color: #fff;
    }

    #demo-2 input[type=search]:focus {
        width: 130px;
        padding-left: 32px;
        color: #000;
        background-color: #fff;
        cursor: auto;
    }

#demo-2 input:-moz-placeholder {
    color: transparent;
}

#demo-2 input::-webkit-input-placeholder {
    color: transparent;
}
/*
    for small screens
    */

@media screen and (max-width: 767px) {
    ul.lvl2 li {
        border-left: 3px solid #08769a;
        margin-left: 20px !important;
    }

        ul.lvl2 li a {
            background-color: #f0eeef;
        }

    .table-data {
        margin-top: 5px;
    }

    .table-bordered {
        border: none;
    }

    #no-more-tables tr {
        margin-bottom: 2px;
    }

    .no-more-tables tr {
        margin-bottom: 2px;
    }

    .slide {
    }

    .off-menu-wrap {
    }

    .off-content-wrapper {
        position: relative;
        overflow: hidden;
    }

    .l2 {
        position: absolute;
    }
}

.res-topbar {
    padding: 15px;
}


.nav-tabs,
.nav-pills {
    position: relative;
}

.tab-drop {
    padding: 0;
}

.table-condensed > tbody > tr > td {
    padding: 5px 10px;
}


.nav-tabs > li > a:active {
    box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.43);
}


/* Buzz Out */

@keyframes hvr-buzz-out {
    10% {
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        transform: translateX(1px) rotate(0);
    }

    100% {
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

    .hvr-buzz-out:hover,
    .hvr-buzz-out:focus,
    .hvr-buzz-out:active {
        animation-name: hvr-buzz-out;
        animation-duration: 0.75s;
        animation-timing-function: linear;
        animation-iteration-count: 1;
    }

/*.table-striped > tbody > tr:hover
{
    background-color: #F1F1F1 !important;
}*/
/* Inner page styles */

.order-details {
    margin: 15px 0;
    padding-left: 15px;
}

    .order-details h4,
    .order-status,
    .item-order-numer,
    .item-orderd,
    .item-listed {
        float: left;
    }

    .order-details h4 {
        margin-right: 10px;
    }

.order-status {
    margin: 6px 20px 0 20px;
}

.item-order-numer {
    margin-top: 3px;
    overflow: hidden;
}

.order-status span.label-text {
    color: #ccced0;
}

.item-orderd span,
.item-listed span {
    font-weight: bolder;
    font-size: medium;
}

.item-listed span {
    color: #8cc152;
}

.item-orderd span {
    color: #4fc1e9;
}

.item-orderd,
.item-listed {
    padding: 2px 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #556066;
    font-size: smaller;
    margin-right: 2px;
    margin-top: 4px;
}

/* list action panel*/

.table-action-panel {
    margin: 15px 0 15px 10px;
}

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

.btn-drop-gray {
    background-color: #e3e3e3;
}

.drop-left {
    width: 350px;
    text-align: left;
}

.item-count {
    width: 60px !important;
}
/* Table */

.stage-width {
    width: 100%;
    overflow: auto;
}

.total-table-width {
    width: 2000px;
}

td.first-td span {
    margin-right: 2px;
}

span.hoverhighlight a:hover {
    background-color: #fc7d4a;
    color: #fff !important;
    border-radius: 3px;
}

td.first-td span a {
    color: #80878b !important;
}

.actions-drop {
    margin-left: 20%;
}

.sroll-right-arrow {
    position: absolute;
    right: -1px;
    bottom: -9px;
}
/* table right menu*/

.tab-content {
    position: relative;
}

.right-side-menu {
    position: absolute;
    z-index: 1;
    right: -1px;
    background-color: #f6f5f5;
}

    .right-side-menu ul {
        padding: 0;
    }


        .right-side-menu ul li {
            list-style: none;
            display: block;
            border-bottom: 1px solid #e4e5e5;
        }

            .right-side-menu ul li:nth-last-child(1) {
                border: none;
            }

            .right-side-menu ul li > a {
                display: block;
                padding: 15px 13px;
                color: #9ea3a6;
            }

                .right-side-menu ul li > a:hover {
                    color: #fff;
                    background-color: #92d6ee;
                }

.right-vr-menu-wrap {
    position: relative;
}

.slide-ctrl {
    position: relative;
    background-color: #f5ce7d;
    color: #fff;
    padding: 20px 5px;
    left: -15px;
    top: 200px;
}

.btn-our-green {
    background-color: #8cc152;
    padding: 5px 10px;
    color: #fff;
}

    .btn-our-green:hover {
        color: #fff;
    }

.double-drop {
    color: #556066;
}

.our-label-orange {
    background-color: #f6bb42;
    padding: 5px;
    font-size: 12px;
}

.table tr > td.table-icon-arrow {
    position: relative;
    user-select: none;
}

    .table tr > td.table-icon-arrow[data-target]:before {
        cursor: pointer;
        position: absolute;
        left: 15px;
        font-family: 'Glyphicons Halflings';
        font-size: 12px;
        display: block;
        content: '\e114';
        color: #80878b;
        user-select: none;
    }

.collapse-table-content {
    display: none;
}

.collapse-table-content.active {
    display: table-row;
}


.warning-icon-procurement-problems-shake {
    animation-name: shakeIcon;
    animation-duration: 0.1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    color: orangered !important;
    font-size: 15px !important;
}

div#warning-icon-container {
    display: inline-block;
    width: 15px;
    animation: icon-opacity 2s 500ms infinite forwards, icon-opacity-2 1s 1.5s infinite forwards;
}

i#warning-icon-procurement-problems {
    transition: font-size 0.3s;
    color: #f0ad4e;
    
}

@keyframes icon-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.30000001192092896;
    }
}

@keyframes icon-opacity-2 {
    from {
        opacity: 0.30000001192092896;
    }

    to {
        opacity: 1;
    }
}


@keyframes shakeIcon {
    from{
        transform: rotate(7deg);
    }
    to {
        transform: rotate(-7deg);
        transform-origin: center;
    }
}
.catalog-mobile-close {
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}

.imsgLoader {
    position: absolute;
    top: 35%;
    left: calc(50% - 20px)
}

.catalog-deleting {
    position: absolute;
    opacity: .5;
    background-color: black;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 2;
}

.tiny-pack-select {
    width: 40px !important;
    height: 24px !important;
}

.overlay-full {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1002;
}

    .overlay-full .overlay-close {
        position: absolute;
        top: 0px;
        left: 0px;
        background: white;
        height: 60px;
        width: 100%;
    }

    .overlay-full button {
        margin: 10px;
        height: 40px;
        width: 100px;
        padding: 0px;
    }

    .overlay-full iframe {
        width: 100%;
        height: 100%;
        border: none
    }


.red {
    color: red;
}

.item-special {
    background-color: lightgray
}

.multi-pack {
    max-width: 20px;
    margin-left: 15px;
}

.oncare-draggable .modal-header.bootstrap-dialog-draggable {
    cursor: move;
}

.light-bg-prd {
    background: rgba(196, 196, 196, 0.1);
    /*border-bottom: #C4C4C4 solid 1px;*/
}

.light-brd-prd {
    /*border-bottom: #C4C4C4 solid 1px;*/
}

.marg7 {
    margin: 7px;
}

.left-20-pad {
    padding-left: 20px !important;
}

.hgt30 {
    height: 30px;
    border-top: 1px solid #cacaca;
    border-bottom: none !important;
}

.width-200 {
    width: 200px;
}

.no-border {
    border: none !important;
}

.text-ellipsis {
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}

.text-ellipsis-v2 {
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 2px;
}

.marg7 {
    margin: 7px;
}

.margin-10 {
    margin: 10px
}

.pad-5-left-right {
    padding-left: 5px;
    padding-right: 5px;
}

.pack-combo {
    margin-right: 5px;
    margin-left: 5px;
    width: 65px;
    height: 30px;
}

.smallB {
    height: 30px;
    font-size: small !important;
    padding: 5px;
    margin: 0px;
}

.slimC {
    padding: 2px;
    height: 28px;
}

.xMark {
    font-weight: bolder;
    font-style: italic;
    background-color: transparent;
}

.push-right-5 {
    padding-right: 5px;
}

.noflowellip, .tablexCell {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.validationscope_price::-webkit-input-placeholder {
    color: lightgrey !important;
    font-style: italic !important;
}

.validationscope_price::-moz-placeholder {
    color: lightgrey !important;
    font-style: italic !important;
}

.validationscope_price::-ms-placeholder {
    color: lightgrey !important;
    font-style: italic !important;
}

.validationscope_price::placeholder {
    color: lightgrey !important;
    font-style: italic !important;
}


.validationscope_moreinfo::-webkit-input-placeholder {
    color: lightgrey !important;
    font-style: italic !important;
}

.validationscope_moreinfo::-moz-placeholder {
    color: lightgrey !important;
    font-style: italic !important;
}

.validationscope_moreinfo::-ms-placeholder {
    color: lightgrey !important;
    font-style: italic !important;
}

.validationscope_moreinfo::placeholder {
    color: lightgrey !important;
    font-style: italic !important;
}


.allpointer {
    pointer-events: all !important;
}

/*Scroll bar starts*/
.x-scroll {
    overflow-x: auto;
}

no-x-scroll {
    overflow-x: hidden;
}

.y-scroll {
    overflow-y: auto;
}

.scrollContainer {
    padding-right: 8px !important;
}

::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important;
    padding-left: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3) !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,1) !important;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5) !important;
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255,0,0,0.4) !important;
    }

/*scroll bar ends*/


/*to disable all up down thingies in chrome*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.hight200 {
    height: 300px !important;
}

.no-floatimp {
    float: none !important;
}

.muiscrollable {
    overflow: auto;
    max-height: 375px;
}

.pad5 {
    padding: 5px;
}

.top10Margin {
    padding-top: 20px !important;
}

.smallImage {
    width: 50px;
    height: auto;
}

.initialText {
    text-align: center;
    margin: 10px;
    font-size: 14px;
    font-weight: 500
}

.item-number {
    display: block;
    padding: 10px 15px;
    background-color: #e8e8e8;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    line-height: 100%;
    color: #444;
}

.img15x15 {
    width: 15px;
    height: 15px;
}

.floatRight {
    float: right;
}

.dropdown-custom {
    background: #fff;
    position: absolute;
    z-index: 2000;
    border: 1px solid #ccc;
    border-top: none;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
}

.errored-new {
    border-color: red !important;
}

.top10 {
    margin-top: 10px;
}

.greenC {
    color: green;
}

.redC {
    color: red;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bolder;
}

.budgetIcon {
    margin-top: 2px;
    margin-right: 5px
}

.top5 {
    margin-top: 5px;
}

.pushRight {
    padding-right: 10px;
}

.down10 {
    margin-bottom: 10px;
}

.pushRight_M {
    margin-right: 10px;
}

.pushRight2 {
    padding-right: 16px;
}

.singlecol {
    width: 100%;
}

.mandattitle {
    color: red;
}

.c-invalid {
    border-color: red !important;
}

.simpleaddon {
    background-color: transparent;
    border: none;
}

.underlabel {
    float: right;
    font-size: x-small;
    color: lightgrey;
    padding-right: 2px;
    padding-top: 5px;
}

.max-220 {
    max-width: 220px !important;
}

.max-400 {
    max-width: 400px !important;
}

.sidelabel {
    font-size: xx-small;
    color: lightgrey !important;
    padding-left: 10px;
    padding-top: 23px;
    max-width: unset !important;
    position: absolute !important;
}


.ui-dialog-titlebar-close {
    outline: none !important;
}

.hideoverflow {
    overflow: hidden;
}

.onepx {
    height: 1px !important;
    display: list-item;
}

.sortindicator {
    margin: 0px !important;
    float: right;
    list-style: none;
    padding: 0px !important;
}

.oncaremessage button {
    outline: none !important;
}

.bigCheckBox {
    height: 24px !important;
    width: 24px !important;
}

.table input[type=checkbox] {
    height: 20px !important;
}

.smallpad {
    padding: 5px !important;
}

.tableFields {
    padding: 0px !important;
}

.widthTextBox {
    height: 23px !important;
    border-radius: 0px !important;
    border-color: initial;
    padding: 0px !important;
}

.pagination {
    margin: 5px 0px !important;
}

.liContainer ul {
    width: 100% !important;
    min-width: 100% !important;
}

.header .search-container-v2 .form-item.search .button {
    top: 16px;
}

.clickable {
    cursor: pointer;
}

.ui-dialog {
    z-index: 1002 !important;
}

.settingChk {
    width: auto !important;
    height: auto !important;
    padding: 0px !important;
    top: 0px !important;
}

.settingButton {
    float: right;
    margin-top: 5px;
    padding: 0px !important;
    height: auto !important;
    border: none !important;
}

.blue {
    color: blue;
}

.search-form .filters {
    max-height: unset !important;
}

.button:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.klu {
    padding-right: 15px;
    font-size: 17px;
    letter-spacing: -0.6px;
}

.orange {
    color: orange;
}

.green {
    color: green;
}

.yellow {
    color: yellow;
}

.approvetitle {
    color: #D20404;
    font-weight: bold;
}

.searchStatus {
    margin-left: 10px;
}

.input-full {
    border: 1px solid #c3c3c3;
    height: 37px;
    padding: 0px 0px 0 10px;
    margin: 5px 10px 5px 10px;
    width: 90%;
}

.smallAlert h4 {
    margin-top: 12px;
}

.smallAlert button {
    margin-top: 10px;
}

.smallAlert {
    padding-bottom: 0px;
    padding-top: 0px;
    height: 48px;
}

.ajax-loader {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    margin: auto;
}

.right-vr-menu {
    margin-bottom: 0px !important;
}

.search2::-ms-clear {
    display: none;
}

.form-control::-ms-clear {
    display: none;
}




.datepicker table tr td.markInRed,
.datepicker table tr td.markInRed:hover {
    color: red;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: lightgrey;
    cursor: default;
}

.k-scheduler-edit-form [data-container-for="start"] + .k-edit-label {
    display: none;
    /* Styles */
}

.k-scheduler-edit-form [data-container-for="end"] {
    display: none;
    /* Styles */
}

.busyButtonTextP {
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    display: inline;
    padding-left: 5px;
}

.clearable {
    background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
    border-radius: 3px;
    transition: background 0.4s;
}

    .clearable.x {
        background-position: right 5px center;
    }

    .clearable.onX {
        cursor: pointer;
    }


.inline {
    display: inline !important;
}

.dropdown-menu > li > a {
    white-space: normal;
    /*padding: 3px 15px;*/
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 5px 4px;
    font-size: 11px;
}

.top_grey {
    height: 47px;
}

.alert {
    margin-bottom: 0px;
}

.group-total .fa-minus {
    margin-right: 5px;
}

.grdProcess {
    margin-top: 4px;
}

.modal-dialog {
    z-index: 1040;
}

.btn-325 {
    width: 325px !important;
}

.input-group-addon {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.btnW {
    width: 177px;
    height: 42px;
}

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

.btn-success {
    background-color: #449d44;
}

.btn-warning {
    background-color: #efb61c;
}

.form-control {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    font-size: 11px !important;
}

.text-input .clearable, .sselect {
    font-size: 13px !important;
}


.borderBottom {
    border-bottom: 1px solid #d8d8d8;
}

.inline {
    display: inline-block;
}

.rightAlign {
    text-align: right;
}

.pushDown5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.pushRight {
    margin-right: 10px !important;
}

.pushLeft {
    margin-left: 10px !important;
}

.pushDown {
    margin-top: 10px !important;
}

.pushDown {
    margin-bottom: 10px !important;
}

.inventoryManageRightMessage {
    top: 40%;
    left: 20%;
    position: relative;
    text-overflow: ellipsis;
}

.needsSave {
}

.rowSelected {
    padding-left: 20px !important;
}

    .rowSelected:before {
        padding-right: 20px;
        content: "\f00c";
        position: absolute;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        left: 2px;
        padding-top: 1%;
    }

.table-bordered {
    border: 1px solid #F2F2F2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f7f7f7;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: white;
}

.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-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.table-bordered th {
    background-color: #F1F1F1;
    color: black;
}

.table-condensed .selectpicker {
    padding: 3px 5px;
    font-size: 10px;
}

.mvsmall {
    font-size: smaller !important;
}

.mfooter {
    position: fixed !important;
    bottom: 0px;
    background-color: white;
    height: 35px;
    width: 100%;
}

.effect7 {
    -moz-box-shadow: 0px -2px 1px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 0px -2px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px -2px 1px rgba(50, 50, 50, 0.75);
}

.comment-text {
    padding-top: 5px;
    padding-left: 5px;
}

.padleft10 {
    padding-left: 10px;
}


.summary-dialog {
}

.oc-catalog-popup .modal-dialog {
    width: 98%;
    height: 98%;
}

.oc-catalog-popup-detail .modal-dialog {
    width: 98%;
    max-width: 1500px;
    height: 98%;
}

.support .modal-dialog {
    width: 1005px;
    height: 1005px;
}

.add-product-dialog .modal-dialog {
    width: 1005px;
    height: 1005px;
}

.summary-dialogB .modal-dialog {
    width: 1005px;
}

.summary-dialog .modal-dialog {
    width: 820px;
}

.summary-dialog-xxl .modal-dialog {
    width: 1120px;
}

.summary-dialog-xxxl .modal-dialog {
    max-width: 90%;
    width: 90%;
}

.confirmation-dialog .modal-dialog {
    width: 1500px;
}


.summary-dialogC .modal-dialog {
    width: 1200px;
}

.add-order-dialog .modal-dialog {
    max-width: 450px;
    height: 500px;
}

.add-order-dialog .modal-dialog iframe {
    max-width: 100%;
}

.add-invoice-dialog .modal-dialog {
    width: 425px;
    height: 500px;
}

.add-corder-dialog .modal-dialog {
    width: 925px;
    height: 500px;
}

.catalog-pricing-dialog .modal-dialog {
    width: 850px;
}

.modal {
    overflow: visible !important;
}

.modal-body {
    padding: 5px;
    /* overflow: auto !important; */
}


.slim {
    margin: 0px;
    padding: 0px;
}

.rightpush {
    padding-right: 3px;
}

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

body {
    overflow-x: hidden;
    font-size: 12px;
}

.table-bordered {
    background-color: white;
}

.hideOverflow {
    height: 30px;
}

.hideOverflow2 {
    overflow: hidden;
}
/*.hideOverflow
{    
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 320px;
}*/

.quickMenu ul li {
    display: inline-block;
    list-style: none;
    margin: 0 -2px;
}

.rightMrg5 {
    margin-right: 5px;
}

.rightPad5 {
    padding-right: 5px;
}

.one-edge-shadow {
    /*-webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;*/
}

.sortIndi {
    float: right;
    position: relative;
    height: 10px;
    width: auto;
    align-items: unset !important;
}

.quickmenu {
    margin: 0 auto;
    width: 123px;
    /*  -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-width: thin;
 border-style: solid;
    border-top: none;*/
    text-align: center;
}

.ui-dialog {
    padding: 0px !important;
}

.webui-popover {
    padding: 0px !important;
}

.webui-popover-title {
    background-color: #428bca !important;
    color: white;
}

/*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size:1.3em !important;
}*/

.ui-dialog-titlebar {
    background-image: none !important;
    background-color: white !important;
    color: black !important;
    border: none !important;
    border-radius: 0px !important;
}

.rotate-90n {
    -webkit-transform: rotateZ(-90deg) !important;
    -moz-transform: rotateZ(-90deg) !important;
    -ms-transform: rotateZ(-90deg) !important;
    -o-transform: rotateZ(-90deg) !important;
    transform: rotateZ(-90deg) !important;
}

.order-sidePanel {
    background-color: #fff;
    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);
    padding-right: 0px;
    padding-left: 0px;
}

.resizeMouse {
    cursor: move;
}

.nowrap th,
.nowrap td {
    white-space: nowrap;
}

.round5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.floatright {
    float: right;
}

.greenbg {
    background-color: green;
    color: white;
}

.drpSearch input {
    display: inline;
    margin: 4px;
    width: 85%;
}

.coltd div {
    overflow: hidden;
    white-space: nowrap;
}

.coltd span {
    overflow: hidden;
}

.drpSearch a {
    display: inline;
    margin: 4px;
    margin-right: 10px;
    margin-top: 10px;
    float: right;
}

.mobLabel {
    line-height: 22px;
}

.mob_totalcol {
    float: right;
    color: #4cae4c !important;
}

.totalcol {
    color: #4cae4c !important;
}

.btn-success-imp {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.drpSearch .ui-input-text,
.drpDwn .ui-input-text {
    display: inline;
}

.mobile-menu {
    max-height: 400px;
    right: 10px;
    left: auto;
    padding: 10px;
}

.mobile-context {
}

.right-menu {
    right: 10px;
    left: auto;
    top: 35px;
}

    .right-menu .row {
        margin: 5px;
    }

    .right-menu .item {
        margin-top: 0px;
        margin-bottom: 0px;
        vertical-align: middle;
        margin-left: 5px;
        margin-right: 5px;
    }

.context-menu ul {
}

.context-menu > li > a:hover {
    background: #4fc1e9;
    color: white;
}

.context-menu li {
}

.context-menu > li > a {
    color: #767777;
}

.col-md-offset-oneLeft {
    margin-left: 20px;
}

.col-md-offset-oneRight {
    margin-right: 20px;
}

.ui-loader {
    display: none;
}

.btn-search {
    margin: 0px 10px 10px 0px;
}

#mobileSearchContent {
    background: white;
    border: 1px solid #ccc;
    max-width: 200px;
}

/*Tree*/

.tree ul {
    padding-top: 20px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

    /*We will use ::before and ::after to draw the connectors*/

    .tree li::before, .tree li::after {
        content: '';
        position: absolute;
        top: 0;
        right: 50%;
        border-top: 1px solid #ccc;
        width: 50%;
        height: 20px;
    }

    .tree li::after {
        right: auto;
        left: 50%;
        border-left: 1px solid #ccc;
    }

    /*We need to remove left-right connectors from elements without 
any siblings*/
    .tree li:only-child::after, .tree li:only-child::before {
        display: none;
    }

    /*Remove space from the top of single children*/
    .tree li:only-child {
        padding-top: 0;
    }

    /*Remove left connector from first child and 
right connector from last child*/
    .tree li:first-child::before, .tree li:last-child::after {
        border: 0 none;
    }
    /*Adding back the vertical connector to the last nodes*/
    .tree li:last-child::before {
        border-right: 1px solid #ccc;
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0;
    }

    .tree li:first-child::after {
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0;
    }

/*Time to add downward connectors from parents*/
.tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 20px;
}

.tree li a {
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    /*Time for some hover effects*/
    /*We will apply the hover effect the the lineage of the element also*/
    .tree li a:hover, .tree li a:hover + ul li a {
        background: #4fc1e9;
        color: white;
        border: 1px solid #94a0b4;
    }
        /*Connector styles on hover*/
        .tree li a:hover + ul li::after,
        .tree li a:hover + ul li::before,
        .tree li a:hover + ul::before,
        .tree li a:hover + ul ul::before {
            border-color: #94a0b4;
        }

/*End tree*/



/*React tree*/


/* the tree node's style */
.tree-view {
    overflow-y: hidden;
}

.tree-view_item {
    /* immediate child of .tree-view */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
}

.tree-view_item_checkbox {
    margin-right: 3px !important;
    /* immediate child of .tree-view */
}

/* style for the children nodes container */
.tree-view_children {
    margin-left: 16px;
}

.tree-view_children_empty {
    margin-left: 8px;
}

.tree-view_children-collapsed {
    height: 0px;
}

.tree-view_arrow {
    cursor: pointer;
    margin-right: 6px;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .tree-view_arrow:after {
        content: '▾';
    }

/* rotate the triangle to close it */
.tree-view_arrow-collapsed {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.node-label {
    display: inline;
}

/*End react tree*/
.emailSpan {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 200px;
    display: block;
    overflow: hidden;
}

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

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

.input-grid-noborder {
    border: none !important;
    border-radius: 0px !important;
    height: 100% !important;
    padding-left: 2px !important;
}

    .input-grid-noborder :focus {
        border: none;
        box-shadow: none;
    }


.input-grid: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);
}

.input-grid {
    width: 100%;
    padding: 3px;
    font-size: 10px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -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;
    vertical-align: bottom;
}

.table-sCondensed .input-grid {
    padding: 0px;
}

.smallBox {
    width: 70px;
}

.smallerBox {
    width: 50px;
}

.input-big {
    border: 1px solid #c3c3c3;
    height: 37px;
    padding: 0 10px;
    width: 90%;
}

.search-full {
    width: 100%;
}


.tableFields {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.table-action-panel {
    margin: 15px 0px 0px 0px;
}


.nav-second-inner h4 {
    font-weight: bold;
}


.table-condensed > tbody > tr > td {
    padding: 3px 6px;
}


.table-sCondensed > tbody > tr > td {
    padding: 0px 0px;
}


.orderTopButton {
    float: left;
    display: inline-block;
    margin-left: 2px;
    margin-top: 0px;
    margin-right: 5px;
}

.bootstrap-select .bs-searchbox {
    margin-bottom: 5px;
}

.nopad {
    padding: 0px;
}

.bootstrap-select .open {
    background-color: white;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    position: absolute;
    left: 5px;
    margin-top: 5px;
}

body.modal-open-noscroll {
    margin-right: 0 !important;
    overflow: hidden;
}

.modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0 !important;
}

.bootstrap-select.btn-group .dropdown-menu li.selected .untick {
    display: none !important;
}

.bootstrap-select.btn-group .dropdown-menu li .untick {
    display: block !important;
}


.bootstrap-select.btn-group .dropdown-menu li.selected a span.check-mark {
    left: 5px;
}


/*drop downs will start wrapping so commenting this. and adding styles below.*/
/*.dropdown-menu {
    max-width:100%;
}*/
.dropdown-menu {
    font-size: 12px;
    width: auto;
}

.dropdown-header {
    font-weight: bolder;
    margin-left: 5px;
    padding-left: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    white-space: nowrap;
}

.comntWrap {
    background: #e1e4e5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 5px;
    border: #bbbbbb solid 1px;
    position: relative;
    color: #b3b3b3;
}

.comntimg {
    width: 56px;
    height: 56px;
    float: left;
    border: #c9ced0 solid 1px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.addBtn {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 20px 16px;
    position: absolute;
    right: 20px;
    background: #3079b6;
    border: #c5c6c7 solid 3px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    top: 24px;
}

.comntbg {
    background: #d9d9d9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    padding: 10px;
    position: relative;
    margin-left: 36px;
}

    .comntbg h2, .comntbg_02 h2 {
        font-size: 12px;
        font-weight: bold;
        margin: 0;
    }

.comntbg_02 {
    background: #999999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    padding: 10px;
    position: relative;
    margin-left: 10px;
    color: #fff;
}

.comntbx {
    float: right;
    width: 90%;
    margin-top: 25px;
}

.comntbxArrow {
    position: absolute;
    right: -9px;
    top: 22%;
    width: 9px;
    height: 19px;
    background: url(../images/arrow.png) no-repeat;
}

.comntbxLftArrow {
    position: absolute;
    left: -9px;
    top: 22%;
    width: 9px;
    height: 19px;
    background: url(../images/arrow_left.png) no-repeat;
}

.flotRt {
    float: right;
}

.flotLft {
    float: left;
}

.comntalig {
    margin-left: -13px;
}

.comntLine {
    background: url(../images/coment_line.gif) repeat-y 45.5% center;
    float: left;
    width: 1200px;
}

.comntCnter {
    width: 1200px;
    margin: auto;
}

.bg {
    float: left;
    height: 200px;
    width: 100%;
}

.main-content {
    border-left: #c4c6c5 solid 1px;
}

.entire-bg {
    background: #f0efef;
}
/*#menu-v li:nth-child(odd) {
    background: #2ba9ec;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2ba9ec), to(#0485ca));
background: -webkit-linear-gradient(#2ba9ec, #0485ca);
background: -moz-linear-gradient(#2ba9ec, #0485ca);
background: -ms-linear-gradient(#2ba9ec, #0485ca);
background: -o-linear-gradient(#2ba9ec, #0485ca);
background: linear-gradient(#2ba9ec, #0485ca);
-pie-background: linear-gradient(#2ba9ec, #0485ca);
}*/

.orderId {
    background: #f6f5f5;
    border: #e6e6e6 solid 1px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.comment-text {
    height: 56px;
    width: 100%;
    border-radius: 6px;
}

.ordertxt {
    font-weight: bold;
    margin-top: 4px;
    width: 50%;
    display: inline-block;
    margin-left: 7px;
    font-size: 20px;
}

.brderBtm {
    border-bottom: 0 !important;
}

.left-nav ul li a:hover {
    background: white;
    color: #48aed2;
}

.padngRt0 {
    padding-right: 0px;
}

.left-nav ul li a {
    border-bottom: #e1e1e1 solid 1px;
}

.lbclr {
    border-left: #4bb9d4 solid 3px;
}

.bclr1 {
    border-right: #4bb9d4 solid 3px;
}

.bclr2 {
    border-right: #efaa4d solid 3px;
}

.bclr3 {
    border-right: #6cc4a1 solid 3px;
}

.bclr4 {
    border-right: #f67c4c solid 3px;
}

.mainNav {
    height: 70px;
}

ul.l2 li {
    background-color: #f0eeef !important;
    padding: 10px;
}

    ul.l2 li a {
        color: #5A5A5A;
        padding: 10px !important;
        text-align: left;
    }


.table-condensed {
    font-size: small;
}











.selectpicker {
    font-weight: normal;
}



@media only screen and (max-width: 400px) {
    .right-side-menu ul li > a {
        padding: 5px;
    }

    .selectpicker {
        padding: 5px;
        font-size: 10px;
        font-weight: normal;
    }

    .nav-tabs {
        font-size: smaller;
    }

    .high {
        height: 30px !important;
    }

    .form-control {
    }

    .item-orderd,
    .item-listed {
        padding: 0px;
        color: #556066;
        font-size: smaller;
        margin-top: 0px;
    }


        .item-orderd span,
        .item-listed span {
            font-weight: bolder;
            font-size: small;
        }

    .h1, .h2, .h3, h1, h2, h3 {
        margin-bottom: 5px;
    }


    .emailSpan {
        width: 140px;
    }

    .input-small {
        width: 60%;
    }

    .open {
        background-color: transparent;
    }

    .mobile-context {
        display: block;
    }

    .col-md-offset-oneLeft {
        margin-left: 0px;
    }

    .col-md-offset-oneRight {
        margin-right: 0px;
    }
}

.fileUpload {
    position: relative;
    overflow: hidden;
    background-color: #456cd5;
    color: white;
}

    .fileUpload:hover {
        background-color: #658cf5;
        color: white;
    }

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.productinfo-label {
    margin-left: 15px;
    margin-bottom: 20px;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.conversioninfo-dropdown {
    width: auto;
    min-width: 30%;
    margin-bottom: 10px;
}

.conversioninfo-dropdownbig {
    width: auto;
    min-width: 30%;
    margin-bottom: 20px;
}

.packRows {
    margin-bottom: 10px;
}

.bcnewstyle {
    list-style: none;
    overflow: hidden;
    font: 13px Helvetica, Arial, Sans-Serif;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    padding: 0px;
    border: none !important;
    background: none !important;
}

    .bcnewstyle li {
        text-decoration: underline;
        float: left;
    }

        .bcnewstyle li a {
            color: white;
            text-decoration: none;
            padding: 10px 0 10px 65px;
            background: #5cb85c; /* fallback color */
            position: relative;
            display: block;
            float: left;
            margin-left: -1px;
            padding-right: 10px;
            border: solid thin #5cb85c;
        }

            .bcnewstyle li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid #5cb85c;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            .bcnewstyle li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 2px;
                left: 100%;
                z-index: 1;
            }

            .bcnewstyle li a:hover, .bcnewstyle li a:focus {
                color: blue;
            }


@media screen and (max-width: 500px) {
    .comments-block .add-comment textarea {
        height: 50px !important;
    }
}




/*New Control styles*/
.editPOheader {
    padding: 10px 15px 10px 15px;
    font-size: 16px;
    font-weight: 600;
}

.ctrl-np {
    height: 36px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #979797;
    font-size: 13px;
    transition: all 300ms;
    width: 100%;
}

    .ctrl-np :focus {
        outline: none;
        border-color: #000;
    }

    .ctrl-np input[type="text"] {
        width: 200px;
    }

    .ctrl-np select {
        width: 117px;
        font-weight: 600;
    }



.saving {
    width: 160px;
    padding-left: 22px;
}

    .saving:before {
        content: '';
        position: absolute;
        display: block;
        top: calc(50% - 10px);
        left: 15px;
        width: 28px;
        height: 21px;
        background: url("/ContentZ/images/icon-saving.svg") no-repeat 0 0;
        background-size: 28px 21px;
        -webkit-animation: spin 3s linear infinite;
        -moz-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

    .saving:hover,
    .saving:focus {
        background-color: #52a70e;
        cursor: not-allowed;
    }



<!--
/* @group Blink */
.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
}

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

    50% {
        opacity: 1;
    }

    50.01% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

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

    50% {
        opacity: 1;
    }

    50.01% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

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

    50% {
        opacity: 1;
    }

    50.01% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

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

    50% {
        opacity: 1;
    }

    50.01% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes blinkText {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}


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

    50% {
        opacity: 1;
    }

    50.01% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
/* @end */


.DesKS {
    display: block !important;
}

.mobS {
    display: none !important;
}

@media (max-width: 1024px) {
    .DesKS {
        display: none !important;
    }

    .mobS {
        display: inline !important;
    }
}




/*Tree*/

.treeX, .treeX ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .treeX ul {
        margin-left: 1em;
        position: relative;
    }

        .treeX ul ul {
            margin-left: .5em;
        }

        .treeX ul:before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            border-left: 1px solid;
        }

    .treeX li {
        margin: 0;
        padding: 0 1em;
        line-height: 2em;
        color: #369;
        font-weight: 700;
        position: relative;
    }

    .treeX ul li:before {
        content: "";
        display: block;
        width: 10px;
        height: 0;
        border-top: 1px solid;
        margin-top: -1px;
        position: absolute;
        top: 1em;
        left: 0;
    }

    .treeX ul li:last-child:before {
        background: #fff;
        height: auto;
        top: 1em;
        bottom: 0;
    }

.indicator {
    margin-right: 5px;
}

.treeX li a {
    text-decoration: none;
    color: #369;
}

.treeX li button, .treeX li button:active, .treeX li button:focus {
    text-decoration: none;
    color: #369;
    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}



.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

        .wizard .nav-tabs li {
            margin-bottom: 0px !important;
        }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

    span.round-tab i {
        color: #555555;
    }

    span.round-tab i {
        margin-top: 17px;
    }


.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
}

    .wizard li.active span.round-tab i {
        color: #5bc0de;
    }

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}




/*** ACCORDION ***/

/* Header */
.accordion > div > div:first-of-type {
    padding: 1em;
    background-color: #8e8e8e;
    color: white;
    user-select: none;
    font-weight: 600;
    cursor: pointer;
    border-radius: 0.5em;
    box-shadow: 0 -10px 30px 2px rgba(0, 0, 0, 0.1) inset;
}

    .accordion > div > div:first-of-type:hover {
        background-color: #8e8e8e;
    }

/* Content */
.accordion > div > div:last-of-type {
    background-color: #f9f9f9;
    margin: 0 0.5em;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
}

/* Inner */
.accordion .accordion-item {
    padding: 1em;
    opacity: 0;
    transition: opacity 300ms ease;
    overflow: auto;
}


.accordion > div.open .accordion-item {
    opacity: 1;
    transition: opacity 700ms ease;
}

.accordion img.accordion-item {
    padding: 0;
    margin: 0;
    width: 100%;
}


/*Text  input*/
.text-input-error {
    position: absolute;
    right: 5px;
    top: 20px;
    color: firebrick;
}

    .text-input-error :hover {
        color: red;
    }


.text-input-error-2 {
    padding-left: 10px;
    color: firebrick;
}

    .text-input-error-2 :hover {
        color: red;
    }

.text-input {
    width: 100% !important;
    height: 56px !important;
    border-radius: 1px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #979797;
    transition: 0.3s background-color ease-in-out, 0.3s box-shadow ease-in-out;
}

.text-input-l {
    height: 82px !important;
}

.text-input.errored {
    background-color: rgba(178,34,34,0.5) !important;
}

.text-input:hover {
    background-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}

.text-input.active {
    background-color: #ffffff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
}

    .text-input.active select {
        padding: 24px 16px 8px 8px;
    }

    .text-input.active input {
        padding: 24px 16px 8px 10px;
    }

    .text-input.active textarea {
        padding: 24px 16px 8px 16px;
    }

.text-input.activeX textarea {
    padding: 10px 20px 8px 16px;
}

.text-input.activeX input {
    padding: 10px 20px 8px 10px;
}

.text-input.activeX textarea {
    padding: 10px 20px 8px 16px;
}
.text-input.activeX select {
    padding: 10px 20px 8px 8px;
}
.text-input.activeX label {
    display: none;
}

.text-input.active select + label {
    top: 4px;
    opacity: 1;
    color: grey;
}

.text-input.active input + label {
    top: 4px;
    opacity: 1;
    color: grey;
}

.text-input.active textarea + label {
    top: 4px;
    opacity: 1;
    color: grey;
}

.text-input.locked {
    pointer-events: none;
}

.text-input textarea {
    width: 100% !important;
    height: 100% !important;
    position: relative;
    padding: 0px 16px;
    border: none !important;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 700 !important;
    line-height: normal;
    background-color: transparent;
    color: #282828 !important;
    overflow: auto;
    outline: none;
    box-shadow: 0px 4px 20px 0px transparent;
    transition: 0.3s background-color ease-in-out, 0.3s box-shadow ease-in-out, 0.1s padding ease-in-out;
}

.text-input input, .text-input select {
    width: 100% !important;
    height: 56px !important;
    position: relative;
    padding: 0px 10px;
    border: none !important;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 700 !important;
    line-height: normal;
    background-color: transparent;
    color: #282828 !important;
    outline: none;
    box-shadow: 0px 4px 20px 0px transparent;
    transition: 0.3s background-color ease-in-out, 0.3s box-shadow ease-in-out, 0.1s padding ease-in-out;
}

    .text-input input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .text-input input::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .text-input input:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .text-input input:-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }


.text-input textarea::-webkit-input-placeholder {
    color: #2d2d2d;
}

.text-input textarea::-moz-placeholder {
    color: #2d2d2d;
}

.text-input textarea:-ms-input-placeholder {
    color: #2d2d2d;
}

.text-input textarea:-moz-placeholder {
    color: #2d2d2d;
}

.text-input.activeX input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.2);
}

.text-input.activeX input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.2);
}

.text-input.activeX input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.2);
}

.text-input.activeX input:-moz-placeholder {
    color: rgba(0, 0, 0, 0.2);
}

.text-input label {
    font-size: x-small;
    color: lightgrey;
}

.text-input select + label {
    position: absolute;
    top: 24px;
    left: 10px;
    font-weight: 600;
    line-height: 24px;
    opacity: 0;
    pointer-events: none;
    transition: 0.1s all ease-in-out;
}

.text-input textarea + label {
    position: absolute;
    top: 24px;
    left: 16px;
    font-weight: 600;
    line-height: 24px;
    opacity: 0;
    transition: 0.1s all ease-in-out;
}

    .text-input textarea + label.error {
        color: #ec392f;
    }

.text-input input + label {
    position: absolute;
    top: 24px;
    left: 10px;
    font-weight: 600;
    line-height: 24px;
    opacity: 0;
    transition: 0.1s all ease-in-out;
}

    .text-input input + label.error {
        color: #ec392f;
    }

.text-input p.predicted {
    position: absolute;
    top: 8px;
    left: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #e0e0e0;
    opacity: 1;
    pointer-events: none;
}



/*multi 2*/


.dd-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}

.dd-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 30px;
    border: 1px solid #dfdfdf;
    border-radius: 0px;
    cursor: default;
    position: relative;
    background-color: #fff;
}

    .dd-header span {
        margin-right: 20px;
    }

.dd-header-title {
    margin: 2px 10px;
    margin-right: 30px;
}

.angle-down {
    color: #000;
    margin-right: 20px;
}

.dd-list {
    z-index: 10;
    position: absolute;
    min-width: 100%;
    border: 1px solid #dfdfdf;
    border-top: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px -1px #e8e8e8;
    box-shadow: 0 2px 5px -1px #e8e8e8;
    padding: 5px 0;
    max-height: 125px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.dd-list-item {
    width: 100%;
    padding: 3px 10px;
    cursor: default;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

    .dd-list-item.selected {
        color: #fff;
        background-color: #ffcc01;
    }

    .dd-list-item:hover {
        color: #fff;
        background-color: gray;
    }

.dd-wrapper-single {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 265px;
}

    .dd-wrapper-single .dd-header {
        border: 1px solid #ccc;
    }

        .dd-wrapper-single .dd-header .dd-header-name {
            font-weight: 400;
        }

    .dd-wrapper-single .dd-list {
        border: 1px solid #ccc;
        border-top: none;
    }

/*Multi select drop down*/
.multi-select .arrow {
    margin: auto;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    width: 20px;
    /*margin: 0 5px;*/
    display: inline-block;
    cursor: pointer;
    /* float: right; */
}

.multi-select .options.show {
    display: block;
}

.multi-select .options {
    height: 200px;
    z-index: 10001;
    overflow-x: auto;
    background-color: #fff;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    /* width: inherit; */
    padding: 0;
    display: none;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

.options li {
    display: block;
    font-size: 16px;
}

    .options li .option-list {
        cursor: default;
        margin-bottom: 2px;
        text-transform: capitalize;
        /*border-bottom: solid 2px #fff;*/
        padding: 2px 5px;
    }

.multi-select .bg-color-blue {
    background-color: cornflowerblue;
    color: #fff;
}

.multi-select .selected-options {
    vertical-align: middle;
    height: inherit;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    padding: 5px 0px 5px 10px;
    width: inherit;
    /*padding: 0 0 0 10px;*/
}

    .multi-select .selected-options .selected-options-badges-list {
        font-weight: 400;
        margin: 0;
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        width: calc(100% - 20px);
        white-space: nowrap;
        text-overflow: clip;
        overflow: hidden;
        /* float: left; */
        /*width: calc(100% - 30px);*/
        /*padding: 2px 0;*/
        /*line-height: 1.4;*/
    }

    .multi-select .selected-options .selected-options-badges:after {
        content: '×';
        cursor: pointer;
        margin-left: 5px;
        vertical-align: middle;
    }

.multi-select {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
    outline: none;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    /*height: 28px;*/
}

    .multi-select .selected-options-badges {
        text-transform: capitalize;
        font-size: 14px;
        border-radius: 2px;
        padding: 0 5px;
        margin: 0 5px 0 0;
        border: solid 1px #ddd;
        display: inline-block;
    }


/*scroll bars  across the app*/

/*::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}*/


/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #b80000;
    border: 2px solid #b80000;
}*/

.oc-half-col {
    width: 50%;
}



@-webkit-keyframes fadeCC {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fadeCC {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@media( max-width : 585px ) {
    .max-400 {
        max-width: 100% !important;
    }

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.banner-message {
    background: #337AB7;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
    padding: 16px;
}

    .banner-message .banner-message-button-on-right {
        min-width: 187px;
        cursor: pointer;
        display: flex;
        padding: 9px 11px;
        background: #c50009;
        justify-content: center;
        color: #ffffff;
        border-radius: 2px;
        align-items: center;
        width: 100%;
        margin-top: 16px;
    }

@media all and (min-width: 704px) {
    .banner-message {
        flex-direction: row;
        ;
    }

        .banner-message .banner-message-text.with-button-on-right {
            margin-right: 34px;
        }

        .banner-message .banner-message-button-on-right {
            margin-left: auto;
            margin-top: initial;
            width: initial;
        }
}

.contact-info-popup {
    display: flex;
    flex-direction: column;
}

    .contact-info-popup .contact-info-popup-content {
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        margin: 0 15px;
        text-align: left;
    }

    .contact-info-popup .contact-info-popup-button-wrapper {
        display: flex;
        margin: 15px 15px 15px auto;
    }

        .contact-info-popup .contact-info-popup-button-wrapper .contact-info-popup-cancel-button {
            cursor: pointer;
            display: flex;
            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
            border: 1px solid #337AB7;
            box-sizing: border-box;
            border-radius: 2px;
            color: #337AB7;
            padding: 9px 11px;
        }

        .contact-info-popup .contact-info-popup-button-wrapper .contact-info-popup-ok-button {
            cursor: pointer;
            display: flex;
            padding: 9px 11px;
            background: #337AB7;
            text-align: center;
            color: #ffffff;
            border-radius: 2px;
            align-items: center;
            width: fit-content;
            margin-left: 16px;
        }

.ruleBtn {
    margin-bottom: 10px;
    margin-right: 5px;
    float: right;
}

.no-dept-access {
    font-weight: bold !important;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90vh;
}

.copy-order-error-popup-height {
    height: auto !important;
}


.oc-budget-modal .ant-modal-title {
    font-size: 24px;
    font-weight: 700;
}

.oc-budget-modal .ant-modal-content {
    position: relative;
}

    .oc-budget-modal .ant-modal-content .oc-budget-close {
        font-size: 18px;
        position: absolute;
        top: 27px;
        right: 24px;
        color: #c1c1c1;
    }

.oc-budget-modal .ant-modal-header {
    padding: 24px 16px 12px 16px;
    border-bottom: 0px solid #fff;
}

.oc-budget-modal .ant-modal-body {
    padding: 12px 0px;
}

    .oc-budget-modal .ant-modal-body .oc-budget-modal-inner-body {
        padding-left: 16px;
        padding-right: 16px;
    }

.oc-budget-dates {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.oc-budget-dates > label {
    color: #2d2d2d;
    font-weight: 600;
}
.oc-budget-dates-container .oc-budget-dates-period .oc-budget-dates-label {
    font-size: 14px;
    color: #2d2d2d;
}

.oc-budget-dates-container .oc-budget-dates-period .font-weight-bold {
    font-weight: 600;
}

.oc-budget-dates-container .oc-budget-dates-period .padding-left {
    padding-left: 25px;
}

.departmentrights .secondcol .periodType > i {
    cursor: pointer;
    padding-left: 7px;
}

.departmentrights .secondcol .periodType {
    display: flex;
    align-items: center;
}

.oc-budget-dates-container .oc-budget-dates .budget-dates-dropdown {
    width: 100px;
}



/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.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);
}
.webui-popover{position:absolute;top:0;left:0;z-index:9999;display:none;width:276px;min-height:50px;padding:1px;text-align:left;white-space:normal;background-color:#fff;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)}.webui-popover.top,.webui-popover.top-left,.webui-popover.top-right{margin-top:-10px}.webui-popover.right,.webui-popover.right-top,.webui-popover.right-bottom{margin-left:10px}.webui-popover.bottom,.webui-popover.bottom-left,.webui-popover.bottom-right{margin-top:10px}.webui-popover.left,.webui-popover.left-top,.webui-popover.left-bottom{margin-left:-10px}.webui-popover.pop{-webkit-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);transition:transform .15s cubic-bezier(0.3,0,0,1.5)}.webui-popover.fade{transition:opacity .15s linear}.webui-popover.in{-webkit-transform:none;-o-transform:none;transform:none;opacity:1}.webui-popover-inner .close{font-family:arial;margin:5px 10px 0 0;float:right;font-size:20px;font-weight:700;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);text-decoration:none}.webui-popover-inner .close:hover,.webui-popover-inner .close:focus{opacity:.5;filter:alpha(opacity=50)}.webui-popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.webui-popover-content{padding:9px 14px;overflow:auto}.webui-popover-inverse{background-color:#333;color:#eee}.webui-popover-inverse .webui-popover-title{background:#3b3b3b;border-bottom:none;color:#eee}.webui-no-padding .webui-popover-content{padding:0}.webui-no-padding .list-group-item{border-right:none;border-left:none}.webui-no-padding .list-group-item:first-child{border-top:0}.webui-no-padding .list-group-item:last-child{border-bottom:0}.webui-popover>.arrow,.webui-popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.webui-popover>.arrow{border-width:11px}.webui-popover>.arrow:after{border-width:10px;content:""}.webui-popover.top>.arrow,.webui-popover.top-right>.arrow,.webui-popover.top-left>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.webui-popover.top>.arrow:after,.webui-popover.top-right>.arrow:after,.webui-popover.top-left>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0}.webui-popover.right>.arrow,.webui-popover.right-top>.arrow,.webui-popover.right-bottom>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.webui-popover.right>.arrow:after,.webui-popover.right-top>.arrow:after,.webui-popover.right-bottom>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.webui-popover.bottom>.arrow,.webui-popover.bottom-right>.arrow,.webui-popover.bottom-left>.arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);border-top-width:0}.webui-popover.bottom>.arrow:after,.webui-popover.bottom-right>.arrow:after,.webui-popover.bottom-left>.arrow:after{content:" ";top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0}.webui-popover.left>.arrow,.webui-popover.left-top>.arrow,.webui-popover.left-bottom>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.webui-popover.left>.arrow:after,.webui-popover.left-top>.arrow:after,.webui-popover.left-bottom>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.webui-popover-inverse.top>.arrow,.webui-popover-inverse.top-left>.arrow,.webui-popover-inverse.top-right>.arrow,.webui-popover-inverse.top>.arrow:after,.webui-popover-inverse.top-left>.arrow:after,.webui-popover-inverse.top-right>.arrow:after{border-top-color:#333}.webui-popover-inverse.right>.arrow,.webui-popover-inverse.right-top>.arrow,.webui-popover-inverse.right-bottom>.arrow,.webui-popover-inverse.right>.arrow:after,.webui-popover-inverse.right-top>.arrow:after,.webui-popover-inverse.right-bottom>.arrow:after{border-right-color:#333}.webui-popover-inverse.bottom>.arrow,.webui-popover-inverse.bottom-left>.arrow,.webui-popover-inverse.bottom-right>.arrow,.webui-popover-inverse.bottom>.arrow:after,.webui-popover-inverse.bottom-left>.arrow:after,.webui-popover-inverse.bottom-right>.arrow:after{border-bottom-color:#333}.webui-popover-inverse.left>.arrow,.webui-popover-inverse.left-top>.arrow,.webui-popover-inverse.left-bottom>.arrow,.webui-popover-inverse.left>.arrow:after,.webui-popover-inverse.left-top>.arrow:after,.webui-popover-inverse.left-bottom>.arrow:after{border-left-color:#333}.webui-popover i.icon-refresh:before{content:""}.webui-popover i.icon-refresh{display:block;width:30px;height:30px;font-size:20px;top:50%;left:50%;position:absolute;background:url(../img/loading.gif) no-repeat}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg)}}
/*********************/
/** jRating CSS **/
/*********************/

/**Div containing the color of the stars */
.jRatingAverage {
	background-color:#f62929;
	position:relative;
	top:0;
	left:0;
	z-index:2;
	height:100%;
}
.jRatingColor {
	background-color:#f4c239; /* bgcolor of the stars*/
	position:relative;
	top:0;
	left:0;
	z-index:2;
	height:100%;
}

/** Div containing the stars **/
.jStar {
	position:relative;
	left:0;
	z-index:3;
}

/** P containing the rate informations **/
p.jRatingInfos {
	position:		absolute;
	z-index:9999;
	background:	transparent url('icons/bg_jRatingInfos.png') no-repeat;
	color:			#FFF;
	display:		none;
	width:			91px;
	height:			29px;	
	font-size:16px;
	text-align:center;
	padding-top:5px;
}
	p.jRatingInfos span.maxRate {
		color:#c9c9c9;
		font-size:14px;
	}
.mscrol-fin {
    height: 100%;
    width: 100%;
    overflow: hidden;    
}

.mscrol-fin ul {
    position: relative;     
    left: 0;
    bottom: -6px; /* Decrease this value for cross-browser compatibility */
    overflow: auto;
}

.touch-scroll{
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.touch-scroll li{
    display: inline-block !important;
    float: none !important;
    margin-right: -4.5px !important;
}

/*.touch-scroll li .active{
    padding-top: 15px;
}

.touch-scroll>li.active>a {
  padding-top: 8px;
}

.touch-scroll li a:hover{
    padding-top: 6px;
}*/

ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {    
    position: relative;
    line-height: inherit;
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only { 
    padding: .2em .5em .2em .5em; 
} 

ul.tagit li.tagit-choice-editable { 
    padding: .2em 18px .2em .5em; 
} 

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}


/* Optional scoped theme for tag-it which mimics the zendesk widget. */


ul.tagit {
    border-style: solid;
    border-width: 1px;
    border-color: #C6C6C6;
    background: inherit;
}
ul.tagit li.tagit-choice {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #CAD8F3;

    background: none;
    background-color: #DEE7F8;

    font-weight: normal;
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #555;
}
ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    right: .4em;
}
ul.tagit li.tagit-choice .ui-icon {
    display: none;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #777;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
    background-color: #bbcef1;
    border-color: #6d95e0;
}
ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #222;
}
ul.tagit input[type="text"] {
    color: #333333;
    background: none;
}
.ui-widget {
    font-size: 1.1em;
}

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete { position: absolute; cursor: default; }
* html .tagit-autocomplete.ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.tagit-autocomplete.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.tagit-autocomplete.ui-menu .ui-menu {
    margin-top: -3px;
}
.tagit-autocomplete.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.tagit-autocomplete.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
.tagit-autocomplete.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; }
.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.tagit-autocomplete .ui-state-active  { border: 1px solid #aaaaaa; }

.tagit-autocomplete .ui-widget-content { border: 1px solid #aaaaaa; }
.tagit .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px,1px,1px,1px); }



@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

html, body {
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #444;
    overflow-x: hidden;
}

.flex-container {
    display: flex;
}

.flex-col {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}

.show-cross {
    height: 18px;
}

    .show-cross:after {
        position: relative;
        top: -15px;
        right: -220px;
        display: block;
        content: '';
        width: 15px;
        height: 15px;
        background: url(../img/x-512.png) no-repeat center center white;
        background-size: 12px 12px;
    }

.show-check {
    height: 18px;
}

    .show-check:after {
        position: relative;
        top: -15px;
        right: -220px;
        display: block;
        content: '';
        width: 15px;
        height: 15px;
        background: url(../img/icon-tick-white.svg) no-repeat center center green;
        background-size: 8px 5px;
    }

.flex-shrink {
    flex-shrink: 1;
}

.flex-grow {
    flex-grow: 1;
}

.flex-vcenter {
    align-items: center;
}

.flex-vbottom {
    align-items: flex-end;
}

.flex-wrap {
    flex-wrap: wrap;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.button {
    display: block;
    width: 177px;
    height: 42px;
    line-height: 100%;
    border: 0;
    border-radius: 3px;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
    .button.flat-button2 {
        width: auto;
        height: auto;
        padding: 4px 11px;
        margin : 0px 0px 0px 10px;
        background: #fff;
        line-height: 0;
        border: 1px solid #979797;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.21);
        color: #444444;
    }

    .button.flat-button {
        width: auto;
        height: auto;
        padding: 8px 11px;
        background: #fff;
        line-height: 0;
        border: 1px solid #979797;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.21);
        color: #444444;
    }

        .button.flat-button .flex-container {
            height: 100%;
        }

        .button.flat-button .icon {
            margin-right: 10px;
        }

        .button.flat-button .button-label {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: -0.5px;
            line-height: 14px;
        }

    .button.clear-button {
        width: auto;
        height: auto;
        padding: 0;
        background: transparent;
        box-shadow: none;
        border: none;
    }

    .button:focus,
    .button:hover {
        text-decoration: none;
        cursor: pointer;
    }

    .button.green-button {
        background-color: #52a70e;
    }

    .button.grey-button {
        background-color: grey;
    }

    .button.orange-button {
        background-color: #efb61c;
    }

    .button.blue-button {
        background-color: #456cd5;
    }

    .button.dark-gray-button {
        background-color: #d8d8d8;
        border: 1px solid #979797;
        background-image: none;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: normal;
        color: #444;
    }

    .button.orange-button:hover,
    .button.green-button:hover,
    .button.blue-button:hover,
    .button.orange-button:focus,
    .button.green-button:focus,
    .button.blue-button:focus {
        color: #fff;
    }

    .button.green-button:hover {
        background-color: #449d44;
    }

    .button.orange-button:hover {
        background-color: #f4bb22;
    }

    .button.blue-button:hover {
        background-color: #658cf5;
    }

    .button.dark-gray-button {
        background-color: #d8d8d8;
        border: 1px solid #979797;
        background-image: none;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: normal;
        color: #444;
    }


.main.add-workflow-step2 > .flex-container,
.main.add-workflow-step2 .rules {
    max-width: 1200px;
    margin: 0 auto;
  
}
.main.add-workflow-step2 #ruleContainer {
    padding-bottom: 60px; /* Ensure space for the buttons container */
}

.main.add-workflow-step2 #btnContainer {
    position: fixed; 
    bottom: 0;
    width: 100%; 
    z-index: 10; 
    padding: 10px 48px 10px 0px;

}

.main.add-workflow-step2 .flex-col.dropdown {
    padding-right: 22px;
}

.main.add-workflow-step2 .flex-col.info {
    font-size: 15px;
    font-weight: 600;
    color: #2d2d2d;
}

.automargin {
    margin:auto;
}

.main.add-workflow-step2 .rules {
    margin-top: 13px;
}

    .main.add-workflow-step2 .rules .rule {
        border: 1px solid #979797;
        border-radius: 3px;
        margin-bottom: 34px;
        padding: 17px 24px 38px 24px;
    }

        .main.add-workflow-step2 .rules .rule h1 {
            font-size: 19px;
            margin: 0;
        }

        .main.add-workflow-step2 .rules .rule .condition.flex-container {
            margin: 8px -6px 21px -6px;
        }

        .main.add-workflow-step2 .rules .rule .flex-col input,
        .main.add-workflow-step2 .rules .rule .flex-col select,
        .main.add-workflow-step2 .rules .rule .flex-col button {
            width: 100%;
        }

        .main.add-workflow-step2 .rules .rule .condition.flex-container > .flex-col {
            padding: 0 3px;
        }

        .main.add-workflow-step2 .rules .rule .condition .param1 {
            width: 119px;
        }

        .main.add-workflow-step2 .rules .rule .condition .param2 {
            width: 146px;
        }

        .main.add-workflow-step2 .rules .rule .condition .param3 {
            width: 139px;
        }

        .main.add-workflow-step2 .rules .rule .execute.flex-container {
            margin: 13px -7px 0 -7px;
        }

        .main.add-workflow-step2 .rules .rule .execute .param1 {
            font-size: 15px;
        }

        .main.add-workflow-step2 .rules .rule .execute .param2 {
            width: 154px;
        }

        .main.add-workflow-step2 .rules .rule .execute .add-button {
            width: 109px;
        }

            .main.add-workflow-step2 .rules .rule .execute .add-button button {
                height: 36px;
            }

        .main.add-workflow-step2 .rules .rule .execute.flex-container > .flex-col {
            padding: 0 7px;
        }

    .main.add-workflow-step2 .rules .add-rule-button {
        text-align: center;
    }

        .main.add-workflow-step2 .rules .add-rule-button button {
            width: 140px;
            height: 44px;
            font-size: 15px;
            font-weight: 400;
            letter-spacing: normal;
        }



@media screen and (max-width: 1024px) {
    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .dashboard-background {
        height: 400px !important;
    }

    .mobile-only.flex-col {
        display: flex;
    }
}

@media screen and (min-width: 1421px) {
    .container {
        width: 1350px;
    }

    .mobile-only {
        display: none;
    }

    .desktop-only {
        display: block;
    }

    .flex-container.desktop-only {
        display: flex;
    }
}

@media screen and (max-width: 640px) {
    body {
        display: flex;
        flex-direction: column;
    }
}

.NpModel .modal-header {
    display: none;
}

.rbdr {
    border: none;
    box-shadow: none;
}


.main > .content .table-control ul li {
    white-space: nowrap;
}

.nav-tabs > li {
    margin-bottom: -3px;
}

.order-id-rounded {
    margin: 0 13px;
    padding: 8px 15px;
    background-color: #f4f4f4;
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}


.sbutton {
    width: auto !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
}


.main {
    padding-bottom: 170px;
}

    .main.approval {
        background-color: #f9f9f9;
    }

    .main > .content {
        padding: 0 30px;
    }

        .main > .content.slim {
            padding: 0;
        }

/* page header */
.page-header,
.table-preheader {
    padding: 15px 0;
}

    .table-preheader .id {
        padding-right: 15px;
    }

        .table-preheader .id span {
            display: block;
            padding: 10px 15px;
            background-color: #e8e8e8;
            border-radius: 5px;
            font-size: 20px;
            font-weight: 600;
            line-height: 100%;
            color: #444;
        }

    .table-preheader .name h2 {
        margin: 0;
        font-size: 23px;
        font-weight: 600;
        line-height: 120%;
        color: #444;
    }

    .table-preheader .subtotal {
        border-right: 1px solid #dddddd;
        padding: 0 30px 0 15px;
        margin-right: 30px;
        font-size: 18px;
        font-weight: 600;
    }

        .table-preheader .subtotal .price {
            font-weight: 700;
        }

/* table control */
.table-control .tab-buttons ul,
.table-control .actions > ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.table-control.gray .tab-buttons {
    background-color: #e7e7e7;
    padding-top: 5px;
}

.table-control.gray > .tab-buttons > ul {
    max-width: 1000px;
}

    .table-control.gray > .tab-buttons > ul > li:not(:first-child):not(.active):after {
        content: '';
        display: block;
        width: 1px;
        background-color: #e0e0e0;
        height: 33px;
        margin-left: 8px;
    }

    .table-control.gray > .tab-buttons > ul > li > a {
        display: block;
        padding: 10px 15px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        font-size: 13px;
        font-weight: 700;
        color: #444;
    }

.table-control.colorful {
    margin-bottom: 30px;
}

    .table-control.colorful > .tab-buttons {
        background-color: #d8d8d8;
        margin-bottom: 10px;
        padding-bottom: 4px;
    }

        .table-control.colorful > .tab-buttons > ul {
            background-color: #f0efef;
        }

            .table-control.colorful > .tab-buttons > ul > li {
                border-right: 1px solid #d4d4d4;
                margin-bottom: -3px;
            }

                .table-control.colorful > .tab-buttons > ul > li > a {
                    display: block;
                    padding: 13px 15px;
                    font-size: 12px;
                    font-weight: 400;
                    color: #696969;
                    border-bottom: 4px solid transparent;
                    transition: all 0.5s;
                }

                .table-control.colorful > .tab-buttons > ul > li.red > a {
                    border-bottom-color: #ff5300;
                }

                .table-control.colorful > .tab-buttons > ul > li.blue > a {
                    border-bottom-color: #00adef;
                }

                .table-control.colorful > .tab-buttons > ul > li.green > a {
                    border-bottom-color: #00adef;
                }

                .table-control.colorful > .tab-buttons > ul > li.active > a,
                .table-control.colorful > .tab-buttons > ul > li > a:hover {
                    text-decoration: none;
                    color: #fff;
                }

                .table-control.colorful > .tab-buttons > ul > li.active.red > a,
                .table-control.colorful > .tab-buttons > ul > li.red > a:hover {
                    background: #ff5300;
                }

                .table-control.colorful > .tab-buttons > ul > li.active.blue > a,
                .table-control.colorful > .tab-buttons > ul > li.blue > a:hover {
                    background: #00adef;
                }

                .table-control.colorful > .tab-buttons > ul > li.active.green > a,
                .table-control.colorful > .tab-buttons > ul > li.green > a:hover {
                    background: #00adef;
                }

    .table-control.colorful .search input {
        width: 60%;
        height: 37px;
        padding: 0 10px;
        border: 1px solid #c3c3c3;
        font-size: 12px;
    }

    .table-control.colorful .print {
        padding-right: 5px;
    }

        .table-control.colorful .print button {
            padding: 4px 15px;
        }

    .table-control.colorful .category button {
        padding: 4px 12px;
    }

        .table-control.colorful .print button i,
        .table-control.colorful .category button i {
            font-size: 16px;
        }

.table-control.gray > .tab-buttons > ul > li:hover:before {
    display: none;
}

.table-control.gray > .tab-buttons > ul > li > a:hover {
    text-decoration: none;
}

.table-control.gray > .tab-buttons > ul > li.active > a,
.table-control.gray > .tab-buttons > ul > li:hover > a {
    background-color: #fff;
    color: #000;
}

.table-control.gray > .actions > ul {
    height: 100%;
}

.table-control.gray .tab-buttons ul li,
.table-control.gray > ul > li {
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    align-items: center;
    background-color: #e8e8e8;
}

.table-control.gray .actions > ul > li:not(:last-child) {
    border-right: 1px solid #d1d1d1;
}

.table-control.gray > .actions > ul > li.category .fa,
.table-control.gray > .actions > ul > li.user .fa {
    margin-right: 8px;
}

.table-control.gray .actions > ul > li > a {
    height: 100%;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    background-color: #e7e7e7;
    font-size: 13px;
    color: #636363;
}

    .table-control.gray .actions > ul > li > a:focus,
    .table-control.gray .actions > ul > li > a:hover {
        text-decoration: none;
        background: #5CB85C;
        color: #fff;
    }

.table-control.gray .actions > ul > li.category a .caret,
.table-control.gray .actions > ul > li.user a .caret {
    border-top: 10px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-left: 7px;
}

.table-control.gray .actions ul li {
    position: relative;
}

/*
.table-control.gray .actions ul li:hover > ul {
    display: block;
}
*/
.table-control.gray .actions .dropdown-menu {
    position: absolute;
    overflow: hidden;
    width: calc(100% + 2px);
    left: -1px;
    background-color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #e7e7e7;
    border-top: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

    .table-control.gray .actions .dropdown-menu li a {
        display: block;
        padding: 5px 10px;
        text-decoration: none;
        color: #000;
        transition: all 0.5s;
    }

        .table-control.gray .actions .dropdown-menu li a:hover {
            background-color: #5cb85c;
            color: #fff;
        }

/* table */
.responsive-table-container .table-wrapper > table {
    width: 100%;
}

.responsive-table-container .table-wrapper .ungroup-button-wrapper {
    text-align: center;
}

    .responsive-table-container .table-wrapper .ungroup-button-wrapper a {
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        color: #444;
    }

    .responsive-table-container .table-wrapper .ungroup-button-wrapper img {
        margin-right: 10px;
    }

.responsive-table-container.gray .table-wrapper table > thead > tr > th,
.responsive-table-container.gray .table-wrapper table > tbody > tr > td,
.responsive-table-container.purchase-order .table-wrapper > table > tbody > tr > td {
    border: 1px solid #e1e1e1;
}

    .responsive-table-container.gray .table-wrapper table > thead > tr > th.no-left-border,
    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.no-left-border,
    .responsive-table-container.purchase-order .table-wrapper > table > tbody > tr > td.no-left-border {
        border-left: 0;
    }

    .responsive-table-container.gray .table-wrapper table > thead > tr > th.no-right-border,
    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.no-right-border,
    .responsive-table-container.purchase-order .table-wrapper > table > tbody > tr > td.no-right-border {
        border-right: 0;
    }

.responsive-table-container.gray .table-wrapper table > thead > tr > th {
    background-image: linear-gradient(180deg, #8f8f8f 0%, #3f3f3f 100%);
    color: #fff;
    padding: 5px 5px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    line-height: 10px;
    text-align: left;
}

    .responsive-table-container.gray .table-wrapper table > thead > tr > th.two-line {
        font-size: 11px;
    }

.responsive-table-container.gray .table-wrapper table > tbody > tr > td {
    line-height: 100%;
    padding: 5px 10px;
    background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
    /*  text-align: center; */
    vertical-align: middle;
}

.responsive-table-container.gray.search-results .table-wrapper table > tbody > tr:nth-child(odd) > td {
    background: #fff;
}

.responsive-table-container.gray.search-results .table-wrapper table > tbody > tr:nth-child(even) > td {
    background: #f2f2f2;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr > td input,
.responsive-table-container.gray .table-wrapper table > tbody > tr > td select {
    width: 100%;
    height: 30px;
    border: 1px solid #979797;
    border-radius: 3px;
}

    .responsive-table-container.gray .table-wrapper table > tbody > tr > td input[type="checkbox"],
    .responsive-table-container.gray .table-wrapper table > tbody > tr > td input[type="radio"] {
        min-width: 10px;
    }

    .responsive-table-container.gray .table-wrapper table > tbody > tr > td input:focus,
    .responsive-table-container.gray .table-wrapper table > tbody > tr > td select:focus {
        outline: none;
    }

.responsive-table-container.gray .table-wrapper table > tbody > tr > td input {
    padding: 0 5px;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr > td select {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.21);
    font-size: 11px;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.vendor-name {
    font-size: 13px;
    color: #444;
    text-align: left;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.product-name {
    min-width: 310px;
    text-align: left;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.vendor-name a {
    cursor: pointer;
    color: #444;
    margin-right: 8px;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr.expanded > td.vendor-name .fa {
    transform: rotate(90deg);
}

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.po span {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #5c5c5c;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.po span,
.responsive-table-container.gray .table-wrapper table > tbody > tr > td.po a {
    margin-right: 10px;
}

    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.po a:last-child {
        margin-right: 0;
    }

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.subtotal {
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
    color: #52a60f;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.tax,
.responsive-table-container.gray .table-wrapper table > tbody > tr > td.freight,
.responsive-table-container.gray .table-wrapper table > tbody > tr > td.bottle-deposit,
.responsive-table-container.gray .table-wrapper table > tbody > tr > td.discount {
    padding-left: 5px;
    padding-right: 5px;
}

    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.tax input {
        width: 38px;
    }

    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.freight input {
        width: 58px;
    }

    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.bottle-deposit input {
        width: 58px;
    }

    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.discount input {
        width: 58px;
    }

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.total {
    font-size: 13px;
    font-weight: 700;
    color: #52a60f;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.vendor-email,
.responsive-table-container.gray .table-wrapper table > tbody > tr > td.confirmation-email,
.responsive-table-container.gray .table-wrapper table > tbody > tr > td.e-send {
    padding-left: 10px;
    padding-right: 10px;
}

    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.vendor-email select,
    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.confirmation-email select,
    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.e-send select {
        width: 80px;
        height: 30px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.21);
        border-radius: 3px;
        border: 1px solid #979797;
        background-color: #fff;
        float: left;
        margin-right: 4px;
    }

    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.vendor-email input {
        width: 97px;
    }

    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.confirmation-email input {
        width: 97px;
    }

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.actions a {
    font-size: 12px;
    font-weight: 600;
    color: #456cd4;
    text-decoration: underline;
}

    .responsive-table-container.gray .table-wrapper table > tbody > tr > td.actions a img {
        max-height: 20px;
        max-width: 20px;
    }

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.actions span {
    font-size: 12px;
    color: #444;
    margin: 0 3px;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr.description {
    transition: all 500ms;
}

    .responsive-table-container.gray .table-wrapper table > tbody > tr.description th {
        color: #444;
    }

    .responsive-table-container.gray .table-wrapper table > tbody > tr.description td {
        padding: 0;
        border: 0;
    }

.responsive-table-container.gray .table-wrapper table > tbody > tr.expanded + tr.description td {
    padding: 5px 15px;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr.description .description-table-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: all 300ms;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr.expanded + tr.description .description-table-wrapper {
    max-height: none;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr.description table {
    width: 900px;
    margin: 15px 0;
    border: 1px solid #cacaca;
}

    .responsive-table-container.gray .table-wrapper table > tbody > tr.description table th,
    .responsive-table-container.gray .table-wrapper table > tbody > tr.description table td {
        padding: 8px 18px;
    }

    .responsive-table-container.gray .table-wrapper table > tbody > tr.description table th {
        background-image: linear-gradient(to bottom, #e5e5e5, #dddddd);
        font-size: 13px;
        font-weight: 600;
    }

        .responsive-table-container.gray .table-wrapper table > tbody > tr.description table th:not(:first-child) {
            text-align: center;
        }

    .responsive-table-container.gray .table-wrapper table > tbody > tr.description table tr:nth-child(odd) td {
        background: #fff;
    }

    .responsive-table-container.gray .table-wrapper table > tbody > tr.description table tr:nth-child(even) td {
        background: #f6f6f6;
    }

    .responsive-table-container.gray .table-wrapper table > tbody > tr.description table td {
        font-size: 14px;
        text-align: center;
    }

        .responsive-table-container.gray .table-wrapper table > tbody > tr.description table td.name {
            text-align: left;
        }

        .responsive-table-container.gray .table-wrapper table > tbody > tr.description table td.total {
            font-weight: 600;
            color: #52a60f;
        }

        .responsive-table-container.gray .table-wrapper table > tbody > tr.description table td .button {
            display: block;
            width: 81px;
            height: 26px;
            padding: 0 12px 0 7px;
            line-height: 26px;
            border-radius: 3px;
            background-color: #ca0f0f;
            text-align: left;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0;
        }

            .responsive-table-container.gray .table-wrapper table > tbody > tr.description table td .button img {
                margin-right: 8px;
                vertical-align: -3px;
            }

            .responsive-table-container.gray .table-wrapper table > tbody > tr.description table td .button:hover {
                text-decoration: none;
                background-color: #5cb85c;
                color: #fff;
            }

.responsive-table-container.gray .mobile .table-title {
    margin: 15px 0;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -0.6px;
}

.responsive-table-container.gray .summary {
    float: right;
    text-align: right;
    padding-top: 30px;
}

    .responsive-table-container.gray .summary .subtotal,
    .responsive-table-container.gray .summary .total,
    .responsive-table-container.gray .summary .save {
        padding-left: 55px;
    }

    .responsive-table-container.gray .summary .subtotal {
        border-bottom: 1px solid #a1a1a1;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

        .responsive-table-container.gray .summary .subtotal .sub,
        .responsive-table-container.gray .summary .subtotal .ppd {
            display: inline-block;
        }

        .responsive-table-container.gray .summary .subtotal .sub {
            padding-right: 15px;
        }

            .responsive-table-container.gray .summary .subtotal .sub span {
                font-size: 14px;
                font-weight: 700;
                color: #556066;
            }

            .responsive-table-container.gray .summary .subtotal .sub i {
                margin-left: 8px;
            }

            .responsive-table-container.gray .summary .subtotal .sub .price,
            .responsive-table-container.gray .summary .subtotal .ppd .price {
                color: #028cc0;
            }

        .responsive-table-container.gray .summary .subtotal .ppd .price {
            font-weight: 700;
        }

    .responsive-table-container.gray .summary .total {
        border-bottom: 1px solid #a1a1a1;
        margin-bottom: 25px;
        padding-bottom: 15px;
    }

        .responsive-table-container.gray .summary .total span {
            font-size: 23px;
            font-weight: 600;
            color: #444;
        }

        .responsive-table-container.gray .summary .total .price {
            font-weight: 700;
            color: #52a60f;
        }

    .responsive-table-container.gray .summary .save .button {
        width: 106px;
        float: right;
        position: relative;
    }

        .responsive-table-container.gray .summary .save .button.saving {
            width: 160px;
            padding-left: 22px;
        }

            .responsive-table-container.gray .summary .save .button.saving:before {
                content: '';
                position: absolute;
                display: block;
                top: calc(50% - 10px);
                left: 15px;
                width: 28px;
                height: 21px;
                background: url("../img/icon-saving.svg") no-repeat 0 0;
                background-size: 28px 21px;
                -webkit-animation: spin 3s linear infinite;
                -moz-animation: spin 3s linear infinite;
                animation: spin 3s linear infinite;
            }

            .responsive-table-container.gray .summary .save .button.saving:hover,
            .responsive-table-container.gray .summary .save .button.saving:focus {
                background-color: #52a70e;
                cursor: not-allowed;
            }

.responsive-table-container.gray .table-title h1 {
    margin-top: 0;
}

.responsive-table-container.gray > .desktop .table-title {
    padding-top: 30px;
}

    .responsive-table-container.gray > .desktop .table-title h1 {
        margin-bottom: 15px;
        font-size: 23px;
        font-weight: 700;
        letter-spacing: -0.6px;
    }

.responsive-table-container.gray > .mobile .table-title h1 {
    padding: 0 9px;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -0.6px;
}

.responsive-table-container.gray .orders .order {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.07);
    margin: 0 9px 10px 9px;
    margin-bottom: 10px;
    background-color: #fff;
}

    .responsive-table-container.gray .orders .order > .details {
        padding: 9px 11px 5px 11px;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    }

    .responsive-table-container.gray .orders .order .list-icon {
        padding: 10px 7px 0 0;
    }

    .responsive-table-container.gray .orders .order .content {
        padding-right: 15px;
    }

        .responsive-table-container.gray .orders .order .content .name,
        .responsive-table-container.gray .orders .order .content .id {
            font-size: 13px;
            font-weight: 600;
            letter-spacing: -0.4px;
        }

        .responsive-table-container.gray .orders .order .content .id {
            margin-bottom: 2px;
        }

        .responsive-table-container.gray .orders .order .content .email,
        .responsive-table-container.gray .orders .order .content .email a {
            font-size: 12px;
            letter-spacing: -0.4px;
            color: #444;
        }

    .responsive-table-container.gray .orders .order .dateprice {
        text-align: right;
        padding-top: 2px;
    }

        .responsive-table-container.gray .orders .order .dateprice .date {
            margin-bottom: 5px;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: -0.5px;
        }

            .responsive-table-container.gray .orders .order .dateprice .date img {
                margin-left: 10px;
            }

        .responsive-table-container.gray .orders .order .dateprice .price {
            font-size: 19px;
            font-weight: 700;
            letter-spacing: -0.6px;
        }

    .responsive-table-container.gray .orders .order .actions {
        padding: 5px 39px;
    }

        .responsive-table-container.gray .orders .order .actions > ul {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

            .responsive-table-container.gray .orders .order .actions > ul > li {
                flex: 1 1 auto;
            }

                .responsive-table-container.gray .orders .order .actions > ul > li:last-child,
                .responsive-table-container.gray .orders .order .actions > ul > li:last-child a {
                    max-width: 70px;
                }

                .responsive-table-container.gray .orders .order .actions > ul > li:not(:last-child) {
                    padding-right: 5px;
                }

                .responsive-table-container.gray .orders .order .actions > ul > li > a {
                    display: inline-block;
                    width: 100%;
                    max-width: 120px;
                    padding: 6px 12px;
                    border-radius: 3px;
                    text-align: center;
                    background-image: linear-gradient(to bottom, #ffffff, #e7e7e7);
                    border: solid 1px #c4c4c4;
                    font-size: 12px;
                    font-weight: bold;
                    letter-spacing: -0.4px;
                    color: #444;
                }

.responsive-table-container.gray .table-wrapper table.flat td {
    padding: 3px 6px;
    font-size: 13px;
}

    .responsive-table-container.gray .table-wrapper table.flat td select.pack {
        font-size: 11px;
        border-radius: 0;
    }

.responsive-table-container.gray .actions-newline {
    float: right;
    margin: 15px 0;
}

.responsive-table-container table.flat {
    width: 100%;
}

.responsive-table-container.flat h4 {
    margin: 30px 0;
    font-size: 18px;
    font-weight: 500;
    color: #444;
}

.responsive-table-container.search-order .desktop table th,
.responsive-table-container.search-order .desktop table td {
    font-size: 13px;
}

.responsive-table-container.search-order .desktop table th {
    background-color: #f1f1f1;
    color: black;
}

    .responsive-table-container.search-order .desktop table th[data-column="orderid"] {
        width: 50px;
    }

    .responsive-table-container.search-order .desktop table th[data-column="needapprfrom"] {
        width: 70px;
    }

    .responsive-table-container.search-order .desktop table th[data-column="name"] {
        width: 195px;
    }

    .responsive-table-container.search-order .desktop table th[data-column="facility"] {
        width: 250px;
    }

    .responsive-table-container.search-order .desktop table th[data-column="createdate"] {
        width: 165px;
    }

    .responsive-table-container.search-order .desktop table th[data-column="category"] {
        width: 145px;
    }

    .responsive-table-container.search-order .desktop table th[data-column="createdby"] {
        width: 110px;
    }

.responsive-table-container.search-order .desktop table td {
    padding: 3px 6px;
}

    .responsive-table-container.search-order .desktop table td[data-column="approve"] {
        text-align: center;
    }

        .responsive-table-container.search-order .desktop table td[data-column="approve"] a {
            color: red;
        }

    .responsive-table-container.search-order .desktop table td[data-column="name"] input[type="text"] {
        width: 160px;
        height: 24px;
    }

.responsive-table-container.search-order .mobile .table-control.colorful {
    /*    margin: 0 -30px; */
}

    .responsive-table-container.search-order .mobile .table-control.colorful > .tab-buttons {
        overflow-x: auto;
        overflow-y: hidden;
        background-color: #f0efef;
    }

        .responsive-table-container.search-order .mobile .table-control.colorful > .tab-buttons > ul {
            width: auto;
        }

            .responsive-table-container.search-order .mobile .table-control.colorful > .tab-buttons > ul > li {
                flex: 0 0 auto;
            }

.responsive-table-container.search-order .mobile .table-wrapper {
    margin: 30px -15px;
}

    .responsive-table-container.search-order .mobile .table-wrapper .order {
        position: relative;
        margin-bottom: 30px;
        padding-bottom: 80px;
        box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
        background-color: #fff;
    }

        .responsive-table-container.search-order .mobile .table-wrapper .order .short,
        .responsive-table-container.search-order .mobile .table-wrapper .order .more {
            padding: 0 15px;
        }

        .responsive-table-container.search-order .mobile .table-wrapper .order.expanded .short {
            border-bottom: 1px solid #d8d8d8;
        }

        .responsive-table-container.search-order .mobile .table-wrapper .order .more {
            display: none;
        }

        .responsive-table-container.search-order .mobile .table-wrapper .order .flex-container,
        .responsive-table-container.search-order .mobile .title {
            padding: 15px 0;
        }

.responsive-table-container.search-order .mobile span {
    font-weight: 600;
}

.responsive-table-container.search-order .mobile .title {
    margin-bottom: 5px;
    padding: 15px 0;
    border-bottom: 1px solid #d8d8d8;
    font-size: 15px;
    font-weight: 700;
}

.responsive-table-container.search-order .mobile .createdby {
    font-size: 15px;
    font-weight: 700;
}

.responsive-table-container.search-order .mobile .amount {
    font-size: 22px;
    font-weight: 700;
    color: #52a60f;
}

.responsive-table-container.search-order .mobile .deliverdate {
    font-size: 15px;
}

.responsive-table-container.search-order .mobile .status {
    font-size: 13px;
}

.responsive-table-container.search-order .mobile .createdate,
.responsive-table-container.search-order .mobile .category {
    font-size: 15px;
}

.responsive-table-container.search-order .mobile .count,
.responsive-table-container.search-order .mobile .ordertype {
    font-size: 14px;
}

.responsive-table-container.search-order .mobile .rename {
    position: relative;
    margin: 15px 0;
}

    .responsive-table-container.search-order .mobile .rename input {
        width: 100%;
        height: 43px;
        border: 1px solid #d5d5d5;
        padding: 0 15px;
        font-size: 16px;
        font-weight: 400;
    }

    .responsive-table-container.search-order .mobile .rename button {
        position: absolute;
        background-color: #52a60f;
        width: 49px;
        height: 100%;
        border-radius: 0;
        top: 0;
        right: 0;
    }

.responsive-table-container.search-order .mobile .table-wrapper .actions {
    width: 100%;
    position: absolute;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    padding: 0 15px;
    left: 0;
    bottom: 0;
}

    .responsive-table-container.search-order .mobile .table-wrapper .actions .flex-col:last-child {
        padding-left: 25px;
    }

    .responsive-table-container.search-order .mobile .table-wrapper .actions button {
        width: auto;
        height: auto;
        border-radius: none;
        padding: 0;
        background: none;
        cursor: pointer;
    }

    .responsive-table-container.search-order .mobile .table-wrapper .actions .expand {
        position: absolute;
        width: 40px;
        height: 40px;
        bottom: -20px;
        left: calc(50% - 20px);
        border-radius: 40px;
        box-shadow: 0 2px 9px rgba(0, 0, 0, 0.07);
        background-color: #fff;
        transition: all 400ms;
    }

        .responsive-table-container.search-order .mobile .table-wrapper .actions .expand:focus {
            outline: none;
        }

.responsive-table-container.search-order .mobile .order.expanded .expand {
    ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


.responsive-table-container.search-order-suppressed > .mobile {
    display: none;
}

.responsive-table-container.search-order-suppressed > .desktop {
    display: block;
}

.responsive-table-container.search-order-suppressed .table-wrapper {
    margin: 0 -15px 50px -15px;
    padding: 0 42px;
}

    .responsive-table-container.search-order-suppressed .table-wrapper .order {
        padding: 17px 19px 18px 19px;
        box-shadow: 0 0 12px rgba(136, 136, 136, 0.5);
        border-radius: 2px;
        background-color: #ffffff;
        flex-wrap: nowrap;
        font-weight: 700;
        color: #444;
    }

        .responsive-table-container.search-order-suppressed .table-wrapper .order:not(:last-child) {
            margin-bottom: 7px;
        }

        .responsive-table-container.search-order-suppressed .table-wrapper .order button {
            width: auto;
            height: auto;
            border-radius: none;
            padding: 0;
            background: none;
            cursor: pointer;
        }

        .responsive-table-container.search-order-suppressed .table-wrapper .order .details {
            padding: 0 25px 0 33px;
            font-size: 14px;
        }

            .responsive-table-container.search-order-suppressed .table-wrapper .order .details .flex-container .flex-col:first-child {
                padding-right: 5px;
            }

            .responsive-table-container.search-order-suppressed .table-wrapper .order .details .flex-container .flex-col:last-child {
                padding-left: 5px;
            }

            .responsive-table-container.search-order-suppressed .table-wrapper .order .details .title {
                font-size: 15px;
                margin-bottom: 10px;
            }

.responsive-table-container.search-order-suppressed .desktop .table-wrapper .order .status {
    width: 120px;
    padding: 0 26px;
    font-size: 17px;
    text-align: right;
}

.responsive-table-container.search-order-suppressed .mobile .table-wrapper .order .status {
    font-size: 13px;
    font-weight: 600;
}

.responsive-table-container.search-order-suppressed .table-wrapper .order .price {
    width: 166px;
    font-size: 22px;
    color: #52a60f;
}


.responsive-table-container.search-order-suppressed .table-wrapper .order .actions > .flex-col:not(:first-child) {
    padding-left: 10px;
}

.responsive-table-container.search-order-suppressed .table-wrapper .order .actions > .flex-col:not(:last-child) {
    padding-right: 10px;
}

.responsive-table-container.search-order-suppressed .mobile .table-wrapper .order .short {
    padding: 0;
}

.responsive-table-container.custom-order .table-wrapper > table > tbody > tr > td {
    padding: 9px 4px;
}

    .responsive-table-container.custom-order .table-wrapper > table > tbody > tr > td input,
    .responsive-table-container.custom-order .table-wrapper > table > tbody > tr > td select {
        height: 25px;
    }

.responsive-table-container.custom-order td.delete a {
    color: #ca0f0f;
}

.responsive-table-container.custom-order .table-wrapper > table > tbody > tr > td.product-name .input-wrapper {
    position: relative;
    float: left;
    margin-right: 4px;
}

    .responsive-table-container.custom-order .table-wrapper > table > tbody > tr > td.product-name .input-wrapper input {
        width: 228px;
        padding-right: 25px;
        padding-left: 10px;
        font-size: 12px;
    }

    .responsive-table-container.custom-order .table-wrapper > table > tbody > tr > td.product-name .input-wrapper > .button {
        border: none;
        padding: 0;
        background: transparent;
        box-shadow: none;
        position: absolute;
        top: calc(50% - (11px / 2));
        right: 8px;
    }

.responsive-table-container.custom-order .table-wrapper > table > tbody > tr > td.product-name > .button {
    width: auto;
    height: auto;
    float: left;
    padding: 6px 17px;
    font-size: 13px;
    font-weight: 600;
    line-height: 100%;
}

.responsive-table-container.search-results .table-wrapper > table > thead > tr > th,
.responsive-table-container.purchase-order .table-wrapper > table > thead > tr > th {
    padding: 11px 10px;
}

.responsive-table-container.search-results .table-wrapper > table > tbody > tr > td,
.responsive-table-container.purchase-order .table-wrapper > table > tbody > tr > td,
.responsive-table-container.purchase-order.grouped .table-wrapper .table table > tbody > tr > td {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    text-align: left;
}

.responsive-table-container.search-results td.actions,
.responsive-table-container.purchase-order td.actions {
    padding-left: 0;
    padding-right: 0;
}

.responsive-table-container.search-results .actions ul,
.responsive-table-container.purchase-order .actions ul,
.responsive-table-container.purchase-order .po-search ul,
.responsive-table-container.purchase-order .po-price ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .responsive-table-container.search-results .actions ul li,
    .responsive-table-container.purchase-order .actions ul li,
    .responsive-table-container.purchase-order .po-search ul li,
    .responsive-table-container.purchase-order .po-price ul li {
        display: inline-block;
    }

        .responsive-table-container.search-results .actions ul li:not(:last-child),
        .responsive-table-container.purchase-order .actions ul li:not(:last-child),
        .responsive-table-container.purchase-order .po-search ul li:not(:last-child),
        .responsive-table-container.purchase-order .po-price ul li:not(:last-child) {
            margin-right: 10px;
        }

/*
.responsive-table-container.purchase-order.grouped .table-wrapper > table > tbody > tr > td > table {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 5px;
}
.responsive-table-container.purchase-order.grouped .table-wrapper > table > tbody > tr > td > table > tbody {
    display: none;
}

.responsive-table-container.purchase-order.grouped .table-wrapper > table > tbody > tr.opened > td > table > tbody {
    display: table-row-group;
}


.responsive-table-container.purchase-order.grouped .table-wrapper > table > tbody > tr.opened > td > table > thead > tr > th {
    background-image: linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%);
}

.responsive-table-container.purchase-order.grouped .table-wrapper > table > tbody > tr.opened > td > table > thead > tr > th:first-child {
    padding-left: 13px;
}

.responsive-table-container.purchase-order.grouped .table-wrapper > table > tbody > tr.opened > td > table > thead > tr > th:last-child {
    padding-right: 15px;
}

*/
.responsive-table-container.purchase-order.grouped .grouped-intro td {
    border: none;
    padding: 20px 0;
}

    .responsive-table-container.purchase-order.grouped .grouped-intro td:first-child {
        padding-left: 15px;
        border-left: 1px solid #e1e1e1;
    }

    .responsive-table-container.purchase-order.grouped .grouped-intro td:last-child {
        padding-right: 25px;
        border-right: 1px solid #e1e1e1;
    }

.responsive-table-container.purchase-order.grouped .grouped-intro .grouped-expand {
    margin-right: 20px;
}

.responsive-table-container.purchase-order.grouped .grouped-intro.opened .grouped-expand img {
    transform: rotate(180deg);
}

.responsive-table-container.purchase-order.grouped .grouped-intro .group-name {
    font-size: 15px;
    font-weight: 600;
}

.responsive-table-container.purchase-order.grouped .grouped-intro .group-summary {
    text-align: right;
    font-size: 14px;
    font-weight: 400;
}

    .responsive-table-container.purchase-order.grouped .grouped-intro .group-summary .separator {
        margin: 0 7px;
    }

    .responsive-table-container.purchase-order.grouped .grouped-intro .group-summary strong {
        font-weight: 700;
    }

    .responsive-table-container.purchase-order.grouped .grouped-intro .group-summary .highlighted {
        color: #52a60f;
    }

.responsive-table-container.purchase-order.grouped .grouped-description {
    display: none;
}

    .responsive-table-container.purchase-order.grouped .grouped-description.opened {
        display: table-row;
    }

/*

.responsive-table-container.purchase-order.grouped .table-wrapper > table > tbody > tr > td {
    padding: 0;
}

.responsive-table-container.purchase-order.grouped .table-wrapper .table table > thead > tr > th {
    background: transparent;
    border: 0;
    padding: 22px 0;
    color: #2d2d2d;
    text-align: left;
}

.responsive-table-container.purchase-order.grouped .table-wrapper > .table > tbody > tr > td,
.responsive-table-container.purchase-order.grouped .table-wrapper > .table > tbody > tr > td > table > tbody > tr > td {
    border: none;
    padding: 0;
}

.responsive-table-container.purchase-order.grouped .table-wrapper > .table  table table > tbody > tr:nth-child(odd) > td {
    background: #fff;
}

.responsive-table-container.purchase-order.grouped .table-wrapper > .table  table table > tbody > tr:nth-child(even) > td {
    background: #f2f2f2;
}

*/

.responsive-table-container.purchase-order .actions ul li {
    height: 25px;
    display: flex;
    float: left;
    align-items: center;
}

    .responsive-table-container.purchase-order .actions ul li.border-right {
        border-right: 1px solid #d8d8d8;
        padding-right: 5px;
    }

.responsive-table-container.purchase-order .table-wrapper > table > tbody > tr > td {
    color: #2d2d2d;
}

    .responsive-table-container.purchase-order .table-wrapper > table > tbody > tr > td.po-price input {
        width: 68px;
        float: left;
        margin-right: 7px;
    }

.responsive-table-container.purchase-order td.po-price ul {
    float: left;
    margin: 7px 0;
}

.responsive-table-container.purchase-order td.po-price a {
    display: flex;
    align-items: center;
}

    .responsive-table-container.purchase-order td.po-price a.pin img.hover,
    .responsive-table-container.purchase-order td.po-price a.pin:hover img.default {
        display: none;
    }

    .responsive-table-container.purchase-order td.po-price a.pin:hover img.hover {
        display: block;
        margin: 1px;
    }

.responsive-table-container.purchase-order td.po-price ul li:not(:last-child) {
    margin-right: 3px;
}

.responsive-table-container.gray .table-wrapper table > tbody > tr > td.po-total {
    font-weight: 700;
    color: #52a60f;
}

.responsive-table-container .table-pagination {
    width: 100%;
    box-shadow: 0 -1px 44px 0 rgba(206, 206, 206, 0.56);
    background-color: #fff;
}

.responsive-table-container .mobile .table-pagination {
    padding: 0 15px;
}

    .responsive-table-container .mobile .table-pagination .page-size,
    .responsive-table-container .mobile .table-pagination .pagination {
        flex-grow: 1;
        flex-shrink: 1;
    }

.responsive-table-container .table-pagination label {
    margin: 0 4px 0 0;
    font-size: 13px;
    font-weight: 600;
    color: #181818;
    letter-spacing: -0.5px;
}

.responsive-table-container .table-pagination .alphabet ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .responsive-table-container .table-pagination .alphabet ul li {
        display: inline-block;
    }

        .responsive-table-container .table-pagination .alphabet ul li:not(:last-child) {
            margin-right: 1px;
        }

        .responsive-table-container .table-pagination .alphabet ul li:first-child {
            margin-right: 15px;
        }

        .responsive-table-container .table-pagination .alphabet ul li a {
            font-size: 13px;
            font-weight: 600;
            color: #337ab7;
        }

.responsive-table-container .table-pagination .page-size input,
.responsive-table-container .table-pagination .pagination input {
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #979797;
    height: 32px;
}

    .responsive-table-container .table-pagination .page-size input:focus,
    .responsive-table-container .table-pagination .pagination input:focus {
        outline: none;
    }

.responsive-table-container .table-pagination .page-size {
    border-right: 1px solid #d8d8d8;
    margin-right: 13px;
    padding: 5px 12px 5px 0;
}

    .responsive-table-container .table-pagination .page-size input {
        width: 55px;
    }

.responsive-table-container .table-pagination .pagination label {
    margin-left: 8px;
    margin-right: 8px;
}

.responsive-table-container .table-pagination .pagination input {
    width: 42px;
    margin-right: 9px;
}

.responsive-table-container .table-pagination .pagination span {
    margin-right: 10px;
    font-size: 15px;
    font-weight: 600;
}

/* outlook install page */
.outlook-install-wrapper {
    text-align: center;
}

    .outlook-install-wrapper .page-header h1 {
        margin-top: 0;
        font-size: 23px;
        font-weight: 400;
        letter-spacing: -1px;
    }

    .outlook-install-wrapper .page-header {
        margin-top: 25px;
        margin-bottom: 15px;
    }

        .outlook-install-wrapper .page-header.success {
            max-width: 784px;
            margin-left: auto;
            margin-right: auto;
        }

            .outlook-install-wrapper .page-header.success h1 {
                flex: 1 1 auto;
                margin: 0;
                color: #52a60f;
            }

        .outlook-install-wrapper .page-header .button {
            display: inline-block;
            width: auto;
            margin: 30px auto 0 auto;
            padding-left: 65px;
            padding-right: 65px;
            height: 51px;
            line-height: 51px;
            border-radius: 4px;
            font-weight: 600;
        }

    .outlook-install-wrapper .install-steps {
        margin-left: auto;
        margin-right: auto;
        width: 784px;
        max-width: 100%;
        padding: 20px 55px 20px 55px;
        background-color: #fafafa;
        border: 1px solid #ebebeb;
        border-radius: 3px;
    }

        .outlook-install-wrapper .install-steps > .flex-col {
            position: relative;
        }

        .outlook-install-wrapper .install-steps .step {
            width: 43px;
            height: 43px;
            border-radius: 43px;
            border: 1px solid #979797;
            background-image: linear-gradient(180deg, #f2f2f2 0%, #e1e1e1 100%);
            position: absolute;
            top: -8px;
            left: calc(50% - 21.5px);
            font-size: 21px;
            line-height: 41px;
            font-weight: 700;
            letter-spacing: -0.7px;
            text-align: center;
            color: #000;
        }

        .outlook-install-wrapper .install-steps span {
            display: block;
            margin-top: 15px;
            padding: 0 15px;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: -1px;
            color: #000;
        }

        .outlook-install-wrapper .install-steps img {
            max-width: 100%;
        }

        .outlook-install-wrapper .install-steps > .flex-col:not(.icon-container) {
            width: 248px;
        }

            .outlook-install-wrapper .install-steps > .flex-col:not(.icon-container) img {
                width: 100%;
                height: auto;
            }

/* floating arrow to download */
.outlook-install-floating {
    position: fixed;
    left: 70px;
    bottom: -100px;
    transition: all 0.5s;
}

    .outlook-install-floating.firefox {
        top: -200px;
        bottom: auto;
        left: auto;
        right: 115px;
        background-color: rgba(0, 0, 0, 0.51);
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        padding: 15px 35px 35px 50px;
    }

    .outlook-install-floating.visible {
        bottom: 30px;
    }

        .outlook-install-floating.visible.firefox {
            top: 0;
            bottom: auto;
        }

        .outlook-install-floating.visible.ie {
            bottom: 70px;
            width: 100%;
            left: 0;
            text-align: center;
        }

.main.approval-error > .content > .container {
    width: 1330px;
}

.main .page-header .errors {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main.approval-error > .content .page-header {
    border: none;
    margin-top: 15px;
}

.main .page-header .errors .warning {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.main .page-header .errors .message h4 {
    margin: 0;
}

.main .page-header .errors .warning .message h4 {
    font-size: 21px;
    font-weight: 600;
    color: #c90f0f;
}

.main .page-header .errors .notice .message {
    width: 100%;
}

    .main .page-header .errors .notice .message h4 {
        font-size: 18px;
        font-weight: 500;
        color: #444;
    }

.main .page-header .errors .warning .hide-message {
    width: 50px;
    text-align: right;
}

/* Approval complete */
.container.approval-complete {
    max-width: 750px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.order-complete-message .order-id-rounded {
    position: relative;
    top: -1px;
}

.order-complete-message h1 {
    margin: 0 0 30px 0;
    font-size: 23px;
    font-weight: 600;
}

.order-complete-message .icon {
    margin-left: 15px;
}

    .order-complete-message .icon img {
        vertical-align: -8px;
    }

.order-complete-message p {
    margin: 0 0 30px 0;
    font-size: 15px;
}

.message-wrapper h2 {
    margin: 0 0 10px 0;
    font-size: 19px;
    font-weight: 600;
}

.message-wrapper .message {
    margin-bottom: 50px;
    padding: 14px 12px 14px 27px;
    border-radius: 3px;
    overflow: hidden;
}

    .message-wrapper .message h3 {
        padding-right: 10px;
        margin: 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 120%;
        color: #ffffff;
    }

    .message-wrapper .message.success {
        background-color: #52a60f;
    }

    .message-wrapper .message.warning {
        background-color: #efb61c;
    }

    .message-wrapper .message.error {
        background-color: #ca0f0f;
    }

/* Comments */
.comments-block {
    max-width: 562px;
}

    .comments-block .page-header {
        margin-top: 5px;
    }

        .comments-block .page-header .count {
            margin-bottom: 7px;
            font-size: 23px;
            font-weight: 700;
        }

    .comments-block ul.comments {
        list-style: none;
        margin: 0;
        padding: 0 0 0 2px;
    }

    .comments-block .comment {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #d8d8d8;
    }

        .comments-block .comment p {
            font-size: 15px;
            color: #444444;
            letter-spacing: -0.5px;
        }

        .comments-block .comment .meta {
            font-size: 14px;
            letter-spacing: -0.5px;
        }

    .comments-block .add-comment textarea {
        width: 100%;
        height: 95px;
        border-radius: 3px;
        border: 1px solid #979797;
        background-color: #fff;
        resize: none;
    }

    .comments-block .add-comment .form-group .form-item:not(:last-child) {
        margin-bottom: 15px;
    }

/* Dashboard */
.main.dashboard {
    padding-bottom: 0;
    position: relative;
    height: calc(100% - 67px);
}

    .main.dashboard .content,
    .main.dashboard .container {
        height: 100%;
        overflow: hidden;
    }

.dashboard-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../Images/background-dashboard4.jpg") no-repeat 0 0;
    background-size: cover;
    z-index: 0;
}

.label {
    font-family: 'Open Sans';
}

.dashboard-menu {
    position: relative;
    max-width: 1024px;
    margin: 0 auto 0 auto;
    flex-wrap: wrap;
    background-color: rgba(255, 255, 255, 0.92);
    padding: 27px 25px;
}

    .dashboard-menu .flex-col:not(:first-child) {
        margin-left: 5px;
    }

    .dashboard-menu .flex-col:not(:last-child) {
        margin-right: 5px;
    }


    .dashboard-menu a {
        display: flex;
        height: 57px;
        line-height: 57px;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
        border-radius: 2px;
        background-color: #eee;
        color: #848484;
        font-size: 12px;
        letter-spacing: -0.21px;
        font-weight: 600;
        text-align: center;
    }

    .dashboard-menu .new-order a,
    .dashboard-menu .search-order a {
        font-size: 15px;
        letter-spacing: -0.26px;
        font-weight: 700;
    }


    .dashboard-menu .icon {
        flex: 0 0 auto;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        align-self: center;
    }

    .dashboard-menu .title {
        flex: 1 1 auto;
        text-align: center;
    }

    .dashboard-menu .new-order i {
        flex: 0 0 auto;
        margin-top: 15px;
        float: left;
        margin-left: 10px;
        font-size: 21px;
    }

    .dashboard-menu .new-order a {
        background-color: #b80000;
        color: #fff;
    }

    .dashboard-menu .search-order a {
        background-color: #fff;
        color: #b8004a;
    }

    .dashboard-menu a:hover {
        text-decoration: none;
    }

    .dashboard-menu a i {
        vertical-align: -3px;
        margin-right: 10px;
    }

    .dashboard-menu .flex-item.half {
        width: 50%;
    }

    .dashboard-menu .flex-item.quarter {
        width: 25%;
        border-top: 1px solid #848484;
        border-right: 1px solid #848484;
    }

        .dashboard-menu .flex-item.quarter:last-child {
            border-right: 0;
        }

    .dashboard-menu + .responsive-table-container.search-order {
        max-width: 1024px;
        margin: 0 auto;
        position: relative;
        background-color: #f2f2f1;
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100% - 169px);
    }

        .dashboard-menu + .responsive-table-container.search-order h3 {
            margin: 0;
            padding: 30px 27px;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: -0.31px;
            color: #242424;
        }


/* search page */
.search-form {
    /*
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.11);
      background-color: #fcfcfc;
  */
    border-radius: 3px;
    border: 1px solid #d1d1d1;
    padding: 11px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .search-form .filters {
        margin: 0 -5px 10px -5px;
    }

        .search-form .filters > .flex-col {
            padding: 0 5px;
        }

            .search-form .filters > .flex-col.actions > a.button {
                display: flex;
                align-items: center;
                justify-content: center;
            }

        .search-form .filters .form-group {
            margin: 0;
            width: 120px;
        }

            .search-form .filters .form-group.date {
                width: 358px;
                height: 44px;
                border: 1px solid #979797;
                margin-right: 1px;
                padding-left: 13px;
                padding-right: 12px;
                border-radius: 3px;
            }

                .search-form .filters .form-group.date .dropdown {
                    margin-right: 15px;
                }

                    .search-form .filters .form-group.date .dropdown a {
                        background-color: transparent;
                        border: none;
                        padding-left: 0;
                        padding-right: 20px;
                        padding-bottom: 11px;
                        letter-spacing: -0.5px;
                        background-position-x: right;
                    }

        .search-form .filters .datepicker-wrapper.date-from {
            margin-right: 13px;
        }

        .search-form .filters .datepicker-wrapper input {
            float: left;
            width: 72px;
            height: 23px;
            border: none;
            border-bottom: 1px solid #7a7a7a;
            background: none;
            font-size: 14px;
            color: #444;
            letter-spacing: -0.5px;
        }

        .search-form .filters .datepicker-wrapper button {
            border: none;
            box-shadow: none;
            background: none;
            padding: 0;
            float: left;
            margin-left: 10px;
        }

        /*.search-form .filters .dropdown a {
  display: block;
  font-size: 14px;
  color: #444;
  padding: 11px 40px 14px 15px;
  height: 44px;
  border: 1px solid #979797;
  border-radius: 3px;
  background: url("../img/icon-dropdown-black.svg") no-repeat right 10px center #fff;
}*/

        .search-form .filters .dropdown a:focus,
        .search-form .filters .dropdown a:hover {
            text-decoration: none;
        }

        .search-form .filters .dropdown.open:before {
            display: block;
            content: '';
            position: absolute;
            bottom: 4px;
            left: 1px;
            width: calc(100% - 2px);
            height: 1px;
            background-color: #fff;
            z-index: 1001;
        }

        .search-form .filters .dropdown.open:after {
            display: block;
            content: '';
            position: absolute;
            bottom: 4px;
            left: 6%;
            width: 86%;
            height: 1px;
            background-color: #d8d8d8;
            z-index: 1001;
        }

        .search-form .filters .dropdown.open a {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .search-form .filters .dropdown ul {
            top: calc(100% - 5px);
            border-color: #979797;
            min-width: 125%;
            padding: 10px 12px;
            margin-top: 0;
            border-top-left-radius: 0;
        }

            .search-form .filters .dropdown ul li {
                line-height: 14px;
            }

                .search-form .filters .dropdown ul li:not(:last-child) {
                    margin-bottom: 10px;
                }

                .search-form .filters .dropdown ul li input[type="checkbox"],
                .search-form .filters .dropdown ul li input[type="radio"] {
                    position: relative;
                    top: 2px;
                    border: 1px solid #979797;
                    background-color: #fcfcfc;
                    border-radius: 3px;
                }

                .search-form .filters .dropdown ul li label {
                    margin: 0 0 0 15px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #444;
                }

    .search-form .free-word input[type="text"] {
        width: 150px;
        height: 44px;
        margin-right: 6px;
        border-radius: 3px;
        padding: 5px 10px;
        border: 1px solid #979797;
        float: left;
    }

    .search-form .free-word input[type="submit"] {
        float: left;
        background: url("../img/icon-search-white.svg") no-repeat 15px center #456cd5;
        width: auto;
        height: 44px;
        padding: 15px 13px 14px 36px;
        font-size: 15px;
        letter-spacing: 0.1px;
        font-weight: 600;
        color: #fff;
    }

    .search-form .free-word .exportPDF {
        background: url("../img/icon-print.svg") no-repeat 11px center white !important;
        background-size: 20px !important;
        color: blue !important;
        border: solid blue 1px;
    }

    .search-form .free-word input[type="submit"]:hover {
        background-color: #658cf5;
    }

    .search-form .free-word input:focus {
        outline: none;
    }

    .search-form .actions .button {
        float: left;
        width: 51px;
        height: 36px;
        padding: 0;
    }

        .search-form .actions .button:not(:last-child) {
            margin-right: 4px;
            margin-top: 4px;
        }

    /* Form on Purchase order page */
    .search-form .filters.purchase-order .form-group {
        width: auto;
    }

    .search-form .filters.purchase-order .search-all-products,
    .search-form .filters.purchase-order .search-products {
        position: relative;
    }

    .search-form .filters.purchase-order .search-all-products {
        width: 376px;
        margin-right: 3px;
    }

    .search-form .filters.purchase-order .search-products {
        width: 266px;
    }

    .search-form .filters.purchase-order input {
        width: 100%;
        height: 44px;
        padding: 0 15px;
        border: 1px solid #979797;
        border-radius: 3px;
        letter-spacing: -0.5px;
    }

        .search-form .filters.purchase-order input:focus {
            outline: none;
        }

    .search-form .filters.purchase-order .search-all-products input,
    .search-form .filters.purchase-order .search-products input {
        padding-right: 35px;
    }


.sdx {
    width: 15px !important;
    height: 15px !important;
    right: 30px !important;
    top: 10px !important;
}

.search-form .filters.purchase-order .search-all-products .button,
.search-form .filters.purchase-order .search-products .input,
.search-form .filters.purchase-order .search-products .button {
    position: absolute;
    top: calc(50% - 7.5px);
    right: 12px;
    border: none;
    padding: 0;
    box-shadow: none;
    background: none;
}

.search-form .filters.purchase-order .quantity {
    width: 70px;
    margin-right: 3px;
}

.search-form .filters.purchase-order .add .button {
    width: 127px;
    height: 44px;
}

.search-form .filters.purchase-order .product-count {
    padding: 0 30px 0 22px;
}

/* Tree */
.tree-container,
.tree-container ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .tree-container ul {
        display: none;
    }

    .tree-container li {
        display: block;
        margin-left: 20px; /* horizontal bar's width + half of the parent node's icon's width */
        position: relative;
    }

    .tree-container > li {
        margin-left: 0;
    }

    .tree-container li .category {
        display: inline-block;
        position: relative;
        padding-left: 30px;
        padding-bottom: 5px;
    }

        .tree-container li .category.clickable {
            cursor: pointer;
            user-select: none;
        }

    .tree-container > li > .category {
        padding-left: 20px;
    }

    .tree-container li .toggle {
        display: block;
        position: absolute;
        top: 8px;
        left: 1px;
        z-index: 1;
        width: 11px;
        height: 11px;
        line-height: 10px;
        border-radius: 11px;
        background-color: #fff;
        color: #000;
        cursor: pointer;
        padding: 0 1px;
        text-align: center;
    }

        .tree-container li .toggle:hover {
            background-color: #ccc;
        }

    .tree-container > li > .toggle {
        left: -6px;
    }


    .tree-container li .toggle:before {
        content: '';
        width: 11px;
        height: 11px;
        display: block;
        background: url('../img/icon-tree-collapsed.png') no-repeat 0 0;
    }

    .tree-container li.expanded > .toggle:before {
        background-image: url('../img/icon-tree-expanded.png');
    }

    .tree-container li.expanded > ul {
        display: block;
    }

    .tree-container li:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        height: 100%;
        width: 1px;
        background-color: #000;
    }

    .tree-container li .category:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 7px; /* half of the icon's width */
        height: 100%;
        width: 1px;
        background-color: #000;
    }

    .tree-container > li:before {
        left: 0;
        background-color: #000;
    }

    .tree-container ul li:before,
    .tree-container > li > .category:before {
        display: none;
    }

    .tree-container li:first-child:before {
        height: 50%;
        top: 50%;
    }

    .tree-container li:first-child:last-child > .category:before {
        height: 50%;
        top: 0%;
        background: #000;
    }

    .tree-container li:not(:first-child):last-child > .category:before {
        height: 50%;
        background: #000;
    }


    .tree-container li .category:after {
        content: '';
        position: absolute;
        display: block;
        top: 50%;
        left: 7px; /* half of the icon's width */
        height: 1px;
        width: 15px; /* horizontal bar's width */
        background-color: #000;
    }

    .tree-container > li > .category:after {
        left: 0;
    }

    .tree-container li:last-child:before {
        height: 50%;
        bottom: 50%;
        top: auto;
    }


    .tree-container .title {
        margin-left: 10px;
    }


@media screen and (max-width: 1420px) {
    .main > .content {
        padding: 0;
    }

    .search-form form {
        display: flex;
        flex-wrap: wrap;
    }

    .search-form .filters {
        flex-wrap: wrap;
        order: 2;
        transition: all 300ms;
        overflow: hidden;
    }

    .search-form.expanded .filters {
        max-height: 400px;
    }

    .search-form .filters .form-group {
        width: 50%;
        margin-bottom: 10px;
        flex-grow: 0;
        flex-shrink: 0;
    }

    .search-form .filters .dropdown ul {
        max-width: 100%;
        min-width: 100%;
    }

    .search-form .filters .form-group.completed-on {
        width: 100%;
    }

    .search-form .filters .form-group.date {
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        border: 0;
        border-radius: 0;
        padding: 0;
        margin: 0 0 10px 0;
    }

        .search-form .filters .form-group.date .form-item.dropdown {
            width: 100%;
        }

        .search-form .filters .form-group.date .form-item.dropdown {
            border: 1px solid #979797;
            border-radius: 3px;
            padding: 0 10px;
            margin: 0;
        }

            .search-form .filters .form-group.date .form-item.dropdown.open .dropdown-menu {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                left: -1px;
                width: calc(100% + 2px);
                max-width: calc(100% + 2px);
            }

    .search-form .filters .dropdown.open:before,
    .search-form .filters .dropdown.open:after {
        display: none;
    }

    .search-form .filters .datepicker-wrapper {
        margin-right: 0;
        margin-top: 15px;
    }

        .search-form .filters .datepicker-wrapper.date-from {
            margin-right: 0;
            padding-right: 5px;
        }

        .search-form .filters .datepicker-wrapper.date-to {
            padding-left: 5px;
        }

        .search-form .filters .datepicker-wrapper input {
            width: 150px;
            height: 44px;
            border: 1px solid #979797;
            border-radius: 3px;
            padding: 0 10px;
        }

        .search-form .filters .datepicker-wrapper button {
            float: right;
            margin: 12px 0;
        }

    .search-form .free-word input[type="submit"] {
        width: 44px;
        height: 44px;
        padding: 0;
        background-position-x: center;
        text-indent: -9999px;
    }

    .search-form .free-word {
        width: 100%;
        order: 1;
    }

    .search-form .actions .button {
        height: 44px;
    }

        .search-form .actions .button.expand-filters:focus {
            outline: none;
        }

    .search-form .free-word .actions .button:not(.search) {
        display: none;
    }

    .responsive-table-container > .desktop {
        display: none;
    }

    .responsive-table-container > .mobile {
        display: block;
    }

    .responsive-table-container.search-order > .mobile .table-wrapper {
        padding: 0 30px;
    }

    .responsive-table-container.custom-order > .mobile,
    .responsive-table-container.search-results > .mobile {
        /*        margin: 0 -30px; */
    }

        .responsive-table-container.custom-order > .mobile .table-wrapper {
            padding: 0 12px;
        }

        .responsive-table-container.custom-order > .mobile > .separator {
            height: 34px;
            margin-top: 5px;
            background-image: linear-gradient(180deg, #8f8f8f 0%, #3f3f3f 100%);
            margin-bottom: 10px;
        }

        .responsive-table-container.search-results > .mobile .table-items .table-item {
            padding: 8px 0;
        }

            .responsive-table-container.search-results > .mobile .table-items .table-item:nth-child(odd) {
                background-color: #fdfdfd;
            }

            .responsive-table-container.search-results > .mobile .table-items .table-item:nth-child(even) {
                background-color: #f3f3f3;
            }

            .responsive-table-container.search-results > .mobile .table-items .table-item > .id {
                padding: 0 5px;
                width: 75px;
                text-align: center;
            }

                .responsive-table-container.search-results > .mobile .table-items .table-item > .id span {
                    background-color: #f3f3f3;
                    border-radius: 5px;
                    padding: 5px 6px;
                    font-size: 13px;
                    font-weight: 600;
                    color: #444;
                }

            .responsive-table-container.search-results > .mobile .table-items .table-item:nth-child(even) > .id span {
                background-color: #ececec;
            }

            .responsive-table-container.search-results > .mobile .table-items .table-item > .details {
                padding: 10px 6px;
                border-left: 1px solid #d8d8d8;
                border-right: 1px solid #d8d8d8;
                font-size: 13px;
                font-weight: 600;
                color: #2d2d2d;
            }

                .responsive-table-container.search-results > .mobile .table-items .table-item > .details .property {
                    text-align: center;
                }

                .responsive-table-container.search-results > .mobile .table-items .table-item > .details .vendor-info .vendor {
                    text-align: right;
                }

                .responsive-table-container.search-results > .mobile .table-items .table-item > .details .price {
                    margin: 0 -5px;
                }

                    .responsive-table-container.search-results > .mobile .table-items .table-item > .details .price .flex-item {
                        padding: 0 5px;
                    }

                        .responsive-table-container.search-results > .mobile .table-items .table-item > .details .price .flex-item.tax {
                            text-align: center;
                        }

                        .responsive-table-container.search-results > .mobile .table-items .table-item > .details .price .flex-item.shipping {
                            text-align: right;
                        }

                .responsive-table-container.search-results > .mobile .table-items .table-item > .details .highlight {
                    color: #52a60f;
                }

                .responsive-table-container.search-results > .mobile .table-items .table-item > .details > .flex-container:not(:last-child) {
                    margin-bottom: 10px;
                }

                .responsive-table-container.search-results > .mobile .table-items .table-item > .details .vendor {
                    font-weight: 400;
                }

            .responsive-table-container.search-results > .mobile .table-items .table-item > .delete {
                padding: 0 17px;
            }

    .main.approval-error > .content {
        padding: 0 15px;
    }

    .main .page-header .errors .warning {
        padding-bottom: 15px;
        margin-bottom: 15px;
        align-items: flex-start;
    }

        .main .page-header .errors .warning .message h4 {
            font-size: 15px;
            font-weight: 700;
        }

    .main .page-header .errors .notice .message h4 {
        font-size: 14px;
        font-weight: 600;
    }

    .main .page-header .errors .notice .message .fa {
        display: none;
    }

    .main.approval-error > .content > .container {
        width: 100%;
    }

    table.flat {
        border: 0;
        padding: 0;
        margin: 0;
    }

        table.flat thead {
            display: none;
        }

        table.flat,
        table.flat tbody {
            display: block;
        }

            table.flat tr {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                border-radius: 4px;
                box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25);
                overflow: hidden;
                margin-bottom: 25px;
                padding-bottom: 25px;
            }

                table.flat tr.error {
                    border: solid 1px #ca0f0f;
                }

                table.flat tr.error-fixed {
                    border: solid 1px #52a70e;
                }

                table.flat tr > td {
                    flex: 1 0 auto;
                    display: flex;
                    align-items: center;
                    padding: 15px 10px;
                    width: 50%;
                    border-top: 0;
                    border-left: 0;
                    border-right: 0;
                    font-weight: 600;
                    font-size: 14px;
                    letter-spacing: -0.5px;
                }

                    table.flat tr > td[data-column="productname"] {
                        font-size: 13px;
                        letter-spacing: -0.4px;
                    }

                    table.flat tr > td[data-column="packagetype"],
                    table.flat tr > td[data-column="packagetype2"] {
                        border: none;
                    }

                    table.flat tr > td[data-column="packagetype2"] {
                        width: 100%;
                    }

                    table.flat tr > td[data-column="itemid"],
                    table.flat tr > td[data-column="vendoritemid"] {
                        justify-content: flex-end;
                    }

                    table.flat tr > td[data-column="packagetype2"] .title {
                        margin-right: 5px;
                    }

                table.flat tr.error > td[data-column="packagetype2"],
                table.flat tr.error > td[data-column="packagetype2"].title {
                    color: #c90f0f;
                }

                table.flat tr.error-fixed > td[data-column="packagetype2"],
                table.flat tr.error-fixed > td[data-column="packagetype2"] .title {
                    color: #52a60f;
                }

                table.flat tr > td[data-column="packagetype"] {
                    display: flex;
                }

                    table.flat tr > td[data-column="packagetype"] .title {
                        flex: 1 0 auto;
                        width: 115px;
                    }

                    table.flat tr > td[data-column="packagetype"] select {
                        flex: 1 1 auto;
                    }

    .responsive-table-container.custom-order > .mobile label {
        width: 100%;
        font-size: 13px;
        font-weight: 600;
    }

    .responsive-table-container.custom-order > .mobile input,
    .responsive-table-container.custom-order > .mobile select {
        width: 100%;
        height: 36px;
        border: 1px solid #979797;
        border-radius: 3px;
        padding: 0 5px;
    }

        .responsive-table-container.custom-order > .mobile input:focus,
        .responsive-table-container.custom-order > .mobile select:focus {
            outline: none;
            border-color: #000;
        }

    .responsive-table-container.custom-order > .mobile .form-group {
        margin: 0 -5px 15px -5px;
        width: 100%;
    }

        .responsive-table-container.custom-order > .mobile .form-group.flex-wrap-mobile {
            flex-wrap: wrap;
        }

        .responsive-table-container.custom-order > .mobile .form-group .form-item {
            padding: 0 5px;
        }

            .responsive-table-container.custom-order > .mobile .form-group .form-item.vendor,
            .responsive-table-container.custom-order > .mobile .form-group .form-item.vendor-id {
                width: 100%;
                flex-grow: 1;
                flex-shrink: 0;
            }

            .responsive-table-container.custom-order > .mobile .form-group .form-item.vendor {
                margin-bottom: 15px;
            }

        .responsive-table-container.custom-order > .mobile .form-group.product-name label {
            font-size: 14px;
        }

        .responsive-table-container.custom-order > .mobile .form-group.product-name .form-item.search {
            position: relative;
        }

            .responsive-table-container.custom-order > .mobile .form-group.product-name .form-item.search input {
                padding-right: 35px;
            }

            .responsive-table-container.custom-order > .mobile .form-group.product-name .form-item.search .button {
                position: absolute;
                bottom: 10px;
                right: 18px;
            }

    .responsive-table-container.custom-order > .mobile .add-product .blue-button {
        max-width: 66px;
        max-height: 34px;
        font-weight: 600;
    }

    .responsive-table-container.purchase-order .table-items .table-item {
        padding: 6px 10px 10px 10px;
    }

        .responsive-table-container.purchase-order .table-items .table-item:nth-child(odd) {
            background-color: #fdfdfd;
        }

        .responsive-table-container.purchase-order .table-items .table-item:nth-child(even) {
            background-color: #f3f3f3;
        }

    .responsive-table-container.purchase-order .actions {
        flex-wrap: wrap;
        padding: 0 7px 0 4px;
    }

        .responsive-table-container.purchase-order .actions .button {
            margin: 0 auto;
        }

            .responsive-table-container.purchase-order .actions .button:nth-child(odd) {
                margin-bottom: 6px;
            }

            .responsive-table-container.purchase-order .actions .button:nth-child(even) {
                margin-top: 6px;
            }

    .responsive-table-container.purchase-order .details {
        align-items: stretch;
        margin: 0 -7px;
        font-size: 13px;
    }

        .responsive-table-container.purchase-order .details > .form-fields {
            padding-left: 3px;
            padding-right: 5px;
        }

        .responsive-table-container.purchase-order .details .product-name {
            font-size: 12px;
            line-height: 19px;
            padding: 0 7px;
        }

        .responsive-table-container.purchase-order .details > .flex-col:not(:last-child) {
            border-right: 1px solid #d8d8d8;
        }

    .responsive-table-container.purchase-order .form-group {
        margin: 0;
    }

    .responsive-table-container.purchase-order .form-item:not(:last-child) {
        margin-bottom: 5px;
    }

    .responsive-table-container.purchase-order .form-fields label {
        margin: 0;
        padding-right: 9px;
        font-size: 13px;
        font-weight: 400;
    }

    .responsive-table-container.purchase-order .form-fields input {
        width: 40px;
        height: 24px;
        border-radius: 3px;
        border: 1px solid #979797;
    }

    .responsive-table-container.purchase-order .details .summary {
        flex-wrap: wrap;
        padding: 0 7px;
    }

        .responsive-table-container.purchase-order .details .summary .highlighted {
            color: #52a60f;
        }

        .responsive-table-container.purchase-order .details .summary .price,
        .responsive-table-container.purchase-order .details .summary .vendor {
            width: 100%;
        }

        .responsive-table-container.purchase-order .details .summary .vendor {
            min-width: 120px;
        }

            .responsive-table-container.purchase-order .details .summary .vendor .vendor-name {
                padding-right: 5px;
                letter-spacing: -0.5px;
            }

    .table-preheader {
        /*        margin: 0 -30px; */
        padding: 15px;
        background-color: #f9f9f9;
    }

        .table-preheader .id span,
        .table-preheader .name h2,
        .table-preheader .approve .button {
            font-size: 13px;
        }

        .table-preheader .approve .button {
            width: 126px;
            height: 31px;
            font-weight: 700;
        }

    .table-control {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .comments-block {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
    }

    .order-complete-message {
        padding: 0 15px;
    }

        .order-complete-message h1 {
            font-size: 18px;
        }

        .order-complete-message .order-id-rounded {
            font-size: 16px;
            margin: 0 5px;
            padding: 4px 12px;
        }

        .order-complete-message h1 .icon img {
            width: 20px;
            vertical-align: -12px;
        }

    /*
  .dashboard-menu {
    padding-left: 10px;
    padding-right: 10px;
  }
*/

    .dashboard-menu .flex-item.half {
        width: 100%;
    }

    .dashboard-menu .flex-item.search-order {
        border-bottom: 1px solid #848484;
    }

    .dashboard-menu + .responsive-table-container.search-order {
        height: calc(100% - 191px);
    }

    .dashboard-menu .flex-item.quarter {
        width: 50%;
    }

        .dashboard-menu .flex-item.quarter:nth-child(2n+2) {
            border-right: 0;
        }

        /*
      .dashboard-menu .flex-item.quarter:nth-last-child(-n+1) {
          border-right: 1px solid #848484;
      }
  */
        .dashboard-menu .flex-item.quarter:nth-last-child(-n+2) {
            border-bottom: 1px solid #848484;
        }

    .dashboard-menu + .responsive-table-container.search-order {
        height: calc(100% - 191px);
    }

    .dashboard-background {
        background-position: center top;
    }

    .main.dashboard {
        height: calc(100% - 53px);
    }
}

@media screen and (max-width: 768px) {
    .main > .content-desktop {
        display: none;
    }

    .outlook-install-wrapper .install-steps {
        flex-wrap: wrap;
    }

        .outlook-install-wrapper .install-steps > .flex-col,
        .outlook-install-wrapper .install-steps > .flex-col:not(.icon-container) {
            width: 100%;
        }

            .outlook-install-wrapper .install-steps > .flex-col:not(:last-child) {
                margin-bottom: 50px;
            }

        .outlook-install-wrapper .install-steps img {
            max-width: 250px;
        }

        .outlook-install-wrapper .install-steps .icon-container img {
            transform: rotate(90deg);
        }

    .responsive-table-container.search-order-suppressed > .desktop {
        display: none;
    }

    .responsive-table-container.search-order-suppressed > .mobile {
        display: block;
    }
}

@media screen and (max-width: 374px) {
    .responsive-table-container.gray .orders .order .actions {
        padding-top: 15px;
    }

        .responsive-table-container.gray .orders .order .actions ul {
            flex-wrap: wrap;
        }


        .responsive-table-container.gray .orders .order .actions > ul > li {
            width: 100%;
            margin-bottom: 10px;
            text-align: center;
        }

            .responsive-table-container.gray .orders .order .actions > ul > li > a,
            .responsive-table-container.gray .orders .order .actions > ul > li:last-child a {
                max-width: 250px;
            }

            .responsive-table-container.gray .orders .order .actions > ul > li,
            .responsive-table-container.gray .orders .order .actions > ul > li:last-child {
                width: 100%;
                max-width: 100%;
            }
}

@media screen and (min-width: 1421px) {
    .main {
        background-color: transparent;
    }

    .responsive-table-container > .desktop {
        display: block;
    }

    .responsive-table-container > .mobile {
        display: none;
    }

    .dashboard-menu .flex-item.quarter {
        border-bottom: 1px solid #848484;
    }

    table.flat td[data-column="packagetype2"] span.title,
    table.flat td[data-column="packagetype"] span.title {
        display: none;
    }
}


@media screen and (max-width: 992px) {
    .main.dashboard {
        height: calc(100% - 38px);
    }
}

@media screen and (min-width: 641px) and (max-width: 992px) {
    .dashboard-menu + .responsive-table-container.search-order {
        height: calc(100% - 260px);
    }

    .dashboard-menu .flex-col {
        width: calc(33.33% - 10px);
        margin-bottom: 10px;
        flex: 0 0 auto;
    }

        .dashboard-menu .flex-col:nth-child(3n+3) {
            margin-right: 0;
        }

        .dashboard-menu .flex-col:nth-child(3n+4) {
            margin-left: 0;
        }

    .responsive-table-container.search-order-suppressed .table-wrapper .order .details {
        max-width: 45%;
    }
}

@media screen and (min-width: 480px) and (max-width: 640px) {

    .search-form .filters .datepicker-wrapper input {
        width: calc(100% - 35px);
    }

    .main.dashboard .content, .main.dashboard .container {
        height: auto;
    }

    .dashboard-menu + .responsive-table-container.search-order {
        height: auto;
    }

    .dashboard-menu .flex-col {
        width: calc(50% - 10px);
        margin-bottom: 10px;
        flex: 0 0 auto;
    }

        .dashboard-menu .flex-col:nth-child(2n+2) {
            margin-right: 0;
        }

        .dashboard-menu .flex-col:nth-child(2n+3) {
            margin-left: 0;
        }
}

@media screen and (max-width: 480px) {

    .search-form .filters .datepicker-wrapper input {
        width: calc(100% - 35px);
    }


    .main.dashboard .content,
    .main.dashboard .container,
    .dashboard-menu + .responsive-table-container.search-order {
        height: auto;
    }

    .dashboard-menu {
        padding-bottom: 0;
    }

        .dashboard-menu > .flex-col {
            width: 100%;
            margin-bottom: 10px;
            flex: 0 0 auto;
        }

            .dashboard-menu > .flex-col:not(:first-child) {
                margin-left: 0;
            }

            .dashboard-menu > .flex-col:not(:last-child) {
                margin-right: 0;
            }
}

.header {
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);
}

.header > .flex-container {
  align-items: center;
}

.header .menu-button a {
  cursor: pointer;
  font-size: 21px;
  color: #cf0900;
}

.header .logo {
  padding-right: 24px;
}

.header .menu-wrapper {
  flex: 1 1 auto;
}

.header .search {
  width: 205px;
  position: relative;
  padding:18px 0;
}

.header .search input[type="text"] {
  width: 100%;
  height: 34px;
  border: 1px solid #979797;
  padding: 0 32px 0 17px;
  border-radius: 3px;
  font-size: 14px;
  color: #a9a8a8;
}

.header .search input[type="text"]:focus {
  outline: none;
}

.header .search input[type="submit"] {
  width: 14px;
  height: 15px;
  position: absolute;
  top: calc(50% - 7.5px);
  right: 9px;
  border: 0;
  background: url("../img/icon-search.svg") no-repeat 0 0;
  background-size: contain;
  text-indent: -9999px;
}

.header nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header nav ul#userMenuNavUl {
  display: flex;
  align-items: center;
}
.header nav ul li {
  display: inline;
}

.header .main-menu {
  display: flex;
  align-items: center;
  padding: 4px 50px 0 34px;
}

.header .navbar-nav li {
  position: relative;
}
.header .navbar-nav a {
  white-space: nowrap;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #343434;
  font-size: 13px;
  font-weight: 600;
}

.header .navbar-nav .menu-item{
  color: #5F6368;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align:center;
}

.header .navbar-nav a.menu-item::before {
    content: attr(data-attr);
    font-weight: bold;
    text-decoration: none;
    background-color: transparent;
    height: 0;
    visibility: hidden;
    display:block;
}
.header .navbar-nav .menu-item:hover, .header .navbar-nav .menu-item:focus {
    color: #004C97;
}
nav.main-menu ul li a.menu-item{
    position: relative;
}

nav.main-menu ul li a.menu-item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #EAAA00;
    height: 2px;
}

nav.main-menu ul li a.menu-item:hover:after {
    width: 100%;
}

.header .main-menu a:focus {
  text-decoration: none;
}
.header .navbar-nav .caret {
  margin-left: 4px;
  margin-top: -3px;

  border-top-width: 6px;
  border-left-width: 4px;
  border-right-width: 4px;
}

.header .menu-wrapper .user-menu .navbar-nav .userinfo .caret {
    margin-top: 0px !important;
}

.header .menu-wrapper .user-menu .navbar-nav .support{
    font-weight: 400;
}

.header .navbar-nav .userinfo .username-wrapper {
    display: flex;
    align-items: center;
}

.header .navbar-nav .userinfo > p.username {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #100F0D;
    opacity: 0.8;
}
.header .navbar-nav .userinfo > p.customername {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #5F6368;
    opacity: 0.8;
}

.header .navbar-nav li.has-child > a:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.header .navbar-nav > li {
  margin-right: 10px;
}

.header .navbar-nav > li > a {
  padding: 24px 0px;
  background-color: transparent;
}

.header .navbar-nav > li > a.active {
  color: #5F6368;
}

.header .navbar-nav > li > a:hover,
.header .navbar-nav > li > a:focus {
  
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}

.header .user-menu > ul > li > ul {
  left: auto;
  right: 0;
}

.header .navbar-nav > li > ul > li {
  display: block;
}

.header .main-menu ul.nav * li > a {
  display: flex;
  align-items: center;
}

.header .main-menu ul.nav * li.dropdown > a > .caret {
  transform: rotate(-90deg);
  margin-left: auto;
}

.header .navbar-nav > li > ul > li:not(:last-child) {
  border-bottom: 1px solid #ededed;
}

.header .navbar-nav > li > ul > li > a {
  background: #fff;
  display: block;
  padding: 8px 10px 8px 10px;
  font-size: 13px;
}

.header .navbar-nav > li > ul > li > a .fa {
  margin-right: 8px;
}

.header .navbar-nav > li > ul > li > a .fas {
  margin-right: 8px;
}

.header .navbar-nav > li > ul > li:hover > a {
  background-color: #d20404;
  color: #fff;
  text-decoration: none;
}

.header .main-menu ul.nav * li.dropdown > ul.dropdown-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  /*width: 300px;*/
  background: #fff;
  z-index: 999;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.header .main-menu ul.nav * li {
  display: block;
}

.header .main-menu ul.nav * li:not(:last-child) {
  border-bottom: 1px solid #ededed;
}

.header .main-menu ul.nav * li > a {
  background: #fff;
  padding: 8px 10px 8px 10px;
  font-size: 13px;
}
    .header .main-menu ul.nav * li > a .fas,
    .header .main-menu ul.nav * li > a .fa {
        margin-right: 8px;
    }

.header .main-menu ul.nav * li > a:hover {
  background-color: #d20404;
  color: #fff;
  text-decoration: none;
}

.header .user-menu {
  padding-top: 4px;
}

.header .user-menu a {
  color: #5F6368;
}

.header .user-menu a .caret {
  border-top-color: #5F6368;
}

.header .user-menu > ul > li.logout {
    align-items: center;
    display: flex;
}
.header .user-menu > ul > li.logout > .userinfo p {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 !important;
}
.header .user-menu > ul > li.logout > a {
  /*
    display: inline-block;
    border: 1px solid #ce2026;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    background-color: #fff;
    font-weight: 300;
  */
  text-decoration: underline;
  display: inline-block;
  margin-left: 16px;
}

.header .user-menu > ul > li.logout-btn > a .fa {
  /*margin-right: 5px;*/
  font-size: 16px;
  color: #DB1B1B;
}

.header .search-icon {
  /*
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      width: 65px;
      height: 100%;
      line-height: 57px;
      text-align: center;
  */
}

.header .mobile-only .flex-container {
  align-items: stretch;
}

.header .mobile-only .icon {
  padding: 10px;
  border: 1px solid transparent;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.header .mobile-only .icon .button:focus {
  outline: none;
}

.header .mobile-only .icon.active {
  /*border-color: #979797;
  padding-bottom: 11px;
  border-bottom: 0;
  position: relative;*/
}

.header .mobile-only .icon.active:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  background: #fff;
}

.header .search-container {
  position: relative;
  display: none;
  padding: 15px 12px;
  background-color: #dedede;
}

body.header-search-opened .header .search-container {
  display: block;
}

.header .search-container .wrapper {
  position: relative;
}

.header .search-container input[type="text"] {
  width: 100%;
  height: 46px;
  padding: 0 10px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  font-size: 18px;
  font-weight: 600;
  color: #444;
}

.header .search-container input[type="submit"] {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 71px;
  height: 38px;
  background-color: #52a60f;
  border: none;
  border-radius: 2px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

body.header-mobile-search-opened .header .search-icon {
  background-color: #dedede;
}

.header .search-container-v2 {
  display: none;
  padding: 10px 7px 0 7px;
  border-top: 1px solid #979797;
  border-bottom: 1px solid #979797;
}

.header .search-container-v2 .form-item {
  position: relative;
  padding: 0 2px;
  height: 44px;
}

.header .search-container-v2 .search input[type="text"] {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #979797;
  border-radius: 3px;
}

.header .search-container-v2 .form-item.search .button {
  position: absolute;
  right: 16px;
}

.header .search-container-v2 .form-item.search .button:focus {
  outline: none;
}

.header .search-container-v2 .form-item.search:not(.empty) .search-button {
  display: none;
}

.header .search-container-v2 .form-item.search .reset-button {
  color: #000;
}

.header .search-container-v2 .form-item.search.empty .reset-button {
  display: none;
}


.header .search-container-v2 .flex-col.qty {
  width: 50px;
}

.header .search-container-v2 .flex-col.qty input {
  height: 100%;
  padding: 0 6px;
  border: 1px solid #979797;
  border-radius: 3px;
  font-size: 14px;
  color: #a3a3a3;
}

.header .search-container-v2 .flex-col.add {
  width: 59px;
}

.header .search-container-v2 .flex-col.qty input,
.header .search-container-v2 .flex-col.add .button {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  body {
    position: relative;
  }

  .header {
    position: static;
  }

  .header > .container {
    padding: 5px 10px;
    width: 100%;
  }

  .header .logo img {
    width: 110px;
  }

  body.mobile-header-add-opened .header > .container {
    padding-bottom: 0;
  }

  .header .search-icon {
    display: block;
    height: auto;
  }

  .header .menu-wrapper {
    width: 300px;
    max-width: 100%;
    height: calc(100% - 60px);
    overflow-y: scroll;
    z-index: 999;
    display: block;
    position: absolute;
    left: -100%;
    top: 58px;
    background-color: #000;
    transition: all 0.5s;
  }

  body.mobile-menu-opened .header .menu-wrapper {
    left: 0;
  }

  .header {
    flex: 0 0 auto;
    background-color: #fff;
  }

  .header .logo {
    width: auto;
    text-align: right;
    padding-right: 20px;
    flex-grow: 1;
  }

  .header .menu-wrapper > .search {
    display: none;
  }

  .header .menu-wrapper > .main-menu {
    display: block;
    flex: 0;
    padding: 0;
  }

  .header .navbar-nav {
    flex-wrap: wrap;
  }

  .header .navbar-nav li,
  .header .navbar-nav li {
    display: block;
    margin: 0;
  }

  .header .navbar-nav a {
    display: block;
    padding: 10px 15px;
    font-weight: 600;
    color: #fff !important;
    white-space: normal;
    text-transform: none;
    text-align: left !important;
  }

  .header .navbar-nav > li > a {
    padding: 10px 15px;
  }

  .header .navbar-nav li i {
    font-size: 18px;
  }

  .header .menu-wrapper > .user-menu li.logout > a {
    display: block;
    border: none;
    padding: 10px 15px;
    background: #000;
    font-weight: 600;
    white-space: normal;
  }

  .header .menu-wrapper > .user-menu li.profile {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header .navbar-nav .dropdown-menu {
    overflow: hidden;
    float: none;
    position: static;
    width: 100%;
    border: none;
    border-radius: 0;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .header .navbar-nav > li.open > ul.dropdown-menu > li > a,
  .header .navbar-nav > li > ul > li > a {
    padding-left: 30px;
    padding-right: 30px;
    background: #000;
  }

  .header .navbar-nav > li:hover > a {
    color: #fff;
  }

  .header .navbar-nav > li > ul > li.open > ul > li > a,
  .header .navbar-nav > li > ul > li > ul > li > a {
    padding-left: 45px;
    padding-right: 30px;
  }

  .header .main-menu > ul > li > ul > li > ul > li > a {
    padding-left: 50px;
    padding-right: 30px;
    font-size: 14px;
  }

  .header .main-menu > ul > li > ul > li > ul > li > a .fa {
    font-size: 14px;
  }

  .header .navbar-nav > li > ul > li > a,
  .header .navbar-nav > li > ul > li > ul > li > a,
  .header .main-menu > ul > li > ul > li > ul > li > a {
    background-color: #000;
  }

  .header .navbar-nav > li > ul > li:not(:last-child),
  .header .main-menu > ul > li > ul > li > ul > li:not(:last-child),
  .header .navbar-nav > li > ul > li > ul > li:not(:last-child) {
    border-bottom: 1px solid #666;
  }
  
  nav.main-menu ul li a.menu-item:after {
      background: none;
  }
  
  .header nav ul#userMenuNavUl {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  .header .user-menu > ul > li.logout {
      order: 2;
  }

  .header .user-menu > ul > li.logout > .userinfo {
      padding: 10px 15px;
  }
  .header .user-menu > ul > li.logout > .userinfo p,
  .header .user-menu > ul > li.logout > .userinfo .caret {
      color: #fff;
  }
  .header .user-menu > ul > li.logout {
      display: block;
  }
}

@media screen and (max-width: 480px) {
  .header .menu-wrapper {
    width: 100%;
  }
}

@media screen and (min-width: 1025px) {
  .header.gray {
    background-color: #fcfcfc;
  }

  .header .menu-button {
    display: none;
  }

  .header > .container {
    height: 67px;
  }

  .header .main-menu ul.nav * li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }

  .header .main-menu ul.nav * li a {
    background: #fff;
  }

}

.current-order {
    padding: 15px 0;
    height: 100px;
    left: 0;
    bottom: 0;
    background: #fff;
    align-items: center;
}

    .current-order .flex-col {
        height: 100%;
        padding: 0 30px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .current-order .flex-col:not(:last-child):not(.preview) {
            border-right: 1px solid #d8d8d8;
        }

    .current-order .cancel {
        width: 600px;
        min-width: 350px;
        overflow: hidden;
    }

        .current-order .cancel .po {
            margin-left: auto;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: -0.6px;
            color: #444444;
        }

    .current-order .name {
        max-width: 350px;
        min-width: 200px;
        font-size: 15px;
        letter-spacing: -0.5px;
        color: #444444;
        text-align: center;
    }

    .current-order .order-total {
        min-width: 120px;
        text-align: center;
        padding: 0px;
    }

        .current-order .order-total span {
            width: 100%;
            align-self: flex-end;
            font-size: 17px;
            letter-spacing: -0.6px;
        }

        .current-order .order-total .price {
            width: 100%;
            font-weight: bold;
            align-self: flex-start;
        }

    .current-order .preview {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -0.5px;
        border-right: none;
    }

        .current-order .preview input[type="checkbox"] {
            width: 21px;
            height: 21px;
            border-radius: 3px;
            background-color: #fcfcfc;
            border: solid 1px #979797;
            margin-right: 15px;
            cursor: pointer;
        }

    .current-order .approve .button {
        width: auto;
        min-width: 120px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .current-order .approve .button.dropdown,
        .current-order-mobile .approve .button.dropdown {
            padding: 0;
        }

.current-order-mobile .approve .button.dropdown {
    max-width: 180px;
}

    .current-order .approve .button.dropdown:focus,
    .current-order-mobile .approve .button.dropdown:focus {
        outline: none;
    }

    .current-order .approve .button.dropdown.open,
    .current-order-mobile .approve .button.dropdown.open {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .current-order .approve .button.dropdown:hover,
    .current-order-mobile .approve .button.dropdown:hover {
        background-color: #52a70e;
    }

    .current-order .approve .button.dropdown .dropdown-toggle,
    .current-order-mobile .approve .button.dropdown .dropdown-toggle {
        display: block;
        padding-left: 16px;
        padding-right: 45px;
        background: url(/ContentZ/images/icon-dropdown.svg) no-repeat right 15px center;
    }

        .current-order .approve .button.dropdown .dropdown-toggle:hover,
        .current-order-mobile .approve .button.dropdown .dropdown-toggle:hover {
            color: #8fc564;
        }

    .current-order .approve .button.dropdown.open .dropdown-toggle,
    .current-order-mobile .approve .button.dropdown.open .dropdown-toggle {
        background-image: url(/ContentZ/images/icon-dropdown-up.svg);
    }

    .current-order .approve .button.dropdown .dropdown-toggle:after,
    .current-order-mobile .approve .button.dropdown .dropdown-toggle:after {
        display: block;
        content: '';
        width: 1px;
        height: 100%;
        float: left;
        background: red;
    }

    .current-order .approve .button.dropdown ul,
    .current-order-mobile .approve .button.dropdown ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 0;
        float: none;
        min-width: 100%;
        top: auto;
        bottom: 100%;
        left: 0;
        right: 0;
        left: auto;
        box-shadow: none;
        background-color: #52a70e;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

        .current-order .approve .button.dropdown ul li a,
        .current-order-mobile .approve .button.dropdown ul li a {
            display: block;
            padding: 12px 16px;
            font-size: 15px;
            font-weight: 700;
            color: #fff;
            text-align: left;
        }

            .current-order .approve .button.dropdown ul li a:hover,
            .current-order-mobile .approve .button.dropdown ul li a:hover {
                text-decoration: none;
                background-color: #52a70e;
                color: #8fc564;
            }

.current-order-mobile {
    width: 100%;
    padding: 15px 20px;
    left: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0 -1px 44px 0 rgba(206, 206, 206, 0.56);
    flex: 0 0 auto;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

    .current-order-mobile span {
        width: 100%;
        display: block;
    }

    .current-order-mobile .po {
        margin-bottom: 10px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.4px;
    }

    .current-order-mobile .name {
        font-size: 12px;
        letter-spacing: -0.4px;
        white-space: nowrap;
    }

    .current-order-mobile .order-total {
        width: 100px;
        margin-left: auto;
        font-size: 17px;
        letter-spacing: -0.6px;
        text-align: center;
    }

        .current-order-mobile .order-total:after,
        .current-order-mobile .price:after {
            content: '';
            width: 100%;
        }

    .current-order-mobile .price {
        width: 100px;
        margin-left: auto;
        font-size: 17px;
        letter-spacing: -0.6px;
        text-align: center;
    }

    .current-order-mobile .cancel,
    .current-order-mobile .approve {
        display: flex;
        flex-wrap: wrap;
    }

    .current-order-mobile .cancel {
        max-width: 150px;
    }

    .current-order-mobile.error .problems {
        max-width: none;
    }

    .current-order-mobile.error > .container {
        align-items: center;
    }

    .current-order-mobile .problems span {
        width: auto;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        color: #444444;
    }

    .current-order-mobile .problems .text + .count.fixed {
        margin-left: 15px;
    }

    .current-order-mobile .problems .count {
        padding: 0 8px;
        border-radius: 100px;
        line-height: 32px;
        margin-right: 5px;
    }

    .current-order-mobile .problems .error {
        background-color: #f7dada;
        color: #d13131;
    }

    .current-order-mobile .problems .fixed {
        background-color: #e5f2da;
        color: #52a60f;
    }

    .current-order-mobile .approve {
        /*    width: 100px; */
        margin-left: auto;
    }

        .current-order-mobile .approve .approve-inner {
            width: 100%;
            padding-right: 50px;
        }

        .current-order-mobile .approve .price {
            font-weight: bold;
        }

        .current-order-mobile .cancel .button,
        .current-order-mobile .approve .button,
        .current-order-mobile .chat .button {
            width: 100%;
            max-width: 120px;
            margin-top: 15px;
            align-self: flex-end;
        }

        .current-order-mobile .approve .button {
            margin-left: auto;
            position: relative;
        }

    .current-order-mobile.error .approve .button {
        margin-top: 0;
    }

    .current-order-mobile .approve .button.dropdown,
    .current-order-mobile .approve .button.dropdown ul li a {
        font-size: 13px;
        font-weight: 600;
    }

@media screen and (max-width: 1350px) {
    body {
        position: relative;
    }

    .container {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 992px) {
    .current-order {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .current-order .flex-col {
        padding: 0 15px;
    }
}

@media screen and (min-width: 480px) {
    .current-order-mobile .cancel {
        max-width: 50%;
    }

    .current-order-mobile .name {
        font-size: 15px;
    }

    .current-order-mobile .po {
        font-size: 18px;
        letter-spacing: -0.6px;
    }
}

@media screen and (min-width: 992px) {
    .current-order {
        display: flex;
    }

    .current-order-mobile {
        display: none;
    }
}



@media screen and (max-width: 1200px) {
    .current-order .flex-col {
        min-width: 130px !important;
        width: auto !important;
    }
}

.fancybox-modal {
  display: none;
}

#fancybox-loading {
  display: none;
}

.fancyboxLoadingAnimation {
  height:19px;
  width:60%;
  max-width: 95%;
  border:1px solid rgb(0,0,0);
  overflow:hidden;
  background-color:rgb(255,255,255);
  margin:auto;
}

.fancyboxLoadingAnimation .bar{
  background-color:rgb(84,84,84);
  float:left;
  width:14px;
  height:117px;
  margin-right:23px;
  margin-top:-27px;
  transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
}

.fancyboxLoadingAnimation .fancyboxLoadingAnimationInner {
  width:766px;
  animation-name:noTrespassingAnimationG;
    -o-animation-name:noTrespassingAnimationG;
    -ms-animation-name:noTrespassingAnimationG;
    -webkit-animation-name:noTrespassingAnimationG;
    -moz-animation-name:noTrespassingAnimationG;
  animation-duration:1.5s;
    -o-animation-duration:1.5s;
    -ms-animation-duration:1.5s;
    -webkit-animation-duration:1.5s;
    -moz-animation-duration:1.5s;
  animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
  animation-timing-function:linear;
    -o-animation-timing-function:linear;
    -ms-animation-timing-function:linear;
    -webkit-animation-timing-function:linear;
    -moz-animation-timing-function:linear;
}



@keyframes noTrespassingAnimationG{
  0%{
    margin-left:0px;
  }

  100%{
    margin-left:-37px;
  }
}

@-o-keyframes noTrespassingAnimationG{
  0%{
    margin-left:0px;
  }

  100%{
    margin-left:-37px;
  }
}

@-ms-keyframes noTrespassingAnimationG{
  0%{
    margin-left:0px;
  }

  100%{
    margin-left:-37px;
  }
}

@-webkit-keyframes noTrespassingAnimationG{
  0%{
    margin-left:0px;
  }

  100%{
    margin-left:-37px;
  }
}

@-moz-keyframes noTrespassingAnimationG{
  0%{
    margin-left:0px;
  }

  100%{
    margin-left:-37px;
  }
}


.modal-success img,
.modal-warning img,
.modal-loading img,
.modal-error img {
  display: block;
  margin: 0 auto 20px auto;
}

.modal-loading {
  padding: 44px 30px;
  border-radius: 3px;
  background-color: #fff;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.57px;
  text-align: center;
  color: #000;
}

.modal-success {
  padding: 44px 30px;
  border-radius: 3px;
  background-color: #52a70e;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: -0.6px;
  text-align: center;
  color: #ffffff;
}

.modal-loading > .container {
  width: 355px;
  margin: 0 auto;
}

.modal-success > .container {
  width: 436px;
  margin: 0 auto;
}

.modal-error > .container,
.modal-warning > .container {
  width: 436px;
  margin: 0 auto;    
}

.modal-warning {
  padding: 30px 0 38px 0;
  border-radius: 3px;
  background-color: #f4a12d;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: -0.6px;
  text-align: center;
  color: #ffffff;
}

.modal-error {
  padding: 30px 0 38px 0;
  border-radius: 3px;
  background-color: #c20518;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: -0.6px;
  text-align: center;
  color: #ffffff;
}


.modal-edit-details {
  background-color: #ffffff;
  padding: 15px 15px 20px 15px;
  max-width: 100%;
}

.modal-edit-details .fancybox-modal-content > .flex-container {
  margin: 0 auto;
}

.modal-edit-details .modal-header,
.modal-edit-address .modal-header {
  align-items: center;
  margin-bottom: 30px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #d8d8d8;
}

.modal-edit-details .modal-header .modal-id,
.modal-edit-address .modal-header .modal-id {
  padding: 10px 30px 10px 15px;
  border-right: 1px solid #b8b8b8;
  font-size: 23px;
  font-weight: 700;
}

.modal-edit-details .modal-header .order,
.modal-edit-address .modal-header .order {
  font-size: 16px;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 15px;
}

.modal-edit-details .modal-header .order,
.modal-edit-address .modal-header .order {
  padding-left: 10px;
  padding-right: 15px;
}

.modal-edit-details .fancybox-modal-content .details-container {
  width: 515px;
  padding-left: 15px;
}

.modal-edit-details .fancybox-modal-content .form-group:not(:last-child) {
  margin-bottom: 15px;
}

.modal-edit-details .fancybox-modal-content .form-item label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.modal-edit-details .fancybox-modal-content .form-item.account .billable {
  display: none;
}

.modal-edit-details .fancybox-modal-content .form-item.billable,
.modal-edit-details .fancybox-modal-content .form-item.toggle {
  padding-top: 31px;
}

.modal-edit-details .fancybox-modal-content .form-item.toggle label,
.modal-edit-details .fancybox-modal-content .form-item.billable label {
  display: inline-block;
}

.modal-edit-details .fancybox-modal-content .form-item input[type="text"] {
  height: 36px;
  border: 1px solid #979797;
  border-radius: 3px;
  padding: 0 8px;
  transition: all 300ms;
}

.modal-edit-details .fancybox-modal-content .form-item.date input[type="text"],
.modal-edit-details .fancybox-modal-content .form-item.account input[type="text"],
.modal-edit-details .fancybox-modal-content .form-item.tax input[type="text"],
.modal-edit-details .fancybox-modal-content .form-item.freight input[type="text"],
.modal-edit-details .fancybox-modal-content .form-item.deposit input[type="text"],
.modal-edit-details .fancybox-modal-content .form-item.discount input[type="text"] {
  width: 112px;
}

.modal-edit-details .fancybox-modal-content .form-item.tax,
.modal-edit-details .fancybox-modal-content .form-item.freight,
.modal-edit-details .fancybox-modal-content .form-item.deposit {
  margin-right: 16px;
}



.modal-edit-details .fancybox-modal-content .form-item input[type="text"]:focus {
  outline: none;
  border-color: #000;
}

.modal-edit-details .fancybox-modal-content .form-item.po-subject input[type="text"] {
  width: 338px;
  font-size: 13px;
  font-weight: 600;
}

.modal-edit-details .fancybox-modal-content .form-item.date:not(:last-child) {
  padding-right: 15px;
}

.modal-edit-details .fancybox-modal-content .form-item.date input[type="text"] {
  float: left;
}

.modal-edit-details .fancybox-modal-content .form-item .datepicker {
  width: 40px;
  height: 36px;
  margin-left: 2px;
  display: inline-block;
  background-color: #ededed;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  padding: 7px 7px;
  transition: all 300ms;
}

.modal-edit-details .fancybox-modal-content .form-item .datepicker img {
  width: 100%;
  height: auto;
}

.modal-edit-details .fancybox-modal-content .form-item .datepicker:hover {
  background-color: #fff;
  cursor: pointer;
}

.modal-edit-details .fancybox-modal-content .form-item .datepicker img {
  display: block;
}

.modal-edit-details .fancybox-modal-content .form-item.billable,
.modal-edit-details .fancybox-modal-content .form-item.toggle {
  display: flex;
}

.modal-edit-details .fancybox-modal-content .form-item.toggle label,
.modal-edit-details .fancybox-modal-content .form-item.billable label {
  margin: 0 11px 0 0;
  vertical-align: top;
}

.modal-edit-details .fancybox-modal-content .form-item.billable input[type="checkbox"],
.modal-edit-details .fancybox-modal-content .form-item.toggle input[type="checkbox"] {
  width: 21px;
  height: 21px;
  border-radius: 3px;
  background-color: #fcfcfc;
  border: solid 1px #979797;
  margin: 0;
}

.modal-edit-details .fancybox-modal-content .form-group.message textarea {
  width: 239px;
  height: 80px;
  max-height: 200px;
  resize: none;
  border: 1px solid #979797;
  border-radius: 3px;
  padding: 5px 8px;
  font-size: 13px;
  transition: all 300ms;
}

.modal-edit-details .fancybox-modal-content .form-group.message .form-item:nth-child(odd) textarea {
  margin-right: 20x;
}


.modal-edit-details .fancybox-modal-content .form-group.message textarea:focus {
  outline: none;
  border-color: #000;
}

.modal-edit-details .fancybox-modal-content .notification-container {
  max-width: 354px;
  border-radius: 4px;
  border: 1px solid #979797;
  background-color: #fafafa;
  padding: 25px 15px 40px 15px;
  margin: 0 20px auto auto;
}

.modal-edit-details .fancybox-modal-content .notification-container .form-group-title {
  display: block;
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: -0.6px;
}

.modal-edit-details .fancybox-modal-content .notification-container .form-group:not(:last-child) {
  margin-bottom: 15px;
}

.modal-edit-details .fancybox-modal-content .notification-container .form-item label {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.modal-edit-details .fancybox-modal-content .notification-container .form-item input[type="text"],
.modal-edit-details .fancybox-modal-content .notification-container .form-item select {
  height: 36px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 13px;
  transition: all 300ms;
}

.modal-edit-details .fancybox-modal-content .notification-container .form-item input[type="text"]:focus,
.modal-edit-details .fancybox-modal-content .notification-container .form-item select:focus {
  outline: none;
  border-color: #000;
}

.modal-edit-details .fancybox-modal-content .notification-container .form-item input[type="text"] {
  width: 200px;
}

.modal-edit-details .fancybox-modal-content .notification-container .form-item select {
  width: 117px;
  font-weight: 600;
}

.modal-edit-details .fancybox-modal-content .notification-container .form-item.enotify {
  margin-top: 30px;
  display: flex;
}

.modal-edit-details .fancybox-modal-content .notification-container .form-item.enotify label {
  margin: 0 0 0 11px;
}

.modal-edit-details .fancybox-modal-content .notification-container .form-item.enotify input[type="checkbox"] {
  width: 21px;
  height: 21px;
  border-radius: 3px;
  background-color: #fcfcfc;
  border: solid 1px #979797;
}

.modal-edit-details .fancybox-modal-content .navigation {
  margin-top: 75px;
  text-align: right;
}

.modal-edit-details .fancybox-modal-content .navigation .button {
  width: 150px;
  margin-left: auto;
}

.modal-edit-address {
  background-color: #ffffff;
  padding: 15px 15px 20px 15px;
  max-width: 100%;
}

.modal-edit-address .fancybox-modal-content > .flex-container {
  margin: 0 auto;
}

.modal-edit-address .shipping-container,
.modal-edit-address .billing-container {
  width: calc(50% - 15px);
  padding-bottom: 23px;
  border-radius: 5px;
  overflow: hidden;
}

.modal-edit-address .form-title {
  padding: 13px 12px 12px 12px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}

.modal-edit-address .form-group {
  padding: 0 12px;
}

.modal-edit-address .form-group:not(:last-child) {
  margin-bottom: 15px;
}

.modal-edit-address .form-group.existing {
  padding: 10px 10px;
}

.modal-edit-address label {
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.modal-edit-address .form-item:not(:last-child) {
  margin-right: 8px;
}

.modal-edit-address .form-group.existing .form-item {
  display: flex;
  align-items: center;
}

.modal-edit-address .form-group.existing label {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 600;
}

.modal-edit-address .form-group input[type="text"] {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  border: 1px solid #979797;
  background-color: #fff;
  padding: 0 5px;
  font-size: 13px;
}

.modal-edit-address .form-group select {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  border: 1px solid #979797;
  background-color: #fff;
  padding: 0 5px;
  font-size: 13px;
}

.modal-edit-address .form-group input[type="text"]:focus,
.modal-edit-address .form-group select:focus {
  outline: none;
  border-color: #000;
}

.modal-edit-address .form-group.existing select {
  flex: 0 1 auto;
  width: 282px;
  display: inline-block;
  margin-left: auto;
}

.modal-edit-address .form-group .form-item.code label small {
  float: right;
  margin-top: 2px;
  margin-right: 2px;
  letter-spacing: -0.4px;
  font-weight: 400;
  color: #a1a1a1;
}

.modal-edit-address .form-group .form-item.address input[type="text"]:not(:last-child) {
  margin-bottom: 8px;
}

.modal-edit-address .form-group .form-item.code input[type="text"] {
  width: 106px;
}

.modal-edit-address .form-group .form-item.state select {
  width: 150px;
}

.modal-edit-address .form-group .form-item.zip input[type="text"] {
  width: 71px;
}

.modal-edit-address .shipping-container {
  margin-right: 15px;
  border: 2px solid #337ab7;
}

.modal-edit-address .shipping-container .form-title {
  background-color: #337ab7;
}

.modal-edit-address .shipping-container .form-group.existing {
  background-color: #e9f4ff;
}

.modal-edit-address .billing-container {
  margin-left: 15px;
  border: 2px solid #79b24b;
}

.modal-edit-address .billing-container .form-title {
  background-color: #79b24b;
}

.modal-edit-address .billing-container .form-group.existing {
  background-color: #edf5e7;
}

.modal-edit-address .fancybox-modal-content .navigation {
  margin-top: 30px;
  text-align: right;
}

.modal-edit-address .fancybox-modal-content .navigation .button {
  width: 150px;
  margin-left: auto;
}

.modal-confirmation > .container {
  width: 415px;
  padding: 30px 30px;
  text-align: center;
}

.modal-confirmation > .container p {
  margin: 0 0 30px 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -1px;
}

.modal-confirmation .confirmation-button {
  display: inline-block;
  width: 98px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #ffffff;
  text-align: center;
  transition: all 0.5s;
}

.modal-confirmation .confirmation-button:hover {
  opacity: 0.75;
}

.modal-confirmation .confirmation-button-no {
  background-color: #c90f0f;
}

.modal-confirmation .confirmation-button-yes {
  background-color: #52a70e;
}

.modal-confirmation .confirmation-button:nth-child(odd) {
  margin-right: 4px;
}

.modal-confirmation .confirmation-button:nth-child(even) {
  margin-left: 4px;
}

@media screen and (min-width: 640px)and (max-width: 992px) {
  .modal-edit-details .fancybox-modal-content .form-item.date {
    width: 33.333%;
  }

  .modal-edit-details .fancybox-modal-content .form-item.account {
    width: calc(33.333% - 40px);
  }

  .modal-edit-details .fancybox-modal-content .form-item input[type="text"] {
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .modal-edit-details .form-group {
    flex-wrap: wrap;
  }

  .modal-edit-address .form-group .form-item.city {
    flex-shrink: 1;
    flex-grow: 1;
  }

  .modal-edit-address .form-group.existing select {
    max-width: 100%;
  }

  .modal-edit-address .form-group.existing label {
    flex-shrink: 0;
    padding-right: 15px;
  }

  .modal-edit-address .form-group.existing > .form-item {
    max-width: 100%;
    flex-shrink: 1;
  }

  .modal-edit-details .fancybox-modal-content > .flex-container {
    flex-wrap: wrap;
  }

  .modal-edit-details .fancybox-modal-content .details-container {
    width: 100%;
    padding: 0;
  }

  .modal-edit-details .fancybox-modal-content .notification-container {
    margin: 30px auto 0 auto;
  }

  .modal-edit-address .form-group .form-item.state select {
    width: 100%;
  }

  .modal-edit-details .fancybox-modal-content .form-item.date {
    width: 100%;
  }

  .modal-edit-details .fancybox-modal-content .form-item.tax,
  .modal-edit-details .fancybox-modal-content .form-item.freight,
  .modal-edit-details .fancybox-modal-content .form-item.deposit,
  .modal-edit-details .fancybox-modal-content .form-item.discount {
    width: 50%;
    flex: 0 0 auto;
  }

  .modal-edit-details .fancybox-modal-content .form-item.tax,
  .modal-edit-details .fancybox-modal-content .form-item.freight,
  .modal-edit-details .fancybox-modal-content .form-item.deposit {
    margin: 0 0 15px 0;    
  }

  .modal-edit-details .fancybox-modal-content .form-item.tax,
  .modal-edit-details .fancybox-modal-content .form-item.deposit {
    padding-right: 5px;
  }

  .modal-edit-details .fancybox-modal-content .form-item.freight,
  .modal-edit-details .fancybox-modal-content .form-item.discount {
    padding-left: 5px;
  }


  .modal-edit-details .fancybox-modal-content .form-item.tax input[type="text"],
  .modal-edit-details .fancybox-modal-content .form-item.freight input[type="text"],
  .modal-edit-details .fancybox-modal-content .form-item.deposit input[type="text"],
  .modal-edit-details .fancybox-modal-content .form-item.discount input[type="text"] {
    width: 100%;
  }

  .modal-edit-details .fancybox-modal-content .form-item.po-subject {
    padding-right: 10px;
  }

  .modal-edit-details .fancybox-modal-content .form-item.date:not(:last-child) {
    padding-right: 0;
  }

  .modal-edit-details .fancybox-modal-content .form-item.date input[type="text"] {
    width: calc(100% - 44px);
  }

  .modal-edit-details .fancybox-modal-content .form-group.message {
    flex-wrap: nowrap;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message > .flex-col {
    width: 50%;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message > .flex-col:nth-child(odd) {
    padding-right: 5px;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message > .flex-col:nth-child(even) {
    padding-left: 5px;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message textarea {
    width: 100%;
  }

  .modal-edit-details .fancybox-modal-content > .flex-container > .flex-col.notification-container {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .fancybox-modal-content > .flex-container {
    flex-wrap: wrap;
  }

  .fancybox-modal-content > .flex-container > .flex-col {
    width: 100%;
    margin: 0;
  }

  .fancybox-modal-content > .flex-container > .flex-col.notification-container {
    margin-left: auto;
    margin-right: auto;
  }

  .modal-edit-address .fancybox-modal-content > .flex-container > .flex-col.shipping-container {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 640px) {
  .fancybox-modal > .container {
    width: 100%;
  }

  .modal-success {
    padding: 30px;
  }

  .fancybox-modal-content {
    padding: 0 15px;
  }

  .modal-header {
    flex-wrap: wrap;
    padding-top: 15px;
  }

  .modal-header .modal-id {
    display: none;
  }

  .modal-header .fancybox-close {
    width: 50px;
    order: 2;
  }

  .modal-header .order {
    width: calc(100% - 50px);
    order: 1;
    padding-left: 15px;
  }

  .modal-edit-details .form-group {
    flex-wrap: wrap;
  }

  .modal-edit-details .fancybox-modal-content > .flex-container > .flex-col.notification-container {
    max-width: 100%;
  }


  .modal-edit-details .fancybox-modal-content .form-item.account label {
    width: 100%;
  }

  .modal-edit-details .fancybox-modal-content .form-item.account input[type="text"] {
    width: 50%;
    flex-grow: 1;
    flex-shrink: 1;
  }

/*
  .modal-edit-details .fancybox-modal-content .form-item.account .billable {
    display: block;
    width: 50%;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    text-align: right;
  }

  .modal-edit-details .fancybox-modal-content .form-item.account .billable label {
    margin-right: 15px;
  }

*/
  .modal-edit-details .fancybox-modal-content .form-item.po-subject input[type="text"] {
    width: 100%;
  }

/*
  .modal-edit-details .fancybox-modal-content .form-item.billable {
    display: none;
  }
*/

}
@media screen and (max-width: 480px) {
  .modal-edit-details .fancybox-modal-content .form-item.tax, 
  .modal-edit-details .fancybox-modal-content .form-item.freight, 
  .modal-edit-details .fancybox-modal-content .form-item.deposit, 
  .modal-edit-details .fancybox-modal-content .form-item.discount {
    width: 100%;
    padding: 0;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message {
    flex-wrap: wrap;
  }
  
  .modal-edit-details .fancybox-modal-content .form-group.message > .flex-col {
    width: 100%;
    flex: 0 0 auto;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message > .flex-col {
    margin-bottom: 15px;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message > .flex-col:nth-child(odd),
  .modal-edit-details .fancybox-modal-content .form-group.message > .flex-col:nth-child(even) {
    padding: 0;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message .form-item label {
    font-size: 13px;
  }

  .modal-success > .container {
    width: 100%;
  }
}

@media screen and (max-width: 375px) {
  .modal-edit-address .form-group .form-item.city {
    flex-grow: 1;
    margin-bottom: 15px;
  }

  .modal-edit-address .form-group .form-item.state {
    flex-grow: 0;
    flex-shrink: 0;
    width: 45px;
  }

  .modal-edit-details .fancybox-modal-content .form-item input[type="text"] {
    width: 100%;
  }

  .modal-edit-details .fancybox-modal-content .form-item.po-subject {
    width: 100%;
  }

  .modal-edit-details .fancybox-modal-content .form-item input[type="text"],
  .modal-edit-details .fancybox-modal-content .form-item.po-subject input[type="text"] {
    max-width: 100%;
    font-size: 11px;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message .form-item {
    width: 50%;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message .form-item label {
    font-size: 13px;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message .form-item:nth-child(odd) {
    padding-right: 4px;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message .form-item:nth-child(even) {
    padding-left: 4px;
  }

  .modal-edit-details .fancybox-modal-content .form-group.message .form-item textarea {
    width: 100%;
  }

  .modal-edit-details .fancybox-modal-content .notification-container .form-item input[type="text"] {
    margin-bottom: 15px;
  }

  .modal-edit-details .fancybox-modal-content .notification-container .form-item input[type="text"],
  .modal-edit-details .fancybox-modal-content .notification-container .form-item select {
    width: 100%;
  }
}
@media screen and (min-width: 1421px) {
  .modal-edit-address .fancybox-modal-content > .flex-container {
    width: 890px;
  }

  .modal-edit-details .fancybox-modal-content > .flex-container {
    width: 1060px;
  }

  .modal-edit-address,
  .modal-edit-details {
    min-width: 1080px;
  }
}

/**
  * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
  *
  * @version v3.3.4
  * @homepage https://bttstrp.github.io/bootstrap-switch
  * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
  * @license Apache-2.0
  */

.bootstrap-switch {
    display: inline-block;
    direction: ltr;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid;
    border-color: #ccc;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-transition: border-color ease-in-out .15s, 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;
}

    .bootstrap-switch .bootstrap-switch-container {
        display: inline-block;
        top: 0;
        border-radius: 4px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .bootstrap-switch .bootstrap-switch-handle-on,
    .bootstrap-switch .bootstrap-switch-handle-off,
    .bootstrap-switch .bootstrap-switch-label {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        display: table-cell;
        vertical-align: middle;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 20px;
    }

    .bootstrap-switch .bootstrap-switch-handle-on,
    .bootstrap-switch .bootstrap-switch-handle-off {
        text-align: center;
        z-index: 1;
    }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
            color: #fff;
            background: #337ab7;
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
            color: #fff;
            background: #5bc0de;
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
            color: #fff;
            background: #5cb85c;
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
            background: #f0ad4e;
            color: #fff;
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
            color: #fff;
            background: #d9534f;
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
            color: #000;
            background: #eeeeee;
        }

    .bootstrap-switch .bootstrap-switch-label {
        text-align: center;
        margin-top: -1px;
        margin-bottom: -1px;
        z-index: 100;
        color: #333;
        background: #fff;
    }

    .bootstrap-switch span::before {
        content: "\200b";
    }

    .bootstrap-switch .bootstrap-switch-handle-on {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .bootstrap-switch .bootstrap-switch-handle-off {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .bootstrap-switch input[type='radio'],
    .bootstrap-switch input[type='checkbox'] {
        position: absolute !important;
        top: 0;
        left: 0;
        margin: 0;
        z-index: -1;
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }

    .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
    .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
    .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
    }

    .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
    .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
    .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
    }

    .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
    .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
    .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
        padding: 6px 16px;
        font-size: 18px;
        line-height: 1.3333333;
    }

    .bootstrap-switch.bootstrap-switch-disabled,
    .bootstrap-switch.bootstrap-switch-readonly,
    .bootstrap-switch.bootstrap-switch-indeterminate {
        cursor: default !important;
    }

        .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
        .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
        .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
        .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
        .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
        .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
        .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
        .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
        .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
            opacity: 0.5;
            filter: alpha(opacity=50);
            cursor: default !important;
        }

    .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
        -webkit-transition: margin-left 0.5s;
        -o-transition: margin-left 0.5s;
        transition: margin-left 0.5s;
    }

    .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .bootstrap-switch.bootstrap-switch-focused {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
    .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
    .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

#snackbar-messages {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 330px;
    --snackbar-border-color: rgb(92, 92, 92);
    z-index: 9999;
    top: 0;
    right: 25px;
    font-size: 12px;
}

.snackbar-message-container {
    position: relative;
    width: 100%;
    margin-top: 10px;
    background-color: white;
    border: none;
    border-radius: 3px;
}
      
.snackbar-message-container.default { }


.snackbar-message-inner-container {
    margin: 0;
    display: flex;
    max-height: 80px;

}

.snackbar-message-status-icon.success {
    color: #21BC30;
}

.snackbar-message-status-icon.warning {
    color: #FFC100;
}

.snackbar-message-status-icon.error {
    color: #C50009;
}

.snackbar-message-content-wrapper {
    color: #000;
    margin: auto;
    margin-left: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: scroll;
    max-height: 53px;
}

.snackbar-message-content-wrapper::-webkit-scrollbar {
    display: none;
}

.snackbar-message-content-wrapper {
    -ms-overflow-style: none;
}
.snackbar-message-status-icon {
    font-size: 25px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 65px;
    color: #337AB7;
}

.snackbar-message-title {
    font-weight: bold;
    text-transform: capitalize;
    margin-right: 5px;
    margin-bottom: 2px;
    max-width: 200px;
    align-self: flex-start;
}

.snackbar-message-content {
    max-width: 230px;
    align-self: flex-start;
}


.snackbar-message-close-icon {
    color: rgba(173, 173, 173, 0.6);
    font-size: 14px;
    padding-top: 15px;
    padding-right: 20px;
    margin-left: 0;
    cursor: pointer;
}

.snackbar-message-close-icon:hover {
    color: rgb(92, 92, 92);
    transition: 0.5s;
 }

.snackbar-message-navigate-url {
    color: #337AB7;
    font-size: 12px;
    font-weight: 700;
    display: block;
    width: 200px;
    padding-left: 50px;
    margin-bottom: 10px;
    height: 15px;
}
.snackbar-outer-div {
    display: flex;
    flex-direction: column;
    background: white;
    max-height: 95px;
    border-radius: 3px;
    width: 100%;
    box-shadow: 3px 3px 12px 4px rgba(119,119,119,0.55);
}
    .snackbar-outer-div:hover {
        box-shadow: 5px 5px 15px 5px rgba(119,119,119,0.65);
        transition: 0.5s;
    }