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

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* -------------------------------------------------- */
/*	Buttons
/* -------------------------------------------------- */	

#tmm-form-wizard .button, #tmm-form-wizard .button:hover , #tmm-form-wizard .button:active {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0;
    outline: none;
    color: #fff;
    vertical-align: baseline;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;			
    background-color:#29bbb0;
    border:1px solid #29bbb0;		
}

#tmm-form-wizard .button a { color: #fff;}

.ie8 #tmm-form-wizard .button { background-color: #00BDFD; }
.ie9 #tmm-form-wizard .button { background-color: #00BDFD; }


#tmm-form-wizard .button span {
    border: 0px solid #29bbb0;
    display: inline-block;
    padding: 7px 20px;
    font-size: 16px;
    font-weight: normal;
}

/*------------------------------------------------------*/
/*	Form
/*------------------------------------------------------*/

#tmm-form-wizard.substrate-transparent {
    padding: 0px 14px;
    background-color: transparent;
}

#tmm-form-wizard.form-login {
    top: 50%; 
    left: 50%; 
    width: 390px;
    height: 290px; 
    position: absolute; 
    margin-top: -145px; 
    margin-left: -195px; 
}

#tmm-form-wizard .form-login-heading {
    font: 20px 'Myriad Pro',sans-serif;
    color: #000;
    margin: 0;
}

#tmm-form-wizard .input-block {
    padding-bottom: 5px;
    position: relative;
}

#tmm-form-wizard .input-block label {
    font-size: 14px;
    color: #4f4f4f;
}

#tmm-form-wizard .tip {
    padding-top: 2px;
    padding-bottom: 26px;
    margin: 0px -14px;
}

#tmm-form-wizard .tip a {
    color: #fb6b5b;
    font: 12px  'calibriregular', sans-serif;
    padding: 0px 14px;
    float: right;
}

#tmm-form-wizard .tip a:hover { color: #000; }

#tmm-form-wizard .button-group {
    position: relative;
    padding-top: 10px;
}

#tmm-form-wizard .button-group a { color: #fff;}

/*	Tooltip  */
#tmm-form-wizard .input-block .tooltip {
    position: absolute;
    width: 253px;
    line-height: 20px;
    padding: 14px 14px 6px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    text-align: left;
    background: rgb(251, 107, 91);
    top: 28px;
    right: -272px;
    z-index: 1;
    display: none;


    -webkit-border-radius: 5px;
    border-radius: 5px;

    -webkit-text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
    text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;

    -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
}

#tmm-form-wizard .tooltip p {
    line-height: 1.3;
    padding-bottom: 33px;
}

#tmm-form-wizard .tooltip b {
    font-size: 14px;
    display: block;
    font-weight: 700;
}

#tmm-form-wizard .tooltip span {
    display: block;
    font-size: 11px;
    padding: 0 0 0 15px;
}

#tmm-form-wizard .tooltip span:before {
    display: block;
    position: absolute;
    left: 14px;
    font: 14px 'fontello';
    color: #fff;
    content: '\e9af';
}

#tmm-form-wizard .tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #fb6b5b transparent transparent;
    top: 12px;
    left: -20px;
}
.ie8 #tmm-form-wizard .tooltip:after { left: -17px; }
/*	end Tooltip  */

/*------------------------------------------------------*/
/*	Form with substrate
/*------------------------------------------------------*/

#tmm-form-wizard.substrate {
    /*padding: 0px 14px;
    background-color: #fff;
    overflow: hidden;

    -webkit-border-top-right-radius: 5px;
                    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
                    border-top-left-radius: 5px;

    -webkit-border-bottom-right-radius: 3px;
                    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
                    border-bottom-left-radius: 3px;
    -webkit-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.3);
                    box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.3);*/
}

#tmm-form-wizard.substrate .form-login-heading {
    margin: 0 -14px;
    border-bottom: 1px solid #dadada;
    color: #757575;
    padding: 14px;
    background-color: #F0F0F0;
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F0F0F0));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);

    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

#tmm-form-wizard.form-login.substrate .form-login-heading { margin: 0 -14px; }

#tmm-form-wizard.substrate .form-login-heading span {
    color: #59bbdf;
    padding: 0 5px;
}

/*#tmm-form-wizard.substrate input[type="text"],*/
#tmm-form-wizard.substrate input[type="password"] {
    /*border: 1px solid #c4cdcf;*/
    box-shadow: none;
    outline: 0 none;font-family: opensans-semibold;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 14px;
    text-align: left;
    color: #959595;
}

#tmm-form-wizard.substrate .input-block label {
    color: #748286;
    font-size: 14px;
}

#tmm-form-wizard.substrate .tip {
    padding-top: 2px;
    padding-bottom: 43px;
    border-bottom: 1px solid #dadada; 
}

#tmm-form-wizard.substrate .button-group { text-align: right; }

/*------------------------------------------------------*/
/*	Form wizard
/*------------------------------------------------------*/

.form-container {		
    margin: 0 auto;
}

#tmm-form-wizard { padding: 0; }

#tmm-form-wizard .form-login-heading {
    font: 24px 'Myriad Pro', sans-serif;
    color: #757575;
}

#tmm-form-wizard .form-login-heading span {
    color: #59bbdf;
    padding: 0 5px;
}

#tmm-form-wizard .stage-container {
    background-color: #F5F5F5;
    /*padding: 15px 0px 15px;*/
    margin-top:-40px;
}

#tmm-form-wizard .stage {
    display: inline-block;
    position: relative;
    text-align: center;
}

#tmm-form-wizard .stage:before,
#tmm-form-wizard .stage:after {
    position: absolute;
    background-color: #eaeaea;
    top: 8px;
    width: 50%;
    height: 3px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    content: '';
}

#tmm-form-wizard .stage:before { left: 0; }
#tmm-form-wizard .stage:after  { right: 0; }

#tmm-form-wizard .stage:first-child:before { display: none; }
#tmm-form-wizard .stage:first-child + .stage + .stage + .stage:after { display: none; }

/*	Current stage  */
#tmm-form-wizard .stage.tmm-current .stage-header {
    background-color: #fb6b5b; 
    border: none; 
}

#tmm-form-wizard .stage.tmm-current .stage-header.head-number { 
    color: #fff; 
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .9);
}

#tmm-form-wizard .stage.tmm-current:after,
#tmm-form-wizard .stage.tmm-current:before { 
    /*background-color: #fb6b5b; */
    border: none; 
}
/*	end Current stage  */

/*	Success stage  */
#tmm-form-wizard .stage.tmm-success .stage-header { 
    background-color: #92cf5c; 
    border: none; 
}

#tmm-form-wizard .stage.tmm-success .stage-header.head-number { 
    color: #3c611b; 
    text-shadow: 1px 1px 0px rgba(173, 219, 114, 1); 
}

#tmm-form-wizard .stage.tmm-success:after,
#tmm-form-wizard .stage.tmm-success:before { 
    background-color: #92cf5c; 
    border: none;
}

#tmm-form-wizard .stage.tmm-success .stage-header:after {
    position: absolute;
    top: 51px;
    left: -51px;
    color: #696969;
    font-size: 16px;
    color: #92cf5c;
    text-shadow: none;
    font-weight: 100;
}

#tmm-form-wizard .stage.tmm-success .stage-header.head-number:after { top: 42px; }
/*	end Succes stage  */

#tmm-form-wizard .stage-header {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #eaeaea;
    text-align: center;
    font-size: 20px;
    color: #a9a9a9;
    border: 1px solid #d9d9d9;
    position: relative;
    z-index: 1;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#tmm-form-wizard .stage-header.head-number {
    color: #a9a9a9;

    font-weight: bold;
    color: #a9a9a9;
    font-weight: bold;
    line-height: 2.2em;
    margin-bottom: 7px;
}

#tmm-form-wizard .stage-content {					
    padding-left: 17px;
    max-height: 52px;
    margin: 0 auto;
}


#tmm-form-wizard .stage-info {
    text-align: left;
    color: #a8a8a8;
    font-size: 11px;
    line-height: 1.4;
}

/* -------------------------------------------------- */
/*	Portable Form
/* -------------------------------------------------- */

#tmm-form-wizard .form-header {
    font: 20px 'calibriregular';
    padding-top: 15px;
    padding-bottom: 36px;
}

#tmm-form-wizard .form-title {
    float: left;
    padding-left: 22px;
    color: #7e8b8f;
}

#tmm-form-wizard .form-title-2 {
    float: left;
    padding-left: 32px;
}

#tmm-form-wizard .form-title b {
    font-weight: 200;
    color: #5cb0cf;
}

#tmm-form-wizard .form-title-2 b {
    font-weight: 200;
    color: #5cb0cf;
}

#tmm-form-wizard .steps {
    color: #636363;
    float: right;
}

#tmm-form-wizard .form-wizard { 
    padding: 10px 15px;	
    background-color: #fff;	box-shadow: 1px 1px 2px #CCC4C4;		
}

#tmm-form-wizard .next,
#tmm-form-wizard .prev {
    position: relative;
    padding-top: 12px;
}

#tmm-form-wizard .prev {	float: left; }
#tmm-form-wizard .next {	float: left; }

#tmm-form-wizard .next .button.button-control span,
#tmm-form-wizard .prev .button.button-control span {
    text-align: left;
    text-transform: none;
    line-height: 1;
}

#tmm-form-wizard .prev .button.button-control span {  padding: 6px 9px 9px 43px; }
#tmm-form-wizard .next .button.button-control span { 
    padding: 10px 40px;
    font-size: 16px;
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
    font-weight: normal;
}
.next .button{border:0px solid #433642 !important;}
#tmm-form-wizard .prev .button.button-control span:after,
#tmm-form-wizard .next .button.button-control span:after {
    position: absolute;
    font-size: 20px;
    font-family: 'fontello';
    color: #fff;
    top: 25px;
}


#tmm-form-wizard .button.button-control span b {
    text-transform: none;
    display: block;
    font-weight: 200;
    line-height: 1;
    font-size: 12px;
}

/*	button divider  */
#tmm-form-wizard .next .button-divider,
#tmm-form-wizard .prev .button-divider {
    position: absolute;
    height: 57%;
    width: 2px;
    border-right: 1px solid #0077c5;
    border-left: 1px solid #49c7f6;
    top: 14px;
}

#tmm-form-wizard .prev .button-divider {	left: 34px; }
#tmm-form-wizard .next .button-divider { right: 34px; }
/*	end button divider  */





@-moz-document url-prefix() { .dropdown-select { padding: 8px 6px; } }
/* end Fix for IE 8 putting the arrows behind the select element. */		

#tmm-form-wizard dl { line-height: 1.8;}

#tmm-form-wizard dt, 
#tmm-form-wizard dd {
    display: inline-block;
    font: 14px 'calibriregular', sans-serif;
}

#tmm-form-wizard dt {
    width: 21%;
    color: #a0aeb2;
}

#tmm-form-wizard dd { color: #6b7a7e; }

#tmm-form-wizard .data-container {
    background-color: #fff;
    border: 1px solid #c4cdcf;
    padding: 12px 18px 50px 18px;
    margin-top: 28px;
    margin-bottom: 20%;

    -webkit-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(219, 219, 219, 1);
    box-shadow: inset 0px -3px 0px 0px rgba(219, 219, 219, 1);
}

/* -------------------------------------------------- */
/*	Sprite Icons
/* -------------------------------------------------- */	

/*	Stage Icons	 */
.head-icon {
    display: block;
    background: url(../images/header-sprite.png) no-repeat 0 0;
}

.head-icon.head-icon-lock { background-position: 10px -22px; }

.tmm-success > .head-icon.head-icon-lock,
.tmm-current > .head-icon.head-icon-lock { background-position: 10px -423px; }

.head-icon.head-icon-user { background-position: 8px -107px; }

.tmm-success > .head-icon.head-icon-user,
.tmm-current > .head-icon.head-icon-user { background-position: 9px -506px; }

.head-icon.head-icon-payment { background-position: 9px -206px; }

.tmm-success > .head-icon.head-icon-payment,
.tmm-current > .head-icon.head-icon-payment { background-position: 9px -606px; }

.head-icon.head-icon-details { background-position: 8px -312px; }

.tmm-success > .head-icon.head-icon-details,
.tmm-current > .head-icon.head-icon-details { background-position: 8px -713px; }
/*	end Stage Icons	 */


/*	Form Icons  */	
.form-icon {
    display: block;
    background: url(../images/sprite.png) no-repeat 0 0;
}

.form-icon.form-icon-user  { background-position: right -19px; }

.form-icon.form-icon-lock  { background-position: right -63px; }

.form-icon.form-icon-mail  { background-position: right -114px; }

.form-icon.form-icon-phone { background-position: right -158px; }

/*	Form title Icons  */	
.form-icon.title-icon-user	   { background-position: -10px -25px; }

.form-icon.title-icon-lock	   { background-position: -10px -70px; }

.form-icon.title-icon-payment  { background-position: -10px -211px; }

.form-icon.title-icon-card     { background-position: 0px -260px; }

/* ---------------------------------------------------------------------- */
/*	FORM COLOR CONFIGURATIONS
/* ---------------------------------------------------------------------- */



/*	Stage  */
#tmm-form-wizard .stage:before,
#tmm-form-wizard .stage:after						{ background-color: #CCCCCC; }  /*  Set color for STAGE LINE  */
#tmm-form-wizard .stage-header						{ background-color: #CCCCCC; }  /*	Set background color for STAGE HEADER  */
#tmm-form-wizard .stage-info						{ color: #a8a8a8;}				/*	Set color for STAGE INFO  */
/*	end Stage  */

/*	Current stage  */
#tmm-form-wizard .stage.tmm-current .stage-header		{ background-color: #29bbb0; }	/*	Set background color for CURRENT STAGE  */	
#tmm-form-wizard .stage.tmm-current .stage-header.head-number   { color: #fff; }				/*	Set color for CURRENT STAGE TEXT  */

#tmm-form-wizard .stage.tmm-current:before				{ background-color: #29bbb0; }	/*	Set background color for CURRENT STAGE LINE  */
/*	end Current stage  */

/*	Success stage  */
#tmm-form-wizard .stage.tmm-success .stage-header		{ background-color:#29bbb0; }	/*	Set background color for SUCCESS STAGE  */	
#tmm-form-wizard .stage.tmm-success .stage-header.head-number { color: #3c611b; }				/*	Set color for SUCCESS STAGE TEXT  */
#tmm-form-wizard .stage.tmm-success:after,
#tmm-form-wizard .stage.tmm-success:before { background-color: #29bbb0; }	/*	Set background color for SUCCESS STAGE LINE  */
#tmm-form-wizard .stage.tmm-success .stage-header:after { color:#fff; }				/*  Set color for SUCCESS STAGE ICON  */
/*	end Success stage  */

/*	Form elements  */
#tmm-form-wizard .form-title						{ color: #7e8b8f; }				/*	Set color for FORM TITLE  */
#tmm-form-wizard .steps								{ color: #636363; }				/*	Set color for FORM STEPS  */
#tmm-form-wizard .dropdown-select					{ color: #b5b5b5; }				/*	Set color for SELECT TEXT  */
#tmm-form-wizard .data-container					{ background-color: #fff; }		/*	Set background color for DATA CONTAINER(last stage)  */
#tmm-form-wizard.substrate							{ background-color: #fff; }	    /*  Set background color for FORM SUBSTRATE  */
#tmm-form-wizard .tip a								{ color: #fb6b5b; }		   	    /*  Set color for TIP  */
/*	end Form elements  */

/*	Tooltip  */
#tmm-form-wizard .tooltip							{ background: rgb(251, 107, 91); }								 /*	 Set background color for TOOLTIP   */
#tmm-form-wizard .tooltip:after						{ border-color: transparent #fb6b5b transparent transparent; }   /*	 Set color for TOOLTIP TRIANGLE  */
#tmm-form-wizard .tooltip							{ color: #fff; }													 /*	 Set color for TOOLTIP TEXT  */
/*	end Tooltip  */
input[type="radio"]{
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    width: 20px;
    height: 20px;vertical-align: text-top;
    margin: 0px 0 15px 0;
}
.radio_input{    font-family: opensans-semibold;
                 color: #363636;}
.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    margin-top: 30px;
    //border: 1px solid #ccc;
    label {
        display: block;
        margin-bottom: 5px;
    }
}
.add_profile input{width: 250px !important;}
.file-upload-wrapper {
    position: relative; 
    margin-bottom: 5px;
    //border: 1px solid #ccc;
}
.file-upload-input {
    width: $file-upload-size;
    color: #433642;
    font-size: 14px;
    padding: 5px 30px 5px 5px;
    border-bottom: 1px solid #c4cdcf;
    border-top:1px solid #fff !important;
    border-left:1px solid #fff !important;
    border-right:1px solid #fff !important;
    @include transition(all 0.2s ease-in); 
    float: left; /* IE 9 Fix */
    &:hover, &:focus { 
        background-color: darken($file-upload-color, 5);
        outline: none; 
    }
}
.file-upload-button {
    cursor: pointer;
    display: inline-block;
    color: #433642;
    font-size: 14px;
    padding:5px 30px;
    border: none;
    margin-left: 8px;
    background-color: #fff;
    float: left;
    border: 1px solid #c4cdcf;font-family:opensans-semibold;
}
/*Disable MDL validation styles*/

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: rgba(0, 0, 0, .26);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
    color: rgb(63, 81, 181);
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: rgb(63, 81, 181);
}
/*Validation styles based on MDL*/

.ng-invalid.ng-invalid.ng-touched {
    border-color: rgb(222, 50, 38);
    box-shadow: none;
}

.ng-invalid.ng-invalid.ng-touched + label {
    color: rgb(222, 50, 38);
    font-size: 12px;
}

.ng-invalid.ng-invalid.ng-touched + label:after {
    background-color: rgb(222, 50, 38);
}

.ng-invalid.ng-invalid.ng-touched ~ .mdl-tooltip--validation {
    background-color: rgb(222, 50, 38);
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus {
    border-color: rgb(255, 193, 7);
    box-shadow: none;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus + label {
    color: rgb(255, 193, 7);
    font-size: 12px;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus + label:after {
    background-color: rgb(255, 193, 7);
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus ~ .mdl-tooltip--validation {
    background-color: rgb(255, 193, 7);
}

.ng-invalid.ng-touched:not(:focus) + label::before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */

    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    /* Support for all WebKit browsers. */

    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */

    text-rendering: optimizeLegibility;
    /* Support for Firefox. */

    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */

    font-feature-settings: 'liga';

    position: absolute;
    right: 0;
    bottom: 20px;
}

.ng-valid.ng-touched:not(:focus) + label::before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */

    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    /* Support for all WebKit browsers. */

    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */

    text-rendering: optimizeLegibility;
    /* Support for Firefox. */

    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */

    font-feature-settings: 'liga';
    content: "done";
    position: absolute;
    right: 0;
    bottom: 20px;
}
/*Basic styles*/

.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label



/*multi step form signup*/
.animate-switch-container.forward.longStage  {
    transition:all 0.5s;
    height: auto;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in;
    -moz-transition: opacity 0.25s ease-in;
    -o-transition: opacity 0.25s ease-in;
    -ms-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in;
    transition-delay: 0.25s;
}
.fade.in{
    opacity: 1;
}

.animate-switch-container {
    position:relative;
    overflow: hidden;
    height: auto;
    width: 550px;
    padding:10px;
    background: url("../images/line.jpg")repeat-y;
}
.animate-switch{
    padding:10px;
    width: 100%;
}
.animate-switch.ng-animate {
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    position:absolute;

}
/* hide leaving slide  */
/* show */
.animate-switch.ng-leave{  
    left:0;
}
/* hide */
.forward .animate-switch.ng-leave.ng-leave-active{ 
    left:-100%;
}
.backward .animate-switch.ng-leave.ng-leave-active{ 
    left: 100%;
}
/* show entering slide  */
/* hide */
.forward .animate-switch.ng-enter {
    left:100%;
}
.backward .animate-switch.ng-enter {
    left:-100%;
}
/* show */
.animate-switch.ng-enter.ng-enter-active { 
    left:0;
}

/*Error Tooltip */
.err_tip {
    position: absolute;
    bottom: 50px;
    right: 0px;
    width: 200px;
    background-color: #DA362A;
    color: white;
    padding: 2px;
    border-radius: 16px;
    box-shadow: 3px 3px 10px #888888;
    margin: 5px;
    text-align: center;
    border: 2px solid #000000;
    z-index: 1;
}
.err_tip:after, .err_tip:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.err_tip:after {
    border-color: rgba(218, 54, 42, 0);
    border-top-color: #DA362A;
    border-width: 10px;
    margin-left: -10px;
}
.err_tip:before {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 13px;
    margin-left: -13px;
}
.animate-switch .mdl-radio__label {
    cursor: pointer;
    color: #ccc;
}

/*!
 * ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 */

.clockpicker .input-group-addon {
    cursor: pointer;
}
.clockpicker-moving {
    cursor: move;
}
.clockpicker-align-left.popover > .arrow {
    left: 25px;
}
.clockpicker-align-top.popover > .arrow {
    top: 17px;
}
.clockpicker-align-right.popover > .arrow {
    left: auto;
    right: 25px;
}
.clockpicker-align-bottom.popover > .arrow {
    top: auto;
    bottom: 6px;
}
.clockpicker-popover .popover-title {
    background-color: #fff;
    color: #999;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}
.clockpicker-popover .popover-title span {
    cursor: pointer;
}
.clockpicker-popover .popover-content {
    background-color: #f8f8f8;
    padding: 12px;
}
.popover-content:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.clockpicker-plate {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    overflow: visible;
    position: relative;
    /* Disable text selection highlighting. Thanks to Hermanya */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.clockpicker-canvas,
.clockpicker-dial {
    width: 200px;
    height: 200px;
    position: absolute;
    left: -1px;
    top: -1px;
}
.clockpicker-minutes {
    visibility: hidden;
}
.clockpicker-tick {
    border-radius: 50%;
    color: #666;
    line-height: 26px;
    text-align: center;
    width: 26px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}
.clockpicker-tick.active,
.clockpicker-tick:hover {
    background-color: rgb(192, 229, 247);
    background-color: rgba(0, 149, 221, .25);
}
.clockpicker-button {
    background-image: none;
    background-color: #fff;
    border-width: 1px 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    padding: 10px 0;
}
.clockpicker-button:hover {
    background-image: none;
    background-color: #ebebeb;
}
.clockpicker-button:focus {
    outline: none!important;
}
.clockpicker-dial {
    -webkit-transition: -webkit-transform 350ms, opacity 350ms;
    -moz-transition: -moz-transform 350ms, opacity 350ms;
    -ms-transition: -ms-transform 350ms, opacity 350ms;
    -o-transition: -o-transform 350ms, opacity 350ms;
    transition: transform 350ms, opacity 350ms;
}
.clockpicker-dial-out {
    opacity: 0;
}
.clockpicker-hours.clockpicker-dial-out {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
.clockpicker-minutes.clockpicker-dial-out {
    -webkit-transform: scale(.8, .8);
    -moz-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    -o-transform: scale(.8, .8);
    transform: scale(.8, .8);
}
.clockpicker-canvas {
    -webkit-transition: opacity 175ms;
    -moz-transition: opacity 175ms;
    -ms-transition: opacity 175ms;
    -o-transition: opacity 175ms;
    transition: opacity 175ms;
}
.clockpicker-canvas-out {
    opacity: 0.25;
}
.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
    stroke: none;
    fill: rgb(0, 149, 221);
}
.clockpicker-canvas-bg {
    stroke: none;
    fill: rgb(192, 229, 247);
}
.clockpicker-canvas-bg-trans {
    fill: rgba(0, 149, 221, .25);
}
.clockpicker-canvas line {
    stroke: rgb(0, 149, 221);
    stroke-width: 1;
    stroke-linecap: round;
    /*shape-rendering: crispEdges;*/
}
.clockpicker-button.am-button {
    margin: 1px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;

}
.clockpicker-button.pm-button {
    margin: 1px 1px 1px 136px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
}


/*>>>>>>>>>>>>>Start of clock CSSS>>>>>>>>>*/
/*!
 * ClockPicker v{package.version} for jQuery (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 * 
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/* Picked from bootstrap: .popover, .btn, .text-primary */

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10100;
    display: none;
    max-width: 276px;
    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);
}
.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;
    font-weight: normal;
    line-height: 18px;
    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;
    /* The following are set in WordPress (wp-admin/css/revisions.css) - reset them to initial values */
    overflow:visible;
    margin:0;
    padding:0;
    z-index:auto;
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    bottom:auto;
    left:auto;
    right:auto;
    top:auto;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}
.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;
}
.btn {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;

}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus {
    color: #fff;
    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-default {
    color: #333;
    background-color: #29bbb0;
    border-color: #333;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-block {
    display: block;
    width: 100%;
}
.text-primary {
    color: #428bca;
}

.clk{
    width:77px;
}

/*>>>>>>>>>>>>>end of clock CSSS>>>>>>>>>*/
/*>>>>>>>>>>Upload css*>>>>>>>>>>*/
.custom-file-input::before {
    content: 'Replace file';
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input:hover::before {
    border-color: black;
}

.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
//CSS for overlaping issue
md-input-container {
    .md-input[type=text]:-webkit-autofill ~ label:not(.md-no-float) {
        transform: translate3d(0, 6px, 0) scale(0.75);
        transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
        width: ~"calc((100% - 18px) / 0.75)";
        color: rgb(63, 81, 181);
    }
}
.intl-tel-input{position:relative;display:inline-block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:fixed;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}.intl-tel-input.allow-dropdown .flag-container{right:auto;left:0}.intl-tel-input.allow-dropdown .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag{background-color:rgba(0,0,0,0.05);display:table}.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left:76px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]{padding-left:84px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel]{padding-left:92px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel]{padding-left:100px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}.iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}.iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}.iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}.iti-flag.at{height:14px;background-position:-264px 0px}.iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}.iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}.iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}.iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:13px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("../images/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("../images/flags@2x.png")}}.iti-flag.np{background-color:transparent}

/* Old Style */
.file_upld {
  margin-top: 25px;
}

.key_tags tags-input .tags {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.circles {
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* .mob p {
	text-align: center;
} */
.addnew .col-md-2 {
  padding-left: 15px;
}

.notify_count {
  padding: 2px 5px 2px 6px;
  border-radius: 50%;
  background-color: #E57373;
  position: relative;
  top: 7px;
  left: 27px;
  width: 17px;
  height: 17px;
  font-size: 11px;
  right: 0;
}

.note {
  padding-right: 10px;
  text-align: center !important;
  float: right !important;
}

.search .col-lg-1 {
  padding: 0px;
}

.navbar-brand,
.navbar>.container-fluid .navbar-brand {
  margin-left: 0px;
}

.search {
  margin: 12px 30px;
  border-bottom: 2px solid #5A4E59;
  float: left;
}

.search_div {
  width: 100%;
}

.search_img {
  width: 23px;
  float: right;
}

@media (max-width: 1280px) {
  .addnew .col-md-2 {
    padding-left: 0px !important;
  }
}

@media (min-width: 992px) {
  #docs .col-md-offset-2 {
    margin-left: 6% !important;
  }
}

@media (min-width: 1400px) {
  .mob {
    padding: 22px 0;
  }

  .addnew .col-md-2 {
    padding-left: 0px;
  }

  .col-md-offset-2 {
    margin-left: 5% !important;
  }

  .padd .container {
    padding-left: 0px !important;
    margin-right: 18px !important;
  }
}

@media (min-width: 1200px) {
  .equalHWrap .col-lg-8 {
    width: 69.666667%;
  }

  .cand_list .col-lg-4 {
    width: 29%;
  }

  .angform .col-lg-4 {
    width: 33%;
  }

  .cand_details .maincontainer1 {
    padding-right: 0px;
  }

  .cand_details .col-lg-9 {
    width: 79%;
  }

  #docs .col-lg-9 {
    width: 77%;
  }

  .home {
    width: 1025px !important;
  }

  .wrap3,
  .wrap4 {
    width: 49% !important;
  }
}

@media (min-width: 1100px) and (max-width: 1320px) {
  .nav>li>a {
    padding-left: 15px;
  }

  .addnew {
    background-color: #E5A173;
    padding: 17px 0 17px 0px !important;
  }

  .wrap4 {
    padding-right: 15px !important;
  }

  .maincontainer {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .action1,
  .action2,
  .action3 {
    padding: 10px 0px 0 0 !important;
  }

  .wrap1 {
    padding: 0px 50px 15px 0px !important;
  }

  .wrap2 {
    padding-right: 35px !important;
  }

  .addnew {
    background-color: #E5A173;
    padding: 3px 0 17px 10px !important;
  }

  .cpyicon {
    float: left !important;
  }

  .cand_name p {
    font-size: 10px !important;
  }

  .addnew .col-md-2 {
    width: 97% !important;
  }

  .cv p {
    padding-left: 5px !important;
    padding-right: 30px !important;
  }

  .nav>li {
    padding-right: 20px !important;
    text-align: right !important;
  }
  
  .pipeline .nav-tabs {
   margin-top: 20px;
  }

  .pipeline .nav-tabs>li {
    padding-right: 0px !important;
  }
  
  #bread_wrap.board-breadcrumb .board-search {
    min-width: 150px !important;
  }

}

/*--------media query ends-*/
.headerpart {
  margin-top: -1px;
  margin-left: -1px;
  position: fixed;
  height: 51px;
  z-index: 99;
  background-color: #27292e;
  width: 100%;
}

.headerpart .container,
.headerpart .col-md-12,
.headerpart .col-md-2,
.headerpart .col-md-3 {
  padding: 0px;
}

.headerpart .col-md-7 {
  padding: 0 0 0 60px;
}

.navbar-brand>img {
  display: block;
  padding-left: 3px;
}

.sidebar {
  float: left;
  background: #29bbb0;
  border: none;
  padding: 15px 15px;
}

.fa-bars:before {
  color: #D7D7D7;
  font-size: 20px;
}

.fa-bell-o {
  float: right;
  cursor: pointer;
}

.fa-bell-o:before {
  color: #D7D7D7;
  font-size: 18px;
}

input:focus {
  outline: 0 !important;
}

.topright {
  margin: 10px 0 0;
}

.topright .col-md-8 {
  padding-right: 0px;
}

.new_nav {
  float: right;
  display: inline-block;
}

.new_nav a {
  color: #433642 !important;
  padding: 2px 10px 0px;
  right: 0;
  display: inline-block;
}

.breadcrumb {
  display: none;
}

.first_formgp {
  border-bottom: 1px solid #E1E1E1;
}

.first_formgp .tags input {
  border-bottom: 1px solid #fff !important;
}

.maincontainer {
  padding-right: 15px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 81px;
}

.maincontainer1 {
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  margin-top: 135px;
}

.navbar-default .navbar-nav>li>a {
  color: #777;
  font-size: 12px;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 999;
}

.navbar-default {
  background-color: #27292e;
}

.cand_name {
  padding-left: 0px;
  top: -8px;
}

.block .cand_name {
  padding-left: 0px;
}

.cpyicon {
  float: left;
  margin: 5px;
}

.block .cpyicon {
  top: 8px;
}

.companyicon:hover {
  text-decoration: none;
  list-style-type: none;
  color: #fff;
}

.companyicon {
  color: #fff;
  border-radius: 50%;
  font-size: 20px;
  margin-top: 0;
  display: inline-block;
}

.companyicon2 {
  color: #fff;
  border-radius: 50%;
  font-size: 20px;
}

.companyicon3 {
  color: #fff;
  padding: 7px 14px;
  border-radius: 50%;
  font-size: 20px;
}

.companyicon4 {
  color: #fff;
  border-radius: 50%;
  font-size: 20px;
}

.cand_name p {
  margin: 0px 0px 0 22px;
  font-size: 12px;
}

.cand_name h4 {
  margin: 8px 0px 0px 22px;
  color: #987093;
  font-size: 14px;
  margin-bottom: -9px;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.cand_name p {
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.candidate_current_co {
  width: 250px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.position_list_name p,
h4 {
  width: 280px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.cand_name1 p {
  font-size: 13px;
  color: #898989;
  text-transform: capitalize;
}

.cand_name1 h4 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 14px;
  color: #737272;
}

.cand_name1 p:nth-child(2) {
  margin: 0px 0 5px;
  font-size: 14px;
  color: #9886AD;
}

.padd .col-lg-4:nth-child(2) {
  color: #898989;
  text-transform: capitalize;
}

.content {
  background-color: #F5F5F5;
}

.candidate-detail {
  margin-top: 0px;
}

.maincontainer .container {
  margin-bottom: 15px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  background-color: #fff;
  padding: 5px 20px 5px 10px;
  margin-top: 10px;
}

.maincontainer .container:hover {
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  background-color: #fff;
}

.maincontainer1 .container {
  margin-bottom: 10px;
  margin-top: 0px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  background-color: #fff;
  padding: 0px 10px 5px 10px;
  border-left: 0px solid #fff;
  border-radius: 3px;
}

.maincontainer1 .container:hover {
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  background-color: #fff;
  border-left: 0px solid #E5A173;
}

.cand_list {
  margin-top: -15px;
}

.padd .col-md-4 {
  padding-right: 0px;
}

.mob p span,
.mob p span a {
  color: #363636;
  font-size: 12px;
  text-decoration: none;
  margin-left: 5px;
}

.mob p span {
  padding-left: 10px;
  padding-right: 0px;
}

.mob {
  padding: 0px;
}

.leftcontent {
  padding-right: 0px;
  margin-top: -10px;
  padding-left: 0;
  padding-right: 0px;
}

.btnboard {
  padding: 10px;
  background-color: #4DB6AC;
  padding: 10px 30px;
  color: #fff !important;
  border-radius: 0px;
  margin-left: 15px;
  text-decoration: none;
}

.btnboard:hover {
  text-decoration: none;
  color: #fff;
}

.cv a {
  color: #9886AD;
  text-decoration: none;
}

.cv a:hover {
  color: #9886AD;
  text-decoration: none;
}

.leftcontent .col-md-12 {
  padding: 0px 0px 0px 10px;
}

.border-top {
  background: url("../images/dotted.png") repeat-x;
}

.leftcontent div {
  padding: 0px 0 2px;
}

.cv p {
  color: #9886AD;
  text-decoration: none;
  padding-right: 20px;
  padding: 0px;
}

.cv p:hover {
  text-decoration: none;
  color: #ae95cc;
}

.cand_name p strong {
  color: #363636;
  font-weight: 500;
}

.fa-ellipsis-v:before {
  color: #929292;
  font-size: 20px;
}

.closed {
  opacity: 0.7;
}

.post a {
  color: #fff;
  text-decoration: none;
  vertical-align: top;
  line-height: 2em;
}

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

.filternav .container-fluid {
  padding-right: 0px;
}

.keyskills p {
  background-color: #ebebeb;
  padding: 3px 8px;
  border-radius: 10px;
  color: #696565;
  text-decoration: none;
  margin: 7px 5px 3px 0px;
  float: left;
  font-size: 11px;
  text-transform: capitalize;
}

.clients_list .date {
  float: left;
  background-color: #fff;
  color: #898989;
  font-size: 10px;
}

.clients_list .date {
  float: left;
  background-color: #fff;
  color: #898989;
  font-size: 10px;
}

.pos_ellipse .ellipsismenu {
  margin-top: 0px;
  width: 130px;
}

.ellipsismenu a {
  display: block;
  text-align: left;
  color: #333;
}

.ellipsismenu a:hover {
  background: #29bbb0;
  display: block;
  text-align: left;
  color: #fff;
}

.pos_addnew {
  padding: 0.5px 25px;
  width: 250px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  padding-right: 0px;
}

.ellipsis {
  color: #000;
  text-align: right;
  margin: 0px;
  padding: 0px;
}

/*replace the content value with the corresponding value from the list below*/
.date {
  text-align: right;
  margin: 0;
  padding-right: 12px;
  float: left;
  color: #898989;
  font-size: 10px;
}

.date a {
  color: #B8B8B8;
  text-decoration: none;
  font-size: 11px;
}

.date a:hover {
  color: #B8B8B8;
  text-decoration: none;
}

.leftcontent1 {
  background-position: 100% 48%;
}

.right .col-md-3 {
  border-right: 1px solid #EBEBEB;
}

.on_hold {
  opacity: 0.9;
}

.col-md-offset-1 {
  margin-left: 7.333333%;
}

.vendor_content .col-md-offset-1 {
  margin-left: 5.333333%;
}

::-ms-check {
  color: red;
  background: black;
  padding: 1em;
}

.ellipsismenu {
  width: auto;
  right: 15px;
}

.dropmenu {
  float: right;
  padding: 5px 10px 0 0;
}

/** Search page structure **/
#w {
  display: block;
  width: 750px;
  margin: 0 auto;
  padding-top: 30px;
}

#content {
  display: block;
  width: 100%;
  background: #fff;
  padding: 25px 20px;
  padding-bottom: 35px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

#searchfield {
  display: block;
  width: 100%;
  text-align: center;
}

#searchfield form {
  display: inline-block;
  background: #eeefed;
  padding: 0;
  margin: 0;
  padding: 5px;
  border-radius: 3px;
  margin: 5px 0 0 0;
}

#searchfield form .biginput {
  width: 100%;
  height: 20px;
  padding: 0 10px 0 10px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  color: #aeaeae;
  font-weight: normal;
  font-size: 1.5em;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#searchfield form .biginput:focus {
  color: #858585;
}

.flatbtn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  outline: 0;
  border: 0;
  color: #f3faef;
  text-decoration: none;
  background-color: #6bb642;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  font-size: 1.2em;
  font-weight: bold;
  padding: 12px 22px 12px 22px;
  line-height: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);
  box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);
}

.flatbtn:hover {
  color: #fff;
  background-color: #73c437;
}

.flatbtn:active {
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}

.check:after {
  display: inline-block;
  border: 1px solid #bfbfbf;
  color: #fff;
  -moz-height: 21px !important;
  height: 16px !important;
  width: 16px !important;
  border-radius: 0px !important;
  padding: 0px 2px 2px 0px;
  margin: -1px;
}

.check {
  height: 16px !important;
  width: 16px !important;
  border-radius: 0px !important;
  padding: 0px 2px 2px 3px;
}

input[type=checkbox]:checked:after {
  content: "\2714";
  content: url("../images/check_mark.png");
}

.newcrumb {
  left: 0px;
}

#newbreadcrumb h5 {
  margin: 8px 0 0;
  text-transform: uppercase;
  color: #505460;
  font-size: 17px;
}

.bread_wrap {
  z-index: 9;
  background-color: #EBEBEB;
  position: fixed;
  width: 100%;
  left: 0;
  padding-left: 10px;
  top: 51px;
  height: 50px;
}

.filter_wrap {
  margin-top: 0px;
}

.edit,
.filter {
  float: left;
  display: inline-block;
  padding: 0px 10px;
}

.edit p,
.filter p {
  padding: 8px 10px;
  margin: 0;
}

.filter {
  width: 140px;
  border-left: 1px solid #d2d5db;
}

/* .sort_group {
	background: transparent;
	border: none;
	font-size: 14px;
	color: #4c4d50;
} */
.edit p a {
  font-size: 14px;
  color: #505460;
  text-decoration: none;
}

.sort span {
  text-transform: uppercase;
  color: #505460;
}

/* .sort {
	float: left;
	display: inline-block;
	padding: 13px 10px;
	border-left: 0px solid #d2d5db;
	height: 48px;
} */
#filter_data {
  margin: 0;
  padding: 10px 10px;
  line-height: 3;
  color: #505460;
}

.close_filter {
  font-size: 32px;
  position: absolute;
  padding: 0px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.close_filter:hover {
  color: #fff;
  text-decoration: none;
}

#filter_data a {
  padding: 0px 0px;
  display: inline;
  cursor: pointer;
  margin-right: 0;
  font-size: 14px;
  text-decoration: none;
}

.filter_div {
  position: fixed;
  z-index: 2;
  background: #fff;
  right: 0;
  top: 101px;
  width: 0px;
  overflow-y: auto;
  bottom: 0;
}

.filter {
  padding: 0;
  height: 50px;
}

.filter_row input[type="checkbox"] {
  line-height: normal;
  -webkit-appearance: none;
  border: 1px solid #bfbfbf;
  float: left;
  margin: 5px 10px 4px;
  -moz-appearence: none;
  appearence: none;
}

.dropdown-multiselect .multiselect-dropdown-btn {
  text-align: left;
}

.dropdown-multiselect .dropdown-menu {
  left: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  padding-top: 0 !important;
}

.dropdown-multiselect .dropdown-menu a.option:hover {
  color: #333;
  background: none;
}

.dropdown-multiselect .multiselect-dropdown-btn .caret {
  color: #555;
  position: absolute;
  right: 10px;
  top: 2px;
}

.dropdown-multiselect {
  width: 100%;
}

.dropdown-multiselect .checkboxInput {
  display: block !important;
  height: 16px !important;
  width: 16px !important;
  border-radius: 0px !important;
  margin-top: 0 !important;
  left: 0;
}

.dropdown-multiselect div.checkbox {
  text-align: left;
  margin-top: 2px;
  margin-bottom: 2px;
}

.dropdown-multiselect div.checkbox label {
  padding-left: 40px;
}

.title {
  color: #636363;
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: 0px solid #bfbfbf;
  padding: 10px 10px 5px 20px;
  display: block;
  font-weight: bold;
}

.title-accordian {
  color: #636363;
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: 0px solid #bfbfbf;
  padding: 10px 10px 5px 20px;
  display: block;
  font-weight: bold;
}

.filterwrap {
  padding: 0px 0px 10px;
  border-bottom: 1px solid #bfbfbf;
}

#close_filter {
  opacity: 0;
  float: right;
  cursor: pointer;
  margin: 13px 5px;
}

.active5 {
  color: #878b94;
  background: transparent;
}

.filterwrap #status {
  margin: 0;
  padding: 10px 10px 0;
}

.ng-touched {
  font-weight: bold;
}

.plus_ico {
  display: none;
}

.plus_ico {
  margin-top: -6px;
  font-size: 24px;
  color: #4DC2AE;
  float: right;
  font-weight: normal;
}

.minus_ico {
  margin-top: -6px;
  font-size: 43px;
  color: #4DC2AE;
  float: right;
  font-weight: normal;
}

.title {
  cursor: pointer;
}

.title-accordian {
  cursor: pointer;
}

.active5 {
  background-color: #29bbb0;
}

.wrap_one {
  height: 110px;
}

.active {
  color: #000;
}

.cv p img {
  padding-right: 10px;
}

#cbp-spmenu-s3 {
  position: absolute;
  z-index: 99;
}

/*-----Login Page Css Starts Here------*/
.login_div {
  margin-top: 30px;
}

.login .form-group {
  margin-bottom: 15px;
}

.k-calendar td.k-state-focused,
.k-calendar td.k-state-selected.k-state-focused {
  -webkit-box-shadow: inset 0 0 0 1px grey;
  box-shadow: inset 0 0 0 0px grey !important;
}

/*-----Login Page Css Ends Here------*/
/*-----Dashboard Page Css Ends Here------*/
/* Container styles */
.chart {
  position: relative;
  display: inline-block;
  color: #999;
  font-size: 20px;
  text-align: center;
  margin-left: 10px;
}

.chart figcaption {
  padding: 80px 0;
  width: 180px;
  height: 190px;
  font-size: 30px;
}

.chart img {
  position: absolute;
  max-width: 100px;
  max-height: 100px;
  background: white;
}

/* END Container styles */
/* Colors for the circles and positions for the graphics */
/* END Circle colors and graphic positions */
/* Keyframes for the initial animation */
@-webkit-keyframes show100 {
  from {
    stroke-dashoffset: 537;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes show100 {
  from {
    stroke-dashoffset: 537;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes show75 {
  from {
    stroke-dashoffset: 537;
  }

  to {
    stroke-dashoffset: 134;
  }
}

@keyframes show75 {
  from {
    stroke-dashoffset: 537;
  }

  to {
    stroke-dashoffset: 124;
  }
}

@-webkit-keyframes show50 {
  from {
    stroke-dashoffset: 537;
  }

  to {
    stroke-dashoffset: 267;
  }
}

@keyframes show50 {
  from {
    stroke-dashoffset: 537;
  }

  to {
    stroke-dashoffset: 267;
  }
}

@-webkit-keyframes show25 {
  from {
    stroke-dashoffset: 537;
  }

  to {
    stroke-dashoffset: 401;
  }
}

@keyframes show25 {
  from {
    stroke-dashoffset: 537;
  }

  to {
    stroke-dashoffset: 401;
  }
}

/* END Keyframes for the initial animation */
.db_circles {
  background-color: #fff;
  margin: 20px 25px;
  padding: 15px 0 15px 0px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
}

.height_div {
  height: 0px;
}

.dropdown-menu li {
  text-align: center;
}

.top_bar.right-menu .dropdown-menu>li>a:hover {
  background-color: #29bbb0;
  color: #fff;
}

.top_bar.right-menu .dropdown-menu>li>a {
  color: #222;
}

.top_bar.right-menu .dropdown-menu li:last-child {
  border-bottom: none;
}

.top_bar.right-menu .dropdown-menu li {
  text-align: left;
  background: #fff;
  text-transform: uppercase;
  width: 100%;
}

.pull-add>a:after {
  display: none !important;
}

.dropdown,
.dropup {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  border: 0px;
  position: absolute;
  top: 100%;
  left: -166px;
  z-index: 20;
  display: none;
  width: 100%;
  padding: 5px 0;
  margin: 12px 0px 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px #ccc4c4;
  box-shadow: 1px 1px 2px #ccc4c4;
  border-top: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
  border-radius: 0;
  background-clip: padding-box;
  border: 0px solid #ccc;
  border: 0px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.105);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.105);
  margin-top: 19px;
}

.dropdown-menu li:last-child {
  border: 0px solid #222 !important;
}

.nav-arrow .dropdown-menu:after {
  display: none !important;
}

.nav-arrow .dropdown-menu:before {
  display: none !important;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 0px 0 !important;
  overflow: hidden;
  background-color: #e5e5e5;
}

.top_bar .dropdown-menu .divider {
  height: 1px;
  margin: 0px 0;
  overflow: hidden;
  background-color: #e5e5e5 !important;
}

.dropdown-menu>li>a {
  padding: 3px 0px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  font-size: 13px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #fff;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  color: #fff;
  background-color: #29bbb0;
  -webkit-box-shadow: 5px 0 5px -5px #ccc4c4;
  box-shadow: 5px 0 5px -5px #ccc4c4;
}

.nav>li>a {
  position: relative;
  display: block;
}

input[type="checkbox"] {
  line-height: normal;
  border: 2px solid #e1e1e1;
  float: left;
  margin: 0px 4px 4px;
  -moz-appearence: none;
  appearence: none;
}

.navbar {
  margin-bottom: 0;
}

.ellipsismenu {
  min-width: 120px;
  left: -120px;
}

.ellipsismenu1 {
  min-width: 120px;
  left: -120px;
}

.ellipsismenu li {
  text-align: left;
  margin: 0 0px;
}

.ellipsismenu li a {
  text-align: center;
  margin: 0px 0px;
  padding: 4px 14px;
}

.ellipsismenu_boardlist li a {
  width: 125px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mar_right {
  margin-right: 23px;
}

.db_circles h5 {
  color: #7d7d7d;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}

.db_circles h5 a {
  text-decoration: none;
  color: #7d7d7d;
}

.action1 h4 {
  background-color: #49c1ac;
  padding: 15px 10px;
  font-size: 16px;
  margin: 0 15px 0 0px;
}

.action2 h4 {
  background-color: #e79156;
  padding: 15px 10px;
  font-size: 16px;
  margin: 0 15px 0 0px;
}

.action3 h4 {
  background-color: #e97f98;
  padding: 15px 10px;
  font-size: 16px;
  margin: 0 15px 0 0px;
}

.add_symbol {
  float: right;
  font-size: 22px;
}

.action1 a,
.action2 a,
.action3 a {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}

.action1 a img,
.action2 a img,
.action3 a img {
  padding-right: 10px;
  margin-top: -5px;
}

.action1,
.action2,
.action3 {
  padding: 0px;
}

.wrap1,
.wrap2 {
  margin: 5px 25px;
  padding: 0px 0 15px 0px;
}

.wrap2_div1 {
  padding: 0 30px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  margin-bottom: 20px;
  min-height: 493px;
  height: 493px;
  overflow: auto;
}

.notification_box {
  overflow: hidden;
}

.first_row td {
  border-top: 0px #fff !important;
}

.wrap4 {
  margin-left: 18px;
}

.db_circles .col-lg-3 {
  background-color: #fff;
}

table h5 {
  text-transform: uppercase;
  font-weight: bold;
  color: #60535e;
  font-size: 16px;
  margin-bottom: 3px;
}

.table>tbody>tr td {
  padding: 15px 0 5px 0px;
}

.table_invoice>tbody>tr td {
  padding-top: 15px;
  padding-bottom: 15px;
}

.table_invoice .expanded a {
  font-size: 14px;
  margin-left: 30px;
}

.table_row_invoice_exapand {
  color: #7D7D7D;
  text-align: left;
  border-bottom: 1px solid #ddd;
  border-top: 0px solid #ddd !important;
  padding: 15px 0 5px !important;
  text-transform: capitalize;
  font-size: 11px;
  line-height: 3 !important;
}

.table_row_invoice_exapand:nth-child(odd) td {
  background: rgba(204, 204, 204, 0.2);
}

.table_row_invoice_exapand:nth-child(even) td {
  background: rgba(204, 204, 204, 0.2);
}

.table>tbody>tr:nth-child(1) td {
  border-top: 0px solid;
}

.table strong {
  padding-right: 5px;
  color: #6C606B;
}

.login_div {
  margin: 0 auto;
  float: none;
  margin-top: 103px;
}

.form-group {
  margin-bottom: 18px;
}

.login_div h1 {
  text-align: center;
  color: #fff;
  text-decoration: none;
  margin: 10px 0;
  font-size: 36px;
}

.notification_count {
  padding: 1px 7px;
  border-radius: 50%;
  background-color: #E57373;
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: #fff !important;
  display: block;
  margin: 20px 5px 0 30px;
  float: right;
}

a {
  outline: 0px !important;
}

a:hover,
a:focus {
  color: #29bbb0;
  text-decoration: none;
}

/*-----Dashboard Page Css Ends Here------*/
/*-----Candidate Page Css starts Here------*/
tags-input .host {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 100%;
}

.board-list .tags {
  margin: 20px 25px 30px 0;
  margin-top: -28px;
}

.tags {
  margin: 20px 25px 0 0;
}

.view_details {
  text-align: right;
  padding: 0px 5px 0 25px !important;
  font-weight: bold;
}

.padd1 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.cust_padd p {
  padding: 5px 2px 3px 0px;
  margin-bottom: 0px;
  color: #7d7d7d;
}

.loc_img {
  margin-right: 7px;
}

.leftcontent:hover .hover {
  display: block !important;
  cursor: pointer;
  background-color: #edeaed;
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 104px;
  padding: 5px 5px 0px 20px;
}

.new_filter {
  padding-right: 42px;
}

.hover p {
  margin-bottom: 2px;
  width: 260px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.hover {
  display: none;
}

.padd .col-lg-4:nth-child(2) .companyicon {
  background-color: #e9a88f !important;
}

.padd .container {
  padding-left: 0px;
  margin-right: 22px;
}

.pos_row {
  background-color: #fff;
}

.leftcontent .fa-ellipsis-v {
  position: absolute;
  z-index: 1;
}

.delete {
  font-size: 11px;
  padding: 0px 5px;
  display: inline-block;
}

/* client page css*/
.client_name p span {
  font-size: 14px;
  color: #9886AD;
}

.client_name p {
  font-size: 13px;
  color: #898989;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.client_name h4 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 14px;
  color: #545454;
}

.clients1 .date {
  margin: 0px 5px 0px 0px;
}

.client_name p:nth-child(3) {
  margin: 0px;
}

.client_board span:nth-child(2) {
  padding-left: 15px;
}

.content2 {
  padding-right: 0px;
  padding-left: 22px;
}

.wrap5 {
  margin-top: 0px;
  margin-left: -5px;
}

.wrap5 h3 {
  background-color: #433642;
  padding: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  font-size: 15px;
}

.wrap5 .ellipsis {
  position: absolute;
  right: 20px;
  z-index: 2;
}

.board_name p:nth-child(3) {
  color: #B6B6B6;
  font-style: italic;
}

.board_name p:nth-child(2) {
  margin-bottom: -8px;
  font-size: 11px;
  color: #363636;
}

.wrap5 .fa-ellipsis-v:before {
  font-size: 25px;
}

.wrap5 .hov {
  padding-top: 15px;
}

.mail {
  color: #777777;
  padding-bottom: 1px;
}

.mail span:nth-child(1) {
  color: #959595;
}

/*-----candidate Page Css Ends Here------*/
.column {
  width: 100%;
  margin-right: .5%;
  min-height: 150px;
  background: #EDE9ED;
  float: left;
  margin-bottom: 0px;
  margin-top: 33px;
}

.column .dragbox {
  margin: 0px 0px 0px;
  background: #FAFAFA;
  position: relative;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
}

.block {
  cursor: move;
}

.column .dragbox h2 {
  margin: 0;
  font-size: 12px;
  background: #946553;
  color: #fff;
  border-bottom: 1px solid #946553;
  cursor: move;
  padding: 5px;
}

.dragbox-content {
  background: #fff;
  min-height: 100px;
  margin: 5px;
  font-size: 0.8em;
  line-height: 1.5em;
}

.column .placeholder {
  background: #EED5B7;
  border: 1px dashed #946553;
}

.wrap5 h3 {
  background-color: #433642;
  padding: 20px 15px 26px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  font-size: 15px;
  margin-bottom: 0px;
}

.popup {
  position: absolute;
  right: 0;
  margin: -40px 22px;
}

.mail p {
  color: #636363;
  padding: 0px 8px 0;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 15px;
}

.mail span {
  color: #444;
  padding: 0px 8px 0;
  margin-bottom: 0px;
  font-size: 10px;
}

.collg3 {
  width: 310px;
  float: left;
  margin: 10px 4px;
  position: relative;
}

.progress {
  margin-bottom: 25px;
  overflow: hidden;
  background-color: #EBEBEB;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 5px;
}

.progress-bar {
  height: 4px;
  background-color: #FFCC80;
}

.progress-bar p {
  position: absolute;
  z-index: 2;
  color: #B7B7B7;
  text-align: left;
  margin: 3px 0;
  font-size: 13px;
}

.column .ellipsismenu1 {
  margin-top: 0px;
}

.column .companyicon {
  background-color: #D7D7D7;
}

/*pop up css*/
#cover {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 5;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0.89;
}

.modalDialog {
  width: 420px;
  margin: 0 auto;
  position: fixed;
  z-index: 10;
  display: none;
  border-radius: 2px;
  left: 34%;
  background-color: #fff;
}

.modal-header {
  padding: 8px;
  border-bottom: 1px solid #e5e5e5;
}

.modalDialog:target,
.modalDialog:target+#cover {
  display: block;
  opacity: 2;
}

.modalDialog>div {
  padding: 0px;
  border-radius: 3px;
  width: 100%;
}

.close {
  opacity: 1;
}

.close img {
  margin-top: 7px;
  width: 15px;
}

.close:hover,
.close:active {
  opacity: 1;
}

.modalDialog h2 a {
  color: #fff !important;
  opacity: 1;
}

.modalDialog h2 {
  background-color: #E5A173;
  color: #fff;
  padding: 20px;
  font-size: 16px;
  margin: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.modalDialog h3 {
  color: #B5B5B5;
  font-size: 24px;
  padding: 0 20px 20px;
}

.modalDialog h4 {
  margin: 15px 20px 40px;
}

.modalDialog .row {
  margin-right: 0;
  margin-left: 0px;
}

#int_yes {
  background-color: #29bbb0;
  color: #fff;
  padding: 10px 50px;
  text-decoration: none;
  margin-right: 10px;
  font-size: 12px;
}

#int_no {
  background-color: #433642;
  color: #fff;
  padding: 10px 50px;
  text-decoration: none;
  font-size: 12px;
}

#int_submit {
  margin-left: 3px;
  background-color: #29bbb0;
  color: #fff;
  padding: 10px 50px;
  text-decoration: none;
  border: none;
}

#int_submit_back {
  margin-left: 3px;
  color: #333 !important;
  background-color: #ebebeb;
  border-color: #adadad;
  padding: 10px 50px;
  text-decoration: none;
  font-size: 12px;
  border: none;
}

#int_delete {
  margin-left: 3px;
  background-color: rgba(182, 5, 5, 0.68);
  color: #fff;
  padding: 10px 22px;
  text-decoration: none;
  font-size: 12px;
  border: none;
}

.confirmed_int {
  display: none;
}

.confirmed_int h5 {
  margin: 20px 20px;
}

.confirmed_int h5 span {
  color: #A684A2;
}

.int_select {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #EDEDED;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 0;
  color: #959595;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.slot_select {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #EDEDED;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 0;
  color: #959595;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.rotate {
  width: 35%;
}

.right_wrap {
  min-height: 110px;
  width: 35%;
  margin: 0px 12px;
  background-color: #EBEBEB;
  padding: 1px 10px;
}

.right_wrap h6 {
  color: #636363;
  font-size: 11px;
}

.slots_li {
  padding-left: 0;
}

.slots_li li {
  line-height: 1.8em;
  list-style-type: none;
  list-style-type: none;
  font-size: 11px;
  color: #868686;
}

.inter_title {
  color: #6A6A6A;
  font-size: 12px;
  padding: 0 6px;
}

.confirmed_int .form-group {
  margin-bottom: 25px;
}

.form-control:focus {
  border: 1px solid #DCDCDC;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
}

.slot_select,
.int_select {
  width: 100%;
  height: 30px;
  overflow: hidden;
  background: no-repeat #ffffff;
  background-image: url("../images/arrow.png");
  background-position: top right;
}

.maincontainer2 {
  margin-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 25px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  background-color: #fff;
  padding: 0px;
  border-radius: 3px;
  float: none;
  overflow: hidden;
  margin: 15px auto;
}

.cand_details {
  margin-top: 0px;
}

.cand_initial h1 {
  background-color: #80CBC4;
  margin: 0;
  padding: 40px 50px;
  text-align: center;
  color: #fff;
}

.cand_contain .col-lg-4 {
  padding: 0px;
}

.left_content p {
  color: #737272;
  padding: 10px 0 0;
  margin-bottom: 3px;
  font-size: 12px;
}

.left_content {
  padding: 20px 25px;
}

.eqWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
}

.eq {
  padding: 10px 0 0 20px;
}

.eq:nth-of-type(odd) {
  background: #ebebeb;
}

.eq:nth-of-type(even) {
  background: #fff;
}

.equalHW {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.equalHMWrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.equalHMRWrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.equalHMVWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.left_content p span {
  color: #ababab;
  display: block;
}

.cand_social a {
  padding-right: 8px;
}

.cand_details .dropmenu {
  float: right;
  padding: 15px 2px 0 0;
}

.right_content {
  padding: 5px 15px 0;
}

.right_content h3 {
  color: #60535E;
  font-size: 24px;
  margin-bottom: 2px;
}

.right_content h4 {
  color: #363636;
  font-size: 11px;
  margin-bottom: 5px;
  margin-top: 0px;
}

.right_content p {
  color: #636363;
  margin-bottom: 0px;
  font-size: 11px;
}

.right_content p span {
  color: #555;
}

.right_content1 {
  padding: 5px 0px 0;
}

.right_content1 h3 {
  color: #60535E;
  font-size: 24px;
  margin-bottom: 2px;
}

.right_content1 h4 {
  color: #363636;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 0px;
  text-transform: uppercase;
}

.right_content1 p {
  color: #636363;
  margin-bottom: 0px;
  font-size: 11px;
}

.right_content1 p span {
  color: #A5A5A5;
}

.rows3 h5,
.rows4 h5 {
  color: #60535E;
  margin: 10px 0 0px 0;
  padding: 10px 0 5px;
  font-size: 13px;
}

.rows3 p span {
  background-color: #ebebeb;
  padding: 3px 8px;
  border-radius: 10px;
  color: #696565;
  margin: 5px 12px 5px 0;
  display: inline-block;
  font-size: 11px;
}

.dot {
  padding: 0px 8px;
  margin-top: 5px;
  margin-right: 2px;
}

.row2 ul li {
  list-style-type: none;
  float: left;
  color: #737272;
  padding: 10px 0px 0 0;
  margin-bottom: 3px;
  font-size: 12px;
  width: 170px;
}

.row2 ul li span,
.row4 ul li span {
  display: block;
  color: #ababab;
}

.row2 ul,
.row4 ul {
  overflow: hidden;
  padding-left: 2px;
}

.row3 span {
  background-color: #ebebeb;
  padding: 0px 5px;
  border-radius: 5px;
  color: #696565;
  margin: 0px 13px 5px 0;
  display: inline-block;
  font-size: 11px;
}

.row3 h5,
.row4 h5 {
  color: #60535E;
  text-transform: uppercase;
  border-bottom: 2px solid #E1E1E1;
  margin: 10px 0 5px 0;
  padding: 10px 0 8px;
}

.row4 ul li {
  list-style-type: none;
  float: left;
  color: #737272;
  padding: 10px 20px 0 0;
  margin-bottom: 3px;
  font-size: 12px;
  margin-right: 25px;
}

.comments {
  margin-right: 0 !important;
  padding-right: 0px !important;
  text-align: justify;
}

.row2,
.row3 {
  margin: 10px 0 10px;
}

.marg_auto {
  float: none;
  margin: 0 auto;
}

/* Nav Tab customization */
.nav-tabs {
  border-bottom: 0px;
}

.cand_cv {
  margin: 5px 0;
}

.cand_cv li {
  padding: 8px 2px;
  font-size: 12px;
}

.cand_cv li a {
  padding: 0 8px 2px !important;
  margin-right: 0px;
  border-radius: 2px !important;
  color: #60535E;
  text-transform: uppercase;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #555;
  cursor: default;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-bottom: 3px solid #29bbb0;
  margin-right: 0px;
}

.nav-tabs>li>a:hover {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
}

.content_tab {
  background-color: #EBEBEB;
  padding-bottom: 30px;
}

.last_btn {
  background-color: #E5A173;
  width: 180px;
  padding: 5px;
  border-radius: 3px;
  text-align: center;
}

.last_btn a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}

.row5 h5 {
  color: #60535E;
  text-transform: uppercase;
  border-bottom: 2px solid #E1E1E1;
  margin: 10px 0 5px 15px;
  padding: 25px 0 8px;
  font-size: 16px;
}

.col1 {
  padding-right: 8px;
  margin: 35px 0;
}

.row6 {
  border: 1px solid #E1E1E1;
  margin: 15px 0 0px 16px;
  padding: 10px 0;
  height: 100px;
}

.row6 ul li:nth-child(1) {
  text-align: left;
  width: 150px;
  font-size: 14px;
  padding: 7px 0 0;
}

.row6 ul li {
  text-decoration: none;
  color: #636363;
  float: left;
  list-style-type: none;
  text-align: center;
  margin-right: 20px;
  font-size: 13px;
}

.row6 ul {
  overflow: visible;
  margin: 5px 0 5px;
  padding: 0px 0 0px 20px;
}

#menu1 {
  width: 150px;
  margin-top: -10px;
  left: 0px;
}

#menu1>li>a:hover {
  background: transparent;
  display: block;
  color: #fff;
}

.button_comp {
  width: 108px !important;
}

.button_danger {
  width: 108px !important;
}

.row6 ul li span {
  display: block;
}

.row6 ul li span:nth-child(1) {
  display: block;
  color: #959595;
}

.upload_btn label {
  color: #fff !important;
  cursor: pointer;
  background-color: #E5A173;
  padding: 12px 35px;
  text-decoration: none;
  font-size: 14px;
  margin: 5px 0;
  display: inline-block;
  border: 0px;
}

.new_cmpy {
  padding-top: 15px;
  padding-bottom: 25px;
}

.disable {
  background-color: #E1E1E1 !important;
  cursor: default !important;
}

.row6 .context_menu {
  width: 200px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  position: absolute;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #F1F0F0;
  padding-left: 0px;
}

.row6 .context_menu li,
.row6 .context_menu ul li:nth-child(1) {
  float: none !important;
  text-align: left !important;
  padding-top: 0px !important;
  margin-right: 0px !important;
  width: 100% !important;
}

.context_menu li a {
  text-decoration: none;
  color: #8A8A8A;
  padding: 10px 0 10px 15px !important;
  display: block;
}

.context_menu li :hover {
  background-color: #EBEBEB;
}

.context_menu li a img {
  padding-right: 5px;
}

.menu_options {
  display: none;
  position: absolute;
  z-index: 2;
  left: 43%;
  top: 22%;
}

.menu_options1,
.menu_options3 {
  display: none;
  position: absolute;
  z-index: 2;
  left: 43%;
  top: 45%;
}

.menu_options2 {
  display: none;
  position: absolute;
  z-index: 2;
  left: 43%;
  top: 22%;
}

.docs ul li a {
  text-decoration: none;
  color: #636363;
  font-size: 13px;
}

.nav1 {
  margin-top: 0px;
}

.nav1 a {
  color: #222;
  text-decoration: none;
}

#resume {
  position: absolute;
  z-index: 1;
  width: 103%;
  left: -10px;
}

.row11 h3 {
  margin-top: -10px;
  margin-bottom: 15px;
  color: #60535E;
  font-size: 20px;
  padding-left: 10px;
}

.clients_ul {
  padding-left: 0px;
  overflow: hidden;
}

.clients_ul li {
  list-style-type: none;
  float: left;
  width: 200px;
  color: #737272;
  padding: 10px 0px 0 0;
  margin-bottom: 3px;
  font-size: 12px;
  margin-left: 12px;
  min-height: 75px;
  margin-right: 5px;
}

.clients_ul li span {
  display: block;
  color: #ababab;
}

.clients_ul li:nth-child(1) {
  width: 400px;
  margin-right: 20px;
}

.clients_ul li:nth-child(7) {
  width: 500px;
}

.row12 h5 {
  color: #60535E;
  text-transform: uppercase;
  border-bottom: 1px solid #E1E1E1;
  margin: 10px 0 5px 0;
  padding: 10px 0 8px;
}

.row12 {
  padding-left: 12px;
}

.desicion_ul {
  padding-left: 0px;
  overflow: hidden;
  margin: 20px 0 25px;
}

.desicion_ul li {
  list-style-type: none;
  float: left;
  width: 300px;
  min-height: 90px;
}

.desicion_ul li p {
  color: #987093;
}

.desicion_ul li p span {
  display: block;
  color: #363636;
  font-size: 13px;
}

.desicion_ul li p span a {
  display: block;
  color: #363636;
  font-size: 13px;
}

.desicion_ul li label {
  padding: 8px 16px;
  border-radius: 50%;
  display: inline-block;
  float: left;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-bottom: 27px;
}

.client_content {
  margin-bottom: 50px;
}

.maincontainer3 {
  margin-top: 0px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  background-color: #fff;
  padding: 0px;
  border-radius: 3px;
  margin-top: 135px;
}

.matrics_container {
  margin-top: 135px;
}

.maincontainer4 {
  margin-top: 0px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  background-color: #fff;
  padding: 0px 20px;
  border-radius: 3px;
  margin-left: 0px;
  margin-top: 135px;
}

/*position page css*/
.position_leftdiv h3 {
  margin-top: -10px;
  margin-bottom: 5px;
  color: #60535E;
  font-size: 20px;
  padding-left: 20px;
}

.position_leftdiv h5 {
  color: #987093;
  margin: 0 0 10px;
  padding-left: 20px;
  text-transform: uppercase;
}

.pos_details {
  padding-left: 20px;
  margin-bottom: 5px;
}

.pos_details span {
  padding-right: 5px;
}

.pos_details span:nth-child(1) {
  color: #7D7D7D;
}

.pos_details span:nth-child(1) label {
  color: #7D7D7D;
}

.pos_details span:nth-child(2) {
  color: #7D7D7D;
}

.pos_details span:nth-child(3) {
  color: #363636;
}

.position_date {
  color: #959595;
  text-transform: uppercase;
  padding-left: 20px;
  font-size: 11px;
}

.pos_details1 {
  padding-left: 20px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.pos_details1 {
  text-decoration: none;
  color: #fff;
  padding: 10px 35px;
  display: inline-block;
  margin-left: 20px;
}

.pos_details_board {
  background-color: #4DB6AC;
  text-decoration: none;
}

.pos_details1:hover {
  color: #fff;
}

.pos_details_stat {
  background-color: #E57373;
}

.pos_details_match {
  background-color: rgba(22, 143, 202, 0.7);
}

.pos_detailsmenu .dropmenu {
  float: right;
  padding: 15px 20px 0 0;
}

.pos_rightdiv h3 {
  color: #363636;
  font-size: 17px;
  text-transform: uppercase;
}

.pos_rightdiv h4 {
  color: #363636;
  font-size: 14px;
  text-transform: uppercase;
  margin: 2px 0;
}

.pos-ext h3 {
  margin: 25px 0;
}

.skills span {
  background-color: #ebebeb;
  padding: 0px 8px;
  border-radius: 5px;
  color: #696565;
  margin: 0px 8px 0px 0;
  display: inline-block;
  font-size: 11px;
}

.pos_rtpara {
  overflow: hidden;
  padding-left: 0px;
}

.pos_rtpara li {
  margin: 3px 0;
  color: #636363;
  font-size: 13px;
  list-style-type: none;
}

.pos_rtpara span {
  color: #959595;
}

.maincontainer5 {
  margin-top: 5px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  background-color: #fff;
  padding: 10px 0px;
  border-radius: 3px;
  margin-left: 0px;
}

.job_description h5 {
  color: #777777;
  margin: 25px 0 8px;
}

.job_description_header {
  color: #363636;
  font-size: 18px;
  text-transform: uppercase;
  margin: 15px 0;
  color: #363636;
}

.job_description p,
.it_skills li {
  font-size: 13px;
  color: #555555;
}

.it_skills li {
  line-height: 24px;
}

.hr_dashboard {
  padding: 15px 15px 15px 25px;
  background-color: #fff;
  margin: 20px 25px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
}

.table_row1 h4 {
  color: #6C606B;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0px;
}

.hr_dashboard td:nth-child(1) {
  color: #7D7D7D;
  text-align: left !important;
  width: 32%;
}

.hr_dashboard td {
  color: #7D7D7D;
  text-align: center !important;
  width: 17% !important;
}

.table_row2 h4 {
  color: #29bbb0;
  font-size: 13px;
  margin: 10px 0 2px;
}

.table_row2 td:nth-child(1) span {
  color: #7D7D7D;
  font-size: 11px;
}

.hr_dashboard td,
.user_table td,
.uploadcv_table td,
.vendor_table td {
  border-bottom: 1px solid #ddd;
  border-top: 0px solid #ddd !important;
  padding: 15px 5px 5px 0 !important;
}

.up-arrow,
.down-arrow,
.normal {
  font-size: 25px;
}

.up-arrow {
  color: #4DC2AE;
}

.down-arrow {
  color: #E97F98;
}

.normal {
  color: #60535E;
}

.hr_mgrul {
  margin: 15px 0 5px !important;
}

.hr_mgrul li {
  width: 235px !important;
}

.table_row1 th {
  color: #7D7D7D;
  text-align: center !important;
  width: 17% !important;
  border-bottom: 1px solid #ddd;
  border-top: 0px solid #ddd !important;
  padding: 15px 0 5px !important;
  text-transform: uppercase;
  font-size: 9px;
  line-height: 3 !important;
}

.table_row_invoice th {
  color: #7D7D7D;
  text-align: left;
  border-bottom: 1px solid #ddd;
  border-top: 0px solid #ddd;
  text-transform: uppercase;
  font-size: 11px;
}

.table_row_invoice_list {
  color: #7D7D7D;
  text-align: left;
  border-bottom: 1px solid #ddd;
  border-top: 0px solid #ddd !important;
  padding: 15px 0 5px !important;
  text-transform: capitalize;
  font-size: 11px;
  line-height: 3 !important;
}

.table_row_invoice .table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  border-top: 0px solid #ddd;
}

.hr_dashboard_invoice {
  padding: 15px 0px 15px 0px;
  background-color: #fff;
  margin: 0px 5px;
  -webkit-box-shadow: 0px 0px 0px #CCC4C4;
  box-shadow: 0px 0px 0px #CCC4C4;
}

.hr_h4 {
  text-transform: uppercase;
  font-weight: bold;
  color: #6C606B;
  font-size: 14px;
}

.maincontent4 {
  margin-top: 162px;
  margin-bottom: 30px;
}

.upload-images {
  width: 35px !important;
}

.user_tab li {
  padding: 10px 25px;
}

.user_tab {
  margin: 5px 0;
}

.user_tab li a {
  padding: 0 0 2px;
  margin-right: 0px;
  border-radius: 2px !important;
  color: #60535E;
  text-transform: uppercase;
}

.users_div .form-group .form-control,
.roles_div .form-group .form-control {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#int_add_can {
  background-color: #333;
  border-radius: 4px;
  padding: 0px 22px;
  color: #fff;
}

.role_table tr td {
  padding: 12px 0;
  border-bottom: 1px solid #E1E1E1;
}

.role_table tr:last-child td {
  border-bottom: 0px solid #E1E1E1 !important;
}

.role_table tr td:nth-child(1) img {
  margin-right: 15px;
  float: left;
}

.role_table tr td:nth-child(1) {
  font-size: 14px;
  line-height: 42px;
  color: #505460;
}

.role_table tr td:nth-child(2) {
  color: #60535E;
  width: 42%;
}

.role_table tr td a {
  text-decoration: none;
}

.role_table tr td a img {
  vertical-align: initial;
}

.assign_btn {
  color: #222;
  padding: 7px 35px;
  background-color: #ebebeb;
  border-color: #adadad;
}

.tab-content .container-fluid {
  padding-right: 40px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}

.pos_hrdiv {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.pos_hrh4 {
  margin-left: 20px !important;
}

.pos_hrtable div {
  padding-left: 0 !important;
}

.pos_hrdiv .date_select {
  padding: 15px 0;
  padding-right: 0px;
  margin: 0;
}

.k-picker-wrap.k-state-default>.k-select {
  border-bottom: 1px solid #E2E2E2 !important;
}

.pos_hrdiv .date_select {
  padding: 13px 0 16px;
}

.pos_hrdiv tr:nth-child(odd) .first_letter {
  background-color: #F9AD81;
}

.pos_hrdiv tr:nth-child(even) .first_letter {
  background-color: #8393CA;
}

.first_letter_name {
  float: left;
  margin-right: 10px;
  padding-bottom: 20px;
}

.pos_hrtable td {
  width: 270px;
}

.pos_hrtable tr {
  float: left;
  width: 270px;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 35px;
}

.user_table p {
  color: #987093;
  display: block;
  font-size: 14px;
  text-align: left;
}

.user_table {
  color: #987093;
  display: block;
  font-size: 14px;
  text-align: left;
}

.user_table span {
  color: #888;
  display: block;
  font-size: 12px;
  font-style: italic;
}

.user_table tr td:nth-child(1) p label {
  border-radius: 50%;
  display: inline-block;
  float: left;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
}

.user_table tr td:nth-child(2) p span {
  color: #A1A1A1;
}

.user_table tr td:nth-child(2) {
  width: 28%;
}

.user_table tr td:nth-child(3) {
  width: 25%;
  text-align: right;
}

.user_table tr td:nth-child(4) {
  text-align: right;
}

.user_table tr td:nth-child(2) p {
  color: #60535E;
  padding-left: 30px;
  text-transform: uppercase;
}

.user_table a {
  text-decoration: none;
  color: #fff;
  font-size: 12px;
}

.user_table tr td a img {
  margin: 0 0 0 15px;
}

.disable_row p label {
  background-color: #B7B7B7 !important;
}

.join {
  color: #E5A173 !important;
}

.select_dd {
  padding: 7px 20px;
  border: 0px;
  color: #363636;
  overflow: hidden;
  background: no-repeat #EBEBEB;
  background-image: url("../images/select.png");
  background-position: 97%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 190px;
  outline: none;
}

.dis_dark {
  float: left;
  margin: 7px 6px 0 0;
}

.table_search,
.table_search:active,
.table_search:focus {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 1px solid #E1E1E1;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background: url("../images/tb_search.png") no-repeat;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-position: 100%;
  width: 300px;
  float: right;
}

.permsion_table tr td {
  color: #9A4B90;
  font-size: 15px;
  width: 26%;
}

.permsion_table {
  margin-bottom: 30px;
}

.permsion_table tr td {
  padding: 12px 0;
  border-bottom: 1px solid #E1E1E1;
}

.permsion_table tr td p,
.permsion_table tr td:nth-child(3) p,
.permsion_table tr td:nth-child(4) p {
  color: #BCBCBC;
  font-size: 14px;
}

.permsion_table tr td p span a,
.permsion_table tr td:nth-child(3) p span a,
.permsion_table tr td:nth-child(4) p span a {
  color: #636363;
  display: inline-block;
  -moz-padding-start: 17px;
  padding-left: 35px;
  font-size: 12px;
  text-decoration: none;
  -moz-padding-start: 0px;
}

.permis_div h4 {
  color: #9A4B90;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 30px;
}

.cand_check {
  color: #B7B7B7;
  font-size: 14px;
  padding: 15px 0;
}

.cand_check span a {
  color: #636363;
  display: inline-block;
  -moz-padding-start: 17px;
  padding-left: 5px;
  font-size: 11px;
  text-decoration: none;
  -moz-padding-start: 0px;
  display: block;
  cursor: default;
  pointer-events: none;
}

.cand_check label {
  margin-right: 15px;
}

/*check box css*/
.cand_check input[type=checkbox] {
  margin-left: -7px;
}

.cand_check input[type=checkbox],
.permsion_table input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  position: relative;
  visibility: hidden;
}

.cand_check input[type=checkbox],
.cand_check input[type=checkbox]+label::before,
.permsion_table input[type=checkbox],
.permsion_table input[type=checkbox]+label::before {
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 0%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.cand_check input[type=checkbox]+label::before,
.permsion_table input[type=checkbox]+label::before {
  content: '';
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 0 0px #fff;
  box-shadow: 0 0 0px #fff;
  display: inline-block;
  pointer-events: none;
  opacity: 1;
  color: #fff;
  border: 2px solid #e1e1e1;
  width: 22px;
  height: 22px;
  margin-right: 15px;
}

.cand_check input[type=checkbox]+label,
.permsion_table input[type=checkbox]+label {
  line-height: 20px;
  margin-top: 4px;
  float: left;
}

.cand_check input[type=checkbox]:hover,
.permsion_table input[type=checkbox]:hover {
  cursor: pointer !important;
}

.cand_check input[type=checkbox],
.permsion_table input[type=checkbox] {
  content: '' !important;
  background: #987093 !important;
  -webkit-box-shadow: 0 0 30px #987093 !important;
  box-shadow: 0 0 30px #987093 !important;
  -moz-margin-start: -11px !important;
}

.cand_check input[type=checkbox]:checked+label::before,
.permsion_table input[type=checkbox]:checked+label::before {
  content: url("../images/check_mark1.png");
  -webkit-box-shadow: 0px 0px 0px #987093, 0px 0px 0px #987093;
  box-shadow: 0px 0px 0px #987093, 0px 0px 0px #987093;
  background: #987093;
  border: 2px solid #987093;
}

.cand_check input[type=checkbox]:checked:hover+label::before,
.permsion_table input[type=checkbox]:checked:hover+label::before {
  opacity: 1;
}

.cand_check input[type=checkbox]:checked:after,
.permsion_table input[type=checkbox]:checked:after {
  content: "" !important;
}

.uploadcv_div h4 {
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 30px;
}

.uploadcv_div h4 span {
  display: block;
  color: #636363;
  text-transform: initial;
  font-size: 12px;
  margin-top: 2px;
}

.uploadcv_table p {
  color: #60535E;
  font-size: 14px;
}

.uploadcv_table p span {
  display: block;
  color: #60535E;
}

.progress1 {
  height: 12px;
  overflow: hidden;
  background-color: #EBEBEB;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 15px;
  margin-right: 15px;
}

.progress-bar1 {
  height: 12px;
  background-color: #7ACCC8;
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
}

.uploadcv_table tr td:nth-child(1) {
  width: 16%;
}

.uploadcv_table tr td:nth-child(2) {
  width: 35%;
}

.uploadcv_table tr td:nth-child(3) {
  width: 5%;
  text-align: left;
  color: #969696;
  font-size: 12px;
}

.uploadcv_table tr td:nth-child(4) {
  width: 20%;
  text-align: center;
  color: #7ACCC8;
}

.uploadcv_table tr td:nth-child(5) {
  color: #E98FA2;
}

.file_search,
.file_search:focus,
.file_search:active {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px solid #E1E1E1;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background: url("../images/tb_search.png") no-repeat;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-position: 100%;
  width: 50px;
}

.progress_value {
  width: 5%;
}

.vendor_inpt {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 1px solid #E1E1E1;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 0;
}

.drop_down select,
.vendor_inpt1 {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 1px solid #E1E1E1;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background: url("../images/arrow.png") no-repeat right !important;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-position: 100%;
  padding: 0px 0px 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vendor_inpt:focus,
.vendor_inpt1:focus {
  border-top: 0px solid #DCDCDC;
  border-left: 0px solid #DCDCDC;
  border-right: 0px solid #DCDCDC;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
}

.vendor .form-group {
  margin-bottom: 10px;
}

.vendor_table tr td {
  color: #60535E;
  padding: 10px 0;
  margin: 0;
  font-size: 14px;
}

.vendor_table tr td:nth-child(1) p span {
  color: #60535E;
  padding-left: 30px;
  display: block;
  font-size: 14px;
}

.vendor_table p {
  color: #987093;
  display: block;
  font-size: 16px;
}

.vendor_table tr td:nth-child(1) p label {
  border-radius: 50%;
  display: inline-block;
  float: left;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
}

.vendor_table tr td:nth-child(3) {
  width: 32%;
}

.vendor_table tr td:nth-child(4) {
  width: 8%;
}

.edit_action img:nth-child(2) {
  float: right;
}

.hide {
  display: none;
}

.tmm-current .stage-title {
  font-size: 12px;
  color: #29bbb0 !important;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  padding-right: 25px;
}

.stage-title {
  font-size: 12px;
  color: #CCCCCC;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  padding-right: 25px;
}

.form-wizard .row {
  margin-left: 15px;
  margin-right: 15px;
}

.continue,
.next {
  padding: 0 !important;
}

.wizzard_p {
  color: #636363;
  font-size: 13px;
  margin-bottom: 25px;
}

.prev_div {
  margin: 40px 0 0;
}

.tmm-current .fa-check {
  color: #29bbb0;
  font-size: 12px;
  vertical-align: text-top;
}

.tmm-success .fa-check {
  color: #fff;
  font-size: 12px;
  vertical-align: text-top;
}

.inputdemoBasicUsage .md-datepicker-button {
  width: 36px;
}

.datepickerdemoBasicUsage {
  /** Demo styles for mdCalendar. */
}

.datepickerdemoBasicUsage md-content {
  padding-bottom: 200px;
}

.datepickerdemoBasicUsage .validation-messages {
  font-size: 12px;
  color: #dd2c00;
  margin: 10px 0 0 25px;
}

.file-upload-input {
  width: 250px !important;
}

.k-i-calendar:before {
  content: "\e62e";
}

.k-combobox .k-dropdown-wrap:before,
.k-numeric-wrap:before,
.k-picker-wrap:before {
  content: none !important;
  display: inline-block !important;
  width: 0;
  height: 0 !important;
  padding-bottom: 0 !important;
}

.k-calendar .k-header .k-state-hover {
  background-color: #2D232C !important;
  color: #000;
}

.k-calendar .k-today .k-link,
.k-calendar .k-state-selected>.k-link {
  color: #fff;
  background-color: #2D232C !important;
  border-radius: 50%;
}

.text_area textarea {
  border: 1px solid rgba(0, 0, 0, 0.11765);
  width: 100%;
  padding: 15px;
  font-size: 14px;
  color: #959595;
}

.text_area textarea:focus {
  outline: 1px solid #E5A173;
}

.prev_div1 {
  padding: 9px 45px !important;
}

.textarea_div {
  margin-top: 40px;
}

.date_select {
  padding: 15px 0;
  padding-right: 0px;
  margin: 3px 0;
}

.k-picker-wrap .k-icon {
  opacity: 0.2 !important;
}

.k-picker-wrap.k-state-default>.k-select {
  border-color: #fff;
}

.k-datepicker {
  width: 100% !important;
  margin-left: -12px;
}

.k-select {
  border-bottom: 1px solid #E8E8E8 !important;
  display: inline-table !important;
  padding: 4px 0 0 !important;
}

.k-picker-wrap input:focus {
  border-bottom: 1px solid #c4cdcf !important;
}

.k-picker-wrap,
.k-state-hover,
.k-text-box:hover {
  background-color: #fff !important;
  border-color: #fff !important;
  -wekit-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.delete_more a img {
  margin-top: 15px;
  /*border: 1px solid #E5A173;*/
}

.btn:active,
.btn.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn_more,
.btn_more button {
  margin-bottom: 0px !important;
}

.btn_more button {
  border: 1px solid #29bbb0 !important;
  margin-right: 35px;
}

.btn_more span {
  color: #29bbb0;
  background-color: #fff;
}

.new_placeholder:after {
  color: #B5B5B5;
  font-size: 14px;
}

input {
  border-radius: 0px !important;
}

.email_row,
.delete_more {
  padding-right: 0px;
}

.personnel {
  margin-bottom: 10px;
}

/*.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
		color: #B5B5B5;
		font-size: 14px;
}
.mdl-textfield--floating-label .mdl-textfield__label {
		-webkit-transition-duration: .2s;
		transition-duration: .2s;
		-webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}*/
.new_placeholder {
  bottom: 0;
  color: rgba(0, 0, 0, 0.26);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  z-index: 1;
}

/*.is-focus .new_placeholder{
		color: #636363;
		font-size: 12px;
		top: 10px;
}*/
.is-focus .new_placeholder {
  color: #636363 !important;
  font-size: 12px !important;
}

.contain {
  background-color: #fff;
  padding-left: 0px;
  margin-bottom: 25px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
}

.contain1 {
  background-color: #fff;
  padding-left: 0px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
}

.notify_div {
  background-color: #fff;
  padding-left: 25px;
  padding-right: 25px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  margin-bottom: 25px;
}

.cand_details .container {
  padding: 0px 10px 0px 0px;
}

.input_tip span {
  color: #CACACA;
  font-size: 13px;
  display: inline-block;
  float: right;
  padding-right: 15px;
  margin-top: -20px;
}

.permsion_table tr td img {
  margin-right: 10px;
}

.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 0px 0 10px 0;
  border: 1px solid #e5a173;
  border-radius: 0px;
  padding: 8px 40px;
  background-color: #e5a173;
}

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

.files {
  background-color: #E1E1E1;
  padding: 7px 10px;
  border-radius: 5px;
  font-size: 12px;
  margin: 0px 5px 5px 0;
  display: inline-block;
  color: #636363;
}

.files img {
  margin-left: 7px;
  width: 16px;
  cursor: pointer;
}

[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
}

.place {
  color: #BFBFBF;
}

#user_table_wrapper .row:last-child,
.dataTables_length label {
  display: none !important;
}

div.dataTables_wrapper div.dataTables_filter input {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 1px solid #E1E1E1;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background: url("../images/tb_search.png") no-repeat;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-position: 100%;
  width: 300px !important;
  float: right;
}

th:after {
  content: none !important;
}

div.dataTables_wrapper div.dataTables_filter label {
  color: #fff;
}

#user_table_filter label input::-webkit-input-placeholder {
  color: #B5B5B5;
  font-size: 14px;
}

#user_table_filter {
  margin-top: -40px;
  margin-bottom: 10px;
}

#user_table_filter .input-sm {
  padding-left: 0px;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}

table a:hover {
  text-decoration: none !important;
}

.key_tags input {
  border-bottom: 1px solid transparent !important;
}

.remove-button,
.remove-button:hover {
  color: #363636;
  text-decoration: none;
}

.pos_drop .mdl-textfield {
  padding: 20px 0 25px !important;
}

.pos_hrtable .user_info {
  color: #987093;
  display: block;
  font-size: 16px;
}

.pos_hrtable .first_letter {
  border-radius: 50%;
  display: inline-block;
  float: left;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
}

.user_info span {
  color: #363636;
  display: block;
  font-size: 10px;
  margin-left: 60px;
}

.cand_check input[type=checkbox] {
  margin-left: -7px;
}

.cand_check input[type=checkbox],
.pos_hrtable input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  position: relative;
  visibility: hidden;
}

.cand_check input[type=checkbox],
.cand_check input[type=checkbox]+label::before,
.pos_hrtable input[type=checkbox],
.pos_hrtable input[type=checkbox]+label::before {
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 0%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.cand_check input[type=checkbox]+label::before,
.pos_hrtable input[type=checkbox]+label::before {
  content: '';
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 0 0px #fff;
  box-shadow: 0 0 0px #fff;
  display: inline-block;
  pointer-events: none;
  opacity: 1;
  color: #fff;
  border: 2px solid #e1e1e1;
  width: 22px;
  height: 22px;
  margin-right: 15px;
}

.cand_check input[type=checkbox]+label,
.pos_hrtable input[type=checkbox]+label {
  line-height: 20px;
  margin-top: 4px;
  float: left;
}

.cand_check input[type=checkbox]:hover,
.pos_hrtable input[type=checkbox]:hover {
  cursor: pointer !important;
}

.cand_check input[type=checkbox],
.pos_hrtable input[type=checkbox] {
  content: '' !important;
  background: #987093 !important;
  -webkit-box-shadow: 0 0 30px #987093 !important;
  box-shadow: 0 0 30px #987093 !important;
  -moz-margin-start: -11px !important;
}

.cand_check input[type=checkbox]:checked+label::before,
.pos_hrtable input[type=checkbox]:checked+label::before {
  content: url("../images/check_mark1.png");
  -webkit-box-shadow: 0px 0px 0px #987093, 0px 0px 0px #987093;
  box-shadow: 0px 0px 0px #987093, 0px 0px 0px #987093;
  background: #987093;
  border: 2px solid #987093;
}

.cand_check input[type=checkbox]:checked:hover+label::before,
.pos_hrtable input[type=checkbox]:checked:hover+label::before {
  opacity: 1;
}

.cand_check input[type=checkbox]:checked:after,
.pos_hrtable input[type=checkbox]:checked:after {
  content: "" !important;
}

.pos_hrtable input[type=checkbox]+label {
  line-height: 20px;
  margin-top: 4px;
  float: left;
}

.notify_table>tbody>tr td {
  padding: 20px 0 5px 0px;
}

.notify_table>tbody>tr:last-child td {
  border-bottom: 1px solid #ddd;
}

.notify_table>tbody>tr td:nth-child(2) {
  padding-right: 10px;
}

.notify_table>tbody>tr td:nth-child(1) {
  padding-left: 10px;
}

.notify_table>tbody>tr:hover>td {
  background-color: #F5F5F5;
}

.hr_exec_table,
.hr_pos_table {
  margin: 10px 0 0;
}

.hr_exec_table td,
.hr_pos_table td {
  margin-bottom: 18px;
  display: inline-block;
  margin-right: 20px;
  width: 45%;
}

.hr_exec_table td p {
  color: #363636;
  font-size: 14px;
}

.hr_exec_table td p span {
  color: #987093;
  font-size: 13px;
  display: block;
  text-transform: uppercase;
}

.hr_pos_table td p {
  color: #80CBC4;
  font-size: 22px;
}

.hr_pos_table td p span {
  color: #363636;
  font-size: 13px;
  display: block;
}

.table_margin {
  padding-left: 5px;
  padding-right: 5px;
}

.notify_table td p {
  margin-bottom: 0px;
}

.notify_table tr td span,
.span_cap {
  color: #636363;
}

.span_cap {
  font-size: 12px;
  font-style: italic;
}

.notif_ct {
  padding: 2px 9px;
  border-radius: 50%;
  background-color: #E57373;
  width: 28px;
  height: 28px;
  font-size: 16px;
  color: #fff !important;
  display: block;
  margin: 20px 15px 0 8px;
  float: right;
}

.center {
  margin-bottom: 20px;
}

.center img {
  display: block;
  margin: 0 auto;
  width: 20px;
}

.imp_note {
  padding: 5px 5px;
  border-radius: 50%;
  background-color: #E57373;
  margin: 0px 3px;
}

.marg_btm {
  margin-bottom: 0px;
}

.event_details {
  position: absolute;
  z-index: 2;
  right: 0;
  width: 320px;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  padding: 10px 10px 10px 15px;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  border: 1px solid #E4E4E4;
  position: fixed;
  top: 28%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 1000;
}

.fc-day-grid {
  display: none;
}

.fc-scroller {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  height: auto !important;
}

.calendar_div {
  padding-right: 25px !important;
}

.first p {
  color: #363636;
  margin-bottom: 0px;
}

.first p span {
  color: #A1A1A1;
  font-size: 12px;
  display: inline-block;
  padding-left: 10px;
}

.first span {
  color: #A1A1A1;
  font-size: 12px;
}

.event_details .col-sm-2,
.first {
  padding: 0px;
}

.sec p label {
  background-color: #E98FA2;
  padding: 6px 15px;
  border-radius: 50%;
  display: inline-block;
  float: left;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
}

.sec p {
  color: #987093;
  display: block;
  font-size: 14px;
}

.sec span {
  color: #A1A1A1;
  display: block;
  font-size: 12px;
}

.sec {
  margin: 12px 0 18px;
}

.three span {
  display: inline-block;
  height: 40px;
  color: #363636;
  font-size: 12px;
  width: 140px;
}

.three span label {
  color: #a1a1a1;
  font-size: 13px;
}

.cal_edit,
.cal_delete {
  text-decoration: none;
  display: inline-block;
}

.cal_edit,
.cal_edit:hover,
.cal_edit:focus,
.cal_edit:active {
  color: #8cddd8;
  text-decoration: none;
}

.cal_delete,
.cal_delete:hover,
.cal_delete:focus,
.cal_delete:active {
  color: #ef9a9a;
  text-decoration: none;
}

.fc-today-button {
  text-transform: capitalize;
}

tags-input .tags .tag-item {
  margin: 4px;
  display: inline-block;
  float: left;
  font: 14px;
  height: auto;
  line-height: 25px;
  border: 0px solid #acacac;
  border-radius: 3px;
  /* background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); */
  /* background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); */
  background: #E1E1E1;
}

tags-input .tags.focused {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.first_formgp {
  border-bottom: 0px solid #E1E1E1;
}

.animate-switch .mdl-textfield__input {
  font-size: 14px;
  line-height: 1.42857143;
  color: #fff;
  background-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 0;
}

.mdl-textfield__input {
  font-size: 13px;
  line-height: 1.42857143;
  color: #222;
  background-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 0;
}

.mdl-textfield__label {
  bottom: 0;
  color: #999;
  font-size: 14px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

.mdl-textfield {
  position: relative;
  font-size: 16px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 20px 0;
}

.mdl-selectfield {
  position: relative;
  font-size: 14px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 20px 0;
  color: #555;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 0;
}

.mdl-selectfield__label {
  bottom: 0;
  color: #999;
  font-size: 14px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 20px;
  width: 96.7%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

.mdl-selectfield__label:after {
  background-color: #e99155;
  bottom: 15px;
  content: '';
  height: 2px;
  left: 45%;
  position: absolute;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
}

.mdl-button {
  background: 0 0;
  border: none;
  border-radius: 0px;
  color: #000;
  position: relative;
  height: 36px;
  min-width: 64px;
  padding: 0 16px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 20px;
  vertical-align: middle;
}

.mdl-button--raised {
  background: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mdl-button--raised.mdl-button--colored {
  background: #29bbb0;
  color: #fff;
}

.mdl-checkbox__box-outline {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid #706969;
  border-radius: 0px;
  z-index: 2;
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border: 2px solid #987093;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background: #987093;
}

.mdl-checkbox__focus-helper {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: transparent;
}

.mdl-checkbox__ripple-container {
  position: absolute;
  z-index: 2;
  top: -4px;
  left: -7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
}

.mdl-checkbox__label {
  position: relative;
  cursor: pointer;
  line-height: 24px;
  margin: 15px;
  color: #BCBCBC;
  font-size: 14px;
}

/************************************************* Custom Css ************************************************/
/**** Start Css For display datepicker in modal window for select start and end date ********/
div[date-picker-wrapper] {
  z-index: 1000;
  margin-top: -280px;
}

/**** End Css For display datepicker in modal window for select start and end date ********/
.column ul>li {
  list-style-type: none;
  padding-bottom: 0px;
}

.boardfilter {
  margin: 0 3px;
}

.interviewModal {
  background-color: #29bbb0;
  color: #fff;
  /* border-top-left-radius: 3px; */
  /* border-top-right-radius: 3px; */
}

.interviewCls {
  color: #B5B5B5;
  font-size: 24px;
  padding: 0 20px 0px;
}

.scheduleCls {
  margin: 15px 20px 0px;
}

.secondRoundCls {
  font-size: 15px;
  margin-top: 1px;
  margin-bottom: 0px;
}

.roundTextCls {
  color: #29bbb0;
}

.selectIntr {
  margin-top: 0;
  font-size: 13px;
  font-weight: 600;
}

.slick-disabled {
  opacity: 0.5;
}

.mdl-textfield {
  width: 100%;
}

.mdl-textfield.is-invalid .mdl-textfield__input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: rgba(0, 0, 0, 0.26);
}

.mdl-button--raised:focus:not(:active) {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: none;
}

/*form validation*/
.mdl-textfield.is-invalid .mdl-textfield__input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: rgba(0, 0, 0, 0.26);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
  color: #3f51b5;
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: #3f51b5;
  color: #3f51b5;
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: #3f51b5;
}

/*Validation styles based on MDL*/
.ng-invalid.ng-invalid.ng-touched {
  border-color: #de3226;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ng-invalid.ng-invalid.ng-touched+label {
  color: #de3226;
  font-size: 12px;
}

.ng-invalid.ng-invalid.ng-touched+label:after {
  background-color: #de3226;
}

.ng-invalid.ng-invalid.ng-touched~.mdl-tooltip--validation {
  background-color: #de3226;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus {
  border-color: #ffc107;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus+label {
  color: #ffc107;
  font-size: 12px;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus+label:after {
  background-color: #ffc107;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus~.mdl-tooltip--validation {
  background-color: #ffc107;
}

div .small {
  font-size: 73% !important;
}

.ng-invalid.ng-invalid.ng-touched+label {
  color: #de3226;
  font-size: 14px;
}

.ng-invalid.ng-invalid.ng-touched+label:after {
  background-color: #de3226;
}

.ng-invalid.ng-invalid.ng-touched~.mdl-tooltip--validation {
  background-color: #de3226;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus {
  border-color: #ffc107;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus+label {
  color: #ffc107;
  font-size: 14px;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus+label:after {
  background-color: #ffc107;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus~.mdl-tooltip--validation {
  background-color: #ffc107;
}

.ng-invalid.ng-touched:not(:focus)+label::before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  position: absolute;
  right: 0;
  bottom: 20px;
}

.ng-valid.ng-touched:not(:focus)+label::before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  content: "done";
  position: absolute;
  right: 0;
  bottom: 20px;
}

/*Basic styles*/
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

/*valodation ends*/
.mdl-selectfield--floating-label.is-invalid .mdl-selectfield__label {
  color: rgba(0, 0, 0, 0.26);
  font-size: 12px;
}

.mdl-selectfield.is-invalid .mdl-selectfield__select {
  border-color: rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ng-invalid.ng-invalid.ng-touched {
  border-color: #de3226;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mdl-tooltip.is-active {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  will-change: transform;
  z-index: 999;
  background: rgba(97, 97, 97, 0.9);
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  max-width: 170px;
  position: fixed;
  top: -500px;
  left: -500px;
  padding: 8px;
  text-align: center;
}

.bulk {
  border-bottom: 1px solid #E1E1E1;
}

.fileContainer {
  overflow: hidden;
  position: relative;
}

.fileContainer [type=file] {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: -26px;
  text-align: right;
  top: 0;
}

/* Example stylistic flourishes */
.fileContainer {
  border-radius: 2px;
  float: left;
  padding: .5em;
  color: #ccc;
}

.fileContainer [type=file] {
  cursor: pointer;
}

/*search*/
.wrap-search input[type="text"] {
  height: 24px;
  font-size: 14px;
  display: inline-block;
  font-weight: 100;
  border: none;
  outline: none;
  color: #ccc;
  padding: 3px;
  padding-right: 24px;
  width: 0px;
  position: absolute;
  top: 16px;
  right: 315px;
  background: none;
  z-index: 3;
  -webkit-transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer;
}

.wrap-search input[type="text"]:focus:hover {
  border-bottom: 1px solid #ccc;
}

.wrap-search input[type="text"]:focus {
  width: 50%;
  z-index: 1;
  border-bottom: 1px solid #ccc;
  cursor: text;
}

.wrap-search input[type="submit"] {
  height: 24px;
  width: 24px;
  display: inline-block;
  color: red;
  float: right;
  background: url(../images/search_icon.png) center center no-repeat;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 16px;
  right: 315px;
  z-index: 2;
  cursor: pointer;
  cursor: pointer;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.wrap-search {
  margin-top: 0px;
}

.wrap-search input[type="submit"]:hover {
  opacity: 0.8;
}

/*table*/
.permssion_table {
  width: 100%;
  margin-bottom: 30px;
}

.permssion_table tr td {
  border: 1px solid #E1E1E1;
  text-align: center;
}

.roles td {
  color: #505460;
  font-size: 15px;
  line-height: 3;
}

.mdl-checkbox {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 0%;
  height: 24px;
  margin: 0;
  padding: 0;
}

.permission {
  position: relative;
  cursor: pointer;
  color: #706969;
  font-size: 14px;
}

.create {
  color: #636363;
  display: inline-block;
  font-size: 12px;
  text-decoration: none;
  -moz-padding-start: 0px;
}

.table-head td {
  text-transform: uppercase;
  color: #222;
}

.login .mdl-textfield.is-invalid .mdl-textfield__input {
  border-bottom: 1px solid rgba(219, 217, 217, 0.67);
}

.md-scroll-mask {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#main {
  position: relative;
  width: 100%;
  top: 0px !important;
}

.brand a:hover {
  text-decoration: none;
}

.brand img {
  float: left;
  width: 140px;
  max-width: 100%;
  margin-top: 25px;
}

.brand h1 {
  line-height: 92px;
  color: white;
  text-decoration: none;
  font-size: 28px;
  margin: 10px 0px;
  margin-bottom: 0;
}

.login h6 {
  margin-top: 20px;
  text-align: center;
  text-transform: uppercase;
}

.animate-switch h6.background {
  position: relative;
  z-index: 1;
}

.animate-switch h6.background :before {
  border-top: 1px solid #fff;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  z-index: -1;
}

.animate-switch h6.background span {
  background: #fff;
  border-radius: 50%;
  padding: 9px;
  height: 49px;
  width: 20px;
  font-weight: bold;
}

.login h6.background {
  position: relative;
  z-index: 1;
}

.login h6.background :before {
  border-top: 1px solid #fff;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  z-index: -1;
}

.login h6.background span {
  background: #fff;
  border-radius: 50%;
  padding: 9px;
  height: 49px;
  width: 20px;
  font-weight: bold;
}

.login {
  width: 78%;
  margin: 0px auto;
}

.login h4 {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  padding-bottom: 15px;
}

/*  COLUMN SETUP  */
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}

.col:first-child {
  margin-left: 0;
}

/*  GROUPING  */
.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1;
  /* For IE 6/7 */
}

/*  GRID OF TWO  */
.span_2_of_2 {
  width: 100%;
}

.span_1_of_2 {
  width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%;
  }
}

@media only screen and (max-width: 480px) {

  .span_2_of_2,
  .span_1_of_2 {
    width: 100%;
  }
}

.btn-social> :first-child {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 32px;
  line-height: 29px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn {
  border-radius: 0px;
  border: 0px solid transparent;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
  color: #222 !important;
}

tags-input.ng-invalid .tags {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*inline edit*/
.ng-inline-edit--validating:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(ajax-loader.gif);
}

.ng-inline-edit--validating .ng-inline-edit__input {
  background: #fff;
  opacity: .4;
}

.ng-inline-edit--error .ng-inline-edit__input {
  color: #f00;
}

.ng-inline-edit__button {
  font-size: 0;
  margin-left: 5px;
  position: relative;
  opacity: .6;
}

.ng-inline-edit__button:hover {
  opacity: 1;
}

.ng-inline-edit:hover .ng-inline-edit__button,
.ng-inline-edit .ng-inline-edit__button--save,
.ng-inline-edit .ng-inline-edit__button--cancel {
  visibility: visible;
}

.ng-inline-edit__button:after {
  font-size: 16px;
  line-height: 36px;
}

.ng-inline-edit__button--edit:after {
  content: "\270E";
  color: #29bbb0;
}

.ng-inline-edit__button--save:after {
  content: "\2714";
  color: #0f0;
}

.ng-inline-edit__button--cancel:after {
  content: "\2716";
  color: #f00;
}

.tag_position .tags {
  margin: 7px 25px 0 0;
}

*:focus {
  outline: none;
}

user-management tr,
th,
td {
  padding: 0px;
}

.dropdown-menu>li>a {
  cursor: pointer !important;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.box {
  border: 0px solid #000;
  width: 27%;
  position: fixed;
  right: 1.5%;
  top: 15%;
  border: 0px solid #000;
}

.box p:first-of-type,
.box p:last-of-type {
  position: relative;
  background: #AB255C;
  color: white;
}

.box p:last-of-type {
  background: #00617A;
  z-index: 999;
}

.box p:before {
  content: '';
  background: inherit;
  position: absolute;
  top: 50%;
  margin: -1em -1.1em;
  height: 2em;
  width: 2em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 100%;
  top: 25px;
}

.box p {
  padding: 15px;
}

.box p:first-of-type,
.box p:last-of-type {
  position: relative;
  background: #df5f7d;
  color: white;
}

.box p:last-of-type {
  background: #df5f7d;
  z-index: 999;
}

.box p:before {
  content: '';
  background: inherit;
  position: absolute;
  top: 50%;
  margin: -1em -1.5em;
  height: 2em;
  width: 2em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 100%;
  top: 25px;
}

.box p:first-of-type:before {
  right: 100%;
  /* box-shadow: 3px -3px gray, 5px -5px 5px black , inset -3px 3px 3px white; */
  z-index: -3;
}

.btn-primary {
  background-color: #29bbb0;
}

.login label {
  color: #fff;
}

.header-signup {
  font-size: 23px;
  width: 100%;
}

.login .form-group {
  overflow: visible;
}

.navbar-inverse .navbar-nav>li>a {
  color: #9d9d9d;
  font-size: 11px;
  letter-spacing: 2px;
  line-height: 37px;
  margin-top: 0px;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  color: #fff;
  background-color: transparent;
}

.option-header {
  background-color: #433642;
}

.option-header h1 {
  line-height: 74px;
  margin-bottom: -21px;
}

.option-header img {
  margin-top: -9px;
}

/*button flip*/
.a-btn {
  background: #e99155;
  border: 1px solid #f5b74e;
  border-color: #f5b74e #e5a73e #d6982f;
  -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
  box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
  padding: 0px 80px 0px 10px;
  height: 38px;
  width: 100%;
  display: inline-block;
  position: relative;
  border-radius: 4px;
  margin-bottom: 40px;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.a-btn-text {
  padding-top: 5px;
  display: block;
  font-size: 18px;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.a-btn-slide-text {
  position: absolute;
  top: 35px;
  left: 0px;
  width: auto;
  right: 52px;
  height: 0px;
  background: #fff;
  color: #996633;
  font-size: 13px;
  white-space: nowrap;
  font-family: Georgia, serif;
  font-style: italic;
  text-indent: 15px;
  overflow: hidden;
  line-height: 30px;
}

.a-btn-icon-right {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 52px;
  border-left: 1px solid #f5b74e;
}

.a-btn-icon-right span {
  width: 38px;
  height: 38px;
  opacity: 0.7;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0px 0px -20px;
  background: transparent url(../images/arrow_right.png) no-repeat 50% 55%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.a-btn:hover {
  -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 5px rgba(0, 0, 0, 0.4);
}

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

.a-btn:hover .a-btn-slide-text {
  height: 30px;
}

.a-btn:hover .a-btn-icon-right span {
  opacity: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.a-btn:active {
  position: relative;
  top: 1px;
  background: #fec354;
  background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61));
  background: linear-gradient(top, #fec354 0%, #fecd61 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61', GradientType=0);
  border-color: #d29a3a #cc9436 #c89133;
  text-shadow: 0 1px 0 #fee1a0;
  -webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
  box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
}

.drop-box {
  background: #F8F8F8;
  border: 5px dashed #DDD;
  width: 284px;
  height: 88px;
  text-align: center;
  padding-top: 25px;
  margin: 10px;
}

.progress {
  display: block;
  text-align: center;
  -webkit-transition: width .3s;
  transition: width .3s;
}

.progress.hide {
  opacity: 0;
  -webkit-transition: opacity 1.3s;
  transition: opacity 1.3s;
}

.animate-switch .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: #ccc;
}

.mdl-textfield.is-invalid .mdl-textfield__input {
  border-bottom: 1px solid #ccc;
}

.animate-switch .mdl-radio__outer-circle {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  border: 2px solid #ccc;
  border-radius: 50%;
  z-index: 2;
}

.animate-switch .mdl-radio.is-checked .mdl-radio__outer-circle {
  border: 2px solid #df5f7d;
}

.animate-switch .mdl-radio__inner-circle {
  position: absolute;
  z-index: 1;
  margin: 0;
  top: 8px;
  left: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  cursor: pointer;
  -webkit-transition-duration: .28s;
  transition-duration: .28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  border-radius: 50%;
  background: #df5f7d;
}

.animate-switch .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: #ccc;
}

.animate-switch .mdl-textfield.is-invalid .mdl-textfield__input {
  border-bottom: 1px solid #ccc;
}

.animate-switch .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
  color: #ccc;
}

.radio-select {
  margin-top: 60px;
  padding-bottom: 70px;
}

.social-select {
  margin-top: 60px;
  padding-bottom: 10px;
}

.animate-switch .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
  color: #ccc;
}

label {
  font-weight: 400;
}

@media (max-width: 768px) {
  .navbar-toggle {
    display: hidden !important;
  }
}

.salary_upload {
  margin: 0px auto;
}

.salary_upload .btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  width: 96%;
  padding: 20px;
  margin: 0px auto;
  cursor: default;
}

.btn-default:active:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
  margin-top: 0;
}

.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}

.navbar .sub-menu:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  left: 10px;
  top: 11px;
  left: -6px;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5 !important;
}

.organisation {
  top: 24px;
  left: 45px;
}

.organisation label {
  color: #fff;
}

.mdl-switch__ripple-container .mdl-ripple {
  background-color: #e5a173;
}

.mdl-switch.is-checked .mdl-switch__thumb {
  background: #e5a173;
  left: 16px;
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.mdl-switch.is-checked .mdl-switch__track {
  background: rgba(229, 161, 115, 0.48);
}

.logo-img>img {
  display: block;
  padding-left: 3px;
  width: 132px;
  margin-top: -13px;
}

.top-header {
  background-color: #433642;
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.angular-notifications-icon {
  right: -10px;
  top: -3px;
  border-radius: 50%;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  min-width: 25px;
  height: 25px;
  background: red;
  color: white;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 3px 20px 0px 17px;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0px;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin-right: 15px;
  }
}

.navbar {
  min-height: 50px;
  margin-bottom: 80px;
}

.filternav {
  z-index: 1;
}

.top_bar.right-menu {
  padding: 0px 0 0px;
}

.top_bar .dropdown-menu {
  padding: 0;
}

.right-menu.dropdown-menu {
  margin-top: 10px;
  padding: 0;
}

.sear_img {
  margin: 12px 0px;
  position: absolute;
  right: 0px;
}

.top_bar.right-menu a {
  text-decoration: none;
  color: #fff;
  padding: 0 18px;
  line-height: 51px;
  width: 100%;
  display: inline-block;
}

.top_bar .dropdown-menu a {
  text-decoration: none;
  color: #fff;
  padding: 0 18px;
  line-height: 33px;
  width: 100%;
  display: inline-block;
  text-align: left;
}

.right-menu>li>a {
  color: #fff !important;
  font-size: 16px !important;
}

.right-menu>li>a:hover,
.right-menu>li>a:focus {
  color: #fff !important;
  background-color: transparent;
}

.padd_zero {
  padding: 0px !important;
}

.logo {
  padding: 5px 10px;
  display: inline-block;
}

.option-page img {
  float: none !important;
}

.option-page h1 {
  margin-top: -10px !important;
  line-height: 0 !important;
}

.option_div {
  margin: 30px auto;
}

.round-header {
  background: #E5A173;
  padding: 8px;
  color: #fff;
}

.round-close {
  color: #fff;
  margin-top: 5px;
}

.round-close:hover {
  color: #fff;
}

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

.round-footer {
  padding: 8px;
}

.add-feild {
  font-size: 25px;
  float: right;
  margin-top: -23px;
  color: green;
}

.remove-feild {
  font-size: 25px;
  float: right;
  margin-top: 23px;
  color: red;
}

/* .source-candidate {
	float: left;
	margin: 0px 10px;
}

.candidate-name {
	font-size: 14px;
	line-height: 39px;
	font-weight: bold;
}

.source-check {
	top: 30px;
} */
.panel-heading {
  padding: 1px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.cal-candidate-name{
  color: #21bcb0;
  text-decoration: underline;
}
.cal-candidate-name:hover{
  color: #fff;
  text-decoration: underline;
}

.panel-heading>.dropdown .dropdown-toggle {
  color: inherit;
}

.panel-info>.panel-heading {
  color: #fff;
  background-color: #35373b;
  border-color: #35373b;
  padding: 3px;
  width: 23.5%;
  position: absolute;
}

.source_count {
  font-size: 14px;
  color: #29bbb0;
  font-weight: normal;
  line-height: 2.9;
}

.source_icon {
  background-color: #DF5F7D;
  color: #433642 !important;
}

.panel-title a {
  color: #433642 !important;
}

.notice-period {
  color: #B6B6B6;
  font-style: italic;
  font-size: 12px;
}

.column .dragbox .mask {
  opacity: 0;
  overflow: visible;
  border: 0px solid rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: absolute;
  z-index: 0;
  margin-top: -51px;
  width: 100%;
  height: 0px;
  border-radius: 4px;
  cursor: move;
}

.column .dragbox a.info {
  position: relative;
  top: -10px;
  /* Center the link */
  opacity: 0;
  -webkit-transition: opacity 0.5s 0s ease-in-out;
  transition: opacity 0.5s 0s ease-in-out;
}

.column .dragbox:hover .mask,
.column .dragbox .mask-selected {
  opacity: 1;
  border: 0px solid rgba(0, 0, 0, 0.7);
  z-index: 9;
}

.column .dragbox:hover a.info {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.round_list ul[dnd-list],
.round_list ul[dnd-list]>li {
  position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.round_list ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.round_list ul[dnd-list] .dndDraggingSource {
  display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.round_list ul[dnd-list] .dndPlaceholder {
  display: block;
  background-color: #ddd;
  padding: 10px 15px;
  min-height: 42px;
  border: 1px dotted #222;
}

ul[dnd-list] .next-rounds {
  display: block;
  background-color: #ccc;
  padding: 10px 15px;
  min-height: 142px;
  border: 1px dotted #222;
}

li {
  list-style: none;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.round_list ul[dnd-list] li {
  background-color: #fff;
  border: 0px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  margin-bottom: 5px;
  /* Disable text selection if item is not draggable */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.round_list ul[dnd-list] li dnd-nodrag {
  display: block;
}

/**
 * Handle positioning
 */
.round_list .handle {
  cursor: move;
  position: absolute;
  top: 13px;
  left: 20px;
}

.round_list .name {
  margin-left: 20px;
}

.delete_round {
  float: right;
  margin-top: 11px;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: -79px;
  left: 5px;
  height: 42px;
  width: 42px;
  background: rgba(136, 136, 136, 0.63);
  border-radius: 50%;
  cursor: pointer;
}

.control--radio .control__indicator {
  border-radius: 50%;
}

.control:hover input~.control__indicator,
.control input:focus~.control__indicator {
  background: rgba(136, 136, 136, 0.63);
}

.control input:checked~.control__indicator {
  background: #29bbb0;
}

.control:hover input:not([disabled]):checked~.control__indicator,
.control input:checked:focus~.control__indicator {
  background: #29bbb0;
}

.control input:disabled~.control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}

.control input:checked~.control__indicator:after {
  display: block;
}

/* .control--checkbox .control__indicator:after {
	left: 16px;
	top: 12px;
	width: 7px;
	height: 13px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
} */
.control--checkbox input:disabled~.control__indicator:after {
  border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}

.control--radio input:disabled~.control__indicator:after {
  background: #7b7b7b;
}

.menu-icon a {
  float: right;
  margin-top: -115px;
  margin-right: -86px;
  color: #fff;
  font-size: 18px;
}

.ico-menu {
  float: right;
  margin-top: -89px;
  margin-right: -59px;
  font-size: 19px;
  color: #fff;
}

.ico-menu:hover {
  color: #fff;
}

.mail-icon a {
  font-size: 20px;
  color: #fff;
}

.board-bottom-slider {
  background: #35373b;
  height: 40px !important;
}

.bottom-modal li {
  list-style: none;
  display: inline-block;
  margin: 0px 10px;
  text-align: center;
  font-size: 20px;
  margin-top: -22px;
}

.bottom-popup {
  width: 96%;
  margin: 0px auto;
}

.card-selection {
  font-size: 13px;
  float: left;
  margin-top: -20px;
  color: #ccc;
  border-right: 1px solid #ccc;
  height: 40px;
}

.card-selection p {
  margin-bottom: 0;
  margin-top: 13px;
  margin-right: 38px;
  font-size: 15px;
}

.numberCircle {
  display: inline-block;
  line-height: 0px;
  border-radius: 50%;
  border: 2px solid green;
  background: green;
  font-size: 15px;
  color: #fff;
}

.numberCircle span {
  display: inline-block;
  padding-top: 50%;
  padding-bottom: 50%;
  margin-left: 8px;
  margin-right: 8px;
}

.md-dialog-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999 !important;
  overflow: hidden;
}

.crumb h3 {
  margin: 0px;
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
  text-transform: capitalize;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.right-menu .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 195px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-bottom-color: #fff;
  content: '';
}

.right-menu .dropdown-menu:after {
  position: absolute;
  top: -8px;
  left: 167px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.top_bar.right-menu .dropdown-menu:after {
  position: absolute;
  top: -8px;
  left: 188px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #fff;
  border-left: 6px solid transparent;
  content: '';
  display: none;
}

.top_bar .dropdown-menu {
  width: 210px;
  right: 15px;
  top: 58px;
}

.top_bar.right-menu .dropdown-menu {
  margin-top: 0px;
  padding: 0;
  border: 0px solid #222;
}

.pac-container:after {
  background-image: none !important;
  height: 0px;
}

.false {
  font-size: 22px;
  color: #ccc;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
  width: auto;
}

.vertical-text {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  /* transform-origin: right top 0; */
  position: relative;
  left: 133px;
  margin-top: 0px;
  /* background: red; */
  display: block;
  /* width: 22%; */
  font-size: 11px;
  color: #fff;
}

.disabled {
  pointer-events: none;
  cursor: default;
}

.disabled-link {
  pointer-events: none;
  cursor: auto;
  color: #222;
}

.disabled a {
  color: #ccc;
  pointer-events: none;
}

.colorChange {
  color: #222 !important;
}

.mail-icon li {
  display: inline;
  float: left;
  margin: 0px 8px;
}

.mail-icon {
  width: 209px;
  position: absolute;
  left: -17px;
  top: -55px;
  bottom: 0;
}

.home-normal {
  display: none;
}

.one {
  display: none;
}

.onein {
  display: block;
}

.candidate-normal {
  display: none;
}

.can {
  display: none;
}

.canre {
  display: block;
}

.position-normal {
  display: none;
}

.pos {
  display: block;
}

.posi {
  display: none;
}

.candidatelist-normal {
  display: none;
}

.canlist {
  display: block;
}

.canlistact {
  display: none;
}

.calendar-normal {
  display: none;
}

.calen {
  display: block;
}

.calend {
  display: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 110px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 0px 10px;
  text-decoration: none;
  display: block;
  font-size: 12px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #f1f1f1;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.login label {
  color: #fff;
}

.login input {
  color: #222;
}

.wrap {
  /* white-space: pre-wrap; */
  white-space: normal;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-left: 12px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  border-radius: 6px 0 6px 6px;
}

.modal-content {
  border-radius: 0px;
  overflow: visible;
}

.form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.form-control:focus {
  border-color: #0ac2ff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.control-label {
  color: #444;
  font-size: 12px;
}

textarea.form-control {
  height: auto;
  border-radius: 0px;
}

.intl-tel-input {
  position: relative;
  display: inline-block;
  width: 100%;
}

.skip-button {
  padding: 13px 48px;
  background-color: #433642 !important;
  border: 1px solid #433642 !important;
  font-size: 16px;
  text-align: center;
}

.skip-cancel {
  padding: 13px 48px;
  background-color: #fff !important;
  border: 1px solid red !important;
  font-size: 16px;
  text-align: center;
  color: #222 !important;
}

.input-group-addon {
  padding: 4px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0px;
}

.checkbox label:after,
.radio label:after {
  content: '';
  display: table;
  clear: both;
}

.checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.radio .cr {
  border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 20%;
}

.radio .cr .cr-icon {
  margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
  -webkit-transform: scale(3) rotateZ(-20deg);
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  -webkit-transition: all .0s ease-in;
  transition: all .0s ease-in;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
  -webkit-transform: scale(1) rotateZ(0deg);
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
  opacity: .5;
}

.set-time .form-control {
  padding: 0px !important;
}

.input-feild input {
  width: 137px;
}

.set-time input {
  height: 32px;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 45px !important;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .arrow {
  position: relative;
  top: 50%;
  margin-top: -2px;
  left: 26px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.intl-tel-input .country-list {
  position: absolute !important;
  z-index: 99999 !important;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 183px;
  overflow-y: scroll;
}

.left-mobile input {
  border: 0px solid #222;
  background: transparent;
  width: 222px;
}

.left-mobile .arrow {
  display: none;
}

.error-numer-message {
  color: red;
  font-weight: bold;
  text-align: right;
}

.success-numer-message {
  color: green;
  font-weight: bold;
}

.autoadd .height_div {
  height: 30px;
  background: #F5F5F5;
}

.autoadd .col-md-offset-1 {
  margin-left: -2%;
}

.autoadd , .externalcandidateform{
  /* overflow: hidden; */
  max-height: calc(100vh - 125px);
  overflow-y: auto;
}

.profile_img img {
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.profile_info {
  text-align: center;
}

.profile_info label {
  float: left;
}

.user_pfrofile_wrapper {
  width: 100%;
  margin: 0px auto;
}

.password_update {
  position: absolute;
  right: 0;
  color: #222;
  right: 10%;
  top: 30%;
}

.chosen-container {
  display: inline-block;
  font-size: 14px;
  position: relative;
  vertical-align: middle;
  width: 100% !important;
  border-radius: 0 !important;
  text-align: left;
}

.chosen-container-single .chosen-single div b {
  background: url(../images/select2.png) no-repeat 0 4px;
  display: block;
  height: 100%;
  width: 100%;
}

.switchBox .entBox {
  overflow: auto;
  height: 8em;
  width: 190px;
  border: 1px solid black;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.switchBox .entBox div:hover {
  background-color: #908f8f;
}

.switchBox .eBox2.entBox {
  background-color: #ccc9c9;
}

.dashboard_notice {
  border-bottom: 1px solid #ccc;
}

.dashboard_notice:last-child {
  border-bottom: none;
}

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

.candidate-details li {
  position: relative;
  margin: 26px 7px !important;
}

.href-calendar {
  cursor: pointer;
}

.href-calendar:hover {
  -webkit-box-shadow: inset 0 0 5px #000000;
  box-shadow: inset 0 0 5px #000000;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.round-name-id h4 {
  text-align: center;
  margin-top: 3px;
  postion: absolute;
  font-size: 15px;
  font-weight: bold;
}

.points_value img {
  margin-top: 6px;
}

.feedback-count {
  position: absolute;
  right: 0;
  top: 104px;
  cursor: pointer;
}

.box-board {
  float: left;
  width: 200px;
  height: 100px;
  margin: 1em;
}

.after-box-board {
  clear: left;
}

.shedule-count {
  position: absolute;
  left: 0;
  top: 109px;
  border-right: 1px solid #ccc;
  cursor: pointer;
}

.shedule-count img {
  float: left;
}

.shedule-count span {
  padding: 0;
  margin-right: 4px;
  font-size: 15px;
  color: #aaa;
}

.feedback-count img {
  margin-top: 0;
}

.feedback-count li {
  list-style: none;
  display: inline-block;
  margin: 5px 5px;
  color: #222;
}

.feedback-up {
  color: #d1d2d6;
}

.feedback-down {
  color: #d1d2d6;
}

._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-years-pagination-pages,
.datepicker,
[datepicker],
datepicker {
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 13.5px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: right;
  position: relative;
  z-index: 1;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #E5A173;
  border-color: #E5A173;
}

.inter-panel {
  margin: 0 20px;
}

.vAccordion--default v-pane-header {
  padding: 5px 0;
  margin-bottom: 0px;
  border-bottom: 0px solid #D8D8D8;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  font-size: 13px;
  font-weight: 600;
}

.vAccordion--default v-pane-header:hover,
.vAccordion--default v-pane-header:focus {
  color: #222;
}

.vAccordion--default v-pane-header::after,
.vAccordion--default v-pane-header::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 1px;
  background-color: #29bbb0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  will-change: transform;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

#int_add {
  margin-left: 3px;
  background-color: #29bbb0;
  color: #fff;
  padding: 8px 26px;
  text-decoration: none;
  font-size: 12px;
  border: none;
  border-radius: 4px;
  margin-bottom: 10px;
}

#int_cancel {
  margin-left: 3px;
  background-color: transparent;
  color: #222;
  padding: 7px 10px;
  text-decoration: none;
  font-size: 12px;
  border: none;
  border-radius: 4px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

.input-group .form-control {
  position: relative;
  z-index: 0;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.logo_text {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 11px;
}

.logo_text:hover {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 11px;
  text-decoration: none;
}

.reshedulename {
  font-size: 15px !important;
  margin-top: 12px !important;
}

.resheduleemail {
  font-size: 12px !important;
}

.resheduleclient {
  font-size: 15px !important;
  font-style: normal !important;
  margin: 0px 0px 0 48px !important;
}

@media (min-width: 768px) {
  .modal-sm {
    width: 420px;
  }
}

/* search */
.container-2 {
  width: 100%;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}

.container-2 input {
  width: 92%;
  margin-left: 10px;
  margin-top: 13px;
  padding: 5px;
  border: 1px solid #ccc;
}

.container-2 .icon {
  position: absolute;
  top: 46%;
  margin-top: 0px;
  right: 35px;
  z-index: 1;
  color: #4f5b66;
  -webkit-transition: all .55s ease;
  transition: all .55s ease;
}

.container-2 hr {
  margin-top: 0px;
}

a {
  cursor: pointer;
  color: #29bbb0;
  font-weight: 500;
}

/* a:hover {
	color: #29bbb0;
	text-decoration: none;
} */
.stat {
  position: absolute;
  top: 59px;
  right: 0;
}

.stat select {
  border: 0px solid;
  font-size: 10px;
  color: #fff;
  padding: 2px;
}

.NotInterested select {
  background: lightsalmon;
}

.vendor-stat {
  position: absolute;
  top: 59px;
  right: 5px;
}

.vendor-stat select {
  border: 0px solid;
  font-size: 10px;
  color: #fff;
  padding: 2px;
  line-height: 10px;
}

.vendor-cand-stat select {
  /*to remove dropdown symbol in select option for firefox*/
  -moz-appearance: none;
  /*to remove dropdown symbol in select option for chrome*/
  -webkit-appearance: none;
}

.YetToProcess select {
  background: orange;
}

.InProgress select {
  background: #3bc3b9;
}

.Rejected select {
  background: #da6776;
}

.Approved select {
  background: #8491d3;
}

.OnHold select {
  background: #d1d2d6;
}

.Joined select {
  background: lightslategrey;
}

.Offered select {
  background: #73678c;
}

.OfferAccepted select {
  background: #c38d3b;
}

.OfferDeclined select {
  background: #a58883;
}

select option {
  background: #fff;
  color: #222;
  border-color: 0px solid #222;
}

.modal-header h4 {
  font-size: 14px;
  text-transform: uppercase;
}

#add_round {
  margin-top: 25px;
  border-radius: 4px;
  font-size: 12px;
  background: #fff;
  border: 1px solid #ccc !important;
}

.addround_board input[type="text"] {
  height: 30px;
  border: 1px solid #ccc !important;
  margin: 10px 0px;
  margin-bottom: -7px;
}

.mdl-button--raised.mdl-button--colored:hover {
  background-color: #29bbb0 !important;
}

.drag_hover .delete_round {
  display: none;
}

.drag_hover:hover .delete_round {
  display: block;
}

.drag_hover:hover {
  background: rgba(204, 204, 204, 0.29);
}

.source_candidate_add .mask {
  opacity: 0;
  overflow: visible;
  border: 0px solid rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: absolute;
  z-index: 0;
  margin-top: -51px;
  width: 100%;
  height: 0px;
  border-radius: 4px;
}

.source_candidate_add {
  position: relative;
  top: -10px;
  /* Center the link */
  -webkit-transition: opacity 0.5s 0s ease-in-out;
  transition: opacity 0.5s 0s ease-in-out;
}

.source_candidate_add:hover .mask,
.source_candidate_add .mask-selected {
  opacity: 1;
  border: 0px solid rgba(0, 0, 0, 0.7);
  z-index: 9;
}

.source_candidate_add .candidate-on-source:hover {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.source_candidate_add .control__indicator {
  position: absolute;
  top: -9px;
  left: 9px;
  height: 42px;
  width: 42px;
  background: rgba(136, 136, 136, 0.63);
  border-radius: 50%;
  cursor: pointer;
}

.selectpicker {
  margin-left: 27px;
  margin-right: 20px;
  margin-top: 10px;
  background: transparent;
  border: 0px solid;
  padding: 5px;
}

.apply_status {
  margin-right: 25px;
  background: #313336;
  border: 0;
  font-size: 13px;
  padding: 6px;
  text-transform: uppercase;
}

.card-selection i {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 16px;
}

.card-selection img {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 11px;
  width: 16px;
}

.mdl-button--raised.mdl-button--colored:hover {
  background-color: #29bbb0 !important;
}

.homelink:hover {
  color: #fff;
}

.text-editor .btn-default {
  background-color: #fff;
  border: 1px solid #ccc !important;
  padding: 4px 9px;
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
  z-index: 0;
}

._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #29bbb0;
}

.input-group-field {
  display: table-cell;
  vertical-align: middle;
  border-radius: 4px;
}

.text-edit-board .btn {
  padding: 2px 5px;
}

.ta-scroll-window>.ta-bind {
  height: auto;
  min-height: 300px;
  padding: 6px 12px;
  height: 300px;
}

.add_inter a {
  width: 100%;
  display: block;
  margin-left: 17px;
  color: #222;
  font-weight: bold;
}

#btn_cancel {
  background: #fff;
  border: 1px solid #ccc;
}

.external_candidate:hover .hover {
  display: block !important;
  cursor: pointer;
  background-color: #edeaed;
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 83px;
  padding: 5px 5px 0px 20px;
}

.external_info a {
  text-decoration: none;
  background: #29bbb0;
  color: #fff;
  padding: 5px;
}

.signup_next[disabled][disabled],
.signup_next.signup_next--disabled.signup_next--disabled {
  color: rgba(0, 0, 0, 0.26);
  cursor: default;
  background-color: #29bbb0;
}

.search-icon {
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -10px;
}

.inter-panel .tagDiv {
  margin-left: 15px;
  background: #ccc;
  padding: 5px;
  border-radius: 4px;
}

.r-p-c {
  background-color: #EBEBEB;
  width: 100%;
  padding: 10px;
  top: 0;
}

.r-p-c>div.pbl-apply {
  margin: 20px;
}

.pos-form select {
  width: 89%;
  float: left;
}

.pos-form input {
  /* width: 89%; */
  width:calc(100% - 40px);
  float: left;
}

.pos-form label {
  width: 100%;
}

.pos-form a {
  line-height: 3;
  margin-left: 7px;
}

img.clip-text {
  height: 18px;
  width: 18px;
  display: inline;
}

.btn-clip {
  position: absolute;
  top: 94px;
  left: 293px;
  padding: 7px;
}

.onboard {
  font-size: 12px;
  color: #878b94;
  margin-left: -10px;
}

/*new login signup*/
.splash-container.sign-up .panel .panel-heading {
  margin-bottom: 0;
}

.splash-container .panel .panel-heading {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 0;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: transparent;
  border-color: #ddd;
}

.be-wrapper .panel-heading {
  font-size: 18px;
  font-weight: 400;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
  margin: 0 20px;
  border-bottom-width: 0;
  border-radius: 3px 3px 0 0;
}

.be-wrapper .panel-heading {
  padding: 20px 20px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.splash-description {
  text-align: center;
  display: block;
  line-height: 20px;
  font-size: 13px;
  color: #5a5a5a;
  margin-top: -40px;
  padding-bottom: 10px;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*Inherited from div.panel-heading*/
.splash-container .panel .panel-heading {
  text-align: center;
}

.splash-container .panel {
  margin-bottom: 16px;
}

.panel {
  background-color: #fff;
  margin-bottom: 25px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.45);
  border-width: 0;
  border-radius: 4px;
}

.detai-feedback .panel {
  background-color: #fff;
  margin-bottom: 25px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.97);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.97);
  border-width: 0;
  border-radius: 4px;
}

.panel-default {
  border-color: #ddd;
}

.panel {
  border: 0px solid transparent;
}

.splash-container.sign-up {
  max-width: 433px;
  margin: 10px auto;
}

.splash-container {
  max-width: 401px;
  margin: 50px auto;
}

.splash-container .panel .panel-body {
  padding: 20px 30px 15px;
}

.panel-body {
  border-radius: 0 0 3px 3px;
}

.xs-pb-20 {
  padding-bottom: 20px !important;
}

.splash-title {
  text-align: center;
  display: block;
  font-size: 17px;
  font-weight: 400;
}

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

.form-group {
  margin-bottom: 20px;
}

.btn-xl {
  line-height: 43px;
}

.btn-group-lg>.btn,
.btn-lg,
.btn-xl {
  padding: 0 12px;
  font-size: 15px;
  border-radius: 0px;
  font-weight: 500;
}

.btn-primary {
  color: #fff;
  background-color: #4285f4;
  border-color: #4285f4;
}

.xs-pb-15 {
  padding-bottom: 15px !important;
}

.btn-color.btn-facebook {
  color: #fff;
  background-color: #5d82d1;
  border-color: #5d82d1;
}

.btn-social {
  min-width: 31px;
  padding: 0 8px;
}

.mdi-facebook:before {
  content: '\f343';
}

.btn-color.btn-google-plus {
  color: #fff;
  background-color: #eb5e4c;
  border-color: #eb5e4c;
}

.btn-social {
  min-width: 31px;
  padding: 0 8px;
}

.mdi-google-plus:before {
  content: '\f34d';
}

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

.splash-container .panel .panel-body .be-checkbox {
  display: inline-block;
  padding: 0;
}

.be-checkbox,
.be-radio {
  display: block;
  line-height: 22px;
  margin: 0;
  padding: 7px 0;
}

.panel-border-color {
  border-top: 3px solid #29bbb0;
}

.splash-footer {
  text-align: center;
  font-size: 13px;
  margin-top: 10px;
}

.btn-primary:hover {
  color: #fff;
  border-color: #29bbb0;
}

.btn-primary:focus {
  border-color: transparent !important;
}

.form-control:focus {
  border-color: #29bbb0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ng-touched {
  font-weight: normal;
}

.err_tip {
  position: absolute;
  bottom: auto !important;
  width: 200px;
  background-color: #de7f78 !important;
  color: white;
  padding: 5px !important;
  border-radius: 0px !important;
  -webkit-box-shadow: 3px 3px 10px #888888;
  box-shadow: 3px 3px 10px #888888;
  margin: 0px;
  text-align: center;
  border: 0px solid #000000 !important;
  z-index: 1;
  left: 50%;
  right: 0;
  top: 34% !important;
}

.err_tip:before {
  border-color: transparent;
  border-top-color: transparent !important;
  border-width: 13px;
  margin-left: -13px;
}

.err_tip:after,
.err_tip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.err_tip:after {
  border-color: rgba(218, 54, 42, 0);
  border-top-color: #de7f78 !important;
  border-width: 10px;
  margin-left: -10px;
}

/* .calender-btn {
	background: #ccc !important;
	color: #333 !important;
}

.calendar_active .active {
	background: #29bbb0 !important;
	color: #fff !important;
}
 */
/* .btn {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 0px solid transparent;
}

.calendar_active .btn-default {
	background: #29bbb0 !important;
	color: #fff !important;
} */
.plus-interview {
  position: absolute;
  right: 4%;
  font-size: 20px;
  color: #29bbb0;
}

.loading-btn {
  pointer-events: none;
}

.hr_dashboard img {
  float: left;
}

.vendor_content {
  margin-top: 85px;
}

/*seach n board rounds*/
.search-board input[type="text"] {
  text-indent: 1px;
  padding: 0 0 0 2px;
  width: 0;
  height: 22px;
  width: 22px;
  background: url(../images/search.png) no-repeat;
  color: #222;
  line-height: 20px;
  -webkit-text-shadow: 1px 1px 1pxrgba 0, 0, 0, 0.05;
  text-shadow: 1px 1px 1pxrgba 0, 0, 0, 0.05;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.125);
  cursor: pointer;
  border: 0px;
  position: relative;
}

.search-board input[type="text"]:focus {
  width: 384px;
  outline: none;
  background: url(../images/search.png) no-repeat;
  -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.125);
  cursor: text;
  -webkit-transition: width 0.5s ease-in-out;
  background: transparent;
  position: absolute;
  right: 0;
  border-bottom: 1px solid #888;
  top: 10px;
  height: 30px;
}

.board_count li {
  display: inline-block;
  text-align: center;
  border-right: 1px solid #ccc;
  height: 20px;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 9px;
  font-size: 10px;
  margin-top: 5px;
}

.board_count li:last-child {
  border-right: 0px solid #ccc;
}

.status-text [ng-click] {
  cursor: default;
}

.horizon hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1px 0;
  padding: 0;
}

.can-avatar img {
  float: left;
  margin: 0px 10px 15px 0px;
}

.can-avatar h6 {
  margin: 10px;
  margin-bottom: 0px;
  color: #29bbb0;
  font-size: 13px;
}

.can-avatar p {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 13px;
}

.can-info p {
  margin-bottom: 0;
  line-height: 18px;
}

.cand_social_icon li {
  list-style: none;
  display: inline-block;
  margin-left: 5px;
}

.skill-tag li {
  list-style: none;
  display: inline-block;
}

.skill-tag span {
  background-color: #ebebeb;
  padding: 0px 5px;
  border-radius: 4px;
  color: #696565;
  text-decoration: none;
  margin: 6px 4px 0px 0px;
  float: left;
  font-size: 9px;
  text-transform: capitalize;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 15px;
}

.prodesign {
  width: 100%;
}

.activity {
  width: 97%;
  margin: auto;
}

.activity-icon {
  border: 1px solid #b8bbc1;
  padding: 7px;
  border-radius: 50%;
  float: left;
  margin-right: 20px;
}

.activity p {
  margin-bottom: 0px;
}

.maincontainer-act {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.candidate-info li {
  list-style: none;
  display: inline-block;
  border-right: 1px solid #ccc;
  padding-right: 10px;
  padding-left: 10px;
  height: 35px;
}

.candidate-info li:first-child {
  padding-left: 0px;
}

.candidate-info li:last-child {
  border-right: 0px;
}

/* task page css*/
#new_submit {
  margin-left: 3px;
  background-color: #29bbb0;
  padding: 10px 100px;
  text-decoration: none;
  font-size: 12px;
  border: none;
  float: left;
  margin-left: -28px;
}

.mail-box {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  min-height: 300px;
}

.mail-box aside {
  display: table-cell;
  float: none;
  height: 100%;
  padding: 0;
  vertical-align: top;
}

.mail-box .sm-side {
  background: none repeat scroll 0 0 #e5e8ef;
  border-radius: 4px 0 0 4px;
  width: 25%;
}

.mail-box .lg-side {
  background: none repeat scroll 0 0 #fff;
  border-radius: 0 4px 4px 0;
  width: 75%;
}

.mail-box .sm-side .user-head {
  background: none repeat scroll 0 0 #00a8b3;
  border-radius: 4px 0 0;
  color: #fff;
  min-height: 80px;
  padding: 10px;
}

.user-head .inbox-avatar {
  float: left;
  width: 65px;
}

.user-head .inbox-avatar img {
  border-radius: 4px;
}

.user-head .user-name {
  display: inline-block;
  margin: 0 0 0 10px;
}

.user-head .user-name h5 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 15px;
}

.user-head .user-name h5 a {
  color: #fff;
}

.user-head .user-name span a {
  color: #87e2e7;
  font-size: 12px;
}

a.mail-dropdown {
  background: none repeat scroll 0 0 #80d3d9;
  border-radius: 2px;
  color: #01a7b3;
  font-size: 10px;
  margin-top: 20px;
  padding: 3px 5px;
}

.inbox-body {
  padding: 20px;
}

.btn-compose {
  background: none repeat scroll 0 0 #ff6c60;
  color: #fff;
  padding: 12px 0;
  text-align: center;
  width: 100%;
}

.btn-compose:hover {
  background: none repeat scroll 0 0 #f5675c;
  color: #fff;
}

ul.inbox-nav {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.inbox-divider {
  border-bottom: 1px solid #d5d8df;
}

ul.inbox-nav li {
  display: inline-block;
  line-height: 45px;
  width: 100%;
}

ul.label-task li {
  display: inline-block;
  line-height: 45px;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

ul.inbox-nav li a {
  color: #6a6a6a;
  display: inline-block;
  line-height: 47px;
  padding: 0 20px;
  width: 100%;
}

ul.inbox-nav li a:hover,
ul.inbox-nav li.active a,
ul.inbox-nav li a:focus {
  background: none repeat scroll 0 0 #29bbb0;
  color: #fff;
}

ul.inbox-nav li a i {
  color: #6a6a6a;
  font-size: 16px;
  padding-right: 10px;
}

ul.inbox-nav li a span.label {
  margin-top: 13px;
}

ul.labels-info li h4 {
  color: #5c5c5e;
  font-size: 13px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  text-transform: uppercase;
}

ul.labels-info li {
  margin: 0;
}

ul.labels-info li a {
  border-radius: 0;
  color: #6a6a6a;
}

ul.labels-info li a:hover,
ul.labels-info li a:focus {
  background: none repeat scroll 0 0 #d5d7de;
  color: #6a6a6a;
}

ul.labels-info li a i {
  padding-right: 10px;
}

.nav.nav-pills.nav-stacked.labels-info p {
  color: #9d9f9e;
  font-size: 11px;
  margin-bottom: 0;
  padding: 0 22px;
}

.inbox-head {
  background: none repeat scroll 0 0 #41cac0;
  border-radius: 0 4px 0 0;
  color: #fff;
  min-height: 80px;
  padding: 10px;
}

.inbox-head h4 {
  display: inline-block;
  font-weight: 400;
  margin: 0;
  margin-left: -130px;
}

.inbox-head p {
  display: inline-block;
  font-weight: 400;
  margin: 0;
  float: left;
  padding-top: 43px;
  padding-left: 7px;
}

.inbox-head .sr-input {
  border: medium none;
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #8a8a8a;
  float: left;
  height: 40px;
  padding: 0 10px;
}

div.srch-grp {
  /*position: relative;*/
  display: table;
  text-align: center;
  bottom: 0;
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #8a8a8a;
  float: left;
  height: 40px;
  /*padding: 0 10px;*/
}

.inbox-head .sr-btn {
  background: none repeat scroll 0 0 #00a6b2;
  border: medium none;
  border-radius: 0 4px 4px 0;
  color: #fff;
  height: 40px;
  padding: 0 20px;
}

.table-inbox {
  border: 1px solid #d3d3d3;
  margin-bottom: 0;
}

.table-inbox tr td {
  padding: 12px !important;
}

.table-inbox tr td:hover {
  cursor: pointer;
}

.table-inbox tr td .fa-star.inbox-started,
.table-inbox tr td .fa-star:hover {
  color: #f78a09;
}

.table-inbox tr td .fa-star {
  color: #d5d5d5;
}

.table-inbox tr.unread td {
  background: none repeat scroll 0 0 #f7f7f7;
  font-weight: 600;
}

ul.inbox-pagination {
  float: right;
}

ul.inbox-pagination li {
  float: left;
}

.mail-option {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.mail-option .chk-all,
.mail-option .btn-group {
  margin-right: 5px;
}

.mail-option .chk-all,
.mail-option .btn-group a.btn {
  background: none repeat scroll 0 0 #fcfcfc;
  border: 1px solid #e7e7e7;
  border-radius: 3px !important;
  color: #afafaf;
  display: inline-block;
  padding: 5px 10px;
}

.inbox-pagination a.np-btn {
  background: none repeat scroll 0 0 #fcfcfc;
  border: 1px solid #e7e7e7;
  border-radius: 3px !important;
  color: #afafaf;
  display: inline-block;
  padding: 5px 15px;
}

.mail-option .chk-all input[type="checkbox"] {
  margin-top: 0;
}

.mail-option .btn-group a.all {
  border: medium none;
  padding: 0;
}

.inbox-pagination a.np-btn {
  margin-left: 5px;
}

.inbox-pagination li span {
  display: inline-block;
  margin-right: 5px;
  margin-top: 7px;
}

.fileinput-button {
  background: none repeat scroll 0 0 #eeeeee;
  border: 1px solid #e6e6e6;
}

.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#loading-bar-spinner {
  top: 3%;
  left: 50%;
}

#loading-bar .bar {
  background: #29bbb0;
  height: 2px;
}

#loading-bar-spinner .spinner-icon {
  width: 22px;
  height: 22px;
  border: solid 2px transparent;
  border-top-color: #29bbb0;
  border-left-color: #29bbb0;
  border-radius: 10px;
}

.btn-send,
.btn-send:hover {
  background: none repeat scroll 0 0 #00a8b3;
  color: #fff;
}

.btn-send:hover {
  background: none repeat scroll 0 0 #009da7;
}

.heading-inbox h4 {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 18px;
  margin-top: 20px;
  padding-bottom: 10px;
}

.sender-info {
  margin-bottom: 20px;
}

.sender-info img {
  height: 30px;
  width: 30px;
}

.sender-dropdown {
  background: none repeat scroll 0 0 #eaeaea;
  color: #777;
  font-size: 10px;
  padding: 0 3px;
}

.view-mail a {
  color: #ff6c60;
}

.attachment-mail {
  margin-top: 30px;
}

.attachment-mail ul {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}

.attachment-mail ul li {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 150px;
}

.attachment-mail ul li img {
  width: 100%;
}

.attachment-mail ul li span {
  float: right;
}

.attachment-mail .file-name {
  float: left;
}

.attachment-mail .links {
  display: inline-block;
  width: 100%;
}

.fileinput-button {
  float: left;
  margin-right: 4px;
  overflow: hidden;
  position: relative;
}

.fileinput-button input {
  cursor: pointer;
  direction: ltr;
  font-size: 23px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(-300px, 0px) scale(4);
  transform: translate(-300px, 0px) scale(4);
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}

.files .progress {
  width: 200px;
}

.fileupload-processing .fileupload-loading {
  display: block;
}

* html .fileinput-button {
  line-height: 24px;
  margin: 1px -3px 0 0;
}

*+html .fileinput-button {
  margin: 1px 0 0;
  padding: 2px 15px;
}

@media (max-width: 767px) {
  .files .btn span {
    display: none;
  }

  .files .preview * {
    width: 40px;
  }

  .files .name * {
    display: inline-block;
    width: 80px;
    word-wrap: break-word;
  }

  .files .progress {
    width: 20px;
  }

  .files .delete {
    width: 60px;
  }
}

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

edit_hover_class a {
  visibility: hidden;
}

edit_hover_class:hover a {
  visibility: visible;
}

div.bootstrap-datetimepicker-widget {
  z-index: 10000px !important;
  position: fixed;
}

alter {
  padding: 21px 160px;
  margin-left: 19px;
}

.large-Modal .modal-dialog {
  width: 50%;
}

.my-Modal .modal-dialog {
  width: 50%;
  height: 100%;
}

@media (min-width: 768px) {
  .modal-md {
    width: 640px;
    margin: 30px auto;
  }
}

/* .text-header-value .btn-task-hover {
	position: relative !important;
	float: right;
	margin-top: -57px;
	display: block;
	padding: 10px;
}

.text-header-value .btn-task-hover a {
	padding: 0;
} */
ul.label-task li a {
  padding: 0 10px;
}

.mini:hover,
.mini:focus {
  background: transparent !important;
}

ul.inbox-nav li.active a i {
  color: white;
  background: none 0px 0px repeat scroll #29bbb0;
}

ul.inbox-nav li.active a i:hover {
  color: white;
  background: none 0px 0px repeat scroll #29bbb0;
}

.picker {
  z-index: 1151 !important;
}

div.bottom-row span.collapse {
  padding-left: 0;
}

.small-Modal .modal-dialog {
  width: 350px;
}

#new_submitbut {
  margin-left: 18px;
  background-color: #29bbb0;
  padding: 10px 112px;
  text-decoration: none;
  font-size: 12px;
  border: none;
}

.newrow {
  margin-left: 34px;
}

.link-cursor {
  background: none;
  color: #21BCB0;
  font-weight: bold;
}

.link-cursor:hover {
  color: #199187;
}

.srch-btn {
  background-color: #4DB6AC;
  /*position: absolute;*/
  bottom: 0;
  display: table-cell;
  vertical-align: bottom;
  padding: 10px 65px;
  color: #fff;
  border-radius: 0px;
  margin-left: 15px;
}

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

.srch-btn-cls {
  bottom: 0;
  display: table-cell;
  vertical-align: bottom;
  padding-top: 10px 0 10px 20px;
  color: #4DB6AC;
  border-radius: 0px;
  margin-left: 35px;
  margin-top: 10px;
}

.srch-block {
  background: url(../images/border-rt.png) 100% 48% no-repeat;
  background-position: 100% 0;
}

.bottom-row p {
  margin-bottom: 0;
  margin-top: 10px;
}

.bottom-row h3 {
  margin-bottom: 0;
  margin-top: 8px;
}

.srch-btn-content,
.bottom-row {
  margin-bottom: 0;
  /*margin-top: 20px;*/
}

.srch-block-last {
  background: none !important;
}

.srch-block span.title {
  padding: 5px 10px;
}

.srch-block span.title-accordian {
  padding: 5px 10px;
}

.srch-block ul.tags {
  margin: 10px 15px 0 0;
}

/*div.srch-tags > p.tags, span.collapse {
		margin: 0 !important; 
}*/
div.srch-tags>p.tags {
  padding-left: 0px;
  margin-top: 30px;
}

.srch-collapsible,
span.collapse #collapseLink {
  display: none;
}

.srch-collapsible-last {
  padding-top: 20px;
}

div.filter_row div.srch-collapsible {
  padding-top: 20px;
}

ul.adv-search-nav-tabs .srch-btn-content {
  margin-top: 0 !important;
}

ul.adv-search-nav-tabs .srch-btn-content .srch-btn {
  margin-right: 10px;
}

ul.adv-search-nav-tabs li {
  padding: 5px 12px !important;
}

ul.adv-search-nav-tabs li.float-right {
  float: right;
}

ul.adv-search-nav-tabs {
  padding-right: 20px;
}

div.srch-tags {
  padding: 0 0 10px 15px;
}

ul.adv-search-nav-tabs li.open .dropdown-menu {
  top: 44px;
  left: 12px;
}

ul.adv-search-nav-tabs a.dropdown-toggle:active,
ul.adv-search-nav-tabs a.dropdown-toggle:hover {
  border-color: #f5f5f5;
}

ul.adv-search-nav-tabs li.open>a:focus,
ul.adv-search-nav-tabs li.open>a:visited {
  border: none;
}

ul.adv-search-nav-tabs li.float-right,
.srch-grp a.float-right {
  float: right;
}

ul.adv-search-nav-tabs li.float-right a {
  color: #29bbb0;
  font-size: 12px;
  bottom: 0px;
}

.cand-content {
  background: none;
}

.alphaLi {
  line-height: 15px;
}

.alphaLi a {
  padding-left: 5px;
  padding-right: 5px;
}

.alphaLi a:hover {
  background-color: #ebebeb;
  border-radius: 50%;
  padding-left: 5px;
  padding-right: 5px;
}

#tmm-form-wizard .stage:last-child:after {
  display: none;
}

#add-candidate-btn {
  background: #29bbb0;
  padding: 3px 20px !important;
  float: right;
  margin-top: 10px;
}

.candidate-position {
  height: 400px;
  overflow-y: auto;
}

#up-plantview {
  position: absolute;
  top: 3px;
  left: 147px;
}

#down-plantview {
  position: absolute;
  top: 20px;
  left: 147px;
}

.dropup .vendor-drop {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
  width: 100px;
}

.vendor-drop {
  left: 0;
}

.vendor-drop li a:hover {
  background: #29bbb0;
  display: block;
  text-align: center;
  margin-left: 0 !important;
  color: #fff;
}

.responstable {
  margin: 1em 0;
  width: 100%;
  overflow: hidden;
  background: #FFF;
  color: #024457;
  border-radius: 0px;
}

.responstable th {
  display: none;
  background-color: #29bbb0;
  color: #FFF;
  padding: 0.5em;
}

.responstable th:first-child {
  display: table-cell;
  text-align: left;
}

.responstable th:nth-child(2) {
  display: table-cell;
}

.responstable th:nth-child(2) span {
  display: none;
}

.responstable th:nth-child(2):after {
  content: attr(data-th);
}

@media (min-width: 480px) {
  .responstable th:nth-child(2) span {
    display: inline-block;
  }

  .responstable th:nth-child(2):after {
    display: none;
  }
}

.responstable td {
  display: block;
  word-wrap: break-word;
  max-width: 7em;
  padding: 0.5em;
}

.responstable td:first-child {
  display: table-cell;
  text-align: center;
}

.responstable th,
.responstable td {
  text-align: left;
  margin: .5em 1em;
}

.responstable p {
  margin-bottom: 5px;
  margin-top: 5px;
}

@media (min-width: 480px) {

  .responstable th,
  .responstable td {
    display: table-cell;
    padding-right: 5px;
    padding-left: 5px;
  }
}

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

.bckcolor {
  background-color: #ccc;
}

.vendor_user_close {
  margin-top: -35px;
  background: #29bbb0;
  padding: 5px;
  color: #fff;
}

.vendor_user_close:hover {
  margin-top: -35px;
  background: #29bbb0;
  padding: 5px;
  color: #fff;
}

.user-block {
  font-size: 20px;
  margin-right: 10px;
}

.user-unblock {
  font-size: 20px;
  margin-right: 10px;
  color: red;
}

.users-delete {
  font-size: 20px;
  color: #222;
}

.user_info-position h3 {
  margin: -2px 0px 0px 0px;
  font-size: 14px;
  margin-bottom: -15px;
  color: #29bbb0;
  width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user_info-position h4 {
  margin: 0px 0px 0px 0px;
  color: #987093;
  font-size: 12px;
  margin-bottom: -8px;
  font-style: italic;
  text-transform: none;
}

.user_info-position p {
  margin: 0px 0px 0px -7px;
  color: #987093;
  font-size: 12px;
  margin-bottom: 0px;
  font-style: italic;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 3;
  color: white;
  cursor: default;
  background-color: #29bbb0;
  border-color: #29bbb0;
}

.square-box {
  background: #ccc;
  margin-left: 50px;
}

.activeprofile {
  background-color: #29bbb0;
  border: 1px solid #ccc;
}

.profile-tab>li>a:hover,
.profile-tab>li>a:focus {
  text-decoration: none;
  background-color: #29bbb0;
  color: #fff;
}

.profile-tab>li>a {
  padding: 10px;
}

.activeprofile a {
  color: #fff;
}

.link-button li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  margin-top: 17px;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 0px;
  margin-bottom: 0px;
}

.mCSB_container_wrapper>.mCSB_container {
  padding-right: 0px;
  padding-bottom: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 13px;
  bottom: 0;
  right: 0;
  height: auto;
}

.board_page {
  overflow: hidden;
  height: 100vh;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(125, 125, 125, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(117, 113, 113, 0.05);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools {
  position: absolute;
  width: 2px;
  height: auto;
  left: auto;
  top: 0;
  right: 0px;
  bottom: 0;
}

#someList {
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  top: 16%;
}

#someList .board-round-list {
  display: inline-block;
  width: 24.33%;
  /* if you need ie7 support */
  *display: inline;
  zoom: 1;
  padding-left: 10px;
  margin-left: 7px;
}

#someList {
  scrollbar-base-color: #C0C0C0;
  scrollbar-base-color: #C0C0C0;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #EBEBEB;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}

/*mozilla scrolbalken*/
@-moz-document url-prefix(http:),
url-prefix(https:) {
  scrollbar {
    -moz-appearance: none !important;
    background: lime !important;
  }

  thumb,
  scrollbarbutton {
    -moz-appearance: none !important;
    background-color: blue !important;
  }

  thumb:hover,
  scrollbarbutton:hover {
    -moz-appearance: none !important;
    background-color: red !important;
  }

  scrollbarbutton {
    display: none !important;
  }

  scrollbar[orient="vertical"] {
    min-width: 10px !important;
  }
}

/**/
#someList::-webkit-scrollbar {
  background: transparent;
}

#someList::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border: solid whiteSmoke 6px;
}

#someList::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.homelink,
h4 {
  width: auto;
}

.dashboard-drop {
  width: 200px;
  left: 40%;
}

.dashboard-drop li a {
  display: block;
  text-align: center;
  padding: 9px;
}

.dashboard-drop li a:hover {
  background: #29bbb0;
  color: #fff;
  display: block;
  text-align: center;
}

.text-highlight {
  background: yellow !important;
  margin: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  border-radius: 0 !important;
}

.pos_details1:hover {
  color: #fff !important;
}

.task-header-left p {
  font-size: 18px;
  margin-top: 0;
  color: #737272;
  padding: 10px 0 0;
  margin-bottom: 18px;
  text-align: center;
  margin-left: -167px;
  margin-top: 9px;
}

.task-header-right p {
  font-size: 18px;
  margin-top: 0;
  color: #737272;
  padding: 10px 0 0;
  margin-bottom: 3px;
  margin-top: 9px;
  margin-left: 10px;
}

.task-header-right .add-on {
  padding-top: 13px;
}

.task-header-right .add-on-new {
  padding-top: 13px;
  margin-left: -8px;
}

.task-header-right .btn-default {
  background: #29bbb0;
  height: 34px;
  border: 1px solid #cccccc;
}

.task-header-right .btn-new {
  background: #29bbb0;
  height: 34px;
  color: #fff;
}

.add-task .btn-new {
  background: #29bbb0;
  height: 34px;
  color: #fff;
}

.add-task p {
  width: 88%;
  margin-left: 23px;
  margin-top: 10px;
  font-size: 18px;
  margin-top: 10px;
  color: #737272;
}

.add-task span {
  font-size: 12px;
}

.task-body {
  width: 95%;
  margin: 0 auto;
}

.list-group.task-list li {
  padding: 0 15px;
  display: table;
  width: 100%;
  border-color: #dfe7ea;
  margin-bottom: 3px;
  border-radius: 3px;
}

.list-group.task-list .task-check {
  display: table-cell;
  width: 3%;
}

.list-group.task-list .task-item {
  display: table-cell;
  width: 70%;
  padding: 13px 0 12px;
}

.list-group.task-list .task-meta {
  display: table-cell;
  text-align: right;
  padding-right: 10px;
}

.list-group.task-list .task-edit {
  display: table-cell;
  width: 3%;
  border-left: 1px solid #dfe7ea;
  padding-left: 15px;
  position: relative;
}

.list-group.task-list .task-item .task-title {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

list-group.task-list li:hover .checkbox .bootstrap-checkbox .btn {
  color: #919191;
}

.list-group.task-list li .checkbox .bootstrap-checkbox .btn {
  font-size: 18px;
  color: #dddddd;
  padding: 10px 0;
}

.task-edit li a:hover {
  background: #29bbb0;
  color: #fff;
  display: block;
  text-align: center;
}

.list-group.task-list label {
  min-height: 0px;
  padding-left: 0px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.task-dropdown-menu {
  top: 14px;
  width: 100px;
  left: -58px;
}

.strike {
  text-decoration: line-through;
}

.task-item strong {
  font-weight: normal;
}

.dropzone {
  border: 3px dashed #EBEBEB;
  /*#29bbb0;*/
  border-radius: 5px;
  background: white;
  height: 420px;
  /*min-height:  420px; */
  overflow-y: scroll;
  /*padding: 200px 400px;*/
}

.rec-dz-message {
  font-weight: 600;
  text-align: center;
  color: #646C7F;
  text-rendering: optimizeLegibility;
  font-size: large;
}

.dropzone .dz-message .rec-note {
  display: block;
  margin-top: 1.4rem;
  text-align: center;
}

#recruiz-btn {
  height: 36px;
  line-height: 1;
}

div.srch-grp a#recruiz-btn {
  width: 170px;
}

.advnce-search-dropdown li a {
  color: #222 !important;
  text-align: left;
}

.span-search {
  width: 130px;
  overflow: hidden !important;
  display: inline-block !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shareButton {
  color: #fff;
  background: orange;
}

.share-dropdown li {
  display: inline-block;
}

.share-dropdown li:first-child {
  margin-left: 50px;
}

p {
  font-size: 12px;
  letter-spacing: 0;
  margin: 0 0 16px;
}

angularjs-datetime-picker {
  color: #333;
  border: 1px solid #ddd;
  display: inline-block;
  background: #fff;
}

.angularjs-datetime-picker>.adp-month {
  text-align: center;
  line-height: 22px;
  padding: 10px;
  background: #fcfcfc;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.angularjs-datetime-picker>.adp-month>button {
  color: #555;
  font: normal 14px sans-serif;
  outline: none;
  position: absolute;
  background: transparent;
  border: none;
  cursor: pointer;
}

.angularjs-datetime-picker>.adp-month>button:hover {
  color: #333;
}

.angularjs-datetime-picker>.adp-month>button.adp-prev {
  left: 10px;
}

.angularjs-datetime-picker>.adp-month>button.adp-next {
  right: 10px;
}

.angularjs-datetime-picker>.adp-days {
  width: 270px;
  /* 30 x 7 */
  margin: 0px;
  text-align: center;
  background: #fff;
  z-index: 999999 !important;
  padding: 9px;
  border-bottom: 1px solid #ccc;
}

.angularjs-datetime-picker>.adp-days>.adp-day-of-week,
.angularjs-datetime-picker>.adp-days>.adp-day {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid transparent;
  width: 36px;
  line-height: 34px;
  float: left;
}

.angularjs-datetime-picker>.adp-days>.adp-day-of-week {
  font-weight: bold;
}

.angularjs-datetime-picker>.adp-days>.adp-day:not(.selectable) {
  opacity: 0.15;
  cursor: default;
}

.angularjs-datetime-picker>.adp-days>.adp-day.selectable {
  cursor: pointer;
}

.angularjs-datetime-picker>.adp-days>.adp-day.selected {
  background: #e0e0e0;
}

.angularjs-datetime-picker>.adp-days>.adp-day.selectable:hover {
  background: #eee;
}

.angularjs-datetime-picker>.adp-days:after {
  content: '';
  display: block;
  clear: left;
  height: 0;
}

.angularjs-datetime-picker input[type=range] {
  width: 250px;
}

.angularjs-datetime-picker {
  left: 124px !important;
  z-index: 9999;
  border: 1px solid #ccc;
  top: 69px !important;
}

.ng-valid.ng-touched:not(:focus)+label::before {
  display: none !important;
}

.dropzone.dz-started .dz-message {
  display: none !important;
  opacity: 0;
}

.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  background: none !important;
}

.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  font-size: 12px;
}

.dropzone .dz-preview .dz-details .dz-remove,
.dropzone-previews .dz-preview .dz-details .dz-remove {
  position: absolute;
  bottom: -25px;
  right: 3px;
  height: 28px;
  line-height: 28px;
}

.dropzone .dz-preview .dz-rem,
.dropzone-previews .dz-preview .dz-rem {
  right: 0;
  line-height: 28px;
}

.dropzone .dz-preview .dz-filename,
.dropzone-previews .dz-preview .dz-filename {
  white-space: nowrap;
  width: 100px;
  height: 20px;
  overflow: hidden;
  /*z-index: auto;*/
}

.dropzone .dz-preview .dz-filename:hover,
.dropzone-previews .dz-preview .dz-filename:hover {
  height: 20px;
  overflow: visible;
  z-index: 9999;
  opacity: 1;
}

.dropzone .dz-preview .dz-filename span:hover,
.dropzone-previews .dz-preview .dz-filename span:hover {
  background-color: #EBEBEB;
  /*z-index: 9999;
  opacity: 1;*/
}

.dz-rem {
  color: #A9A9A9;
}

.dz-rem:hover {
  color: #696969;
}

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  top: 25px;
  left: 0px;
  background: rgba(245, 245, 245, 0.8);
  padding: 8px 10px;
  color: #FF6347;
  min-width: 100px;
  max-width: 110px;
  word-break: break-all;
  opacity: 1;
  padding: 0;
}

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
  font-size: 12px;
  z-index: auto;
}

.ext-apply-btn-container {
  padding: 0 10px 20px 0;
}

.candidate-source {
  position: absolute;
  bottom: 0;
  left: 13px;
}

.skill-tag {
  margin-bottom: 20px;
}

.activity-more a {
  background-color: #EBEBEB;
  padding: 5px 15px;
  border-radius: 20px;
  color: #878787;
  text-decoration: none;
  font-size: 12px;
}

.stage-header .fa {
  margin-top: 4px;
}

.plain.error-page-wrapper {
  background-color: #6355bc;
  padding: 0 5%;
  position: relative;
  height: 100vh;
}

.plain.error-page-wrapper .content-container {
  -webkit-transition: left .5s ease-out, opacity .5s ease-out;
  transition: left .5s ease-out, opacity .5s ease-out;
  max-width: 600px;
  position: relative;
  left: -30px;
  opacity: 0;
}

.plain.error-page-wrapper .content-container.in {
  left: 0px;
  opacity: 1;
  top: 100px !important;
}

.plain.error-page-wrapper .head-line {
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
  font-size: 48px;
  line-height: 60px;
  color: rgba(255, 255, 255, 0.2);
  letter-spacing: -1px;
  margin-bottom: 5px;
}

.plain.error-page-wrapper .subheader {
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
  font-size: 36px;
  line-height: 46px;
  color: #fff;
}

.plain.error-page-wrapper hr {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  width: 250px;
  margin: 35px 0;
}

.plain.error-page-wrapper .context {
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
  font-size: 18px;
  line-height: 27px;
  color: #fff;
}

.plain.error-page-wrapper .context p {
  margin: 0;
  font-size: 18px;
  color: black;
  text-align: left;
}

.plain.error-page-wrapper .context p:nth-child(n+2) {
  margin-top: 12px;
}

.plain.error-page-wrapper .buttons-container {
  margin-top: 45px;
  overflow: hidden;
}

.plain.error-page-wrapper .buttons-container a {
  -webkit-transition: color .2s linear, border-color .2s linear;
  transition: color .2s linear, border-color .2s linear;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: 2px solid white;
  border-radius: 99px;
  padding: 8px 30px 9px;
  display: inline-block;
  float: left;
}

.plain.error-page-wrapper .buttons-container a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.plain.error-page-wrapper .buttons-container a:first-child {
  margin-right: 25px;
}

@media screen and (max-width: 485px) {
  .plain.error-page-wrapper .header {
    font-size: 36px;
  }

  .plain.error-page-wrapper .subheader {
    font-size: 27px;
    line-height: 38px;
  }

  .plain.error-page-wrapper hr {
    width: 185px;
    margin: 25px 0;
  }

  .plain.error-page-wrapper .context {
    font-size: 16px;
    line-height: 24px;
  }

  .plain.error-page-wrapper .buttons-container {
    margin-top: 35px;
  }

  .plain.error-page-wrapper .buttons-container a {
    font-size: 13px;
    padding: 8px 0 7px;
    width: 45%;
    text-align: center;
  }

  .plain.error-page-wrapper .buttons-container a:first-child {
    margin-right: 10%;
  }
}

.background-color {
  background-color: #29bbb0 !important;
}

.primary-text-color {
  color: black !important;
}

.secondary-text-color {
  color: black !important;
}

.sign-text-color {
  color: #FFBA00 !important;
}

.sign-frame-color {
  color: #343C3F;
}

.pane {
  background-color: #FFFFFF !important;
}

.border-button {
  color: red !important;
  border-color: red !important;
}

.shadow {
  -webkit-box-shadow: 0 0 60px #000000;
  box-shadow: 0 0 60px #000000;
}

.candidateList-drop {
  top: 52%;
  left: 41%;
  width: 200px;
}

.place-holder-button {
  background: #29bbb0;
  color: #fff;
  font-size: 14px;
  padding: 9px;
}

.place-holder-button:hover {
  background: #29bbb0;
  color: #fff;
  font-size: 14px;
  padding: 9px;
}

.board-menu-dropdown {
  border-radius: 0px;
}

.board-menu-dropdown>li>a {
  text-align: left;
  padding: 3px 10px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  font-size: 13px;
  display: block;
}

.dropdown-menu>li>a {
  display: block;
}

.dropdown-menu>li>a:hover {
  background: #29bbb0;
  display: block;
  color: #fff;
}

.dropdown-menu li:hover .glyphicon {
  color: #fff;
}

.board-menu-dropdown>li>a:hover {
  text-align: left;
  padding: 3px 10px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
  font-size: 13px;
  display: block;
  background: #29bbb0;
}

#board-filter-label {
  z-index: 9;
  margin-top: 130px;
}

.filter_left {
  /*    background: rgba(34, 34, 34, 0.55);*/
  margin-top: -35px;
}

.reminderperiod {
  margin-top: 31px;
}

.notification-dropdown {
  width: 349px;
  left: -240px;
  top: 50px;
}

.notification-dropdown li a {
  display: block;
  padding: 20px;
  text-align: left;
}

.notification-dropdown li a:hover {
  display: block;
  padding: 20px;
  text-align: left;
  backgound-color: #ccc;
}

.notification-list {
  height: 260px;
  overflow: auto;
}

.bottom-link {
  text-align: center;
  padding-top: 10px;
  margin-bottom: 0px;
}

.top-link {
  text-align: center;
  padding-top: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #f4f4f4;
}

.table-notification h5 {
  text-transform: uppercase;
  font-weight: bold;
  color: #60535e;
  font-size: 16px;
  margin-bottom: 3px;
  margin-top: 0px;
}

.collapsible {
  border-bottom: 1px solid #f4f4f4;
}

.collapsible>section {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.7s ease-in-out;
  transition: max-height 0.7s ease-in-out;
}

.collapsible>section>p {
  margin: 0;
  padding: 5px;
}

.collapsible>section.opened {
  -webkit-transition: max-height 0.9s ease-in-out;
  transition: max-height 0.9s ease-in-out;
  max-height: 100px;
}

.collapsible>header {
  border-bottom: 0px solid green;
  cursor: pointer;
}

.collapsible>header h2 {
  margin: 0;
  font-size: 15px;
  padding: 5px;
  font-weight: bold;
}

.collapsible>header p {
  padding: 5px;
}

.md-accordion .expandCollapse {
  width: 20px;
  height: 20px;
  position: absolute;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
  color: #222;
  display: block;
  margin-top: -2px;
  margin-left: -2px;
  overflow: hidden;
  right: 0;
}

.md-accordion .expandCollapse:active {
  border: 0px;
}

.md-accordion .expandCollapse:before,
.md-accordion .expandCollapse:after {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -7px;
  line-height: 22px;
  text-align: center;
  -webkit-transition: .3s all ease-out;
  transition: .3s all ease-out;
}

.md-accordion .expandCollapse:before {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  content: "\f054";
  margin-top: -2px;
  font-family: FontAwesome;
}

.md-accordion .expandCollapse:after {
  opacity: 1;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  content: "";
  margin-left: -3px;
  font-family: FontAwesome;
}

.md-accordion .active:before {
  opacity: 1;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: 2px;
  margin-top: 1px;
}

.md-accordion .dataContent {
  background: #fff;
  height: 0px;
  overflow: hidden;
  -webkit-transition: .3s all ease-out;
  transition: .3s all ease-out;
}

.md-accordion .activeContent {
  height: auto;
  padding: 20px;
  display: block;
}

.md-accordion md-toolbar {
  cursor: pointer;
  border-bottom: 1px solid #CCC4C4;
}

md-toolbar:not(.md-menu-toolbar) {
  background-color: #fff;
  color: #222;
}

.md-accordion .false {
  background: #F3F3F3;
  color: #333;
}

.md-accordion .true:hover {
  background: #F3F3F3;
  color: #333;
}

.md-accordion .true {
  background-color: #fff;
  color: #222;
}

md-content {
  display: block;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
}

.not-head {
  font-size: 15px;
  font-weight: bold;
}

md-toolbar p {
  font-size: 12px;
}

.notification-list md-toolbar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  min-height: 50px;
  width: 100%;
}

.notification-list .md-toolbar-tools {
  font-size: 20px;
  letter-spacing: .005em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  width: 100%;
  height: auto;
  /*    padding: 40px 16px;*/
  margin: 0;
}

md-content {
  overflow: visible !important;
}

.notification-list h2 {
  font-size: 14px !important;
}

.time-notification {
  position: relative;
  left: 25px;
  font-size: 10px;
  font-style: normal;
}

.dashboard-notification {
  font-size: 10px;
  font-style: italic;
  margin-bottom: 5px;
  margin-top: -17px;
}

.dashboard-noti-list {
  border-bottom: 1px solid #CCC4C4;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 53px;
}

.dashboard-noti-list:hover {
  background: #F3F3F3;
}

.wrap2_div1 .false {
  background: #F3F3F3 !important;
  color: #333;
  font-size: 15px;
}

.wrap2_div1 .true {
  background: #fff !important;
  color: #333;
  font-size: 15px;
  text-align: left;
}

#myDropdown .mCSB_container_wrapper {
  margin-right: 0px;
}

.sub-not-head {
  font-size: 12px;
  margin-bottom: 0px;
  margin-top: -10px;
}

.wrap2_div1 .sub-not-head {
  font-size: 12px;
  margin-top: 0px;
}

.newrow {
  margin-left: -14px;
}

._720kb-datepicker-calendar {
  background: #fff;
  color: #333;
  position: absolute;
  z-index: 999;
  min-width: 220px;
  margin: 0 auto 0 -.5%;
  width: 100%;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  visibility: hidden;
  overflow: hidden;
  padding: 0 0 2%;
  -webkit-border-radius: 3px;
  margin-bottom: 6px;
  margin-left: inherit;
  margin-right: 0px;
  top: 34px;
}

.labelrow {
  margin-right: 0px;
  margin-left: 32px;
}

div.first_formgp ul.suggestion-list {
  height: 150px !important;
}

/* reminder  page css*/
#addButton {
  background-color: #29bbb0;
  padding: 10px 100px;
  text-decoration: none;
  font-size: 12px;
  border: none;
  float: left;
  margin-left: -14px;
}

.search-board {
  position: absolute;
  left: 63%;
  line-height: 2.5;
}

.board-sort-by {
  position: absolute;
  top: 10px;
  left: 93%;
}

.board-sort-by label {
  color: #222;
  cursor: pointer;
  width: 100%;
  text-align: left;
  margin: 0px 15px;
}

.board-sort-by input[type="radio"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
  /* not currently supported */
  -o-appearance: checkbox;
  /* not currently supported */
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  margin: 0px 0 0px 0;
  cursor: pointer;
}

.panel-matrix {
  background-color: #fafafa;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #fff;
  margin: 0 0 32px;
}

.panel-matrix-heading h5 {
  font-size: 15px;
  padding: 10px;
}

.panel-matrix-heading {
  background: #29bbb0;
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #29bbb0;
  border-color: #f5f5f5;
}

.button-icon a {
  color: #fff !important;
}

.button-icon .ladda-button {
  background: transparent;
  border: 0;
  padding: 5px 9px;
  font-size: 18px;
  cursor: pointer;
  color: #fff;
  border-radius: 2px;
  border: 1px solid transparent;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

.button-icon .ladda-button:hover {
  border-color: rgba(0, 0, 0, 0.07);
  background-color: rgba(136, 136, 136, 0.38);
}

.panel-title .panel-title-board {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: inherit;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: 70%;
  float: left;
}

.ratings li {
  display: inline-block;
  font-size: 20px;
  margin-right: 20px;
}

.feedback-header {
  padding: 5px;
}

.ratings-feedback li {
  display: inline-block;
  font-size: 15px;
  margin-right: 10px;
}

.ratings-feedback {
  float: right;
}

.modal-body .mCSB_container_wrapper {
  right: 15px;
}

.panel-success>.panel-heading {
  color: #3c763d;
  background-color: #b5ec9e;
  border-color: #b5ec9e;
}

.panel-danger>.panel-heading {
  color: #a94442;
  background-color: #f3a5a5;
  border-color: #f3a5a5;
}

.panel-warning>.panel-heading {
  color: #8a6d3b;
  background-color: #f1e5a6;
  border-color: #f1e5a6;
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field input {
  display: none;
}

.switch-field label {
  display: inline-block;
  width: 110px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 6px 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked+label {
  background-color: #29bbb0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.switch-field label:first-of-type {
  border-radius: 0px 0 0 0px;
}

.switch-field label:last-of-type {
  border-radius: 0 0px 0px 0;
}

.no-gutter [class*="-4"],
.no-gutter [class*="-8"] {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 699px) and (min-width: 320px) {
  .candidate-detail .col-md-offset-1 {
    margin-left: 0;
  }

  .left_content {
    padding: 0px 20px;
  }
}

.feedback_candidate {
  background: #29bbb0;
  color: #fff;
  padding: 5px;
}

.feedback_candidate:hover {
  background: #29bbb0;
  color: #fff;
}

.external-feed {
  min-height: 570px;
  margin-bottom: 20px;
}

.mid-crete {
  text-decoration: none;
  color: #222;
  padding: 0 18px;
  line-height: 35px;
  width: 100%;
  display: inline-block;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
}

.panel-yet .feedback-header {
  background: #ccc;
  border: 1px solid #ccc;
  color: #888;
}

.notification-table td {
  text-align: left;
}

.ta-scroll-window>.ta-bind ul li {
  list-style: circle;
}

.ta-scroll-window>.ta-bind ol li {
  list-style: decimal;
}

.ta-scroll-window>.ta-bind {
  padding: 6px 20px;
}

.externalPosition {
  padding: 15px;
}

#externalinfo:hover,
#externalinfo:focus {
  color: #fff;
  text-decoration: none;
}

@media only screen and (max-width: 780px) {
  .mobile-view {
    display: none;
  }

  .intl-tel-input input,
  .intl-tel-input input[type=text],
  .intl-tel-input input[type=tel] {
    border: 0px solid #fff;
  }

  .intl-tel-input .selected-flag .arrow {
    display: none;
  }

  .left_content {
    padding: 19px 0px;
  }

  .mobile-view-pdf {
    display: none;
  }
}

@media only screen and (min-width: 780px) {
  .left-mobile-view {
    display: none;
  }

  .pdf-download {
    display: none;
  }
}

.applied-position p {
  margin-bottom: 5px;
  font-size: 13px;
}

.added-notes p {
  margin-bottom: 0px;
  font-size: 13px;
}

.action-btn {
  position: absolute;
  right: 20px;
  top: 10px;
}

.logo_settings_img img {
  width: 200px;
  float: left;
}

.share-img {
  margin-top: 32px;
}

.share-img img {
  width: 20px;
}

.mail-icon-position img {
  width: 35px;
  margin-top: 18px;
  margin-left: 20px;
  margin-right: 20px;
}

.shareButtonicon img {
  width: 35px;
  margin-top: 18px;
}

.dropdown-email-icon .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 173px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-email-icon .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 174px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown-email-icon .dropdown-menu {
  width: 360px;
  top: 40px;
  border: 1px solid #ccc;
  border-radius: 0px;
}

.share-dropdown:before {
  position: absolute;
  top: -7px;
  left: 274px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.share-dropdown:after {
  position: absolute;
  top: -6px;
  left: 275px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.share-dropdown {
  width: 360px;
  top: 235px;
  border: 1px solid #ccc;
  border-radius: 0px;
}

.share-dropdown li a {
  font-size: 18px;
  font-size: 15px;
  padding: 13px;
  margin-left: 15px;
}

.share-dropdown li a:hover {
  font-size: 18px;
  font-size: 15px;
  background: #29bbb0;
  padding: 13px;
  margin-left: 15px;
  color: #fff;
}

.position-email-id {
  width: 90%;
  margin: 0px auto;
  padding: 10px;
}

.btn-copy-email {
  top: 16px;
  right: 29px;
  position: absolute;
}

.viewall-notification a {
  position: absolute;
  bottom: 0;
  left: 50%;
}

.candidate-details-list p {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.msg-error {
  color: red;
  font-size: 10px;
}

.stage-header .fa-check:before {
  content: "\f00c";
  color: transparent !important;
}

.menu-icon {
  background: #29bbb0;
}

.circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 15px;
  color: #fff;
  line-height: 27px;
  text-align: center;
  background: #29bbb0;
}

nav .glyphicon,
.caret {
  font-size: 15px;
  color: #fff;
  margin-top: 15px;
  padding-bottom: 15px;
}

nav .glyphicon,
.caret:hover {
  font-size: 15px;
  color: #fff;
  margin-top: 15px;
  padding-bottom: 15px;
}

.assign-role-modal {
  position: relative;
  padding: 15px;
  height: 74vh;
  overflow: auto;
}

.users-icon {
  color: #505460;
  line-height: 3;
  margin-right: 10px;
}

.hr-card-list {
  width: 100%;
  height: 70px;
  background: #fff;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0px 1px 1px #ccc;
  box-shadow: 0px 0px 1px 1px #ccc;
}

.hr-card-list img {
  float: left;
  margin-right: 10px;
  padding: 5px;
}

.hr-card-list p {
  font-size: 14px;
  line-height: 3.5;
  color: #29bbb0;
  width: 204px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.hr-drop-list {
  position: absolute;
  bottom: 15px;
  right: 25px;
}

.hr-drop-list i {
  color: #bbb;
}

.hr-dropdown-list {
  width: 200px;
  top: 6px;
  border: 1px solid #ccc;
}

.hr-dropdown-list li a {
  display: block;
  width: 100%;
  padding-right: 10px;
  text-align: left;
}

.hr-dropdown-list a {
  display: block;
  width: 100%;
  padding-right: 10px;
  text-align: left;
}

.hr-dropdown-list li a:hover {
  display: block;
  width: 100%;
  padding-right: 10px;
  background: #29bbb0;
  color: #fff;
}

.hr-dropdown-list:before {
  position: absolute;
  top: -7px;
  left: 166px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.hr-dropdown-list:after {
  position: absolute;
  top: -6px;
  left: 167px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.roundStrike {
  text-decoration: line-through;
  color: red;
}

.advance-search-btn {
  width: 170px !important;
}

/* To display ngAutocomplete location suggestions in modal */
.pac-container {
  z-index: 2000;
}

.btn-copy-organizationEmail {
  position: absolute;
  right: 15px;
  top: 27px;
  background: #dedbdb;
}

/* displaying descision maker and interviewer panel in box */
.clent-makers-box {
  -webkit-box-shadow: 0px 0px 1px 1px #ccc;
  box-shadow: 0px 0px 1px 1px #ccc;
  height: 200px;
  margin-bottom: 15px;
}

.delete-descion {
  float: right;
  position: relative;
  background: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 1px 1px #ccc;
  box-shadow: 0px 0px 1px 1px #ccc;
  margin-top: -15px;
  margin-right: -7px;
}

.delete-descion a {
  color: red;
  line-height: 25px;
  display: block;
}

.job_description li {
  list-style: inherit;
}

.job_description ul {
  list-style: disc;
  margin-left: 20px;
}

.job_description ol {
  margin-left: 20px;
}

.text-editor h4 {
  text-transform: inherit;
}

.datepicker-contianer span {
  cursor: pointer;
}

.srch-block li {
  list-style: none;
}

.dropdownToaddCandidate {
  margin-top: -5px;
  margin-left: 152px;
  border-radius: 0px;
}

.dropdownToaddCandidate>li>a {
  text-align: left;
  padding: 3px 10px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  font-size: 13px;
  display: block;
}

.dropdownToaddCandidate>li>a:hover {
  text-align: left;
  padding: 3px 10px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
  font-size: 13px;
  display: block;
  background: #29bbb0;
}

.task-inputName {
  margin-left: -13px;
  position: aboslute;
}

.template-editor {
  margin-top: 20px;
  padding-left: 15px;
}

.mask-candidate-list {
  position: absolute;
  top: 88px;
  left: 4px;
}

.candidate_notes {
  font-size: 13px;
}

.candidate_notes a {
  background: #29bbb0;
  color: #fff;
  border: 0px solid #222;
  padding: 5px;
}

.task-error {
  height: 250px;
  text-align: center;
  vertical-align: middle;
  line-height: 250px;
  color: grey;
}

.task-searchError {
  font-weight: bold;
  color: #222;
}

.mask-candidate-list {
  display: none;
}

.candidate-checkbox:hover .mask-candidate-list,
.candidate-checkbox .mask-selected {
  display: block;
}

.candidate-img img {
  width: 40px;
  height: 40px;
}

.board-candidate-img img {
  width: 40px !important;
  height: 40px !important;
}

.choose-account {
  margin-bottom: -20px;
  width: 374px;
  margin-bottom: -20px;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bottom_popup_candidate {
  margin-top: 5px;
  margin-left: 15px;
  font-size: 12px;
  margin-right: 15px;
}

.candidate-img img {
  width: 40px;
  height: 40px;
}

.board-candidate-img img {
  width: 40px !important;
  height: 40px !important;
}

.delete {
  cursor: pointer;
}

.candimg-wrap {
  position: relative;
}

.candimg-wrap .close {
  position: absolute;
  top: 2px;
  right: 526px;
  z-index: 100;
}

.drop_down_main_menu {
  width: 200px;
}

.drop_down_main_menu>li>a {
  padding: 10px 20px;
  text-transform: uppercase;
}

.drop_down_main_menu li {
  text-align: left;
}

.profile-dropdown {
  line-height: 55px;
}

.profile-dropdown-list>li>a {
  padding: 10px 0px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-dropdown-list {
  width: 300px;
  top: 51px;
  border-radius: 0px;
  right: -10px;
  top: 48px;
}

.profile-dropdown-list li {
  text-align: left;
}

.org-dropdown-list {
  margin-left: 37px;
}

.image_logo_side {
  width: 100px;
  padding-top: 12px;
  padding-bottom: 11px;
  margin-left: 10px;
}

.profile-dropdown-list .glyphicon {
  color: #222;
}

.element {
  position: relative;
}

.element:before {
  content: "\f00c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 18px;
  padding-right: 0.5em;
  position: absolute;
  top: -3px;
  left: 15px;
}

.text-center-avtar {
  padding-bottom: 18px;
  padding-top: 8px;
}

.text-center-avtar img {
  float: left;
  margin-left: 13px;
  margin-right: 15px;
}

.text-center-avtar p {
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
}

.email-profile {
  font-size: 13px;
  font-style: italic;
}

.task-ellipsis {
  margin-left: 5px;
}

.file_name_doc {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.autoadd .maincontent4 {
  margin-top: 30px;
}

.danger {
  background: red !important;
}

.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
  content: "";
  width: 15px;
  height: 2px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px;
}

.sweet-alert .sa-input-error {
  position: absolute;
  top: 25px;
  right: 10px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.details_view_btn li {
  list-style: none;
  display: inline-block;
  margin: 0px 4px;
}

.shareButtonicon i {
  font-size: 20px;
  margin-top: 20px;
  color: #60535E;
  margin-right: 15px;
}

.dropdown-email-icon i {
  font-size: 23px;
  margin-top: 20px;
  color: #60535E;
  margin-right: 15px;
}

.current_billing {
  color: #29bbb0 !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
  margin-bottom: 0px !important;
  margin-top: 10px !important;
}

.huge {
  font-size: 20px;
  color: #999;
}

.amount_text p {
  font-size: 20px;
  color: #999;
}

.amount_text {
  font-size: 20px;
  color: #999;
}

.apply_button {
  padding: 7px;
}

.panel-pricing {
  text-align: left;
}

.pricing-plan {
  padding: 0px;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.price-tag {
  line-height: 65px;
  margin-bottom: 0px;
}

.panel-footer .btn {
  padding: 10px;
}

.plan-description {
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  margin-top: -15px;
}

.plan-pricing-num {
  float: right;
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
}

.list-group-item {
  font-size: 11px;
}

.btn-block+.btn-block {
  margin-top: 0px;
}

.your-plan {
  font-weight: bold;
}

.your-plan:hover,
.your-plan:focus {
  color: #222 !important;
  text-decoration: none;
  font-weight: bold;
}

.profile-setting .btn {
  background-color: #fff;
  border: 1px solid #ccc !important;
  margin-top: -25px;
}

.profile-setting {
  text-align: left;
}

.notification_slide {
  background: #fff;
  -webkit-box-shadow: 0px 0px 6px 0px #888;
  box-shadow: 0px 0px 6px 0px #888;
}

.badge-notify {
  background: #ec5e44;
  position: absolute;
  top: 85px;
  right: 10px;
}

.notification_card {
  background: #fff;
  border-radius: 5px;
}

.notification_card p {
  padding-right: 5px;
  padding-left: 5px;
  line-height: 18px;
}

.close-slide {
  background: #29bbb0;
  color: #fff;
  width: 100%;
  display: block;
  padding: 15.5px;
  text-align: right;
}

.close-slide:hover {
  color: #fff;
}

.position-badge {
  top: 100px;
}

.rdiredt-link {
  top: 17px !important;
  left: 39px;
  font-size: 16px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -10px;
  right: -21px;
  color: inherit;
}

@-webkit-keyframes pulse {
  50% {
    -webkit-box-shadow: inset 0 0 10px #bf4040;
  }
}

@keyframes pulse {
  50% {
    -webkit-box-shadow: inset 0 0 10px #bf4040;
    box-shadow: inset 0 0 10px #bf4040;
  }
}

.pending-delete {
  -webkit-animation: pulse 2s 4;
  animation: pulse 2s 4;
}

.candidate-badge {
  top: 210px;
}

.ats-switch span.switch-left {
  color: #fff;
  background: #29bbb0;
}

.ats-switch:hover {
  border-color: #29bbb0;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px #29bbb0, 0 0 8px #29bbb0;
  box-shadow: inset 0 1px 1px #29bbb0, 0 0 8px #29bbb0;
}

.ats-switch {
  border-radius: 0px;
}

.clear_all {
  width: 24px;
  margin-top: 14px;
  float: right;
}

.badge-notify-borad {
  position: absolute;
  right: 3px;
  top: 35px;
  background: #EC5E44;
}

.angular-notifications-icon {
  background: #EC5E44;
}

.switch_plan {
  margin-bottom: 0;
  margin-top: -15px;
}

/* Style the list */
.view_current_plan_details {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Add shadows on hover */
.view_current_plan_details:hover {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

/* Pricing header */
.view_current_plan_details .plan-header {
  background-color: #555;
  color: white;
  font-size: 25px;
  text-align: center;
}

/* List items */
.view_current_plan_details li {
  border-bottom: 1px solid #eee;
  padding: 10px;
  text-align: left;
}

/* Grey list item */
.view_current_plan_details .grey {
  background-color: #eee;
  font-size: 20px;
}

/* The "Sign Up" button */
.button-plan-change {
  background-color: #29bbb0;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
}

.button-plan-change:hover {
  background-color: #29bbb0;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
}

/* Change the width of the three columns to 100% 
(to stack horizontally on small screens) */
@media only screen and (max-width: 600px) {
  .columns {
    width: 100%;
  }
}

.plan_value {
  float: right;
  font-weight: bold;
  font-style: italic;
}

.plan_buttons li {
  list-style: none;
  display: inline-block;
  float: right;
  margin-left: 10px;
}

.notification_header h6 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 13px;
  font-weight: bold;
}

.board_notification {
  padding-right: 10px;
  padding-left: 10px;
}

.main_notificatio {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
}

.main_notification_header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: left;
  display: block;
  background: #fff;
  padding: 8px;
  -webkit-box-shadow: 0px 1px 0px #ccc;
  box-shadow: 0px 1px 0px #ccc;
  font-size: 15px;
  font-weight: bold;
}

.content_notification {
  position: absolute;
  top: 70px;
  bottom: 30px;
  left: 0;
  right: 0;
  overflow: auto;
}

.footer_notification {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: block;
  background: #fff;
  padding: 5px;
  -webkit-box-shadow: 1px 0px 0px 1px #ccc;
  box-shadow: 1px 0px 0px 1px #ccc;
}

.alert {
  margin-bottom: 10px;
}

.notification_button_list {
  width: 100px;
  float: right;
  line-height: 1.5;
  padding-right: 18px;
}

.notification_button_list li {
  list-style: none;
  display: inline-block;
  float: right;
  margin-top: -26px;
  margin-left: 18px;
}

.board_all_notification {
  right: 54px;
  display: block;
  position: absolute;
}

.main_notification {
  margin-top: 20px;
  margin-bottom: 20px;
}

.notification_box_panel {
  border-bottom: 1px solid #faebcc;
}

.notification_box_panel h6 {
  margin-top: 0px;
  font-size: 16px;
  font-weight: bold;
}

.mark_as_read {
  position: relative;
  left: 40px;
}

.mark_all_read {
  position: relative;
  left: 50%;
}

.notification_main_UI .true {
  font-size: 10px;
  color: #222;
  background: #fff;
  padding: 5px;
  font-size: 15px;
}

.notification_main_UI .false {
  font-size: 15px;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
  padding: 5px;
}

.notification-link {
  top: 0px !important;
  left: 50px;
  font-size: 14px;
  position: relative;
}

.checkbox-notification label {
  padding-left: 0px;
}

.form-group-candidate input {
  margin-bottom: 20px;
}

.notification-menu li {
  list-style: none;
  display: inline-block;
  margin-right: 50px;
}

.notification-menu a {
  border: 1px solid #ccc;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 4px;
  top: -8px;
  position: relative;
  color: #222;
}

.notification-action-button {
  position: absolute;
  right: 60px;
  top: 24px;
}

.notification-menu .checkbox label {
  padding-left: 6px;
}

.ladda-button:hover {
  border-color: transparent;
  background-color: #888;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #29bbb0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.chosen-container-multi .chosen-choices {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  padding: 2px 0px 2px 7px !important;
}

.feedback-header {
  font-size: 13px;
  color: #545454;
  margin-bottom: 14px;
}

.candidate-source-score {
  position: absolute;
  right: 20px;
  bottom: 0;
  color: #898989;
  font-size: 10px;
}

.full-circle {
  background-color: #62A9FF;
  height: 230px;
  -moz-border-radius: 115px;
  -webkit-border-radius: 115px;
  width: 230px;
  margin-left: 25%;
  margin-top: 13%;
  position: relative;
}

.circle-text {
  position: absolute;
  left: 65px;
  top: 105px;
  font-size: 30px;
  color: #fff;
}

.position-report span {
  margin-right: 17px;
}

.position-report {
  margin-bottom: 17px;
}

.position-report-datepicker {
  width: 150px;
}

.report-table td {
  text-align: left !important;
}

.table-bordered td {
  padding-left: 10px !important;
}

.pos_details input {
  border: 0px solid;
}

.pos_details .intl-tel-input {
  width: 50%;
}

.menu-dropdown-status a:hover {
  background: #fff !important;
  color: #222 !important;
}

.sweet-alert textarea {
  width: 90%;
  height: 110px;
  padding: 5px;
  margin-bottom: 10px;
}

.sweet-alert .sa-input-error {
  top: 15px !important;
}

.right-arrow:before {
  content: "\f0da";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 18px;
  padding-right: 0.5em;
  position: absolute;
  top: 58px;
  right: 0;
}

.right-down:before {
  content: "\f0d7";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 18px;
  padding-right: 0.5em;
  position: absolute;
  top: 58px;
  right: 0;
}

.angucomplete-dropdown {
  border-color: #ececec;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  width: 100%;
  padding: 6px;
  cursor: pointer;
  z-index: 999999 !important;
  position: relative;
  margin-top: 0px;
  background-color: #ffffff;
}

.label-primary p {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  margin-bottom: 0px;
}

.label-primary {
  background-color: #337ab7;
  width: 352px;
}

.label-primary i {
  line-height: 24px;
  cursor: pointer;
}

.vendors-list-table a {
  color: #29bbb0;
  font-size: 18px;
}

.modal-lg .panel {
  margin-left: 15px;
}

.pos_rightdiv .pos_details {
  padding-left: 0px;
}

.smilies img {
  width: 25px;
  margin-left: 10px;
}

.smilies-add img {
  width: 30px;
  margin-left: -20px;
}

/* .prospect-list-function {
	margin-right: 50px;
}
.prospect-list-function li {
	list-style: none;
	display: inline-block;
	color: #222;
	width: 110px;
	float: right;
	font-size: 13px;
}
.prospect-list-function a {
	color: #222;
} */
.candidate-edution-box {
  height: 250px;
}

.qualification_candidate {
  width: 100%;
}

.qualification_candidate td {
  border: 1px solid #ccc;
}

.qualification_candidate th {
  border: 1px solid #ccc;
}

.qualification_candidate th {
  color: #737272;
  font-size: 12px;
}

.qualification_candidate td {
  font-size: 12px;
  color: #ababab;
}

.levelbar-test-list {
  border-bottom: 1px solid #ccc;
  padding: 5px;
}

.levelbar-test-list p {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: bold;
}

.levelbar-footer {
  border-top: 0px solid;
}

.test-search tags-input {
  width: 90%;
  margin: 0px auto;
  margin-bottom: 20px;
}

.test-search label {
  margin-left: 30px;
}

.test-search {
  border-bottom: 1px solid #ccc;
}

.test-search .icon {
  top: 7px;
}

input[type="radio"] {
  cursor: pointer;
}

.user-management-list {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-management-list img {
  margin-top: 7px;
}

.vender-list-type {
  width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vender-list-type img {
  margin-top: 5px;
  margin-bottom: 5px;
}

.vender-list-type-email {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bulk-upload-table {
  width: 100%;
  margin: 30px;
  margin-left: 0px;
}

.bulk-upload-table-no-data {
  width: 100%;
  margin: 30px auto;
  margin-left: 0px;
}

.bulk-upload-table tr {
  border: 1px solid #ccc;
  text-align: center;
  padding: 7px;
}

.bulk-upload-table td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 7px;
}

.bulk-upload-table th {
  border: 1px solid #ccc;
  text-align: center;
  padding: 7px;
}

.add-more-button {
  width: 120px !important;
  height: 33px;
  line-height: 1;
}

.delete-invite-users {
  background: rgba(255, 0, 0, 0.55);
  padding: 1px 14px;
  line-height: 38px;
  color: #fff;
  float: left;
  margin-right: 36px;
}

.delete-invite-users:hover {
  background: #FF5630;
}

.delete-invite-users:hover {
  color: #fff;
}

.refresh-upload-resume {
  position: relative;
  top: 0px;
  float: right;
}

.refresh-upload-resume i {
  font-size: 15px;
}

.deal-size-prospect {
  color: #7D7D7D;
  font-size: 12px;
  line-height: 69px;
  position: absolute;
  right: 0px;
}

.generate-invoice {
  position: absolute;
  right: 16px;
  top: 0px;
}

.invoice-candidate .form-group {
  margin-bottom: 10px;
}

.db_circles_invoice {
  background-color: #fff;
  margin: 0px 0px;
  padding: 15px 0 15px 0px;
  -webkit-box-shadow: 0px 0px 0px #CCC4C4;
  box-shadow: 0px 0px 0px #CCC4C4;
}

.form-wizard-bulk {
  border-bottom: 1px solid #888;
  margin-top: 20px;
  margin-right: 30px;
}

/*Invoice*/
.invoice-box {
  margin: auto;
  padding: 30px;
  border: 1px solid #eee;
  font-size: 16px;
  line-height: 24px;
  color: #555;
}

.invoice-box table {
  width: 100%;
  line-height: inherit;
  text-align: left;
}

.invoice-box table td {
  padding: 5px;
  vertical-align: top;
}

.invoice-box table tr td:nth-child(2) {
  text-align: right;
}

.invoice-box table tr.top table td {
  padding-bottom: 20px;
}

.invoice-box table tr.top table td.title {
  font-size: 45px;
  line-height: 45px;
  color: #333;
}

.invoice-box table tr.information table td {
  padding-bottom: 40px;
}

.invoice-box table tr.heading td {
  background: #eee;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}

.invoice-box table tr.details td {
  padding-bottom: 20px;
}

.invoice-box table tr.item td {
  border-bottom: 1px solid #eee;
}

.invoice-box table tr.item.last td {
  border-bottom: none;
}

.invoice-box table tr.total td:nth-child(2) {
  border-top: 2px solid #eee;
  font-weight: bold;
}

@media only screen and (max-width: 600px) {
  .invoice-box table tr.top table td {
    width: 100%;
    display: block;
    text-align: center;
  }

  .invoice-box table tr.information table td {
    width: 100%;
    display: block;
    text-align: center;
  }
}

.total_amount {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  text-align: right;
}

.invoice_download {
  color: #fff;
  position: relative;
  left: 50%;
  background: transparent;
  border: none;
}

.invoice_download:hover {
  color: #fff;
}

.dots_menu_right_invoice {
  margin-right: 15px;
  margin-top: 0px;
  margin-top: -12px;
  font-size: 15px;
}

.dots_menu_right_invoice:hover {
  margin-right: 15px;
  margin-top: 0px;
  margin-top: -12px;
  font-size: 15px;
  background: #fff;
}

.DroppedOut select {
  background: burlywood;
}

.invoice_header p {
  padding: 2px;
}

.db_circles db_circles_invoice {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.invoice_candidate_check .control__indicator {
  left: 20px;
}

/*campaign form*/
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.fade.in {
  opacity: 1;
}

.campaign-container {
  position: relative;
  overflow-x: hidden;
  min-height: 500px;
  padding: 10px;
}

.animate-switch {
  padding: 10px;
  width: 100%;
}

.animate-switch.ng-animate {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
}

/* hide leaving slide  */
/* show */
.animate-switch.ng-leave {
  left: 0;
}

/* hide */
.forward .animate-switch.ng-leave.ng-leave-active {
  left: -100%;
}

.backward .animate-switch.ng-leave.ng-leave-active {
  left: 100%;
}

/* show entering slide  */
/* hide */
.forward .animate-switch.ng-enter {
  left: 100%;
}

.backward .animate-switch.ng-enter {
  left: -100%;
}

/* show */
.animate-switch.ng-enter.ng-enter-active {
  left: 0;
}

[ng\:cloak],
[ng-cloak],
.ng-cloak {
  display: none;
}

/*radio button*/
.email_campaign label.radio {
  cursor: pointer;
}

.email_campaign label.radio input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
}

.email_campaign label.radio span {
  padding: 7px 14px;
  border: 0px solid #EEE;
  color: #009BA2;
  border-radius: 3px;
}

.email_campaign label.radio input:checked+span {
  border: 0px dashed #29bbb0;
  background: #29bbb0;
  color: #fff;
  padding: 7px 14px;
}

.email_campaign P {
  text-align: center;
  margin-bottom: 50px;
  font-size: 18px;
}

.email_campaign_box {
  border: 1px solid #ccc;
  padding: 20px;
  background: rgba(204, 204, 204, 0.23);
  border-radius: 4px;
  text-align: center;
}

.email_campaign label {
  padding: 26px;
}

.campaign_bar {
  border: 0px solid #ccc;
  padding: 5px;
  border-radius: 2px;
  margin-top: 5px;
  height: 44px;
}

.tags {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.tags li {
  float: left;
}

.active_camp_tab {
  background: #29bbb0;
  color: #fff;
}

.active_camp_tab::after {
  border-left: 10px solid #29bbb0;
}

.disable_camp {
  pointer-events: none;
  cursor: default;
  color: #ccc;
}

.active_camp_tab {
  pointer-events: auto !important;
  cursor: pointer !important;
  color: #fff;
}

.campaign_position_search {
  margin-bottom: 25px;
}

.campaign_position_search .icon {
  right: 56px;
}

.campaign_tags::after {
  background: #F5F5F5;
}

.campaign_candidate_list {
  -webkit-box-shadow: 0px 0px 1px 1px #CCC4C4 !important;
  box-shadow: 0px 0px 1px 1px #CCC4C4 !important;
  margin-bottom: 20px;
}

.campaign_candidate_list .control__indicator {
  left: 10px;
}

.campaign_candidate_list_search .control__indicator {
  top: -74px;
}

.card_selection_list {
  position: relative;
  right: 10px;
  top: -25px;
  float: right;
}

.card_selection_list li {
  list-style: none;
  display: inline-block;
  padding: 13px 10px;
}

.campaign_tags {
  margin-top: 2px;
}

.campaign_tags li {
  list-style: none;
  display: inline-block;
}

@media (min-width: 768px) {

  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 100%;
    width: 100%;
  }
}

@media (min-width: 992px) {

  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */
@media (min-width: 1200px) {

  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    width: 14.285714285714285714285714285714%;
  }
}

.campaign-panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 25px;
}

.campaign-panel-heading {
  border-radius: 4px;
}

.campaign-panel .huge {
  color: #fff;
}

.panel-yellow {
  background-color: #f0ad4e;
  color: #fff;
}

.panel-green {
  background-color: #5cb85c;
  color: #fff;
}

.panel-red {
  background-color: #d9534f;
  color: #fff;
}

.campaign_table {
  margin-top: 25px;
}

.campaign_table>tbody>tr td:nth-child(2) {
  text-align: left;
}

.campaign_table>tbody>tr td {
  padding: 10px 0px 5px 7px;
}

.campaign_table p {
  margin: 0 0 0px;
}

.campaign_table td {
  cursor: pointer;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f5f5f5;
}

.dots_menu_right_campaign_dropdown {
  float: left;
  padding: 0px 0px 0px 25px;
}

.dropdown_menu_campaign {
  left: -103px;
  border: 1px solid #ccc;
  top: -15px;
}

.delete_dummy {
  position: fixed;
  bottom: 0px;
  z-index: 999;
  font-size: 15px;
  background: lightyellow;
  width: 100%;
  text-align: center;
}

.delete_dummy a {
  color: #222;
  font-weight: normal;
  font-size: 12px;
}

.campaign_candidate_dropdown {
  top: 0px;
  right: 0px;
}

.campaign_candidate {
  top: 36px;
  left: -69px;
}

.campaign_candidate li a {
  padding-left: 15px;
}

.email_campaign_btn .button.button-control span {
  padding: 10px 40px;
  font-size: 16px;
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
  font-weight: normal;
  line-height: 37px;
}

.Update_Profile_Candidate {
  margin-top: -130px;
}

.email_campaign_btn {
  float: right;
  margin-right: 10px;
}

a.disable_link {
  pointer-events: none;
  cursor: default;
  color: #ccc !important;
}

.note-editable ul li {
  list-style: initial;
  margin-left: 20px;
}

.note-editable ol li {
  list-style: inherit;
  margin-left: 20px;
}

.query-results-header>h3 {
  margin-top: 10px;
}

.candidate-resume-dropdown li {
  text-align: left;
  margin-left: 23px;
}

.invoice-candidate .form-group {
  margin-bottom: 10px;
}

.generate-invoice {
  position: absolute;
  right: 16px;
  top: 0px;
}

.db_circles_invoice .col-half-offset {
  margin-left: 3.2%;
}

.generate_invoice_multiple {
  height: 550px;
  overflow: auto;
}

/*this works for screens above 1024px*/
@media (max-width: 1024px) {
  .home.container.maincontainer.ng-scope {
    margin: 0 auto;
    padding-top: 20px;
    width: 95%;
  }

  .db_circles,
  .hr_dashboard {
    width: 100%;
    padding: 20px 15px;
    margin: 0 0 30px;
  }

  .db_circles:after {
    content: "";
    display: block;
    clear: both;
  }

  .wrap2 {
    margin: 0;
  }

  .wrap2 .wrap2_div1 {
    width: 49%;
  }

  .maincontainer1.col-md-9 {
    width: 100%;
    padding: 0;
  }

  .maincontainer1.col-md-9:after {
    content: "";
    display: block;
    clear: both;
  }
}

/*media max width 1024*/
@media (max-width: 1024px) {

  /* Dashboard */
  .home.container.maincontainer.ng-scope {
    margin: 0 auto;
    padding-top: 20px;
    width: 95%;
  }

  .db_circles,
  .hr_dashboard {
    width: 100%;
    padding: 20px 15px;
    margin: 0 0 30px;
  }

  .db_circles:after {
    content: "";
    display: block;
    clear: both;
  }

  .wrap2 {
    margin: 0;
  }

  .wrap2 .wrap2_div1 {
    width: 49%;
  }

  .maincontainer1.col-md-9 {
    width: 100%;
    padding: 0;
  }

  .maincontainer1.col-md-9:after {
    content: "";
    display: block;
    clear: both;
  }

  /* Positions */
  .filter_wrap {
    width: 45%;
  }

  .filter_wrap #close_filter {
    display: none;
  }

  .filter_wrap .filter {
    width: auto;
  }

  .maincontainer1.col-md-9 {
    margin-top: 170px;
    margin-bottom: 30px;
  }

  .mob>p {
    float: right;
    margin-right: 30px;
  }

  .tab-pane:after {
    content: "";
    display: block;
    clear: both;
  }

  .container {
    display: block;
    clear: both;
  }

  div[ng-if="positionList.length > 0"] {
    clear: both;
  }

  svg {
    max-width: 100%;
  }

  div[dir="ltr"] {
    max-width: 100%;
  }

  /* Departments Page */
  body[class="forgot_password home.client-list"] .filter_wrap {
    width: 45%;
    float: right;
  }

  body[class="forgot_password home.client-list"] .filter_wrap .filter {
    width: auto;
  }

  body[class="forgot_password home.client-list"] .filter_wrap #close_filter {
    display: none;
  }

  body[class="forgot_password home.client-list"] .maincontainer1 {
    margin-top: 160px;
    margin-bottom: 20px;
  }

  body[class="forgot_password home.client-metrics"] {
    display: none;
  }

  /* Pipe Line Page */
  #someList .board-round-list {
    min-width: 335px;
    overflow: hidden;
    margin: 0;
  }

  #someList {
    margin: 10px 0 0;
  }

  .panel-info>.panel-heading {
    max-width: 360px;
    width: 100%;
    position: relative;
  }

  .panel-info>.panel-heading+.panel-body {
    margin-top: 0;
  }

  #someList .panel-title:after {
    content: "";
    display: block;
    clear: both;
  }

  #someList .board-round-list .panel {
    width: 100%;
    padding: 5px;
    overflow: hidden;
    position: relative;
  }

  #someList .panel-title .board-sort-by {
    left: auto;
    right: 10px;
  }

  #someList .panel-title h3 {
    width: 100%;
    padding-left: 10px;
  }

  .mCSB_scrollTools {
    right: -10px;
  }

  #someList .stat {
    top: auto;
    right: 10px;
    bottom: 35px;
  }

  body[class="forgot_password home.client-details"] .col-md-offset-1,
  body[class="forgot_password home.position-details"] .col-md-offset-1 {
    margin-left: 0;
    width: 65%;
  }

  body[class="forgot_password home.client-details"] .cand_cv,
  body[class="forgot_password home.position-details"] .cand_cv {
    margin-top: 20px;
    margin-bottom: 0;
  }

  body[class="forgot_password home.client-details"] .cand_cv li,
  body[class="forgot_password home.position-details"] .cand_cv li {
    padding: 0;
  }

  body[class="forgot_password home.client-details"] .cand_cv li a,
  body[class="forgot_password home.position-details"] .cand_cv li a {
    padding: 10px !important;
    line-height: 30px;
    display: block;
  }

  body[class="forgot_password home.client-details"] .cand_cv+.clearfix,
  body[class="forgot_password home.position-details"] .cand_cv+.clearfix {
    display: none;
  }

  body[class="forgot_password home.client-details"] .maincontainer5,
  body[class="forgot_password home.position-details"] .maincontainer5 {
    margin-top: 0;
  }

  body[class="forgot_password home.client-details"] .user_info-position img,
  body[class="forgot_password home.position-details"] .user_info-position img {
    max-width: 30px;
    margin-top: 10px;
  }

  body[class="forgot_password home.client-details"] .tab-content .container-fluid,
  body[class="forgot_password home.position-details"] .tab-content .container-fluid {
    padding: 0 10px;
  }

  body[class="forgot_password home.client-details"] .tab-content .container-fluid .row,
  body[class="forgot_password home.position-details"] .tab-content .container-fluid .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  body[class="forgot_password home.client-details"] img.activity-icon,
  body[class="forgot_password home.position-details"] img.activity-icon {
    max-width: 35px;
    margin-top: 10px;
    margin-left: -5px;
  }

  body[class="forgot_password home.position-details"] .job_description {
    max-width: 95%;
  }

  body[class="forgot_password home.position-details"] .job_description li {
    font-size: 13px;
    margin-bottom: 10px;
  }

  body[class="forgot_password board_page"] .filter_wrap form+.edit,
  body[class="forgot_password board_page"] .filter_wrap form {
    display: none;
  }

  body[class="forgot_password board_page"] .filter_wrap {
    width: 40%;
  }
}

/*media max width 1024 ends*/
.shiftmodal .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;
}

.shiftmodal .nav-tabs {
  border-bottom: 1px solid #ddd;
}

.remove_tab i {
  /* IE 9 */
  -webkit-transform: rotate(30deg);
  /* Chrome, Safari, Opera */
  transform: rotate(30deg);
}

.text-edit-board ul {
  margin-bottom: 0px;
  margin-top: -6px;
}

.text-edit-board ul li {
  width: 50%;
  display: block;
  padding: 10px 10px;
}

tags-input .tags .tag-item {
  width: auto;
}

.text-edit-board .menus a {
  display: block;
  text-align: center;
}

.text-edit-board .menus .active a {
  display: block;
  background: #fff;
  border: 0px;
  border-bottom: 3px solid #29bbb0;
}

.interview_bottom_line {
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  margin-bottom: 10px;
}

.delete_schedule {
  float: right;
  color: lightcoral;
}

.delete_schedule:hover {
  color: lightcoral;
}

.feedback_form .chosen-container-single .chosen-single {
  padding: 3px 0 0 8px;
  border: 1px solid #aaa;
  border-radius: 0px;
}

.feedback_form .chosen-container-single .chosen-single div b {
  margin-top: 5px;
}

.chosen-container .chosen-results li.active-result {
  width: 100%;
}

/*privacy style*/
body.terms_of_service,
body.privacy-policy,
body.service_level_agreement,
body.anti_spam_policy {
  color: #666666;
  font-size: 15px;
  line-height: 2;
}

body.terms_of_service .navbar-default .container,
body.privacy-policy .navbar-default .container,
body.service_level_agreement .navbar-default .container,
body.anti_spam_policy .navbar-default .container {
  padding: 0;
}

body.terms_of_service .container,
body.privacy-policy .container,
body.service_level_agreement .container,
body.anti_spam_policy .container {
  padding: 0 30px 30px;
}

body.terms_of_service p,
body.privacy-policy p,
body.service_level_agreement p,
body.anti_spam_policy p {
  font-size: 15px;
  line-height: 2;
  color: #666666;
  margin: 15px 0;
}

body.terms_of_service a,
body.privacy-policy a,
body.service_level_agreement a,
body.anti_spam_policy a {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: inline-block;
  font-weight: bold;
}

body.terms_of_service a:hover,
body.terms_of_service a:focus,
body.terms_of_service a:active,
body.privacy-policy a:hover,
body.privacy-policy a:focus,
body.privacy-policy a:active,
body.service_level_agreement a:hover,
body.service_level_agreement a:focus,
body.service_level_agreement a:active,
body.anti_spam_policy a:hover,
body.anti_spam_policy a:focus,
body.anti_spam_policy a:active {
  color: #209189;
}

body.terms_of_service .navbar-default .navbar-nav>li>a,
body.privacy-policy .navbar-default .navbar-nav>li>a,
body.service_level_agreement .navbar-default .navbar-nav>li>a,
body.anti_spam_policy .navbar-default .navbar-nav>li>a {
  font-size: 14px;
}

body.terms_of_service h2,
body.privacy-policy h2,
body.service_level_agreement h2,
body.anti_spam_policy h2 {
  text-transform: uppercase;
  font-size: 30px;
}

body.terms_of_service h3,
body.privacy-policy h3,
body.service_level_agreement h3,
body.anti_spam_policy h3 {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 14px;
  margin: 40px 0 20px;
  line-height: 1;
  color: #424242;
  border-bottom: solid 1px #e6e6e6;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

body.terms_of_service br,
body.privacy-policy br,
body.service_level_agreement br,
body.anti_spam_policy br {
  display: none;
}

body.terms_of_service .container>ul,
body.privacy-policy .container>ul,
body.service_level_agreement .container>ul,
body.anti_spam_policy .container>ul {
  display: block;
  margin: 20px 0;
  margin-left: 20px;
  letter-spacing: 0.02em;
  counter-reset: my-counter;
}

body.terms_of_service .container>ul li,
body.privacy-policy .container>ul li,
body.service_level_agreement .container>ul li,
body.anti_spam_policy .container>ul li {
  counter-increment: my-counter;
  padding-top: 15px;
  position: relative;
  padding-left: 25px;
}

body.terms_of_service .container>ul li:first-child,
body.privacy-policy .container>ul li:first-child,
body.service_level_agreement .container>ul li:first-child,
body.anti_spam_policy .container>ul li:first-child {
  padding-top: 0;
}

body.terms_of_service .container>ul li:before,
body.privacy-policy .container>ul li:before,
body.service_level_agreement .container>ul li:before,
body.anti_spam_policy .container>ul li:before {
  content: counter(my-counter) ". ";
  position: absolute;
  left: 0;
}

body.terms_of_service .page-header,
body.privacy-policy .page-header,
body.service_level_agreement .page-header,
body.anti_spam_policy .page-header {
  letter-spacing: 0.02em;
  margin: 0 -30px 30px;
  background: #e9faf9;
  border-bottom: solid 1px #bff1ed;
  padding: 20px;
}

body.terms_of_service .page-header h2,
body.privacy-policy .page-header h2,
body.service_level_agreement .page-header h2,
body.anti_spam_policy .page-header h2 {
  margin-top: 0;
}

body.terms_of_service .page-header ul,
body.privacy-policy .page-header ul,
body.service_level_agreement .page-header ul,
body.anti_spam_policy .page-header ul {
  display: block;
  margin: 15px 0;
  font-weight: bold;
  font-size: 16px;
  counter-reset: my-counter;
}

body.terms_of_service .page-header ul:after,
body.privacy-policy .page-header ul:after,
body.service_level_agreement .page-header ul:after,
body.anti_spam_policy .page-header ul:after {
  content: "";
  display: block;
  clear: both;
}

body.terms_of_service .page-header ul li,
body.privacy-policy .page-header ul li,
body.service_level_agreement .page-header ul li,
body.anti_spam_policy .page-header ul li {
  padding: 0;
  display: inline-block;
  counter-increment: my-counter;
}

body.terms_of_service .page-header ul li:before,
body.privacy-policy .page-header ul li:before,
body.service_level_agreement .page-header ul li:before,
body.anti_spam_policy .page-header ul li:before {
  content: counter(my-counter) ".";
  padding-right: 10px;
  padding-left: 0;
}

body.terms_of_service .page-header ul li:after,
body.privacy-policy .page-header ul li:after,
body.service_level_agreement .page-header ul li:after,
body.anti_spam_policy .page-header ul li:after {
  content: ",";
  padding-right: 10px;
}

body.terms_of_service .page-header ul li:last-child:after,
body.privacy-policy .page-header ul li:last-child:after,
body.service_level_agreement .page-header ul li:last-child:after,
body.anti_spam_policy .page-header ul li:last-child:after {
  display: none;
}

body.terms_of_service .page-header p:last-of-type,
body.privacy-policy .page-header p:last-of-type,
body.service_level_agreement .page-header p:last-of-type,
body.anti_spam_policy .page-header p:last-of-type {
  margin-bottom: 0;
}

body.privacy-policy .container.ng-scope {
  padding: 0 30px 30px;
}

body.privacy-policy .page-header {
  margin: 0 -30px 30px;
  padding: 30px;
}

body.privacy-policy .page-header h2 {
  position: relative;
  display: block;
  color: #000;
}

body.privacy-policy .page-header h2:after {
  content: "";
  display: block;
  width: 200px;
  height: 1px;
  background: #bfbfbf;
  margin: 0 auto;
}

body.privacy-policy .page-header+h3 {
  margin-top: 15px;
}

body.service_level_agreement .page-header,
body.anti_spam_policy .page-header {
  text-align: center;
  padding: 40px 0;
}

body.service_level_agreement .page-header h4,
body.anti_spam_policy .page-header h4 {
  text-align: center;
  text-transform: uppercase;
  color: #3b3b3b;
}

body.service_level_agreement .page-header h2,
body.anti_spam_policy .page-header h2 {
  position: relative;
  display: block;
  color: #000;
  margin-bottom: 0;
}

body.service_level_agreement .page-header h2:after,
body.anti_spam_policy .page-header h2:after {
  content: "";
  display: block;
  width: 250px;
  height: 1px;
  background: #bfbfbf;
  margin: 10px auto;
}

body.service_level_agreement .page-header p,
body.anti_spam_policy .page-header p {
  letter-spacing: 0.1em;
}

/*styles fixing issues*/
.swal-wide {
  width: auto;
}

.board_piller:last-child {
  margin-bottom: 70px;
}

/* Mail Box */
.mailbox-wrapper {
  width: 100%;
  padding: 20px;
  padding-top: 130px;
  margin: 0 auto 30px;
  font-size: 14px;
  line-height: 1.8;
}

.mailbox-wrapper .mailbox {
  background: #fff;
  border: solid 1px #e6e6e6;
  background: #fff;
  margin: 0 auto;
}

.mailbox-wrapper .column-left,
.mailbox-wrapper .column-right {
  padding: 0;
}

.mailbox-wrapper .column-right {
  border-left: solid 1px #e6e6e6;
}

.mailbox-wrapper .btn {
  border-radius: 0;
  outline: none;
}

.mailbox-wrapper .message {
  background: #fafafa;
}

.mailbox-wrapper .message .mailbox {
  background: transparent;
}

.mailbox-wrapper .message .mail-footer {
  display: none;
}

.mailbox-wrapper .message:not(.threaded-message) {
  background: #fff;
}

.mailbox-wrapper .message:not(.threaded-message) .mail-footer {
  display: block;
}

.mail-box {
  padding: 0;
  margin-bottom: 0;
}

.mail-box .table-mail {
  margin-bottom: 0;
}

.mail-box .table-mail tr {
  border-bottom: solid 1px #e6e6e6;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.mail-box .table-mail tr.unread {
  background: #effbfa;
}

.mail-box .table-mail tr:first-child {
  border-top: solid 1px #e6e6e6;
}

.mail-box .table-mail tr:last-child {
  border-bottom: none;
}

.mail-box .table-mail tr:hover {
  background: #f7fdfd;
}

.mail-box .table-mail tr td {
  border: none;
  padding: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mail-box .table-mail td.check-mail {
  width: 40px;
  padding-top: 15px;
  padding-left: 20px;
}

.mail-box .table-mail td.mail-date {
  padding-right: 20px;
}

.mail-box .table-mail .unread td a,
.mail-box .table-mail .unread td {
  font-weight: 600;
  color: inherit;
}

.mail-box .table-mail .read td a,
.mail-box .table-mail .read td {
  font-weight: normal;
  color: inherit;
}

.mail-box input[type="checkbox"] {
  background: #fff;
  border: solid 1px gray;
  webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 14px;
  width: 14px;
  float: none;
  position: relative;
  margin: 0;
}

.mail-box input[type="checkbox"]:after {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.mail-box input[type="checkbox"]:checked:after {
  top: 1px;
  left: 1px;
  content: "\f00c";
  width: 100%;
  height: 100%;
  display: block;
  font-family: "FontAwesome";
  font-size: 10px;
  position: absolute;
  color: #29bbb0;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.mail-box:after {
  position: absolute;
}

.mail-box-header {
  background-color: #ffffff;
  border: none;
  padding: 0;
  padding-bottom: 0;
}

.mail-box-header h2 {
  margin-top: 0;
}

.mail-box-header .mail-tools {
  background: whitesmoke;
  padding: 8px 20px;
}

.mail-box-header .mail-tools .btn-sm {
  min-width: 30px;
  text-align: center;
}

.mail-box-header .mail-box-top {
  padding: 17px 20px 12px;
  min-height: 78px;
}

.mail-box-header .mail-box-top h2 {
  margin-bottom: 0;
  font-size: 21px;
}

.mail-tools h3 {
  margin-top: 0px;
  font-size: 27px;
}

.mail-tools h5 {
  font-size: 16px;
}

.mail-body {
  border-top: 1px solid #e7eaec;
  padding: 20px;
  zoom: 1;
}

.mail-body:before,
.mail-body:after {
  content: "";
  display: table;
}

.mail-body:after {
  clear: both;
}

.mail-attachment {
  border-top: 1px solid #e7eaec;
  padding: 20px;
  font-size: 12px;
  zoom: 1;
}

.mail-attachment:before,
.mail-attachment:after {
  content: "";
  display: table;
}

.mail-attachment:after {
  clear: both;
}

.mail-footer {
  border-top: 1px solid #e7eaec;
  padding: 20px;
  zoom: 1;
}

.mail-footer:before,
.mail-footer:after {
  content: "";
  display: table;
}

.mail-footer:after {
  clear: both;
}

.action-btns .btn {
  border: solid 1px #e6e6e6 !important;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.08em;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.action-btns .btn i {
  color: gray;
  margin-right: 5px;
}

.action-btns .btn:hover {
  background: #f2f2f2;
}

.action-btns .btn.btn-icon i {
  margin-right: 0;
}

.action-btns .btn.btn-primary i,
.action-btns .btn.btn-warning i,
.action-btns .btn.btn-info i,
.action-btns .btn.btn-success i,
.action-btns .btn.btn-danger i {
  color: #fff;
}

.action-btns .btn.btn-primary {
  border-color: #2ca69d !important;
}

.action-btns .btn.btn-primary:hover {
  background: #2ca69d !important;
}

.action-btns .btn.btn-warning {
  border-color: #eea236 !important;
}

.action-btns .btn.btn-warning:hover {
  background: #eea236 !important;
}

.action-btns .btn.btn-info {
  border-color: #46b8da !important;
}

.action-btns .btn.btn-info:hover {
  background: #46b8da !important;
}

.action-btns .btn.btn-success {
  border-color: #4cae4c !important;
}

.action-btns .btn.btn-success:hover {
  background: #4cae4c !important;
}

.action-btns .btn.btn-danger {
  border-color: #d43f3a !important;
}

.action-btns .btn.btn-danger:hover {
  background: #d43f3a !important;
}

.mail-search {
  max-width: 300px;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.mail-search input {
  border: solid 1px #e6e6e6;
  font-size: 14px;
  padding: 0 10px;
}

.mail-search button {
  padding: 0 20px;
  line-height: 0.8;
}

.mail-search .form-control,
.mail-search button {
  height: 30px;
  font-size: 13px;
}

.mailbox-content .tag-list li a {
  background: #ffffff;
}

.mail-text {
  border-top: 1px solid #e7eaec;
  padding: 20px;
}

.mail-text .note-editor {
  margin-bottom: 0;
}

.mail-text .note-toolbar {
  padding: 10px 15px;
}

.mail-body .form-group {
  margin-bottom: 15px;
  zoom: 1;
}

.mail-body .form-group:before,
.mail-body .form-group:after {
  content: "";
  display: table;
}

.mail-body .form-group:after {
  clear: both;
}

.mail-body .form-group:last-child {
  margin-bottom: 0;
}

.mail-body .form-group label {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.04em;
}

.mail-text .note-editor .note-toolbar {
  background-color: #F9F8F8;
}

.mailbox-content {
  background: none;
  border: none;
  padding: 10px;
}

.mail-contact {
  width: 23%;
}

.file-manager h5 {
  font-size: 14px;
  margin: 0;
  padding: 14px 15px;
  background: whitesmoke;
  border-bottom: solid 1px #e6e6e6;
}

.file-manager a.compose-mail {
  font-size: 16px;
  font-weight: bold;
  margin: 15px;
  max-width: 100%;
  display: block;
  width: auto;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  height: 48px;
  line-height: 30px;
}

.file-manager a.compose-mail:hover {
  background: #2ca69d !important;
}

.file-manager ul {
  padding: 0;
}

.file-manager ul li {
  padding: 5px 15px;
  border-bottom: 1px solid #e7eaec;
  display: block;
}

.file-manager ul li span.label {
  margin-top: 3px;
}

.file-manager li a {
  color: #666666;
  display: block;
  padding: 5px 0;
  font-weight: 600;
}

.file-manager li a:hover {
  color: #31BAB0;
}

.file-manager i {
  margin-right: 8px;
  color: #3d4d5d;
}

.file-box {
  float: left;
  width: 220px;
  text-align: center;
  overflow: hidden;
  padding: 10px;
  overflow-wrap: break-word;
}

.file-manager h5 {
  text-transform: uppercase;
}

.file-manager {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.attachment-icons i {
  font-size: 40px;
  margin-bottom: 5px;
}

/* -------------------------------------------------- */
/*	Sprite Icons
/* -------------------------------------------------- */
/*	Stage Icons	 */
.head-icon {
  display: block;
  background: url(../images/header-sprite.png) no-repeat 0 0;
}

.head-icon.head-icon-lock {
  background-position: 10px -22px;
}

.tmm-success>.head-icon.head-icon-lock,
.tmm-current>.head-icon.head-icon-lock {
  background-position: 10px -423px;
}

.head-icon.head-icon-user {
  background-position: 8px -107px;
}

.tmm-success>.head-icon.head-icon-user,
.tmm-current>.head-icon.head-icon-user {
  background-position: 9px -506px;
}

.head-icon.head-icon-payment {
  background-position: 9px -206px;
}

.tmm-success>.head-icon.head-icon-payment,
.tmm-current>.head-icon.head-icon-payment {
  background-position: 9px -606px;
}

.head-icon.head-icon-details {
  background-position: 8px -312px;
}

.tmm-success>.head-icon.head-icon-details,
.tmm-current>.head-icon.head-icon-details {
  background-position: 8px -713px;
}

/*	end Stage Icons	 */
/*	Form Icons  */
.form-icon {
  display: block;
  background: url(../images/sprite.png) no-repeat 0 0;
}

.form-icon.form-icon-user {
  background-position: right -19px;
}

.form-icon.form-icon-lock {
  background-position: right -63px;
}

.form-icon.form-icon-mail {
  background-position: right -114px;
}

.form-icon.form-icon-phone {
  background-position: right -158px;
}

/*	Form title Icons  */
.form-icon.title-icon-user {
  background-position: -10px -25px;
}

.form-icon.title-icon-lock {
  background-position: -10px -70px;
}

.form-icon.title-icon-payment {
  background-position: -10px -211px;
}

.form-icon.title-icon-card {
  background-position: 0px -260px;
}

/* ---------------------------------------------------------------------- */
/*	FORM COLOR CONFIGURATIONS
/* ---------------------------------------------------------------------- */
/*	Stage  */
#tmm-form-wizard .stage:before,
#tmm-form-wizard .stage:after {
  background-color: #CCCCCC;
}

/*  Set color for STAGE LINE  */
#tmm-form-wizard .stage-header {
  background-color: #CCCCCC;
}

/*	Set background color for STAGE HEADER  */
#tmm-form-wizard .stage-info {
  color: #a8a8a8;
}

/*	Set color for STAGE INFO  */
/*	end Stage  */
/*	Current stage  */
#tmm-form-wizard .stage.tmm-current .stage-header {
  background-color: #29bbb0;
}

/*	Set background color for CURRENT STAGE  */
#tmm-form-wizard .stage.tmm-current .stage-header.head-number {
  color: #fff;
}

/*	Set color for CURRENT STAGE TEXT  */
#tmm-form-wizard .stage.tmm-current:before {
  background-color: #29bbb0;
}

/*	Set background color for CURRENT STAGE LINE  */
/*	end Current stage  */
/*	Success stage  */
#tmm-form-wizard .stage.tmm-success .stage-header {
  background-color: #29bbb0;
}

/*	Set background color for SUCCESS STAGE  */
#tmm-form-wizard .stage.tmm-success .stage-header.head-number {
  color: #3c611b;
}

/*	Set color for SUCCESS STAGE TEXT  */
#tmm-form-wizard .stage.tmm-success:after,
#tmm-form-wizard .stage.tmm-success:before {
  background-color: #29bbb0;
}

/*	Set background color for SUCCESS STAGE LINE  */
#tmm-form-wizard .stage.tmm-success .stage-header:after {
  color: #fff;
}

/*  Set color for SUCCESS STAGE ICON  */
/*	end Success stage  */
/*	Form elements  */
#tmm-form-wizard .form-title {
  color: #7e8b8f;
}

/*	Set color for FORM TITLE  */
#tmm-form-wizard .steps {
  color: #636363;
}

/*	Set color for FORM STEPS  */
#tmm-form-wizard .dropdown-select {
  color: #b5b5b5;
}

/*	Set color for SELECT TEXT  */
#tmm-form-wizard .data-container {
  background-color: #fff;
}

/*	Set background color for DATA CONTAINER(last stage)  */
#tmm-form-wizard.substrate {
  background-color: #fff;
}

/*  Set background color for FORM SUBSTRATE  */
#tmm-form-wizard .tip a {
  color: #fb6b5b;
}

/*  Set color for TIP  */
/*	end Form elements  */
/*	Tooltip  */
#tmm-form-wizard .tooltip {
  background: #fb6b5b;
}

/*	 Set background color for TOOLTIP   */
#tmm-form-wizard .tooltip:after {
  border-color: transparent #fb6b5b transparent transparent;
}

/*	 Set color for TOOLTIP TRIANGLE  */
#tmm-form-wizard .tooltip {
  color: #fff;
}

/*	 Set color for TOOLTIP TEXT  */
/*	end Tooltip  */
input[type="radio"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
  width: 20px;
  height: 20px;
  vertical-align: text-top;
  margin: 0px 0 15px 0;
}

.radio_input {
  color: #363636;
}

.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

.custom-file-upload {
  display: block;
  width: auto;
  font-size: 16px;
  margin-top: 30px;
}

.add_profile input {
  width: 250px !important;
}

.file-upload-wrapper {
  position: relative;
  margin-bottom: 5px;
}

.file-upload-input {
  color: #433642;
  font-size: 14px;
  padding: 5px 30px 5px 5px;
  border-bottom: 1px solid #c4cdcf;
  border-top: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  float: left;
  /* IE 9 Fix */
}

.file-upload-input:hover,
.file-upload-input:focus {
  outline: none;
}

.file-upload-button {
  cursor: pointer;
  display: inline-block;
  color: #433642;
  font-size: 14px;
  padding: 5px 30px;
  border: none;
  margin-left: 8px;
  background-color: #fff;
  float: left;
  border: 1px solid #c4cdcf;
}

/*Disable MDL validation styles*/
.mdl-textfield.is-invalid .mdl-textfield__input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: rgba(0, 0, 0, 0.26);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
  color: #3f51b5;
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: #3f51b5;
}

/*Validation styles based on MDL*/
.ng-invalid.ng-invalid.ng-touched {
  border-color: #de3226;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ng-invalid.ng-invalid.ng-touched+label {
  color: #de3226;
  font-size: 12px;
}

.ng-invalid.ng-invalid.ng-touched+label:after {
  background-color: #de3226;
}

.ng-invalid.ng-invalid.ng-touched~.mdl-tooltip--validation {
  background-color: #de3226;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus {
  border-color: #ffc107;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus+label {
  color: #ffc107;
  font-size: 12px;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus+label:after {
  background-color: #ffc107;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus~.mdl-tooltip--validation {
  background-color: #ffc107;
}

.ng-invalid.ng-touched:not(:focus)+label::before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  position: absolute;
  right: 0;
  bottom: 20px;
}

.ng-valid.ng-touched:not(:focus)+label::before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  content: "done";
  position: absolute;
  right: 0;
  bottom: 20px;
}

/*Basic styles*/
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label .animate-switch-container.forward.longStage {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: auto;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.fade.in {
  opacity: 1;
}

.animate-switch-container {
  position: relative;
  overflow: hidden;
  height: auto;
  width: 550px;
  padding: 10px;
  background: url("../images/line.jpg") repeat-y;
}

.animate-switch {
  padding: 10px;
  width: 100%;
}

.animate-switch.ng-animate {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
}

/* hide leaving slide  */
/* show */
.animate-switch.ng-leave {
  left: 0;
}

/* hide */
.forward .animate-switch.ng-leave.ng-leave-active {
  left: -100%;
}

.backward .animate-switch.ng-leave.ng-leave-active {
  left: 100%;
}

/* show entering slide  */
/* hide */
.forward .animate-switch.ng-enter {
  left: 100%;
}

.backward .animate-switch.ng-enter {
  left: -100%;
}

/* show */
.animate-switch.ng-enter.ng-enter-active {
  left: 0;
}

/*Error Tooltip */
.err_tip {
  position: absolute;
  bottom: 50px;
  right: 0px;
  width: 200px;
  background-color: #DA362A;
  color: white;
  padding: 2px;
  border-radius: 16px;
  -webkit-box-shadow: 3px 3px 10px #888888;
  box-shadow: 3px 3px 10px #888888;
  margin: 5px;
  text-align: center;
  border: 2px solid #000000;
  z-index: 1;
}

.err_tip:after,
.err_tip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.err_tip:after {
  border-color: rgba(218, 54, 42, 0);
  border-top-color: #DA362A;
  border-width: 10px;
  margin-left: -10px;
}

.err_tip:before {
  border-color: transparent;
  border-top-color: #000000;
  border-width: 13px;
  margin-left: -13px;
}

.animate-switch .mdl-radio__label {
  cursor: pointer;
  color: #ccc;
}

/*!
 * ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 */
.clockpicker .input-group-addon {
  cursor: pointer;
}

.clockpicker-moving {
  cursor: move;
}

.clockpicker-align-left.popover>.arrow {
  left: 25px;
}

.clockpicker-align-top.popover>.arrow {
  top: 17px;
}

.clockpicker-align-right.popover>.arrow {
  left: auto;
  right: 25px;
}

.clockpicker-align-bottom.popover>.arrow {
  top: auto;
  bottom: 6px;
}

.clockpicker-popover .popover-title {
  background-color: #fff;
  color: #999;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}

.clockpicker-popover .popover-title span {
  cursor: pointer;
}

.clockpicker-popover .popover-content {
  background-color: #f8f8f8;
  padding: 12px;
}

.popover-content:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.clockpicker-plate {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  overflow: visible;
  position: relative;
  /* Disable text selection highlighting. Thanks to Hermanya */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clockpicker-canvas,
.clockpicker-dial {
  width: 200px;
  height: 200px;
  position: absolute;
  left: -1px;
  top: -1px;
}

.clockpicker-minutes {
  visibility: hidden;
}

.clockpicker-tick {
  border-radius: 50%;
  color: #666;
  line-height: 26px;
  text-align: center;
  width: 26px;
  height: 26px;
  position: absolute;
  cursor: pointer;
}

.clockpicker-tick.active,
.clockpicker-tick:hover {
  background-color: #c0e5f7;
  background-color: rgba(0, 149, 221, 0.25);
}

.clockpicker-button {
  background-image: none;
  background-color: #fff;
  border-width: 1px 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
  padding: 10px 0;
}

.clockpicker-button:hover {
  background-image: none;
  background-color: #ebebeb;
}

.clockpicker-button:focus {
  outline: none !important;
}

.clockpicker-dial {
  -webkit-transition: -webkit-transform 350ms, opacity 350ms;
  -webkit-transition: opacity 350ms, -webkit-transform 350ms;
  transition: opacity 350ms, -webkit-transform 350ms;
  transition: transform 350ms, opacity 350ms;
  transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
}

.clockpicker-dial-out {
  opacity: 0;
}

.clockpicker-hours.clockpicker-dial-out {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.clockpicker-minutes.clockpicker-dial-out {
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}

.clockpicker-canvas {
  -webkit-transition: opacity 175ms;
  transition: opacity 175ms;
}

.clockpicker-canvas-out {
  opacity: 0.25;
}

.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
  stroke: none;
  fill: #0095dd;
}

.clockpicker-canvas-bg {
  stroke: none;
  fill: #c0e5f7;
}

.clockpicker-canvas-bg-trans {
  fill: rgba(0, 149, 221, 0.25);
}

.clockpicker-canvas line {
  stroke: #0095dd;
  stroke-width: 1;
  stroke-linecap: round;
  /*shape-rendering: crispEdges;*/
}

.clockpicker-button.am-button {
  margin: 1px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.clockpicker-button.pm-button {
  margin: 1px 1px 1px 136px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

/*>>>>>>>>>>>>>Start of clock CSSS>>>>>>>>>*/
/*!
 * ClockPicker v{package.version} for jQuery (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 * 
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/* Picked from bootstrap: .popover, .btn, .text-primary */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10100;
  display: none;
  max-width: 276px;
  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, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.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;
  font-weight: normal;
  line-height: 18px;
  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;
  /* The following are set in WordPress (wp-admin/css/revisions.css) - reset them to initial values */
  overflow: visible;
  margin: 0;
  padding: 0;
  z-index: auto;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
  -webkit-transform: none;
  transform: none;
}

.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, 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, 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, 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, 0.25);
}

.popover.left>.arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.btn {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #fff;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-default {
  color: #333;
  background-color: #29bbb0;
  border-color: #333;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-block {
  display: block;
  width: 100%;
}

.text-primary {
  color: #428bca;
}

.clk {
  width: 77px;
}

/*>>>>>>>>>>>>>end of clock CSSS>>>>>>>>>*/
/*>>>>>>>>>>Upload css*>>>>>>>>>>*/
.custom-file-input::before {
  content: 'Replace file';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input:hover::before {
  border-color: black;
}

.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

md-input-container .md-input[type=text]:-webkit-autofill~label:not(.md-no-float) {
  -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  transform: translate3d(0, 6px, 0) scale(0.75);
  -webkit-transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  width: calc((100% - 18px) / 0.75);
  color: #3f51b5;
}

.intl-tel-input {
  position: relative;
  display: inline-block;
}

.intl-tel-input * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
  position: fixed;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag {
  width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  -webkit-box-shadow: 0px 0px 1px 0px #888;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../images/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../images/flags@2x.png");
  }
}

.iti-flag.np {
  background-color: transparent;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

/* HTML Element Styles */
body,
html {
  height: auto !important;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  background: #F7F8FB !important;
  font-size: 14px;
  height: auto;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.modal-open {
  overflow: hidden;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.table tr td {
  vertical-align: middle;
}

.table tbody>tr td {
  padding: 10px;
}

.table>thead>tr {
  background: #21BCB0;
  color: #fff;
}

.table-striped>tbody tr {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.table-striped>tbody tr:nth-of-type(odd) {
  background: #FAFBFF;
}

.table-striped>tbody tr:hover {
  background: #F0FCFB;
}

.table-bordered {
  border: solid 1px #DCE0E9;
}

.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: solid 1px #DCE0E9;
}

.table-bordered>thead>tr>th {
  padding: 15px 10px;
}

.table-new>thead>tr {
  color: #2D3255;
  background: #E8EBF2;
  border: solid 1px #E8EBF2;
}

.table-new>thead>tr>th {
  font-size: 14px;
  font-weight: bold;
}

.table-new>tbody>tr>td {
  padding: 15px 10px !important;
}

.tooltip {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #fff;
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 13px;
  font-style: normal;
  line-height: 2;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
  filter: alpha(opacity=0);
  opacity: 0;
  letter-spacing: 0.02em;
}

.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 .tooltip-inner {
  max-width: 400px;
  padding: 3px 10px;
  color: #fff;
  text-align: left;
  background-color: #000;
  border-radius: 2px;
}

.tooltip .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;
}

/* Icons */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?73zp8l");
  src: url("../fonts/icomoon.eot?73zp8l#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?73zp8l") format("truetype"), url("../fonts/icomoon.woff?73zp8l") format("woff"), url("../fonts/icomoon.svg?73zp8l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"].icon2x,
[class*=" icon-"].icon2x {
  font-size: 21px;
}

.icon-businessman:before {
  content: "\e930";
}

.icon-clipboard:before {
  content: "\e92f";
  color: #4c4c4c;
}

.icon-link_off:before {
  content: "\e92e";
}

.icon-filter_alt:before {
  content: "\e92d";
}

.icon-calender:before {
  content: "\e92c";
}

.icon-data:before {
  content: "\e900";
}

.icon-export-import:before {
  content: "\e901";
}

.icon-3d_rotation:before {
  content: "\e84d";
}

.icon-ac_unit:before {
  content: "\eb3b";
}

.icon-alarm:before {
  content: "\e855";
}

.icon-access_alarms:before {
  content: "\e191";
}

.icon-schedule:before {
  content: "\e8b5";
}

.icon-accessibility:before {
  content: "\e84e";
}

.icon-account_balance:before {
  content: "\e84f";
}

.icon-account_balance_wallet:before {
  content: "\e850";
}

.icon-account_box:before {
  content: "\e851";
}

.icon-account_circle:before {
  content: "\e853";
}

.icon-adb:before {
  content: "\e60e";
}

.icon-add:before {
  content: "\e145";
}

.icon-add_a_photo:before {
  content: "\e439";
}

.icon-alarm_add:before {
  content: "\e856";
}

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

.icon-add_box:before {
  content: "\e146";
}

.icon-add_circle:before {
  content: "\e147";
}

.icon-control_point:before {
  content: "\e3ba";
}

.icon-add_location:before {
  content: "\e567";
}

.icon-add_shopping_cart:before {
  content: "\e854";
}

.icon-queue:before {
  content: "\e03c";
}

.icon-add_to_queue:before {
  content: "\e05c";
}

.icon-adjust:before {
  content: "\e39e";
}

.icon-flight:before {
  content: "\e539";
}

.icon-airplanemode_inactive:before {
  content: "\e194";
}

.icon-airplay:before {
  content: "\e055";
}

.icon-alarm_off:before {
  content: "\e857";
}

.icon-alarm_on:before {
  content: "\e858";
}

.icon-album:before {
  content: "\e019";
}

.icon-all_inclusive:before {
  content: "\eb3d";
}

.icon-all_out:before {
  content: "\e90b";
}

.icon-android:before {
  content: "\e859";
}

.icon-announcement:before {
  content: "\e85a";
}

.icon-apps:before {
  content: "\e5c3";
}

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

.icon-arrow_back:before {
  content: "\e5c4";
}

.icon-arrow_downward:before {
  content: "\e5db";
}

.icon-arrow_drop_down:before {
  content: "\e5c5";
}

.icon-arrow_drop_down_circle:before {
  content: "\e5c6";
}

.icon-arrow_drop_up:before {
  content: "\e5c7";
}

.icon-arrow_forward:before {
  content: "\e5c8";
}

.icon-arrow_upward:before {
  content: "\e5d8";
}

.icon-art_track:before {
  content: "\e060";
}

.icon-aspect_ratio:before {
  content: "\e85b";
}

.icon-poll:before {
  content: "\e801";
}

.icon-assignment:before {
  content: "\e85d";
}

.icon-assignment_ind:before {
  content: "\e85e";
}

.icon-assignment_late:before {
  content: "\e85f";
}

.icon-assignment_return:before {
  content: "\e860";
}

.icon-assignment_returned:before {
  content: "\e861";
}

.icon-assignment_turned_in:before {
  content: "\e862";
}

.icon-assistant:before {
  content: "\e39f";
}

.icon-flag:before {
  content: "\e153";
}

.icon-attach_file:before {
  content: "\e226";
}

.icon-attach_money:before {
  content: "\e227";
}

.icon-attachment:before {
  content: "\e2bc";
}

.icon-audiotrack:before {
  content: "\e3a1";
}

.icon-autorenew:before {
  content: "\e863";
}

.icon-av_timer:before {
  content: "\e01b";
}

.icon-backspace:before {
  content: "\e14a";
}

.icon-cloud_upload:before {
  content: "\e2c3";
}

.icon-battery_alert:before {
  content: "\e19c";
}

.icon-beenhere:before {
  content: "\e52d";
}

.icon-block:before {
  content: "\e14b";
}

.icon-class:before {
  content: "\e86e";
}

.icon-turned_in:before {
  content: "\e8e6";
}

.icon-turned_in_not:before {
  content: "\e8e7";
}

.icon-border_all:before {
  content: "\e228";
}

.icon-border_bottom:before {
  content: "\e229";
}

.icon-border_clear:before {
  content: "\e22a";
}

.icon-border_color:before {
  content: "\e22b";
}

.icon-border_horizontal:before {
  content: "\e22c";
}

.icon-border_inner:before {
  content: "\e22d";
}

.icon-border_left:before {
  content: "\e22e";
}

.icon-border_outer:before {
  content: "\e22f";
}

.icon-border_right:before {
  content: "\e230";
}

.icon-border_style:before {
  content: "\e231";
}

.icon-border_top:before {
  content: "\e232";
}

.icon-border_vertical:before {
  content: "\e233";
}

.icon-branding_watermark:before {
  content: "\e06b";
}

.icon-brightness_1:before {
  content: "\e3a6";
}

.icon-brightness_2:before {
  content: "\e3a7";
}

.icon-brightness_3:before {
  content: "\e3a8";
}

.icon-brightness_4:before {
  content: "\e3a9";
}

.icon-brightness_low:before {
  content: "\e1ad";
}

.icon-brightness_medium:before {
  content: "\e1ae";
}

.icon-brightness_high:before {
  content: "\e1ac";
}

.icon-brightness_auto:before {
  content: "\e1ab";
}

.icon-broken_image:before {
  content: "\e3ad";
}

.icon-brush:before {
  content: "\e3ae";
}

.icon-bubble_chart:before {
  content: "\e6dd";
}

.icon-bug_report:before {
  content: "\e868";
}

.icon-build:before {
  content: "\e869";
}

.icon-burst_mode:before {
  content: "\e43c";
}

.icon-domain:before {
  content: "\e7ee";
}

.icon-business_center:before {
  content: "\eb3f";
}

.icon-cached:before {
  content: "\e86a";
}

.icon-cake:before {
  content: "\e7e9";
}

.icon-phone:before {
  content: "\e0cd";
}

.icon-call_end:before {
  content: "\e0b1";
}

.icon-call_made:before {
  content: "\e0b2";
}

.icon-merge_type:before {
  content: "\e252";
}

.icon-call_missed:before {
  content: "\e0b4";
}

.icon-call_missed_outgoing:before {
  content: "\e0e4";
}

.icon-call_received:before {
  content: "\e0b5";
}

.icon-call_split:before {
  content: "\e0b6";
}

.icon-call_to_action:before {
  content: "\e06c";
}

.icon-camera:before {
  content: "\e3af";
}

.icon-photo_camera:before {
  content: "\e412";
}

.icon-camera_enhance:before {
  content: "\e8fc";
}

.icon-camera_front:before {
  content: "\e3b1";
}

.icon-camera_rear:before {
  content: "\e3b2";
}

.icon-camera_roll:before {
  content: "\e3b3";
}

.icon-cancel:before {
  content: "\e5c9";
}

.icon-redeem:before {
  content: "\e8b1";
}

.icon-card_membership:before {
  content: "\e8f7";
}

.icon-card_travel:before {
  content: "\e8f8";
}

.icon-casino:before {
  content: "\eb40";
}

.icon-cast:before {
  content: "\e307";
}

.icon-cast_connected:before {
  content: "\e308";
}

.icon-center_focus_strong:before {
  content: "\e3b4";
}

.icon-center_focus_weak:before {
  content: "\e3b5";
}

.icon-change_history:before {
  content: "\e86b";
}

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

.icon-chat_bubble:before {
  content: "\e0ca";
}

.icon-chat_bubble_outline:before {
  content: "\e0cb";
}

.icon-check:before {
  content: "\e5ca";
}

.icon-check_box:before {
  content: "\e834";
}

.icon-check_box_outline_blank:before {
  content: "\e835";
}

.icon-check_circle:before {
  content: "\e86c";
}

.icon-navigate_before:before {
  content: "\e408";
}

.icon-navigate_next:before {
  content: "\e409";
}

.icon-chrome_reader_mode:before {
  content: "\e86d";
}

.icon-close:before {
  content: "\e5cd";
}

.icon-clear_all:before {
  content: "\e0b8";
}

.icon-closed_caption:before {
  content: "\e01c";
}

.icon-wb_cloudy:before {
  content: "\e42d";
}

.icon-cloud_circle:before {
  content: "\e2be";
}

.icon-cloud_done:before {
  content: "\e2bf";
}

.icon-cloud_download:before {
  content: "\e2c0";
}

.icon-cloud_off:before {
  content: "\e2c1";
}

.icon-cloud_queue:before {
  content: "\e2c2";
}

.icon-code:before {
  content: "\e86f";
}

.icon-photo_library:before {
  content: "\e413";
}

.icon-collections_bookmark:before {
  content: "\e431";
}

.icon-palette:before {
  content: "\e40a";
}

.icon-colorize:before {
  content: "\e3b8";
}

.icon-comment:before {
  content: "\e0b9";
}

.icon-compare:before {
  content: "\e3b9";
}

.icon-compare_arrows:before {
  content: "\e915";
}

.icon-laptop:before {
  content: "\e31e";
}

.icon-confirmation_number:before {
  content: "\e638";
}

.icon-contact_mail:before {
  content: "\e0d0";
}

.icon-contact_phone:before {
  content: "\e0cf";
}

.icon-contacts:before {
  content: "\e0ba";
}

.icon-content_copy:before {
  content: "\e14d";
}

.icon-content_cut:before {
  content: "\e14e";
}

.icon-content_paste:before {
  content: "\e14f";
}

.icon-control_point_duplicate:before {
  content: "\e3bb";
}

.icon-copyright:before {
  content: "\e90c";
}

.icon-mode_edit:before {
  content: "\e254";
}

.icon-create_new_folder:before {
  content: "\e2cc";
}

.icon-payment:before {
  content: "\e8a1";
}

.icon-crop:before {
  content: "\e3be";
}

.icon-crop_original:before {
  content: "\e3c4";
}

.icon-dashboard:before {
  content: "\e871";
}

.icon-data_usage:before {
  content: "\e1af";
}

.icon-date_range:before {
  content: "\e916";
}

.icon-dehaze:before {
  content: "\e3c7";
}

.icon-delete:before {
  content: "\e872";
}

.icon-delete_forever:before {
  content: "\e92b";
}

.icon-delete_sweep:before {
  content: "\e16c";
}

.icon-description:before {
  content: "\e873";
}

.icon-desktop_mac:before {
  content: "\e30b";
}

.icon-desktop_windows:before {
  content: "\e30c";
}

.icon-details:before {
  content: "\e3c8";
}

.icon-developer_board:before {
  content: "\e30d";
}

.icon-developer_mode:before {
  content: "\e1b0";
}

.icon-device_hub:before {
  content: "\e335";
}

.icon-phonelink:before {
  content: "\e326";
}

.icon-devices_other:before {
  content: "\e337";
}

.icon-dialer_sip:before {
  content: "\e0bb";
}

.icon-dialpad:before {
  content: "\e0bc";
}

.icon-directions:before {
  content: "\e52e";
}

.icon-directions_run:before {
  content: "\e566";
}

.icon-directions_walk:before {
  content: "\e536";
}

.icon-disc_full:before {
  content: "\e610";
}

.icon-dns:before {
  content: "\e875";
}

.icon-not_interested:before {
  content: "\e033";
}

.icon-do_not_disturb_alt:before {
  content: "\e611";
}

.icon-do_not_disturb_off:before {
  content: "\e643";
}

.icon-remove_circle:before {
  content: "\e15c";
}

.icon-dock:before {
  content: "\e30e";
}

.icon-done_all:before {
  content: "\e877";
}

.icon-donut_large:before {
  content: "\e917";
}

.icon-donut_small:before {
  content: "\e918";
}

.icon-drafts:before {
  content: "\e151";
}

.icon-drag_handle:before {
  content: "\e25d";
}

.icon-dvr:before {
  content: "\e1b2";
}

.icon-edit_location:before {
  content: "\e568";
}

.icon-eject:before {
  content: "\e8fb";
}
.icon-edit:before {
  content: "\f044";
}


.icon-markunread:before {
  content: "\e159";
}

.icon-enhanced_encryption:before {
  content: "\e63f";
}

.icon-equalizer:before {
  content: "\e01d";
}

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

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

.icon-euro_symbol:before {
  content: "\e926";
}

.icon-ev_station:before {
  content: "\e56d";
}

.icon-insert_invitation:before {
  content: "\e24f";
}

.icon-event_available:before {
  content: "\e614";
}

.icon-event_busy:before {
  content: "\e615";
}

.icon-event_note:before {
  content: "\e616";
}

.icon-event_seat:before {
  content: "\e903";
}

.icon-exit_to_app:before {
  content: "\e879";
}

.icon-expand_less:before {
  content: "\e5ce";
}

.icon-expand_more:before {
  content: "\e5cf";
}

.icon-explicit:before {
  content: "\e01e";
}

.icon-explore:before {
  content: "\e87a";
}

.icon-exposure:before {
  content: "\e3ca";
}

.icon-exposure_neg_1:before {
  content: "\e3cb";
}

.icon-exposure_neg_2:before {
  content: "\e3cc";
}

.icon-exposure_plus_1:before {
  content: "\e3cd";
}

.icon-exposure_plus_2:before {
  content: "\e3ce";
}

.icon-exposure_zero:before {
  content: "\e3cf";
}

.icon-extension:before {
  content: "\e87b";
}

.icon-face:before {
  content: "\e87c";
}

.icon-fast_forward:before {
  content: "\e01f";
}

.icon-fast_rewind:before {
  content: "\e020";
}

.icon-favorite:before {
  content: "\e87d";
}

.icon-favorite_border:before {
  content: "\e87e";
}

.icon-featured_play_list:before {
  content: "\e06d";
}

.icon-featured_video:before {
  content: "\e06e";
}

.icon-sms_failed:before {
  content: "\e626";
}

.icon-fiber_dvr:before {
  content: "\e05d";
}

.icon-fiber_manual_record:before {
  content: "\e061";
}

.icon-fiber_new:before {
  content: "\e05e";
}

.icon-fiber_pin:before {
  content: "\e06a";
}

.icon-fiber_smart_record:before {
  content: "\e062";
}

.icon-get_app:before {
  content: "\e884";
}

.icon-file_upload:before {
  content: "\e2c6";
}

.icon-filter:before {
  content: "\e3d3";
}

.icon-filter_1:before {
  content: "\e3d0";
}

.icon-filter_2:before {
  content: "\e3d1";
}

.icon-filter_3:before {
  content: "\e3d2";
}

.icon-filter_4:before {
  content: "\e3d4";
}

.icon-filter_5:before {
  content: "\e3d5";
}

.icon-filter_6:before {
  content: "\e3d6";
}

.icon-filter_7:before {
  content: "\e3d7";
}

.icon-filter_8:before {
  content: "\e3d8";
}

.icon-filter_9:before {
  content: "\e3d9";
}

.icon-filter_9_plus:before {
  content: "\e3da";
}

.icon-filter_b_and_w:before {
  content: "\e3db";
}

.icon-filter_center_focus:before {
  content: "\e3dc";
}

.icon-filter_drama:before {
  content: "\e3dd";
}

.icon-filter_frames:before {
  content: "\e3de";
}

.icon-terrain:before {
  content: "\e564";
}

.icon-filter_list:before {
  content: "\e152";
}

.icon-filter_none:before {
  content: "\e3e0";
}

.icon-filter_tilt_shift:before {
  content: "\e3e2";
}

.icon-filter_vintage:before {
  content: "\e3e3";
}

.icon-find_in_page:before {
  content: "\e880";
}

.icon-find_replace:before {
  content: "\e881";
}

.icon-fingerprint:before {
  content: "\e90d";
}

.icon-first_page:before {
  content: "\e5dc";
}

.icon-fitness_center:before {
  content: "\eb43";
}

.icon-flare:before {
  content: "\e3e4";
}

.icon-flash_auto:before {
  content: "\e3e5";
}

.icon-flash_off:before {
  content: "\e3e6";
}

.icon-flash_on:before {
  content: "\e3e7";
}

.icon-flight_takeoff:before {
  content: "\e905";
}

.icon-flip:before {
  content: "\e3e8";
}

.icon-flip_to_back:before {
  content: "\e882";
}

.icon-flip_to_front:before {
  content: "\e883";
}

.icon-folder:before {
  content: "\e2c7";
}

.icon-folder_open:before {
  content: "\e2c8";
}

.icon-folder_shared:before {
  content: "\e2c9";
}

.icon-folder_special:before {
  content: "\e617";
}

.icon-font_download:before {
  content: "\e167";
}

.icon-format_align_center:before {
  content: "\e234";
}

.icon-format_align_justify:before {
  content: "\e235";
}

.icon-format_align_left:before {
  content: "\e236";
}

.icon-format_align_right:before {
  content: "\e237";
}

.icon-format_bold:before {
  content: "\e238";
}

.icon-format_clear:before {
  content: "\e239";
}

.icon-format_color_fill:before {
  content: "\e23a";
}

.icon-format_color_reset:before {
  content: "\e23b";
}

.icon-format_color_text:before {
  content: "\e23c";
}

.icon-format_indent_decrease:before {
  content: "\e23d";
}

.icon-format_indent_increase:before {
  content: "\e23e";
}

.icon-format_italic:before {
  content: "\e23f";
}

.icon-format_line_spacing:before {
  content: "\e240";
}

.icon-format_list_bulleted:before {
  content: "\e241";
}

.icon-format_list_numbered:before {
  content: "\e242";
}

.icon-format_paint:before {
  content: "\e243";
}

.icon-format_quote:before {
  content: "\e244";
}

.icon-format_shapes:before {
  content: "\e25e";
}

.icon-format_size:before {
  content: "\e245";
}

.icon-format_strikethrough:before {
  content: "\e246";
}

.icon-format_textdirection_l_to_r:before {
  content: "\e247";
}

.icon-format_textdirection_r_to_l:before {
  content: "\e248";
}

.icon-format_underlined:before {
  content: "\e249";
}

.icon-question_answer:before {
  content: "\e8af";
}

.icon-forward:before {
  content: "\e154";
}

.icon-forward_10:before {
  content: "\e056";
}

.icon-forward_30:before {
  content: "\e057";
}

.icon-forward_5:before {
  content: "\e058";
}

.icon-free_breakfast:before {
  content: "\eb44";
}

.icon-fullscreen:before {
  content: "\e5d0";
}

.icon-fullscreen_exit:before {
  content: "\e5d1";
}

.icon-functions:before {
  content: "\e24a";
}

.icon-g_translate:before {
  content: "\e927";
}

.icon-games:before {
  content: "\e021";
}

.icon-gavel:before {
  content: "\e90e";
}

.icon-gesture:before {
  content: "\e155";
}

.icon-gif:before {
  content: "\e908";
}

.icon-golf_course:before {
  content: "\eb45";
}

.icon-my_location:before {
  content: "\e55c";
}

.icon-location_searching:before {
  content: "\e1b7";
}

.icon-location_disabled:before {
  content: "\e1b6";
}

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

.icon-graphic_eq:before {
  content: "\e1b8";
}

.icon-grid_off:before {
  content: "\e3eb";
}

.icon-grid_on:before {
  content: "\e3ec";
}

.icon-people:before {
  content: "\e7fb";
}

.icon-group_add:before {
  content: "\e7f0";
}

.icon-group_work:before {
  content: "\e886";
}

.icon-hd:before {
  content: "\e052";
}

.icon-hdr_off:before {
  content: "\e3ed";
}

.icon-hdr_on:before {
  content: "\e3ee";
}

.icon-hdr_strong:before {
  content: "\e3f1";
}

.icon-hdr_weak:before {
  content: "\e3f2";
}

.icon-headset:before {
  content: "\e310";
}

.icon-headset_mic:before {
  content: "\e311";
}

.icon-healing:before {
  content: "\e3f3";
}

.icon-hearing:before {
  content: "\e023";
}

.icon-help:before {
  content: "\e887";
}

.icon-help_outline:before {
  content: "\e8fd";
}

.icon-high_quality:before {
  content: "\e024";
}

.icon-highlight:before {
  content: "\e25f";
}

.icon-highlight_off:before {
  content: "\e888";
}

.icon-restore:before {
  content: "\e8b3";
}

.icon-home:before {
  content: "\e88a";
}

.icon-hourglass_empty:before {
  content: "\e88b";
}

.icon-hourglass_full:before {
  content: "\e88c";
}

.icon-http:before {
  content: "\e906";
}

.icon-lock:before {
  content: "\e897";
}

.icon-photo:before {
  content: "\e410";
}

.icon-image_aspect_ratio:before {
  content: "\e3f5";
}

.icon-import_contacts:before {
  content: "\e0e0";
}

.icon-import_export:before {
  content: "\e0c3";
}

.icon-important_devices:before {
  content: "\e912";
}

.icon-inbox:before {
  content: "\e156";
}

.icon-indeterminate_check_box:before {
  content: "\e909";
}

.icon-info:before {
  content: "\e88e";
}

.icon-info_outline:before {
  content: "\e88f";
}

.icon-input:before {
  content: "\e890";
}

.icon-insert_comment:before {
  content: "\e24c";
}

.icon-insert_drive_file:before {
  content: "\e24d";
}

.icon-tag_faces:before {
  content: "\e420";
}

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

.icon-invert_colors:before {
  content: "\e891";
}

.icon-invert_colors_off:before {
  content: "\e0c4";
}

.icon-iso:before {
  content: "\e3f6";
}

.icon-keyboard:before {
  content: "\e312";
}

.icon-keyboard_arrow_down:before {
  content: "\e313";
}

.icon-keyboard_arrow_left:before {
  content: "\e314";
}

.icon-keyboard_arrow_right:before {
  content: "\e315";
}

.icon-keyboard_arrow_up:before {
  content: "\e316";
}

.icon-keyboard_backspace:before {
  content: "\e317";
}

.icon-keyboard_capslock:before {
  content: "\e318";
}

.icon-keyboard_hide:before {
  content: "\e31a";
}

.icon-keyboard_return:before {
  content: "\e31b";
}

.icon-keyboard_tab:before {
  content: "\e31c";
}

.icon-keyboard_voice:before {
  content: "\e31d";
}

.icon-kitchen:before {
  content: "\eb47";
}

.icon-label:before {
  content: "\e892";
}

.icon-label_outline:before {
  content: "\e893";
}

.icon-language:before {
  content: "\e894";
}

.icon-laptop_chromebook:before {
  content: "\e31f";
}

.icon-laptop_mac:before {
  content: "\e320";
}

.icon-laptop_windows:before {
  content: "\e321";
}

.icon-last_page:before {
  content: "\e5dd";
}

.icon-open_in_new:before {
  content: "\e89e";
}

.icon-layers:before {
  content: "\e53b";
}

.icon-layers_clear:before {
  content: "\e53c";
}

.icon-leak_add:before {
  content: "\e3f8";
}

.icon-leak_remove:before {
  content: "\e3f9";
}

.icon-lens:before {
  content: "\e3fa";
}

.icon-library_books:before {
  content: "\e02f";
}

.icon-library_music:before {
  content: "\e030";
}

.icon-lightbulb_outline:before {
  content: "\e90f";
}

.icon-line_style:before {
  content: "\e919";
}

.icon-line_weight:before {
  content: "\e91a";
}

.icon-linear_scale:before {
  content: "\e260";
}

.icon-linked_camera:before {
  content: "\e438";
}

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

.icon-live_help:before {
  content: "\e0c6";
}

.icon-live_tv:before {
  content: "\e639";
}

.icon-local_play:before {
  content: "\e553";
}

.icon-local_airport:before {
  content: "\e53d";
}

.icon-local_atm:before {
  content: "\e53e";
}

.icon-local_bar:before {
  content: "\e540";
}

.icon-local_cafe:before {
  content: "\e541";
}

.icon-local_car_wash:before {
  content: "\e542";
}

.icon-local_convenience_store:before {
  content: "\e543";
}

.icon-restaurant_menu:before {
  content: "\e561";
}

.icon-local_drink:before {
  content: "\e544";
}

.icon-local_florist:before {
  content: "\e545";
}

.icon-local_gas_station:before {
  content: "\e546";
}

.icon-shopping_cart:before {
  content: "\e8cc";
}

.icon-local_hospital:before {
  content: "\e548";
}

.icon-local_laundry_service:before {
  content: "\e54a";
}

.icon-local_library:before {
  content: "\e54b";
}

.icon-local_mall:before {
  content: "\e54c";
}

.icon-theaters:before {
  content: "\e8da";
}

.icon-local_offer:before {
  content: "\e54e";
}

.icon-local_parking:before {
  content: "\e54f";
}

.icon-local_pharmacy:before {
  content: "\e550";
}

.icon-local_pizza:before {
  content: "\e552";
}

.icon-print:before {
  content: "\e8ad";
}

.icon-local_shipping:before {
  content: "\e558";
}

.icon-local_taxi:before {
  content: "\e559";
}

.icon-location_city:before {
  content: "\e7f1";
}

.icon-location_off:before {
  content: "\e0c7";
}

.icon-room:before {
  content: "\e8b4";
}

.icon-lock_open:before {
  content: "\e898";
}

.icon-lock_outline:before {
  content: "\e899";
}

.icon-looks:before {
  content: "\e3fc";
}

.icon-looks_3:before {
  content: "\e3fb";
}

.icon-looks_4:before {
  content: "\e3fd";
}

.icon-looks_5:before {
  content: "\e3fe";
}

.icon-looks_6:before {
  content: "\e3ff";
}

.icon-looks_one:before {
  content: "\e400";
}

.icon-looks_two:before {
  content: "\e401";
}

.icon-sync:before {
  content: "\e627";
}

.icon-loupe:before {
  content: "\e402";
}

.icon-low_priority:before {
  content: "\e16d";
}

.icon-loyalty:before {
  content: "\e89a";
}

.icon-mail_outline:before {
  content: "\e0e1";
}

.icon-map:before {
  content: "\e55b";
}

.icon-markunread_mailbox:before {
  content: "\e89b";
}

.icon-memory:before {
  content: "\e322";
}

.icon-menu:before {
  content: "\e5d2";
}

.icon-message:before {
  content: "\e0c9";
}

.icon-mic:before {
  content: "\e029";
}

.icon-mic_none:before {
  content: "\e02a";
}

.icon-mic_off:before {
  content: "\e02b";
}

.icon-mms:before {
  content: "\e618";
}

.icon-mode_comment:before {
  content: "\e253";
}

.icon-monetization_on:before {
  content: "\e263";
}

.icon-money_off:before {
  content: "\e25c";
}

.icon-monochrome_photos:before {
  content: "\e403";
}

.icon-mood_bad:before {
  content: "\e7f3";
}

.icon-more:before {
  content: "\e619";
}

.icon-more_horiz:before {
  content: "\e5d3";
}

.icon-more_vert:before {
  content: "\e5d4";
}

.icon-motorcycle:before {
  content: "\e91b";
}

.icon-mouse:before {
  content: "\e323";
}

.icon-move_to_inbox:before {
  content: "\e168";
}

.icon-movie_creation:before {
  content: "\e404";
}

.icon-movie_filter:before {
  content: "\e43a";
}

.icon-multiline_chart:before {
  content: "\e6df";
}

.icon-music_note:before {
  content: "\e405";
}

.icon-music_video:before {
  content: "\e063";
}

.icon-nature:before {
  content: "\e406";
}

.icon-nature_people:before {
  content: "\e407";
}

.icon-navigation:before {
  content: "\e55d";
}

.icon-near_me:before {
  content: "\e569";
}

.icon-network_cell:before {
  content: "\e1b9";
}

.icon-network_check:before {
  content: "\e640";
}

.icon-network_locked:before {
  content: "\e61a";
}

.icon-network_wifi:before {
  content: "\e1ba";
}

.icon-new_releases:before {
  content: "\e031";
}

.icon-next_week:before {
  content: "\e16a";
}

.icon-nfc:before {
  content: "\e1bb";
}

.icon-no_encryption:before {
  content: "\e641";
}

.icon-signal_cellular_no_sim:before {
  content: "\e1ce";
}

.icon-note:before {
  content: "\e06f";
}

.icon-note_add:before {
  content: "\e89c";
}

.icon-notifications:before {
  content: "\e7f4";
}

.icon-notifications_active:before {
  content: "\e7f7";
}

.icon-notifications_none:before {
  content: "\e7f5";
}

.icon-notifications_off:before {
  content: "\e7f6";
}

.icon-notifications_paused:before {
  content: "\e7f8";
}

.icon-offline_pin:before {
  content: "\e90a";
}

.icon-ondemand_video:before {
  content: "\e63a";
}

.icon-opacity:before {
  content: "\e91c";
}

.icon-open_in_browser:before {
  content: "\e89d";
}

.icon-open_with:before {
  content: "\e89f";
}

.icon-pages:before {
  content: "\e7f9";
}

.icon-pageview:before {
  content: "\e8a0";
}

.icon-pan_tool:before {
  content: "\e925";
}

.icon-panorama:before {
  content: "\e40b";
}

.icon-radio_button_unchecked:before {
  content: "\e836";
}

.icon-panorama_horizontal:before {
  content: "\e40d";
}

.icon-panorama_vertical:before {
  content: "\e40e";
}

.icon-panorama_wide_angle:before {
  content: "\e40f";
}

.icon-party_mode:before {
  content: "\e7fa";
}

.icon-pause:before {
  content: "\e034";
}

.icon-pause_circle_filled:before {
  content: "\e035";
}

.icon-pause_circle_outline:before {
  content: "\e036";
}

.icon-people_outline:before {
  content: "\e7fc";
}

.icon-perm_camera_mic:before {
  content: "\e8a2";
}

.icon-perm_contact_calendar:before {
  content: "\e8a3";
}

.icon-perm_data_setting:before {
  content: "\e8a4";
}

.icon-perm_device_information:before {
  content: "\e8a5";
}

.icon-person_outline:before {
  content: "\e7ff";
}

.icon-perm_media:before {
  content: "\e8a7";
}

.icon-perm_phone_msg:before {
  content: "\e8a8";
}

.icon-perm_scan_wifi:before {
  content: "\e8a9";
}

.icon-person:before {
  content: "\e7fd";
}

.icon-person_add:before {
  content: "\e7fe";
}

.icon-person_pin:before {
  content: "\e55a";
}

.icon-person_pin_circle:before {
  content: "\e56a";
}

.icon-personal_video:before {
  content: "\e63b";
}

.icon-pets:before {
  content: "\e91d";
}

.icon-phone_android:before {
  content: "\e324";
}

.icon-phone_bluetooth_speaker:before {
  content: "\e61b";
}

.icon-phone_forwarded:before {
  content: "\e61c";
}

.icon-phone_in_talk:before {
  content: "\e61d";
}

.icon-phone_iphone:before {
  content: "\e325";
}

.icon-phone_locked:before {
  content: "\e61e";
}

.icon-phone_missed:before {
  content: "\e61f";
}

.icon-phone_paused:before {
  content: "\e620";
}

.icon-phonelink_erase:before {
  content: "\e0db";
}

.icon-phonelink_lock:before {
  content: "\e0dc";
}

.icon-phonelink_off:before {
  content: "\e327";
}

.icon-phonelink_ring:before {
  content: "\e0dd";
}

.icon-phonelink_setup:before {
  content: "\e0de";
}

.icon-photo_album:before {
  content: "\e411";
}

.icon-photo_filter:before {
  content: "\e43b";
}

.icon-photo_size_select_actual:before {
  content: "\e432";
}

.icon-photo_size_select_large:before {
  content: "\e433";
}

.icon-photo_size_select_small:before {
  content: "\e434";
}

.icon-picture_as_pdf:before {
  content: "\e415";
}

.icon-picture_in_picture:before {
  content: "\e8aa";
}

.icon-picture_in_picture_alt:before {
  content: "\e911";
}

.icon-pie_chart:before {
  content: "\e6c4";
}

.icon-pie_chart_outlined:before {
  content: "\e6c5";
}

.icon-pin_drop:before {
  content: "\e55e";
}

.icon-play_arrow:before {
  content: "\e037";
}

.icon-play_circle_filled:before {
  content: "\e038";
}

.icon-play_circle_outline:before {
  content: "\e039";
}

.icon-play_for_work:before {
  content: "\e907";
}

.icon-playlist_add:before {
  content: "\e03b";
}

.icon-playlist_add_check:before {
  content: "\e065";
}

.icon-playlist_play:before {
  content: "\e05f";
}

.icon-plus_one:before {
  content: "\e800";
}

.icon-polymer:before {
  content: "\e8ab";
}

.icon-pool:before {
  content: "\eb48";
}

.icon-portable_wifi_off:before {
  content: "\e0ce";
}

.icon-portrait:before {
  content: "\e416";
}

.icon-power:before {
  content: "\e63c";
}

.icon-power_input:before {
  content: "\e336";
}

.icon-power_settings_new:before {
  content: "\e8ac";
}

.icon-pregnant_woman:before {
  content: "\e91e";
}

.icon-present_to_all:before {
  content: "\e0df";
}

.icon-priority_high:before {
  content: "\e645";
}

.icon-public:before {
  content: "\e80b";
}

.icon-publish:before {
  content: "\e255";
}

.icon-queue_music:before {
  content: "\e03d";
}

.icon-queue_play_next:before {
  content: "\e066";
}

.icon-radio:before {
  content: "\e03e";
}

.icon-radio_button_checked:before {
  content: "\e837";
}

.icon-rate_review:before {
  content: "\e560";
}

.icon-receipt:before {
  content: "\e8b0";
}

.icon-recent_actors:before {
  content: "\e03f";
}

.icon-record_voice_over:before {
  content: "\e91f";
}

.icon-redo:before {
  content: "\e15a";
}

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

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

.icon-remove_circle_outline:before {
  content: "\e15d";
}

.icon-remove_from_queue:before {
  content: "\e067";
}

.icon-visibility:before {
  content: "\e8f4";
}

.icon-remove_shopping_cart:before {
  content: "\e928";
}

.icon-reorder:before {
  content: "\e8fe";
}

.icon-repeat:before {
  content: "\e040";
}

.icon-repeat_one:before {
  content: "\e041";
}

.icon-replay:before {
  content: "\e042";
}

.icon-replay_10:before {
  content: "\e059";
}

.icon-replay_30:before {
  content: "\e05a";
}

.icon-replay_5:before {
  content: "\e05b";
}

.icon-reply:before {
  content: "\e15e";
}

.icon-reply_all:before {
  content: "\e15f";
}

.icon-report:before {
  content: "\e160";
}

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

.icon-restaurant:before {
  content: "\e56c";
}

.icon-restore_page:before {
  content: "\e929";
}

.icon-ring_volume:before {
  content: "\e0d1";
}

.icon-room_service:before {
  content: "\eb49";
}

.icon-rotate_90_degrees_ccw:before {
  content: "\e418";
}

.icon-rotate_left:before {
  content: "\e419";
}

.icon-rotate_right:before {
  content: "\e41a";
}

.icon-rounded_corner:before {
  content: "\e920";
}

.icon-router:before {
  content: "\e328";
}

.icon-rowing:before {
  content: "\e921";
}

.icon-rss_feed:before {
  content: "\e0e5";
}

.icon-rv_hookup:before {
  content: "\e642";
}

.icon-satellite:before {
  content: "\e562";
}

.icon-save:before {
  content: "\e161";
}

.icon-scanner:before {
  content: "\e329";
}

.icon-school:before {
  content: "\e80c";
}

.icon-screen_lock_landscape:before {
  content: "\e1be";
}

.icon-screen_lock_portrait:before {
  content: "\e1bf";
}

.icon-screen_lock_rotation:before {
  content: "\e1c0";
}

.icon-screen_rotation:before {
  content: "\e1c1";
}

.icon-screen_share:before {
  content: "\e0e2";
}

.icon-sd_storage:before {
  content: "\e1c2";
}

.icon-search:before {
  content: "\e8b6";
}

.icon-security:before {
  content: "\e32a";
}

.icon-select_all:before {
  content: "\e162";
}

.icon-send:before {
  content: "\e163";
}

.icon-sentiment_dissatisfied:before {
  content: "\e811";
}

.icon-sentiment_neutral:before {
  content: "\e812";
}

.icon-sentiment_satisfied:before {
  content: "\e813";
}

.icon-sentiment_very_dissatisfied:before {
  content: "\e814";
}

.icon-sentiment_very_satisfied:before {
  content: "\e815";
}

.icon-settings:before {
  content: "\e8b8";
}

.icon-settings_applications:before {
  content: "\e8b9";
}

.icon-settings_backup_restore:before {
  content: "\e8ba";
}

.icon-settings_bluetooth:before {
  content: "\e8bb";
}

.icon-settings_brightness:before {
  content: "\e8bd";
}

.icon-settings_cell:before {
  content: "\e8bc";
}

.icon-settings_ethernet:before {
  content: "\e8be";
}

.icon-settings_input_antenna:before {
  content: "\e8bf";
}

.icon-settings_input_composite:before {
  content: "\e8c1";
}

.icon-settings_input_hdmi:before {
  content: "\e8c2";
}

.icon-settings_input_svideo:before {
  content: "\e8c3";
}

.icon-settings_overscan:before {
  content: "\e8c4";
}

.icon-settings_phone:before {
  content: "\e8c5";
}

.icon-settings_power:before {
  content: "\e8c6";
}

.icon-settings_remote:before {
  content: "\e8c7";
}

.icon-settings_system_daydream:before {
  content: "\e1c3";
}

.icon-settings_voice:before {
  content: "\e8c8";
}

.icon-share:before {
  content: "\e80d";
}

.icon-shop:before {
  content: "\e8c9";
}

.icon-shop_two:before {
  content: "\e8ca";
}

.icon-shopping_basket:before {
  content: "\e8cb";
}

.icon-short_text:before {
  content: "\e261";
}

.icon-show_chart:before {
  content: "\e6e1";
}

.icon-shuffle:before {
  content: "\e043";
}

.icon-signal_cellular_4_bar:before {
  content: "\e1c8";
}

.icon-signal_cellular_connected_no_internet_4_bar:before {
  content: "\e1cd";
}

.icon-signal_cellular_null:before {
  content: "\e1cf";
}

.icon-signal_cellular_off:before {
  content: "\e1d0";
}

.icon-signal_wifi_4_bar:before {
  content: "\e1d8";
}

.icon-signal_wifi_4_bar_lock:before {
  content: "\e1d9";
}

.icon-signal_wifi_off:before {
  content: "\e1da";
}

.icon-sim_card:before {
  content: "\e32b";
}

.icon-sim_card_alert:before {
  content: "\e624";
}

.icon-skip_next:before {
  content: "\e044";
}

.icon-skip_previous:before {
  content: "\e045";
}

.icon-slideshow:before {
  content: "\e41b";
}

.icon-slow_motion_video:before {
  content: "\e068";
}

.icon-stay_primary_portrait:before {
  content: "\e0d6";
}

.icon-smoke_free:before {
  content: "\eb4a";
}

.icon-smoking_rooms:before {
  content: "\eb4b";
}

.icon-textsms:before {
  content: "\e0d8";
}

.icon-snooze:before {
  content: "\e046";
}

.icon-sort:before {
  content: "\e164";
}

.icon-sort_by_alpha:before {
  content: "\e053";
}

.icon-spa:before {
  content: "\eb4c";
}

.icon-space_bar:before {
  content: "\e256";
}

.icon-speaker:before {
  content: "\e32d";
}

.icon-speaker_group:before {
  content: "\e32e";
}

.icon-speaker_notes:before {
  content: "\e8cd";
}

.icon-speaker_notes_off:before {
  content: "\e92a";
}

.icon-speaker_phone:before {
  content: "\e0d2";
}

.icon-spellcheck:before {
  content: "\e8ce";
}

.icon-star_border:before {
  content: "\e83a";
}

.icon-star_half:before {
  content: "\e839";
}

.icon-stars:before {
  content: "\e8d0";
}

.icon-stay_primary_landscape:before {
  content: "\e0d5";
}

.icon-stop:before {
  content: "\e047";
}

.icon-stop_screen_share:before {
  content: "\e0e3";
}

.icon-storage:before {
  content: "\e1db";
}

.icon-store_mall_directory:before {
  content: "\e563";
}

.icon-straighten:before {
  content: "\e41c";
}

.icon-streetview:before {
  content: "\e56e";
}

.icon-strikethrough_s:before {
  content: "\e257";
}

.icon-style:before {
  content: "\e41d";
}

.icon-subdirectory_arrow_left:before {
  content: "\e5d9";
}

.icon-subdirectory_arrow_right:before {
  content: "\e5da";
}

.icon-subject:before {
  content: "\e8d2";
}

.icon-subscriptions:before {
  content: "\e064";
}

.icon-subtitles:before {
  content: "\e048";
}

.icon-subway:before {
  content: "\e56f";
}

.icon-supervisor_account:before {
  content: "\e8d3";
}

.icon-surround_sound:before {
  content: "\e049";
}

.icon-swap_calls:before {
  content: "\e0d7";
}

.icon-swap_horiz:before {
  content: "\e8d4";
}

.icon-swap_vert:before {
  content: "\e8d5";
}

.icon-swap_vertical_circle:before {
  content: "\e8d6";
}

.icon-switch_camera:before {
  content: "\e41e";
}

.icon-switch_video:before {
  content: "\e41f";
}

.icon-sync_disabled:before {
  content: "\e628";
}

.icon-sync_problem:before {
  content: "\e629";
}

.icon-system_update:before {
  content: "\e62a";
}

.icon-system_update_alt:before {
  content: "\e8d7";
}

.icon-tab:before {
  content: "\e8d8";
}

.icon-tab_unselected:before {
  content: "\e8d9";
}

.icon-tablet:before {
  content: "\e32f";
}

.icon-tablet_android:before {
  content: "\e330";
}

.icon-tablet_mac:before {
  content: "\e331";
}

.icon-tap_and_play:before {
  content: "\e62b";
}

.icon-text_fields:before {
  content: "\e262";
}

.icon-text_format:before {
  content: "\e165";
}

.icon-texture:before {
  content: "\e421";
}

.icon-thumb_down:before {
  content: "\e8db";
}

.icon-thumb_up:before {
  content: "\e8dc";
}

.icon-thumbs_up_down:before {
  content: "\e8dd";
}

.icon-timelapse:before {
  content: "\e422";
}

.icon-timeline:before {
  content: "\e922";
}

.icon-timer:before {
  content: "\e425";
}

.icon-timer_10:before {
  content: "\e423";
}

.icon-timer_3:before {
  content: "\e424";
}

.icon-timer_off:before {
  content: "\e426";
}

.icon-title:before {
  content: "\e264";
}

.icon-toc:before {
  content: "\e8de";
}

.icon-today:before {
  content: "\e8df";
}

.icon-toll:before {
  content: "\e8e0";
}

.icon-tonality:before {
  content: "\e427";
}

.icon-touch_app:before {
  content: "\e913";
}

.icon-toys:before {
  content: "\e332";
}

.icon-track_changes:before {
  content: "\e8e1";
}

.icon-traffic:before {
  content: "\e565";
}

.icon-train:before {
  content: "\e570";
}

.icon-tram:before {
  content: "\e571";
}

.icon-transfer_within_a_station:before {
  content: "\e572";
}

.icon-transform:before {
  content: "\e428";
}

.icon-translate:before {
  content: "\e8e2";
}

.icon-trending_down:before {
  content: "\e8e3";
}

.icon-trending_flat:before {
  content: "\e8e4";
}

.icon-trending_up:before {
  content: "\e8e5";
}

.icon-tune:before {
  content: "\e429";
}

.icon-tv:before {
  content: "\e333";
}

.icon-unarchive:before {
  content: "\e169";
}

.icon-undo:before {
  content: "\e166";
}

.icon-unfold_less:before {
  content: "\e5d6";
}

.icon-unfold_more:before {
  content: "\e5d7";
}

.icon-update:before {
  content: "\e923";
}

.icon-usb:before {
  content: "\e1e0";
}

.icon-verified_user:before {
  content: "\e8e8";
}

.icon-vertical_align_bottom:before {
  content: "\e258";
}

.icon-vertical_align_center:before {
  content: "\e259";
}

.icon-vertical_align_top:before {
  content: "\e25a";
}

.icon-vibration:before {
  content: "\e62d";
}

.icon-video_call:before {
  content: "\e070";
}

.icon-video_label:before {
  content: "\e071";
}

.icon-video_library:before {
  content: "\e04a";
}

.icon-videocam:before {
  content: "\e04b";
}

.icon-videocam_off:before {
  content: "\e04c";
}

.icon-videogame_asset:before {
  content: "\e338";
}

.icon-view_agenda:before {
  content: "\e8e9";
}

.icon-view_array:before {
  content: "\e8ea";
}

.icon-view_carousel:before {
  content: "\e8eb";
}

.icon-view_column:before {
  content: "\e8ec";
}

.icon-view_comfy:before {
  content: "\e42a";
}

.icon-view_compact:before {
  content: "\e42b";
}

.icon-view_day:before {
  content: "\e8ed";
}

.icon-view_headline:before {
  content: "\e8ee";
}

.icon-view_list:before {
  content: "\e8ef";
}

.icon-view_module:before {
  content: "\e8f0";
}

.icon-view_quilt:before {
  content: "\e8f1";
}

.icon-view_stream:before {
  content: "\e8f2";
}

.icon-view_week:before {
  content: "\e8f3";
}

.icon-vignette:before {
  content: "\e435";
}

.icon-visibility_off:before {
  content: "\e8f5";
}

.icon-voice_chat:before {
  content: "\e62e";
}

.icon-voicemail:before {
  content: "\e0d9";
}

.icon-volume_down:before {
  content: "\e04d";
}

.icon-volume_mute:before {
  content: "\e04e";
}

.icon-volume_off:before {
  content: "\e04f";
}

.icon-volume_up:before {
  content: "\e050";
}

.icon-vpn_key:before {
  content: "\e0da";
}

.icon-vpn_lock:before {
  content: "\e62f";
}

.icon-wallpaper:before {
  content: "\e1bc";
}

.icon-watch:before {
  content: "\e334";
}

.icon-watch_later:before {
  content: "\e924";
}

.icon-wb_auto:before {
  content: "\e42c";
}

.icon-wb_incandescent:before {
  content: "\e42e";
}

.icon-wb_iridescent:before {
  content: "\e436";
}

.icon-wb_sunny:before {
  content: "\e430";
}

.icon-wc:before {
  content: "\e63d";
}

.icon-web:before {
  content: "\e051";
}

.icon-web_asset:before {
  content: "\e069";
}

.icon-weekend:before {
  content: "\e16b";
}

.icon-whatshot:before {
  content: "\e80e";
}

.icon-widgets:before {
  content: "\e1bd";
}

.icon-wifi:before {
  content: "\e63e";
}

.icon-wifi_lock:before {
  content: "\e1e1";
}

.icon-wifi_tethering:before {
  content: "\e1e2";
}

.icon-work:before {
  content: "\e8f9";
}

.icon-wrap_text:before {
  content: "\e25b";
}

.icon-youtube_searched_for:before {
  content: "\e8fa";
}

.icon-zoom_in:before {
  content: "\e8ff";
}

.icon-zoom_out:before {
  content: "\e910";
}

.icon-zoom_out_map:before {
  content: "\e56b";
}

/* Buttons */
.btn {
  display: inline-block;
  text-decoration: none;
  color: #2D3255;
  outline: none;
  padding: 10px 15px;
  border-radius: 2px;
  font-weight: 500;
  color: #2D3255;
  background: #fff;
  border: solid 1px #DCE0E9;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  cursor: pointer;
  font-size: 15px;
  height: auto;
  outline: none !important;
}

.btn [class^="icon-"] {
  position: relative;
  top: 1px;
  font-size: 18px;
  display: inline-block;
  padding-right: 5px;
}

.btn:hover,
.btn:active:hover {
  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0), 0 -4px 0 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0), 0 -4px 0 0 rgba(0, 0, 0, 0.1) inset;
  border-color: #DCE0E9;
  background: #F0F1F5;
}

.btn:active,
.btn:focus,
.btn:focus:active,
.btn:active:hover {
  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.btn.btn-icon [class^="icon-"] {
  padding-right: 0;
}

.btn-xs {
  padding: 2px 8px;
  font-size: 12px;
}

.btn-xs [class^="icon-"] {
  top: 2px;
  font-size: 14px;
}

.btn-xs:hover {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.btn-xs:focus,
.btn-xs:focus:active,
.btn-xs:active {
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 14px;
}

.btn-sm [class^="icon-"] {
  top: 2px;
  font-size: 16px;
}

.btn-sm:hover {
  -webkit-box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.btn-sm:focus,
.btn-sm:focus:active,
.btn-sm:active {
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.btn-xl {
  line-height: 30px;
}

.btn-default {
  background: #F0F1F5;
  color: #2D3255;
}

.btn-default:hover {
  background: #E8EBF2;
}

.btn-default:active,
.btn-default:focus,
.btn-default:focus:active {
  background: #E8EBF2;
}

.btn[disabled],
.ladda-button[disabled],
.btn-disabled {
  background: #e6e6e6;
  border-color: #e6e6e6;
  color: #B3B9C7;
}

.btn[disabled]:hover,
.ladda-button[disabled]:hover,
.btn-disabled:hover {
  color: #98A0B4;
  background: #F0F1F5;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #e6e6e6;
}

.btn[disabled]:active,
.btn[disabled]:focus,
.btn[disabled]:focus:active,
.ladda-button[disabled]:active,
.ladda-button[disabled]:focus,
.ladda-button[disabled]:focus:active,
.btn-disabled:active,
.btn-disabled:focus,
.btn-disabled:focus:active {
  color: #98A0B4;
  background: #e6e6e6;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #e6e6e6;
}

.btn-link {
  background: transparent;
  border: none !important;
}

.btn-link:hover,
.btn-link:active:hover {
  color: #2D3255;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link:active,
.btn-link:focus,
.btn-link:focus:active,
.btn-link:active:hover {
  color: #5B5D7A;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary,
.open>.dropdown-toggle.btn-primary {
  color: #fff;
  background: #21BCB0;
  border-color: #21BCB0;
}

.btn-primary:hover,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.open>.dropdown-toggle.btn-primary:active:hover {
  border-color: #1da69c;
  background: #1da69c;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:focus:active,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary:active,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:focus:active,
.open>.dropdown-toggle.btn-primary:active:hover {
  background: #21BCB0;
}

.btn-outline {
  color: #2D3255;
  background: #fff;
  border: solid 1px #C3C9D7;
  color: #2D3255;
  font-weight: 400;
}

.btn-outline:hover,
.btn-outline:hover,
.btn-outline:active:hover,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:focus:active,
.btn-outline:active:hover {
  color: #2D3255;
  background: #fff;
}

.btn-warning {
  color: #fff;
  background: #FFAB00;
  border: solid 1px #FFAB00;
}

.btn-warning:hover,
.btn-warning:active:hover,
.btn-warning:focus {
  border-color: #f5a400;
  background: #f5a400;
}

.btn-warning:active,
.btn-warning:focus,
.btn-warning:focus:active,
.btn-warning:active:hover {
  background: #FFAB00;
  border-color: #f5a400;
}

.btn-danger {
  color: #fff;
  background: #FF5630;
  border: solid 1px #FF5630;
}

.btn-danger:hover,
.btn-danger:active:hover,
.btn-danger:focus {
  border-color: #fc2e00;
  background: #fc2e00;
}

.btn-danger:active,
.btn-danger:focus,
.btn-danger:focus:active,
.btn-danger:active:hover {
  background: #FF5630;
  border-color: #fc2e00;
}

.btn-success {
  color: #fff;
  background: #00cd69;
  border: solid 1px #00cd69;
}

.btn-success:hover,
.btn-success:active:hover,
.btn-success:focus {
  border-color: #00b35c;
  background: #00b35c;
}

.btn-success:active,
.btn-success:focus,
.btn-success:focus:active,
.btn-success:active:hover {
  background: #00cd69;
  border-color: #00b35c;
}

.btn-info {
  color: #fff;
  background: #2196F3;
  border: solid 1px #2196F3;
}

.btn-info:hover,
.btn-info:active:hover,
.btn-info:focus {
  border-color: #0d8aee;
  background: #0d8aee;
}

.btn-info:active,
.btn-info:focus,
.btn-info:focus:active,
.btn-info:active:hover {
  background: #2196F3;
  border-color: #0d8aee;
}

.choose-btn:first-of-type {
  margin-bottom: 20px;
}

.btn-form {
  padding: 7px 15px;
}

/* Popups */
.modal-content {
  border-radius: 8px;
}

.modal-content .modal-header {
  padding: 15px;
  border-radius: 8px 8px 0 0;
  position: relative;
}

.modal-content .modal-header h4.modal-title {
  font-size: 18px;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-transform: none;
}

.modal-content .modal-header .close {
  color: #fff;
  text-shadow: none;
  width: 30px;
  height: 30px;
  line-height: 34px;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 10px;
  margin: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.modal-content .modal-header .close:before {
  content: "\e5cd";
  font-family: "icomoon";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 30px;
  font-weight: normal;
  top: 0;
}

.modal-content .modal-header .close img,
.modal-content .modal-header .close i {
  display: none;
}

.modal-content .modal-header .close:hover {
  background: rgba(255, 255, 255, 0.4);
}

.modal-content .modal-body label {
  font-size: 14px;
}

.modal-content .modal-footer {
  background: #F7F8FB;
  border-radius: 0 0 5px 5px;
}

.modal-content .modal-footer .btn-primary {
  min-width: 160px;
}

.modal-xl {
  width: 100%;
  max-width: 80%;
}

.modal-md {
  width: 640px;
  margin: 30px auto;
}

.porpect_position .form-group {
  margin-bottom: 10px;
}

/* Forms */
/* autofile style */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #DCE0E9;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* For Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Form title */
.form-title {
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 30px;
  letter-spacing: 0.04em;
  color: #2D3255;
  font-weight: 700;
}

.form-title.mb-0 {
  margin-bottom: 0;
}

.form-title.bordered {
  border-bottom: solid 1px #DCE0E9;
  padding-bottom: 20px;
}

.form-title.tt-none {
  text-transform: none;
}

/* Form Groups */
.form-group {
  position: relative;
  margin-bottom: 20px;
}

.form-group .form-reset {
  position: absolute;
  right: 0;
  bottom: -25px;
  padding: 0 5px;
  background: #F0FCFB;
}

.form-group .help-text {
  display: block;
  padding-top: 12px;
}

.form-group .help-text.info {
  color: #00A3BF;
}

.form-group .help-text.warn {
  color: #FF805C;
}

.input-group {
  position: relative;
}

/* lable */
label {
  margin-top: 10px;
  letter-spacing: 0.02em;
}

label.control-label {
  font-size: 13px;
  color: #999999;
}

I .form-control,
button {
  height: 40px;
  font-weight: 400;
}

I .form-control.placeholder,
button.placeholder {
  opacity: 1;
  color: #999999;
  font-weight: 400;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

I .form-control:-moz-placeholder,
button:-moz-placeholder {
  opacity: 1;
  color: #999999;
  font-weight: 400;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

I .form-control::-moz-placeholder,
button::-moz-placeholder {
  opacity: 1;
  color: #999999;
  font-weight: 400;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

I .form-control:-ms-input-placeholder,
button:-ms-input-placeholder {
  opacity: 1;
  color: #999999;
  font-weight: 400;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

I .form-control::-webkit-input-placeholder,
button::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
  font-weight: 400;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

I .form-control:focus,
I .form-control:active,
button:focus,
button:active {
  border: solid 1px #21BCB0;
}

I .form-control:focus.placeholder,
I .form-control:active.placeholder,
button:focus.placeholder,
button:active.placeholder {
  opacity: 0;
}

I .form-control:focus:-moz-placeholder,
I .form-control:active:-moz-placeholder,
button:focus:-moz-placeholder,
button:active:-moz-placeholder {
  opacity: 0;
}

I .form-control:focus::-moz-placeholder,
I .form-control:active::-moz-placeholder,
button:focus::-moz-placeholder,
button:active::-moz-placeholder {
  opacity: 0;
}

I .form-control:focus:-ms-input-placeholder,
I .form-control:active:-ms-input-placeholder,
button:focus:-ms-input-placeholder,
button:active:-ms-input-placeholder {
  opacity: 0;
}

I .form-control:focus::-webkit-input-placeholder,
I .form-control:active::-webkit-input-placeholder,
button:focus::-webkit-input-placeholder,
button:active::-webkit-input-placeholder {
  opacity: 0;
}

.form-control {
  border: solid 1px #DCE0E9;
  height: 40px;
}

.form-control:focus,
.form-control:active {
  border: solid 1px #21BCB0;
}

.form-control:focus.placeholder,
.form-control:active.placeholder {
  opacity: 0;
}

.form-control:focus:-moz-placeholder,
.form-control:active:-moz-placeholder {
  opacity: 0;
}

.form-control:focus::-moz-placeholder,
.form-control:active::-moz-placeholder {
  opacity: 0;
}

.form-control:focus:-ms-input-placeholder,
.form-control:active:-ms-input-placeholder {
  opacity: 0;
}

.form-control:focus::-webkit-input-placeholder,
.form-control:active::-webkit-input-placeholder {
  opacity: 0;
}

.form-control.ng-invalid.ng-touched {
  border-color: #FF805C;
}

/* Checkbox */
.checkbox .cr,
.radio .cr {
  border-radius: 0;
  position: relative;
}

/* Input File */
.input-file {
  display: block;
  zoom: 1;
  /* label:first-of-type{
  	display: block;
  	margin: 20px 0 0;
  	font-size: 13px;
  	color: #98A0B4;
  } */
}

.input-file:before,
.input-file:after {
  content: "";
  display: table;
}

.input-file:after {
  clear: both;
}

.input-file .help-text {
  display: block;
  padding-top: 12px;
  color: #73748E;
}

.input-file .help-text a {
  color: #73748E;
  font-weight: 500;
}

.input-file .help-text a:hover {
  color: #21BCB0;
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile+label {
  color: #98A0B4;
  cursor: pointer;
  border: 1px solid #B3B9C7;
  background-color: #fff;
  padding: 9px 10px;
  width: 100%;
  margin: 0;
  position: relative;
  font-weight: 500;
}

.inputfile+label i {
  display: block;
  position: absolute;
  right: 0;
  height: 38px;
  line-height: 38px;
  font-style: normal;
  font-weight: 700;
  top: 0;
  padding: 0 10px;
  color: #fff;
  background: #21BCB0;
  border-left: solid 1px #B3B9C7;
  width: 150px;
  text-align: center;
  font-size: 15px;
}

.inputfile:focus+label,
.inputfile.has-focus+label,
.inputfile+label:hover {
  border-color: #21BCB0;
}

.inputfile+label span {
  width: calc(100% - 100px);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  color: #B3B9C7;
  padding-left: 2px;
}

.inputfile+label strong {
  height: 100%;
  color: #73748E;
  background-color: #98A0B4;
  display: inline-block;
}

.inputfile:focus+label strong,
.inputfile.has-focus+label strong,
.inputfile+label:hover strong {
  border: #6B84FF;
}

/* Select Input tags */
/* tag input for multiple location */
.tag-input-ctn {
  border: 1px solid #DCE0E9;
  padding: 0 10px 0;
  display: inline-block;
  width: 100%;
  border-radius: 0px;
}

.tag-input-ctn input {
  width: 100%;
  border: none;
  font-size: 13px;
  padding: 0;
}

.tag-input-ctn input:focus {
  border: none;
}

.tag-input-ctn .input-tag {
  padding: 2px 8px;
  padding-right: 4px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 700;
  background-color: #6B84FF;
  display: inline-block;
  float: left;
  border-radius: 2px;
  color: #fff;
  border: none;
  margin-left: 3px;
  margin-top: 5px;
}

.tag-input-ctn .input-tag:first-of-type {
  margin-left: 0;
}

.tag-input-ctn .input-tag .delete-tag {
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  padding: 0px 4px;
  margin-left: 3px;
  color: #fff;
}

.tag-input-ctn .input-tag .delete-tag:hover {
  background-color: #96b4d2;
}

/* Tab Input Tags */
tags-input *:after,
tags-input *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

tags-input .tags {
  border: solid 1px #DCE0E9;
  -webkit-box-shadow: none;
  box-shadow: none;
}

tags-input .tags.focused {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: solid 1px #21BCB0;
}

tags-input .tags .tag-list {
  padding-left: 0px;
  margin-left: 10px;
}

tags-input .tags .tag-item {
  margin: 9px 5px 0px 0;
  padding: 1px 5px;
  display: inline-block;
  float: left;
  font-size: 14px;
  line-height: 19px !important;
  background-color: #6B84FF;
  border-radius: 2px;
  color: #fff;
}

tags-input .tags .tag-item.selected {
  background: #FF5630;
}

tags-input .tags .tag-item span {
  cursor: pointer;
  padding: 0px 5px;
  background: none;
  border-radius: 15px;
  font-size: 13px;
  margin: 0px;
  display: inline-block;
  color: #fff;
}

tags-input .tags .tag-item .remove-button {
  color: #fff;
  margin: 0;
  padding: 0;
  position: relative;
  top: 1px;
}

tags-input .tags .tag-item .remove-button:active {
  color: #FFC8B6;
}

tags-input .tags .input {
  border: 0;
  outline: 0;
  padding: 0 10px;
  float: left;
  height: 38px;
  margin: 0;
  font-size: 13px;
  color: #6c7794;
  min-width: 210px;
  letter-spacing: 0.04em;
}

tags-input .tags .input.placeholder {
  opacity: 1;
  color: #6c7794;
}

tags-input .tags .input:-moz-placeholder {
  opacity: 1;
  color: #6c7794;
}

tags-input .tags .input::-moz-placeholder {
  opacity: 1;
  color: #6c7794;
}

tags-input .tags .input:-ms-input-placeholder {
  opacity: 1;
  color: #6c7794;
}

tags-input .tags .input::-webkit-input-placeholder {
  opacity: 1;
  color: #6c7794;
}

tags-input .tags .input:focus.placeholder {
  opacity: 0;
}

tags-input .tags .input:focus:-moz-placeholder {
  opacity: 0;
}

tags-input .tags .input:focus::-moz-placeholder {
  opacity: 0;
}

tags-input .tags .input:focus:-ms-input-placeholder {
  opacity: 0;
}

tags-input .tags .input:focus::-webkit-input-placeholder {
  opacity: 0;
}

tags-input .autocomplete {
  margin-top: 5px;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px #CCC4C4;
  box-shadow: 1px 1px 2px #CCC4C4;
  outline: none;
  border: 1px solid #CCC4C4;
}

tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative;
}

tags-input .autocomplete .suggestion-list.selected,
tags-input .autocomplete .suggestion-list.selected em {
  color: #fff;
  background-color: #29bbb0;
}

tags-input .autocomplete .suggestion-list .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #000;
  background-color: #fff;
}

/* Select */
select,
select.form-control {
  background: url(../images/dropdown.png) no-repeat 95%;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  line-height: 1;
}

.input-group-addon select {
  padding: 5px 10px;
  background-size: 5px;
  background: url(../images/dropdown.png) no-repeat 90%;
}

/* Form Wizard */
#tmm-form-wizard .button,
#tmm-form-wizard .button:hover,
#tmm-form-wizard .button:active {
  display: inline-block;
  margin-bottom: 15px;
  padding: 0;
  outline: none;
  color: #fff;
  vertical-align: baseline;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  background-color: #29bbb0;
  border: 1px solid #29bbb0;
}

#tmm-form-wizard .button a {
  color: #fff;
}

#tmm-form-wizard .button span {
  border: 0px solid #29bbb0;
  display: inline-block;
  padding: 7px 20px;
  font-size: 16px;
  font-weight: normal;
}

.ie9 #tmm-form-wizard .button {
  background-color: #00BDFD;
}

.ie9 #tmm-form-wizard .button {
  background-color: #00BDFD;
}

#tmm-form-wizard.substrate-transparent {
  padding: 0px 14px;
  background-color: transparent;
}

#tmm-form-wizard.form-login {
  top: 50%;
  left: 50%;
  width: 390px;
  height: 290px;
  position: absolute;
  margin-top: -145px;
  margin-left: -195px;
}

#tmm-form-wizard .form-login-heading {
  color: #000;
  margin: 0;
}

#tmm-form-wizard .input-block {
  padding-bottom: 5px;
  position: relative;
}

#tmm-form-wizard .input-block label {
  font-size: 14px;
  color: #4f4f4f;
}

#tmm-form-wizard .tip {
  padding-top: 2px;
  padding-bottom: 26px;
  margin: 0px -14px;
}

#tmm-form-wizard .tip a {
  color: #fb6b5b;
  padding: 0px 14px;
  float: right;
}

#tmm-form-wizard .tip a:hover {
  color: #000;
}

#tmm-form-wizard .button-group {
  position: relative;
  padding-top: 10px;
}

#tmm-form-wizard .button-group a {
  color: #fff;
}

#tmm-form-wizard .input-block .tooltip {
  position: absolute;
  width: 253px;
  line-height: 20px;
  padding: 14px 14px 6px;
  font-size: 11px;
  text-align: center;
  color: #fff;
  text-align: left;
  background: #fb6b5b;
  top: 28px;
  right: -272px;
  z-index: 1;
  display: none;
  border-radius: 5px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.09804);
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.09804);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.09804);
}

#tmm-form-wizard .tooltip p {
  line-height: 1.3;
  padding-bottom: 33px;
}

#tmm-form-wizard .tooltip b {
  font-size: 14px;
  display: block;
  font-weight: 700;
}

#tmm-form-wizard .tooltip span {
  display: block;
  font-size: 11px;
  padding: 0 0 0 15px;
}

#tmm-form-wizard .tooltip span:before {
  display: block;
  position: absolute;
  left: 14px;
  font: 14px 'fontello';
  color: #fff;
  content: '\e9af';
}

#tmm-form-wizard .tooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #fb6b5b transparent transparent;
  top: 12px;
  left: -20px;
}

.ie8 #tmm-form-wizard .tooltip:after {
  left: -17px;
}

#tmm-form-wizard.substrate .form-login-heading {
  margin: 0 -14px;
  border-bottom: 1px solid #dadada;
  color: #757575;
  padding: 14px;
  background-color: #F0F0F0;
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

#tmm-form-wizard.form-login.substrate .form-login-heading {
  margin: 0 -14px;
}

#tmm-form-wizard.substrate .form-login-heading span {
  color: #59bbdf;
  padding: 0 5px;
}

#tmm-form-wizard.substrate input[type="password"] {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: 14px;
  text-align: left;
  color: #959595;
}

#tmm-form-wizard.substrate .input-block label {
  color: #748286;
  font-size: 14px;
}

#tmm-form-wizard.substrate .tip {
  padding-top: 2px;
  padding-bottom: 43px;
  border-bottom: 1px solid #dadada;
}

#tmm-form-wizard.substrate .button-group {
  text-align: right;
}

#tmm-form-wizard .form-container {
  margin: 0 auto;
  zoom: 1;
}

#tmm-form-wizard .form-container:before,
#tmm-form-wizard .form-container:after {
  content: "";
  display: table;
}

#tmm-form-wizard .form-container:after {
  clear: both;
}

#tmm-form-wizard .form-login-heading {
  font-size: 20px;
  color: #757575;
}

#tmm-form-wizard .form-login-heading span {
  color: #59bbdf;
  padding: 0 5px;
}

.cards #tmm-form-wizard .stage-container {
  margin: 0 0 20px;
  padding: 20px 0;
}

#tmm-form-wizard .stage-container {
  background-color: #F5F5F5;
  margin-top: 0;
  padding-top: 20px;
  zoom: 1;
}

#tmm-form-wizard .stage-container:before,
#tmm-form-wizard .stage-container:after {
  content: "";
  display: table;
}

#tmm-form-wizard .stage-container:after {
  clear: both;
}

#tmm-form-wizard .stage {
  display: inline-block;
  position: relative;
  text-align: center;
}

#tmm-form-wizard .stage:before,
#tmm-form-wizard .stage:after {
  position: absolute;
  background-color: #eaeaea;
  top: 8px;
  width: 50%;
  height: 3px;
  border: none;
  content: '';
}

#tmm-form-wizard .stage:before {
  left: 0;
}

#tmm-form-wizard .stage:after {
  right: 0;
}

#tmm-form-wizard .stage:first-child:before {
  display: none;
}

#tmm-form-wizard .stage:first-child+.stage+.stage+.stage:after {
  display: none;
}

/* Custom Select */
body .chosen-container-single ul li {
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  color: #000;
}

body .chosen-container-single ul li:hover:not(.group-result) {
  color: #fff;
}

body .chosen-container-single .chosen-single {
  background: #fff;
  border-radius: 0;
  height: 40px;
}

body .chosen-container-single .chosen-single span {
  line-height: 3;
}

body .chosen-container-single .chosen-single div {
  width: 25px;
}

body .chosen-container-single .chosen-single div b {
  background: url("../images/dropdown.png") no-repeat center center;
}

/* View password */
.password_view {
  position: relative;
}

.password_view:before {
  content: "\f06e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 14px;
  padding-right: 0.5em;
  position: absolute;
  top: 20px;
}

.form-control-feedback {
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 0px;
  line-height: 0px;
  text-align: center;
  pointer-events: none;
  float: right;
}

.password_view_type {
  position: relative;
}

.password_view_type:before {
  content: "\f070";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 14px;
  padding-right: 0.5em;
  position: absolute;
  top: -20px;
}

.login_page .password_view_type:before {
  right: 0px;
}

.login_page .password_view:before {
  right: 0px;
}

.signup-password .password_view_type:before {
  right: -16px;
}

.signup-password .password_view:before {
  right: -16px;
}

/* Errors */
/*.summernote.ng-invalid + .note-editor.panel.note-frame{
	border:solid 1px $reds-02;
} */
.ng-invalid.ng-invalid.ng-touched,
tags-input.ng-touched.ng-invalid .tags,.summernote.ng-invalid.ng-touched+.note-editor {
  border: solid 1px #FF805C;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.error-numer-message,
.invalid-entry,
.duplicate-entry {
  position: absolute;
  font-size: 12px;
  font-weight: normal;
  background: #fff;
  bottom: -7px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  letter-spacing: 0.04em;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: red;
  padding: 0 4px;
}

.ng-empty.ng-untouched+.error-numer-message,
.ng-empty.ng-untouched~.error-numer-message {
  opacity: 0;
  visibility: hidden;
}

.invalid-entry {
  opacity: 1;
  visibility: visible;
}

.ng-valid-is-email-exist~.error-numer-message {
  opacity: 0;
  visibility: hidden;
}

.ng-invalid.ng-touched+.error-numer-message,
.ng-invalid.ng-touched~.error-numer-message,
.ng-invalid+.error-numer-message,
.ng-invalid~.error-numer-message,
.ng-invalid-required.ng-touched+.error-numer-message,
.ng-invalid-required.ng-touched~.error-numer-message {
  opacity: 1;
  visibility: visible;
}

.ng-invalid.ng-touched:focus+.error-numer-message,
.ng-invalid.ng-touched:focus~.error-numer-message,
.ng-invalid:focus+.error-numer-message,
.ng-invalid:focus~.error-numer-message,
.ng-invalid-required.ng-touched:focus+.error-numer-message,
.ng-invalid-required.ng-touched:focus~.error-numer-message {
  opacity: 0;
  visibility: hidden;
}

.ng-invalid-pattern.ng-touched+.error-numer-message {
  opacity: 0;
  visibility: visible;
}

.ng-invalid-pattern.ng-touched:focus+.error-numer-message {
  opacity: 0;
  visibility: hidden;
}

.ng-invalid-pattern.ng-touched+.error-numer-message.error_message_false {
  opacity: 1;
  visibility: visible;
}

/* .ng-invalid-pattern.ng-touched+.error-numer-message.error_message_false {
  opacity: 1;
  visibility: visible;
} */

.error_message {
  position: absolute;
  font-size: 12px;
  font-weight: normal;
  background: #fff;
  bottom: -7px;
  right: 20px;
  letter-spacing: 0.04em;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: red;
  padding: 0 4px;
  /* & ~ .error-numer-message{
  	opacity: 0 !important;
  	visibility: hidden !important;
  } */
}

.error_message+input {
  border: solid 1px #FF805C;
}

.error_message:not(:empty)~.error-numer-message {
  opacity: 0;
  visibility: hidden;
}

.error_message:empty+input {
  border: solid 1px #DCE0E9;
}

.ng-empty~.error_message {
  opacity: 0;
  visibility: hidden;
}

.checkbox-cb {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 20px;
  height: 20px;
}

.checkbox-cb input[type="checkbox"] {
  display: block;
  position: absolute;
  -webkit-appearance: none;
  background: red;
  width: 20px;
  height: 20px;
  border: none;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  z-index: 1;
}

.checkbox-cb input[type="checkbox"]:checked+label {
  background: #21BCB0;
  border: solid 1px #21BCB0;
}

.checkbox-cb input[type="checkbox"]:checked+label .icon-check {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.checkbox-cb label {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  border: solid 1px #DCE0E9;
  background: #fff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.checkbox-cb label .icon-check {
  color: #fff;
  display: block;
  line-height: 16px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

/*  Custom Choosen PLugin  */
.form-group .chosen-container-single {
  font-size: 14px;
}

.form-group .chosen-container-single .chosen-default {
  border: solid 1px #DCE0E9;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #98A0B4;
  font-weight: normal;
}

.form-group .chosen-container-single .chosen-search {
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}

.form-group .chosen-container-single .chosen-search:before {
  content: "";
  display: block;
}

.form-group .chosen-container-single .chosen-search input[type="text"] {
  height: 40px;
  border: solid 1px #DCE0E9;
  background: none;
}

.form-group .chosen-container-single .chosen-single {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: solid 1px #DCE0E9;
}

.form-group .chosen-container-single .chosen-single span {
  font-weight: normal;
  background: #21bcb0;
  color: #fff;
  width: auto;
  display: inline-block;
  line-height: 1.7;
  padding: 0 8px;
  border-radius: 3px;
  margin-top: 8px;
}

.screener_class .chosen-container-single .chosen-single span {
  font-weight: normal;
  background: transparent;
  color: #555;
  width: auto;
  display: inline-block;
  line-height: 1.7;
  padding: 0 8px;
  border-radius: 3px;
  margin-top: 8px;
}

.form-group .chosen-container-single.chosen-container-active .chosen-default {
  border: solid 1px #DCE0E9;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
  background: #fff;
  border: solid 1px #DCE0E9;
}

.form-group .chosen-container-single .chosen-drop {
  border: solid 1px #DCE0E9;
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group .chosen-container-single .chosen-drop .chosen-results li.active-result {
  padding: 10px 8px;
  font-size: 14px;
  color: #2D3255;
}

.form-group .chosen-container-single .chosen-drop .chosen-results li.active-result.highlighted {
  background: #21BCB0 !important;
  color: #fff;
  font-weight: 500;
}

/* Layout */
.ovHidden {
  overflow-y: hidden;
}

.text-primary {
  color: #21BCB0;
}

.container {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  zoom: 1;
}

.container:before,
.container:after {
  content: "";
  display: table;
}

.container:after {
  clear: both;
}

.centered {
  float: none;
  margin: 0 auto;
}

/* Outerwrapper */
.outer-wrapper {
  width: calc(100% - 60px);
  margin-left: 60px;
  padding: 130px 45px 0;
  -webkit-transition: all 0.4s cubic-bezier(0.31, 0.86, 1, 1);
  transition: all 0.4s cubic-bezier(0.31, 0.86, 1, 1);
  min-height: 100vh;
}

.outer-wrapper.expanded {
  width: calc(100% - 250px);
  margin-left: 250px;
}

.outer-wrapper.expanded .admin-nav .menus li a {
  padding: 0 10px;
}

.outer-wrapper.expanded #bread_wrap {
  width: calc(100% - 220px);
  margin-left: 190px;
  padding-right: 70px;
  -webkit-transition: all 0.4s cubic-bezier(0.31, 0.86, 1, 1);
  transition: all 0.4s cubic-bezier(0.31, 0.86, 1, 1);
}

.outer-wrapper.expanded #bread_wrap .wrapper {
  max-width: calc(100% - 20px);
}

.outer-wrapper.expanded #bread_wrap.admin-nav {
  width: calc(100% - 250px);
  padding-right: 30px;
}

.outer-wrapper.expanded #bread_wrap.candidates-breadcrumb .filter_wrap {
  right: 80px;
}

.outer-wrapper.expanded .side-menu {
  width: 250px;
}

.outer-wrapper.expanded .side-menu nav a {
  width: 100%;
  margin-left: 0;
}

.outer-wrapper.expanded #navbar tip {
  display: none !important;
}

.outer-wrapper.expanded a {
  margin-left: 0;
}

.outer-wrapper.has-dummy {
  padding-top: 150px;
}

.outer-wrapper.has-dummy .side-menu,
.outer-wrapper.has-dummy .top-nav {
  top: 20px;
}

.outer-wrapper.has-dummy #bread_wrap {
  top: 70px;
}

.outer-wrapper.no-breadcrumbs {
  padding-top: 50px;
}

.wrap-height {
  min-height: calc(100vh - 190px);
}

/* Side Menu */
.side-menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  min-height: 100vh;
  -webkit-transition: width 0.4s cubic-bezier(0.31, 0.86, 1, 1);
  transition: width 0.4s cubic-bezier(0.31, 0.86, 1, 1);
  z-index: 12;
}

.side-menu:before {
  content: "";
  background: #21BCB0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 50px;
  z-index: -1;
}

.side-menu button {
  display: block;
  position: absolute;
  width: 60px;
  height: 50px;
  background: #21BCB0;
  border: none;
  outline: none;
  cursor: pointer;
  left: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.side-menu button span {
  display: block;
  width: 25px;
  height: 2px;
  background: #fff;
  margin: 0 auto 5px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

.side-menu button span:last-child {
  margin-bottom: 0;
}

.side-menu button span:nth-child(n) {
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.side-menu button.active span:first-child {
  -webkit-transform: translate(-7px, 2px) rotate(-45deg) scaleX(0.6);
  transform: translate(-7px, 2px) rotate(-45deg) scaleX(0.6);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.side-menu button.active span:last-child {
  -webkit-transform: translate(-7px, -2px) rotate(45deg) scaleX(0.6);
  transform: translate(-7px, -2px) rotate(45deg) scaleX(0.6);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.side-menu nav {
  margin-top: 50px;
  text-transform: uppercase;
}

.side-menu nav tooltip {
  display: block !important;
}

.side-menu nav ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.side-menu nav ul li {
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

.side-menu nav ul li:hover {
  background: #199187;
}

.side-menu nav a {
  display: block;
  color: #fff;
  padding-left: 60px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: 0.04em;
  position: relative;
  -webkit-transition: none;
  transition: none;
  font-size: 13px;
  line-height: 2;
}

@media (max-height: 760px) {
  .side-menu nav a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

@media (max-height: 650px) {
  .side-menu nav a {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

.side-menu nav a i {
  position: absolute;
  left: 20px;
  top: -3px;
  bottom: 0;
  margin: auto;
  height: 21px;
}

.side-menu nav a i:before {
  color: #fff;
  font-size: 20px;
}

.side-menu nav a i.icon-calender {
  line-height: 18px;
}

/* Top Navigation */
.top-nav {
  display: block;
  position: fixed;
  top: 0;
  left: 60px;
  height: 50px;
  width: calc(100% - 60px);
  background: #fff;
  z-index: 50;
}

.top-nav a.btn-search {
  color: #fff;
  margin-top: 6px;
  margin-right: 6px;
  height: 36px;
  padding-top: 4px;
  background: #21BCB0;
  border: none;
  text-transform: none;
  font-size: 13px;
  line-height: 2.1;
  letter-spacing: 0.04em;
  color: #fff;
  /* color: // #d9d9d9; */
}
.top-nav a.adv-btn-search {
  background: #2196F3;
}
.top-nav a.btn-search:hover {
  /* background: #595959; */
  /* background: #21BCB0; */
  background: #1da69c;
  border-color: #1da69c;
  /* color: #21BCB0; */
}
.top-nav a.adv-btn-search:hover {
  /* background: #595959; */
  /* background: #21BCB0; */
  background: #0d8aee;
  border-color: #0d8aee;
  /* color: #21BCB0; */
}

.top-nav .clearfix {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.top-nav .logo {
  display: block;
  float: left;
  width: 135px;
  flex: 0 0 auto;
  /* padding: 15px;
  padding-left: 25px; */
}

.top-nav .logo.logo_text {
  padding: 0;
  margin-top: 0;
  width: 87px;
}

.top-nav .logo img {
  display: block;
  max-width: 100%;
}

.top-nav .logo>a {
  position: relative;
  display: block;
  /* top: -15px; */
}

.top-nav .logo>a:before {
  content: "TM";
  position: absolute;
  right: -10px;
  top: 15px;
  font-size: 8px;
  color: #000;
}

.top-nav li.show-always {
  display: block !important;
}

.top-nav .nav {
  display: block;
  width: calc(100% - 140px);
  float: right;
  text-align: right;
  height: 50px;
  padding-right: 10px;
  color: #fff;
  flex: 0 0 auto;
}

.top-nav .nav [class^="icon-"],
.top-nav .nav [class*=" icon-"] {
  font-size: 20px;
}

.top-nav .nav tooltip {
  display: block;
  height: 50px;
  width: 60px;
}

.top-nav .nav tooltip tip {
  min-width: 100px;
}

.top-nav .nav tooltip a {
  color: #21BCB0 !important;
}

.top-nav .nav>ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  zoom: 1;
}

.top-nav .nav>ul:before,
.top-nav .nav>ul:after {
  content: "";
  display: table;
}

.top-nav .nav>ul:after {
  clear: both;
}

.top-nav .nav>ul>li {
  display: block;
  float: left;
  text-align: center;
  height: 50px;
}

.top-nav .nav>ul>li .active {
  color: #fff;
}

.top-nav .nav>ul>li .btn-group {
  cursor: pointer;
}

.top-nav .nav>ul>li tooltip a,
.top-nav .nav>ul>li>.btn-group {
  color:  #21BCB0;
  font-size: 20px;
  line-height: 50px;
  width: 60px;
  margin: 0;
  padding: 0;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  position: relative;
}

.top-nav .nav>ul>li tooltip a:hover,
.top-nav .nav>ul>li>.btn-group:hover {
  /* background: #4d4d4d; */
  color: #fff !important;
  background: #21BCB0;
}
/* .top-nav .nav>ul>li tooltip a:hover{

} */

.top-nav .nav>ul>li tooltip a.open,
.top-nav .nav>ul>li>.btn-group.open {
  /* background: #21BCB0; */
  color: #fff !important;
  background: #21BCB0;
}

.top-nav .nav>ul>li tooltip a a,
.top-nav .nav>ul>li>.btn-group a {
  display: block;
}

.top-nav .nav>ul>li a span.notification-count {
  display: block;
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 10px;
  padding: 0 4px;
  height: 15px;
  line-height: 16px;
  text-align: center;
  background: #FF5630;
  border-radius: 2px;
}

.top-nav .nav>ul a.notification {
  display: inline-block;
  line-height: 50px;
  width: 60px;
}

.top-nav .nav>ul a.notification:hover {
  background: #4d4d4d;
}

.top-nav .nav>ul .icon-add {
  font-size: 24px;
  position: relative;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  display: inline-block;
}

.top-nav .nav .opened>.dropdown-menu {
  display: block;
}

.top-nav .nav .dropdown-toggle {
  all: unset;
  line-height: 50px;
  display: block;
}

.top-nav .nav .dropdown-toggle.open,
.top-nav .nav .dropdown-toggle:hover,
.top-nav .nav .dropdown-toggle:focus,
.top-nav .nav .dropdown-toggle:active {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.top-nav .nav .dropdown-menu {
  left: auto;
  right: 0;
  margin-top: 0;
  text-align: left;
  border-radius: 0;
  padding: 0;
}

.top-nav .nav .dropdown-menu li {
  text-align: left;
  line-height: 1;
  border-bottom: solid 1px #e6e6e6;
  overflow: hidden;
}

.top-nav .nav .dropdown-menu li:last-child {
  border-bottom: 0;
}

.top-nav .nav .dropdown-menu li.divider {
  padding: 0;
}

.top-nav .nav .dropdown-menu li.title {
  padding: 15px 10px;
  color: #000;
  font-weight: normal;
  text-transform: none;
}

.top-nav .nav .dropdown-menu li.has-sub {
  padding: 0;
  position: relative;
}

.top-nav .nav .dropdown-menu li.has-sub+li {
  display: block !important;
}

.top-nav .nav .dropdown-menu li.has-sub span {
  font-size: 14px;
  color: #000;
  padding: 15px 10px;
  letter-spacing: 0.04em;
  display: block !important;
  border-bottom: solid 1px #e6e6e6;
  background: #F7F8FB;
}

.top-nav .nav .dropdown-menu li.has-sub:hover ul.sub {
  height: auto;
  display: block;
}

.top-nav .nav .dropdown-menu li.has-sub ul.sub {
  display: block;
  overflow-y: auto;
  max-height: 227px;
}

.top-nav .nav .dropdown-menu li.has-sub ul.sub a {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.top-nav .nav .dropdown-menu li.has-sub ul.sub.show {
  display: block;
}

.top-nav .nav .dropdown-menu li.sub {
  background: #FAFBFF;
}

.top-nav .nav .dropdown-menu li.user {
  position: relative;
  padding: 10px 20px 8px 80px;
}

.top-nav .nav .dropdown-menu li.user .letter-avatar {
  display: block;
  position: absolute;
  width: 55px;
  height: 55px;
  font-size: 30px;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  line-height: 55px;
  text-align: center;
  font-weight: bold;
}

.top-nav .nav .dropdown-menu li.user p {
  font-size: 16px;
  letter-spacing: 0.04em;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.top-nav .nav .dropdown-menu li.user ng-letter-avatar {
  position: relative;
  top: 5px;
}

.top-nav .nav .dropdown-menu li.user span {
  display: block;
}

.top-nav .nav .dropdown-menu li.user span.name {
  color: #000;
  font-weight: 500;
}

.top-nav .nav .dropdown-menu li.user span.mail {
  font-size: 13px;
  color: #b3b3b3;
  font-weight: 400;
}

.top-nav .nav .dropdown-menu>li a {
  font-size: 14px;
  color: #000;
  padding: 10px;
  letter-spacing: 0.04em;
}

.top-nav .nav .dropdown-menu>li a:hover {
  background: #f2f2f2;
}

.top-nav .nav .dropdown-menu.user-menu {
  width: 300px;
}

.top-nav .nav .dropdown-menu.user-menu [class^="icon-"] {
  font-size: 16px;
  position: relative;
  top: 2px;
  display: inline-block;
  padding-right: 5px;
}

.top-nav .nav .dropdown-menu [class^="icon-"] {
  font-size: 16px;
  position: relative;
  top: 2px;
  display: inline-block;
  padding-right: 5px;
}

.top-nav .nav .dropdown-menu .icon-add {
  top: 0;
}

.top-nav .nav tip-cont.open .dropdown-menu {
  display: block;
}

.top-nav .nav .userTenants {
  display: block;
  max-height: 250px;
  overflow-y: auto;
}

.top-nav .nav .userTenants span {
  display: block;
  border-bottom: solid 1px #DCE0E9;
}

.top-nav .nav .userTenants span:last-child {
  border-bottom: none;
}

.top-nav .nav .userTenants span a {
  display: block;
  padding-bottom: 12px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.top-nav .wrap-search {
  display: block;
  position: relative;
  height: 50px;
  margin-right: 10px;
}

.top-nav .wrap-search input[type="text"] {
  all: unset;
  /* background: #4d4d4d; */
  background:#E8EBF2;
  height: 35px;
  width: 300px;
  text-align: left;
  padding: 0 10px;
  margin-top: 7px;
  border-radius: 3px;
  color: #000;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.top-nav .wrap-search input[type="text"].placeholder {
  color: gray;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.top-nav .wrap-search input[type="text"]:-moz-placeholder {
  color: gray;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.top-nav .wrap-search input[type="text"]::-moz-placeholder {
  color: gray;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.top-nav .wrap-search input[type="text"]:-ms-input-placeholder {
  color: gray;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.top-nav .wrap-search input[type="text"]::-webkit-input-placeholder {
  color: gray;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.top-nav .wrap-search input[type="text"]:hover {
  border: none;
}

.top-nav .wrap-search input[type="text"]:focus.placeholder {
  opacity: 0;
}

.top-nav .wrap-search input[type="text"]:focus:-moz-placeholder {
  opacity: 0;
}

.top-nav .wrap-search input[type="text"]:focus::-moz-placeholder {
  opacity: 0;
}

.top-nav .wrap-search input[type="text"]:focus:-ms-input-placeholder {
  opacity: 0;
}

.top-nav .wrap-search input[type="text"]:focus::-webkit-input-placeholder {
  opacity: 0;
}

.top-nav .wrap-search button {
  display: block;
  position: absolute;
  background: none;
  border: none;
  height: 35px;
  width: 35px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
 
}
.top-nav .wrap-search button i{
  color: #000;
}

/* Footer */
footer {
  font-size: 13px;
  padding: 10px 0;
  color: #98A0B4;
  margin-top: 15px;
}

footer a {
  color: #8992a9;
}

footer a:hover {
  color: #1da69c;
}

/* Breadcrumbs */
#bread_wrap {
  height: 50px;
  background: #E8EBF2;
  width: calc(100% - 60px);
  margin-left: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.31, 0.86, 1, 1);
  transition: all 0.4s cubic-bezier(0.31, 0.86, 1, 1);
  position: fixed;
  top: 50px;
  left: 60px;
  padding-right: 40px;
  padding-left: 30px;
  padding-top: 10px;
  z-index: 49;
  zoom: 1;
}

#bread_wrap:before,
#bread_wrap:after {
  content: "";
  display: table;
}

#bread_wrap:after {
  clear: both;
}

#bread_wrap.board-breadcrumb #newbreadcrumb {
  float: left;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#bread_wrap.board-breadcrumb #newbreadcrumb h5 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

#bread_wrap.board-breadcrumb .board-search {
  float: left;
  margin-right: 10px;
  min-width: 200px;
}

#bread_wrap.board-breadcrumb .board-search input {
  height: 33px;
  padding: 0 10px;
  display: block;
  width: 100%;
}

#bread_wrap.has-breadcrumbs {
  padding-top: 0;
}

#bread_wrap>#newbreadcrumb {
  padding-left: 0;
}

#bread_wrap .onboard {
  margin-left: 0;
}

#bread_wrap.candidates-breadcrumb .filter_wrap {
  position: absolute;
  right: 40px;
}

#bread_wrap .wrapper {
  max-width: 100%;
  zoom: 1;
}

#bread_wrap .wrapper:before,
#bread_wrap .wrapper:after {
  content: "";
  display: table;
}

#bread_wrap .wrapper:after {
  clear: both;
}

#bread_wrap #breadcrumb {
  position: relative;
  height: 50px;
}

#bread_wrap #breadcrumb.col-md-6 {
  padding-left: 0;
}

#bread_wrap #breadcrumb h5 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 25px;
  margin: 2px 0 0;
  font-weight: 500;
  color: gray;
}

#bread_wrap #breadcrumb h5.title-only {
  margin: 12px 0;
}

#bread_wrap #breadcrumb .links {
  line-height: 1;
  width: 100%;
  float: none;
  margin-top: 2px;
  padding: 0;
  text-align: left;
  letter-spacing: 0.04em;
  font-weight: 400;
  font-size: 13px;
}

#bread_wrap #breadcrumb .links a {
  display: inline-block;
}

#bread_wrap #breadcrumb .links a:after {
  content: "/";
  display: inline-block;
  padding: 0 6px;
  color: #b3b3b3 !important;
}

#bread_wrap #breadcrumb .links span {
  color: #b3b3b3;
}

#bread_wrap #breadcrumb .links span.ladda-label {
  color: #fff;
}

#bread_wrap #breadcrumb span.ladda-label {
  color: #fff;
}

#bread_wrap #breadcrumb .ladda-button[data-style=zoom-in] .ladda-label {
  color: #fff;
}

#bread_wrap.with-crumbs {
  padding-top: 0;
}

#bread_wrap.admin-nav {
  width: calc(100% - 60px);
  padding-left: 30px;
  padding-right: 30px;
  margin: 0;
  height: 50px;
  position: fixed;
  z-index: 10;
}

#bread_wrap.admin-nav [class^="col-"] {
  padding: 0;
}

/* Filter wrap */
/* Filter wrap */
.filter_wrap {
  zoom: 1;
  padding-top: 8px;
}

.filter_wrap:before,
.filter_wrap:after {
  content: "";
  display: table;
}

.filter_wrap:after {
  clear: both;
}

.filter_wrap .sort {
  display: block;
  float: left;
  margin-right: 10px;
  position: relative;
}

.filter_wrap .sort:last-child {
  margin-right: 0;
}

.filter_wrap .sort-select {
  background: #fff;
  padding: 0 10px;
  padding-left: 0;
  position: relative;
  height: 34px;
  border: solid 1px #DCE0E9;
  zoom: 1;
}

.filter_wrap .sort-select:before,
.filter_wrap .sort-select:after {
  content: "";
  display: table;
}

.filter_wrap .sort-select:after {
  clear: both;
}

.filter_wrap .sort-select select {
  background: transparent;
  border: none;
  display: block;
  float: left;
  height: 32px;
  min-width: 150px;
  position: relative;
}

.filter_wrap .sort-select span.add-on {
  background: #F0F1F5;
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  padding: 0 10px;
  text-transform: none;
}

.filter_wrap .sort-select span.add-on i {
  font-size: 18px;
  display: inline-block;
  -webkit-transform: translate(-5px, 5px);
  transform: translate(-5px, 5px);
  position: absolute;
  top: 2px;
  right: 0;
}

.filter_wrap .filter {
  height: auto;
  width: auto;
  margin-left: 5px;
  padding-left: 15px;
  position: relative;
  top: 2px;
}

.filter_wrap .filter #filter_data {
  padding: 0;
  line-height: 2;
}

.filter_wrap .filter #close_filter {
  margin: 0;
}

/* Filter slide out */
#bs-example-navbar-collapse-1 {
  position: relative;
  z-index: 0;
  margin: -20px auto 15px;
}

#bs-example-navbar-collapse-1.positions-filter {
  margin-top: -40px;
  margin-bottom: 40px;
  position: absolute;
  top: 0;
  left: 35%;
}

#selected_filters {
  position: relative;
  width: 100%;
}

.filter_left {
  margin: 0;
}

.filter-slide {
  max-height: 100vh;
}

.filter-slide .filter-right-slider {
  background: #fff;
}

.filter-slide .filter-slide-header {
  height: 50px;
  padding: 10px 15px;
  position: relative;
  background: #21BCB0;
}

.filter-slide .filter-slide-header span.heading {
  padding: 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.filter-slide .filter-slide-header #close_menu,
.filter-slide .filter-slide-header #reset-filter {
  display: block;
  position: absolute;
  color: #fff;
  right: 10px;
}

.filter-slide .filter-slide-header #close_menu i,
.filter-slide .filter-slide-header #reset-filter i {
  font-size: 24px;
}

.filter-slide .filter-slide-header #reset-filter {
  right: 40px;
}

.filter-slide .filter-wrap {
  display: block;
  width: 100%;
  height: calc(100% - 50px);
  overflow-y: auto;
}

.filter-slide .filter-wrap .alert-warning {
  display: block;
  background: #F0FCFB;
  color: #000;
  margin: 10px;
  border: solid 1px #E8EBF2;
}

.filter-slide .filter-wrap .alert-warning a {
  color: #21BCB0;
}

.filter-slide .filter-wrap .alert-warning a:hover {
  color: #1da69c;
}

.filter-slide .filter-wrap .mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 0;
}

.filter-slide .filter-wrap .mCSB_container {
  overflow: visible;
}

.filter-slide .filter-wrap .mCSB_scrollTools .mCSB_dragger {
  right: 3px;
}

.filter-slide .filter-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ccc !important;
  border-radius: 0 !important;
  width: 4px;
}

.filter-slide .filter-wrap .mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 0;
}

.filter-slide .filterwrap {
  padding: 0;
}

.filter-slide .filterwrap .title,
.filter-slide .filterwrap .title-accordian {
  display: block;
  position: relative;
  padding: 12px 10px;
  background: #F0F1F5;
  font-weight: 600;
}

.filter-slide .filterwrap .title span.plus_ico,
.filter-slide .filterwrap .title span.minus_ico,
.filter-slide .filterwrap .title-accordian span.plus_ico,
.filter-slide .filterwrap .title-accordian span.minus_ico {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 40px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}

.filter-slide .filterwrap .title span.plus_ico:before,
.filter-slide .filterwrap .title span.minus_ico:before,
.filter-slide .filterwrap .title-accordian span.plus_ico:before,
.filter-slide .filterwrap .title-accordian span.minus_ico:before {
  font-family: "icomoon";
  font-size: 20px;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.filter-slide .filterwrap .title span.plus_ico:before,
.filter-slide .filterwrap .title-accordian span.plus_ico:before {
  content: "\e145";
}

.filter-slide .filterwrap .title span.minus_ico:before,
.filter-slide .filterwrap .title-accordian span.minus_ico:before {
  content: "\e15b";
}

.filter-slide .filterwrap #status {
  padding: 10px 0;
  width: 100%;
  margin: 0;
}

.filter-slide .filterwrap #status.inputs>li {
  display: block;
  padding: 10px;
}

.filter-slide .filterwrap input[type="text"] {
  display: block;
  width: 100%;
}

.filter-slide .filterwrap .tags li {
  float: none;
  padding-right: 10px;
  display: inline-block;
}

.filter-slide .filterwrap .filter_row input[type="checkbox"] {
  border-color: #DCE0E9;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

.filter-slide .filterwrap input[type="checkbox"]:after {
  all: unset;
  content: "\e5ca";
  display: inline-block;
  font-family: "icomoon";
  color: #21BCB0;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

.filter-slide .filterwrap input[type="checkbox"]:checked:after {
  opacity: 1;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}

.filter-slide .filterwrap input[type="checkbox"]:checked {
  border-color: #21BCB0;
}

/* Cards Styles */
.cards {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 #E8EBF2;
  box-shadow: 0 0 10px 0 #E8EBF2;
  margin-bottom: 40px;
  border-radius: 5px;
  padding: 20px;
  position: relative;
}

.cards.mb-20 {
  margin-bottom: 20px;
}

.cards:first-child {
  margin-top: 0;
}

.cards .cards-title {
  display: block;
  margin-bottom: 10px;
  zoom: 1;
}

.cards .cards-title:before,
.cards .cards-title:after {
  content: "";
  display: table;
}

.cards .cards-title:after {
  clear: both;
}

.cards .cards-title h2 {
  font-size: 16px;
  margin: 0;
  line-height: 35px;
  letter-spacing: 0.03em;
}

.cards .cards-title h2.bordered {
  border-bottom: solid 1px #DCE0E9;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.cards .cards-title select {
  display: block;
  width: 100%;
  padding: 0 10px;
  height: 35px;
  border: solid 1px #DCE0E9;
  background: url(../images/dropdown.png) no-repeat 95% center;
}

/* Dashboard */
.dashboard span.note {
  all: unset;
  color: #FFBE52;
  font-size: 16px;
  display: inline-block;
  float: none !important;
  position: relative;
  top: 1px;
}

.dashboard span.note.right[data-tooltip]:before {
  opacity: 1;
  right: auto;
}

.dashboard [data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.dashboard [data-tooltip]:before,
.dashboard [data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.dashboard [data-tooltip]:before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  right: 0%;
  margin-bottom: 5px;
  padding: 7px;
  width: 250px;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  text-align: left;
  font-size: 13px;
  line-height: 1.3;
  z-index: 10;
  text-transform: none;
  letter-spacing: 0;
}

.dashboard [data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  z-index: 10;
}

.dashboard [data-tooltip]:hover:before,
.dashboard [data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}

.dashboard .col-equals {
  display: block;
  float: left;
  width: 20%;
}

.dashboard .col-equals>a {
  display: block;
}

.dashboard .col-equals h5 {
  font-size: 16px;
}

body .db_circles {
  background-color: #fff;
  padding: 15px 0;
  margin: 0 -15px 35px;
}

body .db_circles h5 {
  color: #7d7d7d;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  font-family: "Roboto", sans-serif;
  position: relative;
}

body .db_circles h5 span {
  display: block;
  text-transform: none;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #b3b3b3;
  font-weight: 400;
  margin-top: 4px;
}

body .db_circles h5 a {
  text-decoration: none;
  color: black;
}

.circles {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

.chart {
  position: relative;
  display: block;
  color: #000;
  font-size: 20px;
  text-align: center;
  margin: 0 auto;
  max-width: 200px;
}

.chart svg {
  position: absolute;
  top: 0;
  left: 0;
  fill: transparent;
}

.chart circle {
  position: absolute;
  left: 0;
  top: 0;
}

.chart:hover .outer {
  stroke-dashoffset: 0 !important;
}

.chart .outer1 {
  stroke: rgb(52 83 188);
}

.chart .outer2 {
  stroke:rgb(74 88 136);
}

.chart .outer3 {
  stroke: rgb(237 238 61);
}

.chart .outer4 {
  stroke:rgb(222 95 183)
  ;
}

.chart .outer5 {
  stroke:rgb(207 44 48)  ;
}

.chart .outer {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  -webkit-transition: stroke-dashoffset 0.8s cubic-bezier(0.31, 0.86, 1, 1);
  transition: stroke-dashoffset 0.8s cubic-bezier(0.31, 0.86, 1, 1);
  -webkit-transform: rotate(-89deg) translateX(-188px);
  transform: rotate(-89deg) translateX(-188px);
  z-index: 1;
  position: absolute;
  top: -1px;
  left: 0;
  stroke-width: 4px;
}

.chart .greyed {
  stroke-width: 2px;
  stroke: #E8EBF2;
  stroke-dashoffset: 0;
  z-index: -1;
}

.chart figcaption {
  padding: 0;
  width: 170px;
  margin: 0 auto;
  height: 190px;
  font-size: 42px;
  font-weight: 400;
  line-height: 190px;
  left: -4px;
  position: relative;
}

.chart img {
  position: absolute;
  max-width: 100px;
  max-height: 100px;
  background: white;
}

.db_reports .cards {
  min-height: 450px;
}

.db_reports .chart {
  min-height: 400px;
  width: 100%;
  max-width: none;
  overflow: hidden;
}

.db_reports.db_reports-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.db_reports.db_reports-new>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.db_clientReports .cards-title {
  padding: 10px 0;
}

.db_clientReports .panel-body {
  padding: 15px;
}

.db_clientReports .table {
  margin-bottom: 0;
  table-layout: fixed;
}

.db_clientReports .table>thead>tr>th {
  padding-right: 25px;
  letter-spacing: 0.04em;
}

.db_clientReports .table td {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.db_clientReports select#clientTimePeriod {
  height: 39px;
}

.db_clientReports .filter-dropdown button {
  /*     all: unset; */
  background: #fff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: solid 1px #dce1e9;
  padding: 0 10px;
  width: 100% !important;
  text-align: left;
  position: relative;
  font-weight: normal;
}

.db_clientReports .filter-dropdown button .caret {
  color: #2e3255;
  position: absolute;
  right: 15px;
  top: 0;
}

.db_clientReports .checkbox input[type="checkbox"]+label {
  position: absolute;
  /* transform: scale(0.8); */
}

.db_clientReports .filter-dropdown .checkbox {
  position: relative;
  padding: 10px;
  padding-left: 40px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.db_clientReports .filter-dropdown .checkbox input[type="checkbox"] {
  right: auto;
  left: 10px;
}

.db_clientReports .filter-dropdown .checkbox input[type="checkbox"]+label {
  position: absolute;
  left: 10px;
}

.db_clientReports .filter-dropdown .checkbox:after {
  content: "";
  display: block;
  clear: both;
}

.db_clientReports .filter-dropdown .dropdown-menu {
  left: 0;
  width: 100%;
  max-height: 270px;
  overflow-y: auto;
  border: solid 1px #dce1e9;
  border-radius: 0 0 5px 5px;
}

.upcoming-interviews ul,
.notifications ul {
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  border-left: solid 1px #DCE0E9;
  border-bottom: solid 1px #DCE0E9;
}

.upcoming-interviews ul {
  margin: -25px 0 0;
  padding-left: 0;
}

.upcoming-interviews ul li {
  display: block;
  border-bottom: solid 1px #DCE0E9;
  padding: 15px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.upcoming-interviews ul li:hover {
  background: #F7F8FB;
}

.upcoming-interviews ul li:last-child {
  border-bottom: none;
}

.upcoming-interviews ul li.placeholder_for_no_data {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
  padding: 15px;
}

.upcoming-interviews ul li.placeholder_for_no_data:hover {
  background: none;
}

.upcoming-interviews ul span {
  display: inline-block;
  margin-right: 10px;
}

.upcoming-interviews ul span:last-child {
  margin-top: 10px;
  color: #737373;
}

.notifications .cards-title {
  position: relative;
}

.notifications .cards-title .label {
  padding: 4px;
  background: #FFAB00;
}

.notifications .cards-title .label:empty {
  padding: 0;
}

.notifications .cards-title span {
  display: block;
  position: absolute;
  right: 0;
  top: 8px;
}

.notifications .cards-title span.done_all {
  right: 40px;
  font-size: 24px;
  top: 2px;
  color: #21BCB0;
}

.notifications ul.notification {
  margin-top: -25px;
}

.notifications ul.notification li {
  display: block;
  padding: 15px;
  padding-right: 80px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #FAFBFF;
  margin: 10px;
  font-size: 15px;
  color: gray;
  font-weight: 400;
}

.notifications ul.notification li:first-child {
  margin-top: 15px;
}

.notifications ul.notification li:last-child {
  margin-bottom: 0;
}

.notifications ul.notification li a {
  color: #1da69c;
  font-weight: 400;
}

.notifications ul.notification li a:hover {
  color: #21BCB0;
}

.notifications ul.notification li.placeholder_for_no_data {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  padding: 15px;
}

.notifications ul.notification p {
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 10px;
  color: gray;
  letter-spacing: 0.04em;
}

.notifications ul.notification p strong {
  font-weight: 500;
}

.notifications ul.notification p span:first-child {
  margin-right: 10px;
}

.notifications ul.notification .actions {
  display: block;
  position: absolute;
  right: 10px;
  top: 15px;
}

.notifications ul.notification .actions a {
  color: #2D3255;
  background: #DCE0E9;
  display: inline-block;
  padding: 5px;
  font-size: 14px;
}

.notifications ul.notification .actions a:hover {
  color: #2D3255;
  background: #fff;
}

/* Tasks */
.tasks .eq {
  padding: 0;
}

.tasks .eq:nth-of-type(odd) {
  background: #E8EBF2;
  border-right: solid 1px #DCE0E9;
  border-radius: 5px 0 0 5px;
  overflow: hidden;
}

.tasks .task-header {
  padding: 15px 15px;
  background: #DCE0E9;
  zoom: 1;
}

.tasks .task-header:before,
.tasks .task-header:after {
  content: "";
  display: table;
}

.tasks .task-header:after {
  clear: both;
}

.tasks .task-header h3 {
  font-size: 18px;
  margin: 7px 0 0;
}

.tasks .add-on .form-control {
  height: 43px;
}

.tasks .task-header-right {
  padding: 15px;
  zoom: 1;
}

.tasks .task-header-right:before,
.tasks .task-header-right:after {
  content: "";
  display: table;
}

.tasks .task-header-right:after {
  clear: both;
}

.tasks .task-header-right+hr {
  display: block;
  clear: both;
}

.tasks .task-header-right.pull-right {
  max-width: 440px;
  zoom: 1;
}

.tasks .task-header-right.pull-right:before,
.tasks .task-header-right.pull-right:after {
  content: "";
  display: table;
}

.tasks .task-header-right.pull-right:after {
  clear: both;
}

.tasks .task-header-right.pull-right .add-on {
  float: left;
  width: 71%;
  margin-right: 20px;
  padding-top: 0;
}

.tasks .task-header-right.pull-right .add-on-new {
  padding-top: 0;
}

.tasks .task-header-right span.search-task {
  display: block;
  position: relative;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  zoom: 1;
}

.tasks .task-header-right span.search-task:before,
.tasks .task-header-right span.search-task:after {
  content: "";
  display: table;
}

.tasks .task-header-right span.search-task:after {
  clear: both;
}

.tasks .task-header-right span.search-task input.form-control {
  height: 43px;
}

.tasks .task-header-right span.search-task .input-group-btn {
  position: absolute;
  right: 40px;
  top: 0;
}

.tasks .task-header-right .add-on-new {
  margin: 0;
}

.tasks .task-header-right p {
  margin: 0;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

.tasks ul.label-task li {
  position: relative;
}

.tasks ul.label-task li:nth-last-child(2) {
  border-bottom: none;
}

.tasks ul.inbox-divider {
  border: none;
}

.tasks .text-header-value .btn-task-hover {
  margin-top: 0;
  float: none;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}

.tasks .text-header-value .btn-task-hover i {
  padding-right: 0;
}

.tasks .task-dropdown-menu {
  left: auto;
  right: 0;
  margin-top: 0;
  top: 40px;
}

.tasks .task-dropdown-menu li {
  padding: 0;
  margin-bottom: 0;
}

.tasks .task-dropdown-menu li a {
  text-align: left;
}

.tasks .task-dropdown-menu li a i {
  display: inline-block;
  padding-right: 3px;
}

.tasks .task-dropdown-menu li a:hover {
  text-align: left;
}

.task-inputName {
  margin-left: 0;
}

.add-tasklist {
  width: auto;
}

/* Advanced search */
/* .advance-search{
		
		.advnce-search-dropdown{
			right: 0;
			top: 54px;
			width: 100%;
			margin-top: 0;
			transition: all 0.3s linear;
			transform: translateY(-40px);
			border-radius: 0;
			padding: 0;
			overflow: hidden;

			& > li > a{
				padding: 10px;
				font-size: 14px;
				position: relative;

				&:hover{ color: #fff !important; }

				span{ cursor: pointer; }

				span:not(.icon-delete){
					padding-right: 20px;
					display: block;
				}

				.icon-delete{
					position: absolute;
					right: 10px;
					top: 12px;
				}
			}
		}

		.dropdown.open .advnce-search-dropdown{
			transform: translateY(0);
		}

		.dropdown.open > a{
			color: #199187;
  		border: none;
    	background: rgba(33, 188, 176, 0.07);
			
			&:after{ transform: translateY(0); }
		}

		#selected_filters{
			margin: 20px 0;
			@include clearfix;

			&:empty{ margin: 20px 0 0; }
		}

		.collapse a { transition: none; }

		.angucomplete-dropdown{
			position: absolute;
		}

		.srch-collapsible-last{
			margin-top: 20px;
			padding-top: 15px;
			border-top: solid 1px hsl(0, 0, 95);
		}
	} */
.search-result .page-count {
  margin-top: 16px;
}

.search-result .query-results-header {
  font-size: 18px;
  color: #21BCB0;
}

/* Bulk upload */
.bulkIE {
  padding: 20px;
}

.bulkUploadResume form {
  display: table;
  width: 100%;
  margin-bottom: 30px;
}

.bulkUploadResume form .rec-dz-message {
  display: table-cell;
  vertical-align: middle;
}

.bulkUploadResume form .placeholder_for_no_data {
  margin-bottom: 0;
}

.bulkUploadResume .bulk-upload-table {
  margin: 0;
}

.import .dropdown-menu {
  left: auto;
  right: 10px;
  margin-top: 0;
  padding: 0;
  border-radius: 0;
}

.import .dropdown-menu li a {
  padding: 5px 10px;
}

.import-instance .chosen-container-single .chosen-single {
  background: #fff;
  border-radius: 0;
  height: 40px;
}

.import-instance .chosen-container-single .chosen-single span {
  line-height: 3;
}

.import-instance .chosen-container-single .chosen-single div b {
  background: url("../images/dropdown.png") no-repeat center center;
}

/* Profile settings */
.profile .emailSync .datepicker-contianer .uib-datepicker-popup {
  width: 336px;
  z-index: 5;
}

.profile .emailSync .datepicker-contianer .uib-datepicker table thead tr:last-child {
  background: #21BCB0;
}

.profile .emailSync .datepicker-contianer .uib-datepicker table thead tr:last-child th {
  padding: 10px;
}

.profile .emailSync .datepicker-contianer .uib-datepicker table thead tr:last-child th small {
  font-size: 12px;
}

.profile .emailSync .datepicker-contianer .btn {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.profile .emailSync .datepicker-contianer .btn .text-muted {
  color: #B3B9C7;
}

.profile .eq {
  padding: 0;
}

.profile .eq:nth-of-type(odd) {
  background: #E8EBF2;
  border-right: solid 1px #DCE0E9;
}

.profile .right_content {
  padding: 0;
}

.profile .task-header-left {
  padding: 15px 15px;
  background: #DCE0E9;
  zoom: 1;
}

.profile .task-header-left:before,
.profile .task-header-left:after {
  content: "";
  display: table;
}

.profile .task-header-left:after {
  clear: both;
}

.profile .task-header-left h3 {
  font-size: 18px;
  margin: 7px 0 0;
}

.profile .task-header-right {
  zoom: 1;
  margin: 0 0 20px;
  border-bottom: solid 1px #DCE0E9;
  padding-bottom: 10px;
}

.profile .task-header-right:before,
.profile .task-header-right:after {
  content: "";
  display: table;
}

.profile .task-header-right:after {
  clear: both;
}

.profile .task-header-right p {
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

.profile .task-header-right .profile_img {
  position: relative;
  margin-top: 10px;
  padding-left: 40px;
  margin-right: 20px;
}

.profile .task-header-right .profile_img img {
  display: block;
  position: absolute;
  left: 0;
  max-width: 30px;
}

.profile .task-header-right .profile_img h4 {
  font-size: 16px;
  margin-top: 9px;
}

.profile .menu-holder {
  border-bottom: solid 1px #DCE0E9;
  margin: 0 0 30px;
}

.profile .menu-holder .btn {
  margin-top: 10px;
  margin-right: 10px;
}

.profile ul.menus {
  border: none;
}

.profile ul.menus>li {
  margin: 0;
}

.profile ul.menus>li a {
  padding: 21px 15px;
}

.profile .emailAccount .table {
  margin-top: 0;
}

.profile .emailAccount .table>tbody>tr:nth-child(1) td {
  border: solid 1px #DCE0E9;
}

.profile .emailAccount .table>thead>tr>th:first-child {
  padding-left: 15px;
}

.profile .emailAccount .table>tbody tr>td {
  padding: 10px 15px;
}

.profile .emailAccount .table .btn {
  min-width: 100px;
}

.profile .profile-tab li {
  display: block;
  float: none;
  text-align: left;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.6;
}

.profile .profile-tab li.activeprofile {
  border: none;
}

.profile .profile-tab li.activeprofile a {
  color: #fff;
}

.profile .profile-tab li a {
  padding: 15px;
  display: block;
  color: #000;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

.profile .profile-tab li a:hover {
  color: #fff;
}

.profile .profile_info .chosen-container-single ul li {
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  color: #000;
}

.profile .profile_info .chosen-container-single ul li:hover:not(.group-result) {
  color: #fff;
}

.profile .profile_info .chosen-container-single .chosen-single {
  background: #fff;
  border-radius: 0;
  height: 40px;
}

.profile .profile_info .chosen-container-single .chosen-single span {
  line-height: 3;
}

.profile .profile_info .chosen-container-single .chosen-single div b {
  background: url("../images/dropdown.png") no-repeat center center;
}

.profile .note-toolbar.panel-heading {
  text-align: left;
}

.profile .updateToken .input-group-button {
  position: absolute;
  bottom: 0;
  right: 15px;
  width: 40px;
  height: 40px;
  background: #fff;
  border: solid 1px #DCE0E9;
  text-align: center;
}

.profile .updateToken .input-group-button i {
  display: inline-block;
  line-height: 38px;
  font-size: 18px;
}

.profile .updateToken .btn-primary {
  margin-top: 0px;
  margin-left: -20px;
  height: 39px;
}

.profile .updateToken .btn-primary i {
  line-height: 22px;
  font-size: 20px;
}

.profile .levelbarToken .btn-primary {
  height: 39px;
}

.profile .imapSetting .task-header-right .btn {
  margin-top: 15px;
  margin-right: 15px;
}

.profile .imapSetting #listImap {
  padding: 0 15px;
}

.profile .imapSetting #listImap .table {
  margin: 0;
}

.profile .imapSetting #listImap .table>tbody tr>th,
.profile .imapSetting #listImap .table>tbody tr>td {
  padding: 10px;
  font-size: 14px;
}

.profile .imapSetting #listImap .table>tbody tr>td:last-child {
  text-align: center;
}

/* Notifications */
.notification-page .checkbox .cr,
.notification-page .radio .cr {
  width: 20px;
  height: 20px;
}

.notification-page .table-notification {
  margin-top: 0;
}

.notification-page .table-notification .span_cap {
  margin-bottom: 30px;
  clear: both;
  display: block;
}

.notification-page .panel.panel-default>.panel-heading {
  background: #fff;
  padding: 0 15px;
}

.notification-page .notification-menu {
  line-height: 1;
  zoom: 1;
}

.notification-page .notification-menu:before,
.notification-page .notification-menu:after {
  content: "";
  display: table;
}

.notification-page .notification-menu:after {
  clear: both;
}

.notification-page .notification-menu li {
  margin-right: 10px;
}

.notification-page .notification-menu li:first-child {
  padding: 0 10px;
  -webkit-transform: translatey(-3px);
  transform: translatey(-3px);
}

.notification-page .notification-menu li a {
  top: auto;
  display: block;
  padding: 5px 10px;
  -webkit-transform: translatey(-8px);
  transform: translatey(-8px);
  line-height: 1;
  border-radius: 2px;
}

.notification-page .notification-menu li a.icons-btns {
  padding-top: 4px;
  padding-bottom: 4px;
}

.notification-page .notification-menu li a:hover {
  background: #fff;
}

.notification-page .notification-menu li a i.icon-clear_all {
  display: inline-block;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.notification-page .notification-menu li .checkbox .cr {
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px);
}

.notification-page .notification_box_panel {
  display: block;
  padding: 20px 15px;
  border-bottom: solid 1px #DCE0E9;
  zoom: 1;
  position: relative;
}

.notification-page .notification_box_panel:before,
.notification-page .notification_box_panel:after {
  content: "";
  display: table;
}

.notification-page .notification_box_panel:after {
  clear: both;
}

.notification-page .notification_box_panel.false {
  color: #2D3255;
  background-color: #FAFBFF;
  border-color: #DCE0E9;
}

.notification-page .notification_box_panel>.checkbox,
.notification-page .notification_box_panel .notification {
  display: block;
  float: left;
}

.notification-page .notification_box_panel>.checkbox {
  width: 54px;
  text-align: center;
  margin-right: 10px;
  margin-top: 0;
}

.notification-page .notification_box_panel>.checkbox>.checkbox {
  margin: 0;
}

.notification-page .notification_box_panel>.checkbox>.checkbox label {
  margin: 0;
}

.notification-page .notification_box_panel .notification {
  width: calc(100% - 64px);
}

/* Search page */
.tab-content-search {
  padding: 0 0 0;
}

.tab-content-search .placeholder_for_no_data {
  margin: 0 -15px 40px;
  padding: 100px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 #E8EBF2;
  box-shadow: 0 0 10px 0 #E8EBF2;
  border-radius: 5px;
}

.text-edit-board .btn {
  padding: 5px 10px;
}

/* HR Executive View */
.right-menu .dashboard-drop {
  margin-top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.right-menu .dashboard-drop:before {
  display: none;
}

.right-menu .dashboard-drop:after {
  left: 10px;
}

.right-menu .dashboard-drop li a {
  text-align: left;
}

/* Calender Page */
.calendar_active .btn-primary.active {
  background: #1da69c;
}

.calendar_active .btn-primary:hover,
.calendar_active .btn-primary:active:hover {
  background: #1da69c;
  border-color: #1da69c;
}

w .ratings-feedback {
  float: none;
  margin-left: 20px;
}

.ratings-feedback li {
  margin-right: 0;
  padding: 0;
}

.angular-input-stars>li .active {
  text-shadow: none;
}

.btn-primary.active {
  border-color: #21BCB0;
}

#cal-week-box {
  position: absolute;
  width: 55px;
  left: -55px;
  top: -1px;
  padding: 8px 0;
  cursor: pointer;
  text-align: center;
  font-size: 10px;
  font-family: Roboto;
}

.pagination {
  margin: 20px 0 0;
}

/* Candidate Compare */
.compare-btns {
  height: 35px;
  display: inline-block;
  line-height: 14px;
  margin-top: -5px;
}

.compare-btns.btn-outline {
  height: 37px;
  margin-right: 10px;
}

.candidate-compare {
  /* Date Picker */
}

.candidate-compare .span-radio {
  position: relative;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.candidate-compare .span-radio input {
  display: none;
}

.candidate-compare .span-radio label {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  top: 10px;
  bottom: 0;
  margin: auto;
  border: solid 1px #B3B9C7;
}

.candidate-compare .span-radio label:before {
  content: "\e5ca";
  font-family: "icomoon";
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  color: #21BCB0;
  font-size: 18px;
  line-height: 18px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.candidate-compare .span-radio input:checked+label:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.candidate-compare .input-goup.datepicker-container {
  margin: 10px 10px 0 5px;
}

.candidate-compare th .span-radio label {
  border: none;
}

.candidate-compare input[type="text"] {
  height: 30px;
  display: inline-block;
  padding: 5px 8px;
  width: calc(100% - 40px);
}

.candidate-compare select {
  height: 30px;
  display: inline-block;
  padding: 5px 8px;
  width: calc(100% - 40px);
  border: solid 1px #DCE0E9;
}

.candidate-compare span.add-on {
  position: relative;
}

.candidate-compare span.add-on input[type="text"] {
  padding-left: 40px;
}

.candidate-compare span.add-on i {
  display: block;
  position: absolute;
  left: 1px;
  top: -6px;
  height: 28px;
  line-height: 30px;
  width: 30px;
  background: #E8EBF2;
  text-align: center;
}

.candidate-compare .compare-table {
  margin-top: 0;
  width: 100%;
  table-layout: fixed;
}

.candidate-compare .compare-table>thead {
  display: table;
  width: 100%;
}

.candidate-compare .compare-table>thead>tr {
  background: none;
}

.candidate-compare .compare-table>thead>tr>th {
  background: #21BCB0;
  padding: 10px;
  font-size: 16px;
  border-right: solid 1px #fff;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.candidate-compare .compare-table>thead>tr>th:first-child {
  background: none;
  border-bottom: solid 1px #DCE0E9;
}

.candidate-compare .compare-table>thead>tr>th:last-child {
  border-right: none;
}

.candidate-compare .compare-table>tbody>tr {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.candidate-compare .compare-table>tbody>tr:hover {
  background: #F0FCFB;
}

.candidate-compare .compare-table>tbody>tr>td {
  padding: 12px 10px;
  vertical-align: top;
  border-bottom: none;
  position: relative;
  /* .span-radio{
  					margin: 0;
  					width: 30px;
  					height: 30px;
  					position: absolute;
  					top: -10px; bottom: 0;
  					margin: auto;
  
  					label{
  						width: 100%;
  						height: 100%;
  					}
  				}
  
  				input[type="text"]{
  					margin-left: 30px; } */
}

.candidate-compare .compare-table>tbody>tr>td:first-child {
  font-weight: bold;
}

.candidate-compare .compare-table>tbody {
  overflow: auto;
  overflow-x: hidden;
  display: block;
  width: 100%;
}

.candidate-compare .compare-table>tbody .candidate-compare .compare-table>tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.candidate-compare .skill-set td {
  position: relative;
}

.candidate-compare .skill-set .span-radio {
  position: absolute;
  top: 15px;
  left: 16px;
  margin: 0;
}

.candidate-compare .skill-set tags-input .tags .tag-item span {
  padding-top: 3px;
  padding-bottom: 3px;
}

.candidate-compare .skill-tag {
  margin: 0 0 0 30px;
  display: inline-block;
  width: calc(100% - 40px);
}

.candidate-compare .skill-tag span {
  background: #21BCB0;
  font-size: 13px;
  color: #fff;
  padding: 4px 8px;
  margin: 0px;
}

.candidate-compare .action-buttons {
  padding: 15px 0;
}

.candidate-compare .action-buttons button.btn {
  display: inline-block;
  margin-right: 10px;
}

.candidate-compare .action-buttons button.btn:first-child {
  margin-right: 0;
}

.candidate-compare .notice-period .datepicker-contianer {
  margin-top: 8px;
  margin-left: 30px;
  font-style: normal;
}

.candidate-compare .notice-period {
  font-style: normal;
}

.candidate-compare .notice-period .span-radio label:before {
  position: relative;
}

.candidate-compare .datepicker-contianer {
  width: calc(100% - 40px);
}

.candidate-compare .uib-datepicker-popup.dropdown-menu {
  width: 100%;
  min-width: 300px;
  z-index: 5;
}

.candidate-compare .datepicker-contianer .uib-datepicker table {
  width: 100%;
  table-layout: fixed;
}

.candidate-compare .datepicker-contianer .uib-datepicker table thead tr:first-child th {
  border-bottom: solid 1px #DCE0E9;
}

.candidate-compare .datepicker-contianer .uib-datepicker table th {
  padding: 5px;
  overflow: hidden;
  font-style: normal;
}

.candidate-compare .datepicker-contianer .uib-datepicker table th button span {
  display: none;
}

.candidate-compare .datepicker-contianer .uib-datepicker table .btn-default {
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-style: normal;
}

.candidate-compare .datepicker-contianer .uib-datepicker table .btn-default strong {
  color: #fff;
}

.candidate-compare .datepicker-contianer .uib-datepicker table .btn span {
  color: unset;
  font-weight: normal;
}

.candidate-compare .datepicker-contianer .uib-datepicker table .btn:hover span.text-muted {
  color: #2D3255;
}

.candidate-compare .datepicker-contianer .uib-datepicker table .btn span.text-muted {
  color: #98A0B4;
}

.candidate-compare .uib-datepicker {
  position: relative;
}

.candidate-compare .uib-datepicker .table,
.candidate-compare .uib-datepicker .table * {
  all: unset;
}

.candidate-compare .uib-datepicker .table {
  width: 100%;
  table-layout: fixed;
  font-style: normal;
}

.candidate-compare .uib-datepicker .uib-daypicker {
  width: 100%;
}

#scheduleInterview .notes-info {
  margin: -15px 15px 0;
  padding: 10px 8px 5px;
  background: #fff7db;
  display: block;
  font-size: 13px;
  line-height: 1;
}

#scheduleInterview .notes-info span {
  font-weight: bold;
}

.stat select {
  background: #999999;
}

.db_clientReports .cr-status>tbody.report-table tr>td {
  vertical-align: top;
}

.db_clientReports .cr-status>thead>tr>th {
  padding-right: 10px;
}

.db_clientReports .cr-status>thead>tr>th .text-center {
  text-align: center !important;
}

.db_clientReports .cr-status .text-center {
  text-align: center !important;
}

.db_clientReports .cr-status .ellipsis {
  text-align: center;
}

.db_clientReports .cr-status span {
  display: block;
  zoom: 1;
}

.db_clientReports .cr-status span:before,
.db_clientReports .cr-status span:after {
  content: "";
  display: table;
}

.db_clientReports .cr-status span:after {
  clear: both;
}

.db_clientReports .cr-status span.name {
  font-weight: bold;
  font-size: 15px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  margin-bottom: 5px;
}

.db_clientReports .cr-status th span.name {
  margin-bottom: 0;
}

.db_clientReports .cr-status th span.ellipsis {
  color: #fff;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.db_clientReports .cr-status .clearfix {
  position: relative;
}

.db_clientReports .cr-status .clearfix span.closeby {
  max-width: 140px;
  float: left;
  color: #7a859f;
}

.db_clientReports .cr-status .clearfix span.status {
  font-weight: 500;
  margin-left: 20px;
  float: right;
  width: auto;
}

.db_clientReports .cr-status .clearfix span.status:before {
  content: "\e837";
  font-family: "icomoon";
  position: relative;
  display: inline-block;
  padding-right: 5px;
  top: 1px;
  font-weight: normal;
}

.db_clientReports .cr-status .clearfix span.status.active {
  color: #009688;
}

.db_clientReports .cr-status .clearfix span.status.on-hold {
  color: #FF5630;
}

.db_clientReports .cr-status .clearfix span.status.closed {
  color: #ccc;
}

.db_clientReports .cr-status .clearfix span.status.stop {
  color: #9C27B0;
}

.cr-status>tbody.report-table tr>td {
  vertical-align: top;
}

.cr-status>thead>tr>th {
  padding-right: 10px;
}

.cr-status>thead>tr>th .text-center {
  text-align: center !important;
}

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

.cr-status .ellipsis {
  text-align: center;
}

.cr-status span {
  display: block;
  zoom: 1;
}

.cr-status span:before,
.cr-status span:after {
  content: "";
  display: table;
}

.cr-status span:after {
  clear: both;
}

.cr-status span.name {
  font-weight: bold;
  font-size: 15px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  margin-bottom: 5px;
}

.cr-status th span.name {
  margin-bottom: 0;
}

.cr-status th span.ellipsis {
  color: #fff;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.cr-status .clearfix {
  position: relative;
}

.cr-status .clearfix span.closeby {
  max-width: 140px;
  float: left;
  color: #7a859f;
}

.cr-status .clearfix span.status {
  font-weight: 500;
  margin-left: 20px;
  float: right;
  width: auto;
}

.cr-status .clearfix span.status:before {
  content: "\e837";
  font-family: "icomoon";
  position: relative;
  display: inline-block;
  padding-right: 5px;
  top: 1px;
  font-weight: normal;
}

.cr-status .clearfix span.status.active {
  color: #009688;
}

.cr-status .clearfix span.status.on-hold {
  color: #FF5630;
}

.cr-status .clearfix span.status.closed {
  color: #ccc;
}

.cr-status .clearfix span.status.stop {
  color: #9C27B0;
}

.table-scroll {
  position: relative;
  max-width: 768px;
  margin: auto;
  overflow: hidden;
}

.table-wrap {
  width: 100%;
  overflow: auto;
}

.clone {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.clone th,
.clone td {
  visibility: hidden;
}

.clone td,
.clone th {
  border-color: transparent;
}

.clone tbody th {
  visibility: visible;
  color: red;
}

.dd-select {
  display: block;
}

.dd-select .btn {
  height: 35px;
  padding: 0 15px;
  line-height: 35px;
  text-align: left;
  position: relative;
  display: block;
}

.dd-select .btn .caret {
  color: #2D3255;
  display: block;
  position: absolute;
  right: 15px;
  height: 100%;
  top: 0;
}

.dd-select .btn:hover,
.dd-select .btn:active,
.dd-select .btn:active:hover,
.dd-select .btn:focus,
.dd-select .btn:focus:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dd-select .dropdown-menu {
  left: auto;
  right: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  width: 200px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}

.dd-select .dropdown-menu li {
  padding: 10px;
  text-align: left;
}

.dd-select .dropdown-menu li:hover {
  background: #F7F8FB;
}

.dd-select .dropdown-menu .checkbox {
  display: block;
  position: relative;
  padding-left: 30px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.dd-select .dropdown-menu input[type="checkbox"] {
  display: block;
  position: absolute;
  -webkit-appearance: none;
  background: red;
  width: 20px;
  height: 20px;
  border: none;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  z-index: 1;
}

.dd-select .dropdown-menu input[type="checkbox"]:checked+label {
  background: #21BCB0;
  border: solid 1px #21BCB0;
}

.dd-select .dropdown-menu input[type="checkbox"]:checked+label .icon-check {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.dd-select .dropdown-menu label {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  border: solid 1px #DCE0E9;
  background: #fff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.dd-select .dropdown-menu label .icon-check {
  color: #fff;
  display: block;
  line-height: 16px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.request-document {
  display: block;
}

.request-document .form-title {
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 5px;
  margin-bottom: 0px;
}

.request-document .row {
  padding-bottom: 15px;
}

.request-document .checkbox {
  display: block;
  position: relative;
}

.request-document .checkbox label {
  display: block;
  position: relative;
  padding: 10px 10px 10px 35px;
  margin-left: 10px;
  font-size: 15px;
}

.request-document .checkbox label span {
  color: #7a859f;
}

.request-document .checkbox label input[type="checkbox"] {
  display: none;
}

.request-document .checkbox label input[type="checkbox"]:checked+.icon-check:before {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.request-document .checkbox label input[type="checkbox"]:checked+.icon-check:after {
  background: #21BCB0;
  border: solid 1px #21BCB0;
}

.request-document .checkbox label .icon-check {
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  line-height: 18px;
  color: #fff;
}

.request-document .checkbox label .icon-check:after,
.request-document .checkbox label .icon-check:before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.request-document .checkbox label .icon-check:before {
  z-index: 2;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.request-document .checkbox label .icon-check:after {
  content: "";
  background: #fff;
  border: solid 1px #DCE0E9;
}

.text-success {
  color: #00E676 !important;
}

/* Admin settings */
/* Admin top menu */
.admin-nav .menus {
  margin: -10px 0 0;
  padding: 0;
  overflow: hidden;
  background: none;
  border: none;
  zoom: 1;
}

.admin-nav .menus:before,
.admin-nav .menus:after {
  content: "";
  display: table;
}

.admin-nav .menus:after {
  clear: both;
}

.admin-nav .menus li {
  float: left;
  padding: 0;
  list-style-type: none;
}

.admin-nav .menus li a {
  padding: 0 20px;
  margin-right: 0px;
  color: #60535E;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  line-height: 50px;
  display: block;
}

.admin-nav .menus li a:hover {
  background: #F7F8FB;
}

.admin-nav .menus li.active a {
  color: #555;
  cursor: default;
  background: #F7F8FB;
}

.admin-nav .menus li.active a:hover {
  color: #555;
}

.admin-nav .menus a {
  color: #555;
  cursor: pointer;
}

/* Views */
.views {
  border: 1px solid #DCE0E9;
  padding: 30px 20px 20px;
}

.views form {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: solid 1px #DCE0E9;
}

.views .form-group {
  margin-bottom: 20px;
}

.views .btn-invite {
  margin-top: -30px;
}

.views .border-btm {
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: solid 1px #DCE0E9;
}

.views .delete-invite-users i {
  font-size: 17px;
  line-height: 1;
}

/* Vendor mangement */
.vendor-manage,
.role-management {
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}

.vendor-manage .tab-content .container-fluid,
.role-management .tab-content .container-fluid {
  padding: 0 15px;
}

/* Role management */
.role-management {
  padding: 0;
}

.role-management .table a.btn {
  min-width: 150px;
}

.role-management .table>tbody tr>th {
  border-right: none;
}

.role-management .icon2x {
  position: relative;
  top: 3px;
}

.role-management .icon2x.icon-highlight_off {
  top: 0;
}

.role-management .ng-inline-edit input {
  min-width: 250px;
  font-weight: 700;
  border-bottom: solid 1px #DCE0E9;
}

.role-management .ng-inline-edit .ng-inline-edit__button--save,
.role-management .ng-inline-edit .ng-inline-edit__button--cancel,
.role-management .ng-inline-edit .ng-inline-edit__button--edit {
  text-align: center;
  -webkit-transition: none;
  transition: none;
  font-size: 0;
}

.role-management .ng-inline-edit .ng-inline-edit__button--save:after,
.role-management .ng-inline-edit .ng-inline-edit__button--cancel:after,
.role-management .ng-inline-edit .ng-inline-edit__button--edit:after {
  font-family: 'icomoon';
  font-size: 18px;
  padding: 0 4px;
}

.role-management .ng-inline-edit .ng-inline-edit__button--save:after,
.role-management .ng-inline-edit .ng-inline-edit__button--cancel:after {
  font-size: 20px;
}

.role-management .ng-inline-edit .ng-inline-edit__button--save:after {
  content: "\e5ca";
  color: #00E676;
}

.role-management .ng-inline-edit .ng-inline-edit__button--save:after:hover {
  color: #00E676;
}

.role-management .ng-inline-edit .ng-inline-edit__button--cancel:after {
  content: "\e5cd";
  color: #FF5630;
}

.role-management .ng-inline-edit .ng-inline-edit__button--edit:after {
  content: "\e254";
  color: #98A0B4;
}

/* Permissions mangement */
.permissions-manage {
  padding: 0;
  border: none;
}

.permissions-manage span.note {
  all: unset;
  color: #FFBE52;
  font-size: 16px;
  display: inline-block;
  /* float: none !important; */
  position: relative;
}

.permissions-manage span.note i {
  position: relative;
  top: 1px;
}

.permissions-manage span.note.right[data-tooltip]:before {
  opacity: 1;
  right: auto;
}

.permissions-manage [data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.permissions-manage [data-tooltip]:before,
.permissions-manage [data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.permissions-manage [data-tooltip]:before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  right: 0%;
  margin-bottom: 5px;
  padding: 7px;
  width: 250px;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  text-align: left;
  font-size: 13px;
  line-height: 1.3;
  z-index: 10;
  text-transform: none;
  letter-spacing: 0;
}

.permissions-manage [data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  z-index: 10;
}

.permissions-manage [data-tooltip]:hover:before,
.permissions-manage [data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}

.permissions-manage .checkbox {
  margin: 0 auto;
}

.permissions-manage .checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  border: none;
  opacity: 0;
  z-index: 1;
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  float: none;
  position: absolute;
  left: 0;
  right: 0;
}

.permissions-manage .checkbox input[type="checkbox"]+label {
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  border: solid 1px gray;
  position: relative;
}

.permissions-manage .checkbox input[type="checkbox"]+label i {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  font-size: 20px;
  line-height: 22px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0;
  color: #00E676;
}

.permissions-manage .checkbox input:checked+label {
  border: solid 1px #00b35c;
  background: #fff;
}

.permissions-manage .checkbox input:checked+label i {
  color: #00b35c;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.permissions-manage .table {
  margin-top: 0;
}

.permissions-manage .table .table-head th:first-child {
  vertical-align: middle;
  text-align: left;
}

.permissions-manage .table .table-head th:last-child {
  border-bottom: solid 1px #DCE0E9;
  text-align: center;
}

.permissions-manage .table tr>th,
.permissions-manage .table tr>td {
  text-align: center;
}

.permissions-manage .table tr>td:first-child {
  text-align: left;
}

.permissions-manage .table tr {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.permissions-manage .table tr:hover {
  background: #F7F8FB;
}

.permissions-manage i.icon-supervisor_account {
  display: inline-block;
  font-size: 24px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

/* Template mangement */
.template-manage .panel-primary {
  font: "Roboto", sans-serif;
}

.template-manage .panel-primary>.panel-heading {
  display: block;
  padding: 15px 10px;
  margin: 0;
}

.template-manage .panel-primary .panel-body {
  width: 100%;
  min-height: 200px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}

.template-manage .panel-primary .panel-body p {
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.03em;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 75%;
}

.template-manage .panel-primary .panel-body>.clearfix {
  padding: 10px;
  border-bottom: solid 1px #DCE0E9;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.template-manage .panel-primary .panel-body>.clearfix:hover {
  background: #F7F8FB;
}

.template-manage .panel-primary .panel-body .pull-right i {
  display: inline-block;
  font-size: 15px;
  padding: 0 5px;
}

.template-manage .panel-primary .button-icon {
  position: relative;
  margin-top: -7px;
}

.template-manage .panel-primary .button-icon .ladda-button {
  font-size: 24px;
  display: inline-block;
  -webkit-transform: translate(10px, -3px);
  transform: translate(10px, -3px);
  border: none;
  -webkit-transition: none !important;
  transition: none !important;
}

.template-manage .panel-primary .button-icon .ladda-button:hover {
  background: none;
  border: none;
  opacity: 0.8;
}

.template-manage .panel-primary .ladda-button[data-style=zoom-in] .ladda-label {
  -webkit-transition: none !important;
  transition: none !important;
}

form.email-templates .modal-body {
  padding: 0;
}

form.email-templates .modal-footer {
  text-align: left;
  padding: 10px;
}

form.email-templates .modal-body>.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: strech;
  -ms-flex-align: strech;
  align-items: strech;
  margin: 0;
  max-height: calc(100vh - 180px);
}

form.email-templates .modal-body>.row>div {
  padding: 20px 20px 0;
}

form.email-templates .variables-area {
  background: #f2f2f2;
  max-height: calc(100vh - 180px);
  overflow: auto;
}

form.email-templates .variables-area label.variable-label {
  display: block;
  font-size: 16px;
  color: #2D3255;
  font-weight: 600;
  padding: 0 0 15px;
  margin: 0 0 20px;
  border-bottom: solid 1px #e6e6e6;
}

form.email-templates .variables-area .var-tag {
  background: #e6e6e6;
  border-radius: 3px 0 0 3px;
  color: #555;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 30px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

form.email-templates .variables-area .var-tag::before {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

form.email-templates .variables-area .var-tag::after {
  background: #f2f2f2;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #e6e6e6;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

form.email-templates .variables-area .var-tag:hover {
  background-color: #29bbb0;
  color: white;
}

form.email-templates .variables-area .var-tag:hover::after {
  border-left-color: #29bbb0;
}

/* Settings Management */
.settings-management .accordion_container {
  padding-top: 20px;
}

.settings-management .logo_settings_img {
  position: relative;
  height: 100px;
}

.settings-management .logo_settings_img img {
  display: block;
  max-width: 90px;
  max-height: 90px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -20px;
  margin: auto;
}

.settings-management .logo-setting .input-file .btn-info {
  display: block;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  padding: 8px;
  padding-right: 30px;
}

.settings-management .logo-setting .input-file .btn-info i {
  position: absolute;
  width: 30px;
  right: 0;
  top: 0;
  padding: 0;
  text-align: center;
  line-height: 39px;
  background: #005be6;
}

.settings-management .form-group {
  margin-bottom: 15px;
}

.settings-management .input-group {
  display: block;
  position: relative;
  zoom: 1;
}

.settings-management .input-group:before,
.settings-management .input-group:after {
  content: "";
  display: table;
}

.settings-management .input-group:after {
  clear: both;
}

.settings-management .input-group input {
  position: relative;
  z-index: 1;
}

.settings-management .input-group .input-addon {
  display: block;
  position: absolute;
  width: 40px;
  height: 38px;
  top: 1px;
  right: 1px;
  z-index: 4;
}

.settings-management .input-group .btn-copy-organizationEmail {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.settings-management .input-group .btn-copy-organizationEmail i.icon-clipboard {
  font-size: 18px;
  position: absolute;
  width: 100%;
  text-align: center;
  height: 100%;
  line-height: 38px;
}

.settings-management .deleteAccount {
  display: block;
  position: relative;
  text-align: center;
  background: #FFEBE5;
  padding: 20px;
}

.settings-management .deleteAccount h4 {
  color: #FF5630;
  margin: 0 0 10px;
  font-size: 18px;
}

.settings-management .deleteAccount p {
  font-size: 15px;
  max-width: 748px;
  margin: 0 auto 20px;
}

form.email-templates .modal-body>.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

/* Sixth Sense Intergrations styles */
.user-management th.job-portal-check {
  position: relative;
  border-right: none;
}

.user-management th.job-portal-check .check-box {
  display: block;
  width: 30px;
  height: 30px;
  margin: auto;
  right: 0;
  left: 7px;
  cursor: pointer;
  position: absolute;
  top: 6px;
  bottom: 0;
}

.user-management th.job-portal-check .check-box label {
  background: #fff;
  width: 23px;
  height: 23px;
}

.user-management th.job-portal-check span:not(.check-box) {
  all: unset;
}

.user-management .check-box {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  margin: auto;
}

.user-management .check-box input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  opacity: 0;
  z-index: 1;
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  float: none;
  position: absolute;
  left: 0;
  right: 0;
}

.user-management .check-box input+label {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto;
  border: solid 1px gray;
  position: relative;
  cursor: pointer;
}

.user-management .check-box input+label i {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: -2px;
  font-size: 20px;
  line-height: 22px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0;
  color: #00E676;
  text-align: center;
  -wibkit-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.user-management .check-box input+label i:before {
  display: block;
  width: 100%;
  text-align: center;
}

.user-management .check-box input:checked+label {
  border: solid 1px #00b35c;
  background: #fff;
}

.user-management .check-box input:checked+label i {
  color: #00b35c;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.user-management p.user_table span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 180px;
}

.user-management .portal-limits {
  display: block;
  position: relative;
  zoom: 1;
}

.user-management .portal-limits:before,
.user-management .portal-limits:after {
  content: "";
  display: table;
}

.user-management .portal-limits:after {
  clear: both;
}

.user-management .portal-limits>.form-control,
.user-management .portal-limits .input-group {
  float: left;
}

.user-management .portal-limits select.form-control {
  max-width: 180px;
  font-size: 13px;
}

.user-management .portal-limits .input-group {
  margin-left: 5px;
  max-width: 85px;
  position: relative;
}

.user-management .portal-limits .input-group input {
  padding-right: 30px;
}

.user-management .portal-limits .input-group .input-add-on {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 5px;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: #21BCB0;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.va-top tbody>tr>td {
  vertical-align: top;
}

.va-top tbody>tr>td .ats-switch {
  min-width: 85px;
}

.va-top .ui-select-container:not(.form-control) {
  background: #fff;
  border: solid 1px #DCE0E9;
}

.va-top .ui-select-container .ui-select-choices {
  position: relative;
  margin-top: -6px;
  left: auto;
  padding: 5px;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: solid 1px #DCE0E9;
  border-top: none;
}

.va-top .ui-select-container .ui-select-choices li {
  text-align: left;
}

.va-top .ui-select-container .ui-select-choices>span {
  padding: 8px 5px;
}

.va-top .ui-select-container .ui-select-choices .active>span {
  background: #21BCB0;
  display: block;
}

.va-top .ui-select-container .ui-select-choices-row>span {
  padding: 8px;
}

.va-top .ui-select-container .ui-select-match {
  display: block;
}

.va-top .ui-select-container .ui-select-match .ui-select-match-item {
  margin: 0 0 5px;
}

.va-top .ui-select-container .ui-select-match>span {
  display: block;
  zoom: 1;
}

.va-top .ui-select-container .ui-select-match>span:before,
.va-top .ui-select-container .ui-select-match>span:after {
  content: "";
  display: table;
}

.va-top .ui-select-container .ui-select-match>span:after {
  clear: both;
}

.va-top .ui-select-container .ui-select-match>span>span {
  display: block;
  text-align: left;
  font-size: 14px;
}

.va-top .ui-select-container .ui-select-match .btn-default {
  background: #21BCB0;
  border: none;
  border-radius: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #fff;
  -webkit-transition: none;
  transition: none;
}

.va-top .ui-select-container .ui-select-match .btn-default .close {
  color: #fff;
  text-shadow: none;
  line-height: 0.9;
}

.portalSource {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  padding: 0;
  margin: 0;
}

.portalSource .form-control:not(.ui-select-container) {
  border: none;
}

.portalSource>a {
  text-align: center;
  display: inline-block;
  color: #2D3255;
  font-size: 18px;
  border: solid 1px #DCE0E9;
  height: 30px;
  width: 30px;
  line-height: 30px;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

.portalSource>.dropdown-menu {
  left: auto;
  right: 0;
  width: 200px;
  margin: auto;
  padding: 0;
  /* padding: 10px;
  border: solid 1px $ui-04; */
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
}

.portalSource input.ui-select-search {
  display: block;
  width: 156px !important;
  max-width: 100%;
  border: solid 1px #DCE0E9;
  padding: 6px 10px;
  margin-bottom: 5px !important;
  line-height: 1;
}

.portalSource .ui-select-multiple.ui-select-bootstrap {
  margin-top: 14px;
  padding: 10px;
}

.portalSource .ui-select-multiple.ui-select-bootstrap:before,
.portalSource .ui-select-multiple.ui-select-bootstrap:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

.portalSource .ui-select-multiple.ui-select-bootstrap:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  z-index: 2;
  top: -6px;
  right: 10px;
}

.portalSource .ui-select-multiple.ui-select-bootstrap:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #DCE0E9;
  z-index: 1;
  top: -8px;
  right: 9px;
}

.portalSource .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  display: block;
  width: 156px !important;
  max-width: 100%;
  border: solid 1px #DCE0E9;
  padding: 6px 10px;
  margin-bottom: 5px !important;
  line-height: 1;
}

/* Integrations */
.integrations-management .accordion-header {
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 20px;
}

.integrations-management .accordion-header h4.form-title {
  margin: 12px 0 0;
}

.integrations-management .integration-list {
  position: relative;
  padding: 15px;
  margin: 30px 0;
  border: solid 1px #DCE0E9;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
}

.integrations-management .integration-list h3 {
  margin: 0 0 5px;
  font-size: 18px;
}

.integrations-management .integration-list p {
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin: 0;
  color: #98A0B4;
}

.integrations-management .integration-list .integration-app-logo {
  display: block;
  width: 70px;
}

.integrations-management .integration-list .integration-app-logo img {
  display: block;
  max-width: 50px;
}

.integrations-management .integration-list .content-cell {
  width: 100%;
  padding-right: 20px;
}

.integrations-management .integration-list .btns-cell {
  width: 120px;
  text-align: center;
  padding-top: 5px;
}

.integrations-management .integration-list .integrations-settings {
  display: block;
  margin: 30px 0 20px;
  padding: 0;
  border: solid 1px #DCE0E9;
}

.integrations-management .integration-list .integrations-settings .row {
  padding: 30px 20px;
}

.integrations-management .integration-list .integrations-settings .row+.row {
  padding: 0px 0px 0px;
}

.integrations-management .integration-list .integrations-settings .row .col {
  float: left;
  width: 19%;
  padding: 0 15px;
  margin: 0;
}

.integrations-management .integration-list .integrations-settings .row .col.del-col {
  width: 30px;
  margin-top: 35px;
  font-size: 20px;
}

.integrations-management .integration-list .integrations-settings .row .col.del-col i {
  color: #FF805C;
}

.integrations-management .integration-list .integrations-settings .tab-head {
  padding: 10px;
  background: #FAFBFF;
  border-bottom: solid 1px #E8EBF2;
}

.integrations-management .integration-list .integrations-settings .tab-head a.btn {
  width: auto;
}

.integrations-management .integration-list .integrations-settings .tab-head .filter {
  all: unset;
  background: #fafafb;
  zoom: 1;
}

.integrations-management .integration-list .integrations-settings .tab-head .filter:before,
.integrations-management .integration-list .integrations-settings .tab-head .filter:after {
  content: "";
  display: table;
}

.integrations-management .integration-list .integrations-settings .tab-head .filter:after {
  clear: both;
}

.integrations-management .integration-list .integrations-settings .tab-head .filter-source {
  float: right;
  width: auto;
  min-width: 200px;
}

.integrations-management .integration-list .integrations-settings .tab-footer {
  padding: 10px 15px;
  background: #F7F8FB;
  text-align: right;
  margin-bottom: 20px;
  margin-top: 30px;
}

.integrations-management .integration-list .integrations-settings .tab-footer a.btn:first-child {
  margin-right: 10px;
}

.integrations-management .integration-list .integrations-settings .form-title,
.integrations-management .integration-list .integrations-settings .tab-nav {
  background: #F0F1F5;
  padding: 10px;
  margin: 0;
  font-size: 15px;
  color: #7a859f;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.integrations-management .integration-list .integrations-settings .tab-nav {
  padding: 0;
  zoom: 1;
}

.integrations-management .integration-list .integrations-settings .tab-nav:before,
.integrations-management .integration-list .integrations-settings .tab-nav:after {
  content: "";
  display: table;
}

.integrations-management .integration-list .integrations-settings .tab-nav:after {
  clear: both;
}

.integrations-management .integration-list .integrations-settings .tab-nav li {
  display: block;
  float: left;
}

.integrations-management .integration-list .integrations-settings .tab-nav li.active a {
  background: #f7f8fb;
}

.integrations-management .integration-list .integrations-settings .tab-nav li.active a:before {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.integrations-management .integration-list .integrations-settings .tab-nav a {
  display: block;
  padding: 12px 10px;
  color: #7a859f;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}

.integrations-management .integration-list .integrations-settings .tab-nav a:hover {
  background: #f7f8fb;
}

.integrations-management .integration-list .integrations-settings .tab-nav a:hover:before {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.integrations-management .integration-list .integrations-settings .tab-nav a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0px;
  background: #21bcb0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

.integrations-management .integration-list .integrations-settings .otp-check {
  display: block;
  position: relative;
  border: solid 1px #dce0e9;
  height: 40px;
  padding: 8px 15px;
}

.integrations-management .integration-list .integrations-settings .solve-otp {
  padding: 8px 15px;
  height: 40px;
  width: calc(100% - 120px);
}

.integrations-management .integration-list .integrations-settings .solve-otp+.btn {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.integrations-management .integration-list .integrations-settings .otp-actions a.btn {
  padding-top: 8px;
  padding-bottom: 5px;
}

.integrations-management .select-all {
  height: 20px;
  width: 20px;
  position: relative;
}

.integrations-management .select-all input {
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  -webkit-appearance: none;
}

.integrations-management .select-all input:checked+.icon-check {
  text-decoration: line-through;
}

.integrations-management .select-all input:checked+.icon-check:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.integrations-management .select-all input:checked+.icon-check:after {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.integrations-management .select-all .icon-check {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.integrations-management .select-all .icon-check:before,
.integrations-management .select-all .icon-check:after {
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.integrations-management .select-all .icon-check:before {
  content: "\e5ca";
  font-size: 18px;
  color: #fff;
  font-family: "icomoon";
  line-height: 1;
  text-align: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  z-index: 2;
}

.integrations-management .select-all .icon-check:after {
  border: solid 1px #DCE0E9;
  background: #fff;
}

.integrations-management .solve-otps {
  max-width: 90%;
  margin: 20px auto;
  table-layout: fixed;
}

.integrations-management .solve-otps .form-control {
  display: inline-block;
}

.integrations-management .solve-otps .btn-success {
  cursor: auto;
}

/* .integrations-management .solve-otps .btn-primary {
  padding: 8px;
  min-width: 120px;
} */
.integrations-management .solve-otps .btn-primary {
  /* padding: 8px; */
  min-width: 120px;
}

/* .integrations-management .solve-otps td {
  padding: 5px 10px;
  vertical-align: middle;
  border: solid 1px #C3C9D7;
} */
.integrations-management .solve-otps td {
  padding: 8px;
  vertical-align: middle;
  border: solid 1px #C3C9D7;
}

.integrations-management .solve-otps td:first-child,
.integrations-management .solve-otps td:last-child {
  text-align: center;
}

.integrations-management .solve-otps thead>tr {
  background: #E8EBF2;
  border-top: solid 1px #C3C9D7;
}

/* .integrations-management .solve-otps thead>tr td {
  padding: 0 10px;
  vertical-align: middle;
  color: #2D3255;
  font-weight: bold;
} */
.integrations-management .solve-otps thead>tr th {
  padding: 15px;
  vertical-align: middle;
  color: #2D3255;
  font-weight: bold;
  text-align: center;
  border: solid 1px #C3C9D7;
}

.integrations-management .solve-otps thead>tr td:first-child {
  text-align: center;
}

/* Admin Interviewer/Decision Makers Tabs */
.user-management-tabs {
  display: block;
  zoom: 1;
}

.user-management-tabs:before,
.user-management-tabs:after {
  content: "";
  display: table;
}

.user-management-tabs:after {
  clear: both;
}

.user-management-tabs li {
  float: left;
  border-bottom-width: 0;
  padding: 10px;
  margin-right: 5px;
  background-color: #29bbb0;
  color: #fff;
  cursor: pointer;
  padding: 10px 15px;
  position: relative;
  border: solid 1px transparent;
  border-bottom: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.user-management-tabs li:hover {
  background: #1eaba0;
}

.user-management-tabs .active {
  background-color: #FFF;
  color: #2D3255;
  border: solid 1px #DCE0E9;
  border-bottom: none;
}

.user-management-tabs .active:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background: #fff;
}

.user-management-tabs .active:hover {
  background-color: #F7F8FB;
}

.csv-download {
  display: block;
  position: relative;
}

.csv-download .custom-file-upload {
  display: block;
  width: auto;
  font-size: 16px;
  margin-top: 0;
}

/* Table */
.table {
  margin: 20px 0 0;
  border: none;
  border-bottom: solid 1px #DCE0E9;
}

.table>tbody tr>th {
  padding: 10px;
  border: none;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  border-right: solid 1px #DCE0E9;
  background: #21BCB0;
  color: #fff;
  padding: 15px;
  font-weight: 700;
  font-size: 16px;
}

.table>tbody tr>th:last-child {
  border-right: none;
}

.table>tbody tr>th span {
  font-size: 24px;
  line-height: 10px;
  position: relative;
  top: 2px;
  margin-right: 10px;
}

.table>tbody tr {
  border: none;
}

.table>tbody tr>td {
  padding: 15px;
  border: solid 1px #DCE0E9;
  vertical-align: middle;
}

.table>tbody .user_table {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  color: #212121;
}

.table>tbody .user_table span {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
}

.actions tooltip {
  text-align: center;
}

.actions a {
  font-size: 22px;
  color: #21BCB0;
  display: inline-block;
  /* &.disabled{
  	color: hsl(0, 0, 90) !important;
  } */
}

.actions a.disenabled-portal {
  color: #B3B9C7;
}

.actions a.enabled-portal {
  color: #21BCB0;
}

.actions a i {
  display: block;
  padding: 0 5px;
}

.actions a:hover {
  color: #1da69c;
}

.actions a.disable_row {
  color: #B3B9C7;
}

.actions a.disable_row:hover {
  color: #98A0B4;
}

.actions a.disable_row i {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.actions a.enable_row {
  color: #69ED94;
}

.actions a.enable_row:hover {
  color: #00E676;
}

.actions a.enable_row i {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.actions a.delete_row {
  color: #FF805C;
}

.actions a.delete_row:hover {
  color: #FF5630;
}

.actions a.delete_row i {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.user-management-list .tags span {
  padding-right: 8px;
}

.user-management-list span {
  display: block;
  font-size: 14px;
  color: gray;
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: calc(100% - 50px);
}
.user-management-list span:hover {
  overflow: visible; 
  word-break:break-all;
  white-space: pre-wrap;
}
.user-management-list span:nth-child(2):hover ,.user-management-list span:nth-child(3):hover {
  overflow: visible;
  word-break:break-all;
  white-space: pre-wrap;
  margin-left: 50px;
}


.user-management-list span:first-of-type {
  font-size: 16px;
  font-weight: 500;
  color: #212121;
}

.user-management-list img {
  display: block;
  margin-top: 0;
}

.users-table .tags span {
  display: block;
  float: left;
  padding: 3px 8px;
  margin-bottom: 5px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Accordion */
.accordion_container .accordion_head {
  position: relative;
  margin: 0 15px;
  padding-bottom: 15px;
  zoom: 1;
  border-bottom: solid 1px #DCE0E9;
}

.accordion_container .accordion_head:before,
.accordion_container .accordion_head:after {
  content: "";
  display: table;
}

.accordion_container .accordion_head:after {
  clear: both;
}

.accordion_container .accordion_head h4 {
  float: left;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.accordion_container .accordion_head .plusminus {
  display: block;
  float: left;
  width: 30px;
  text-align: center;
  font-size: 18px;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  color: #2D3255;
  cursor: pointer;
}

.accordion_container .accordion_body {
  margin-top: 20px;
}

/* New owner modal */
.new-owner .container-2 {
  position: relative;
  padding: 15px 15px 0;
}

.new-owner .container-2 .icon {
  all: unset;
  position: absolute;
  height: 32px;
  line-height: 30;
  width: 30px;
  right: 15px;
  z-index: 3;
}

.new-owner .container-2 .icon .fa {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 32px;
}

.new-owner .container-2 input {
  margin: 0;
  display: block;
  width: 98%;
}

.new-owner .container-2 input.placeholder {
  color: #6c7794;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.new-owner .container-2 input:-moz-placeholder {
  color: #6c7794;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.new-owner .container-2 input::-moz-placeholder {
  color: #6c7794;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.new-owner .container-2 input:-ms-input-placeholder {
  color: #6c7794;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.new-owner .container-2 input::-webkit-input-placeholder {
  color: #6c7794;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.new-owner .container-2 input:focus.placeholder {
  color: transparent;
}

.new-owner .container-2 input:focus:-moz-placeholder {
  color: transparent;
}

.new-owner .container-2 input:focus::-moz-placeholder {
  color: transparent;
}

.new-owner .container-2 input:focus:-ms-input-placeholder {
  color: transparent;
}

.new-owner .container-2 input:focus::-webkit-input-placeholder {
  color: transparent;
}

.new-owner hr {
  margin-bottom: 0;
  margin-left: -15px;
  margin-right: -15px;
}

.new-owner .user-info {
  display: block;
  border: solid 1px #DCE0E9;
  margin: 15px 0;
  padding: 10px 0;
  zoom: 1;
}

.new-owner .user-info:before,
.new-owner .user-info:after {
  content: "";
  display: table;
}

.new-owner .user-info:after {
  clear: both;
}

.new-owner .avatar {
  position: relative;
  padding-left: 65px;
}

.new-owner .avatar ng-letter-avatar {
  position: absolute;
  left: 30px;
  top: 30px;
}

.new-owner .avatar h3 {
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 40px;
  font-size: 15px;
  /* max-width: 100%; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  white-space: nowrap;
  /* word-wrap: normal; */
  /* width: 100%; */
}

.new-owner .avatar p {
  margin-bottom: 10px;
    font-size: 15px;
    margin-left: 40px;
}

.new-owner a.btn {
  margin-top: 15px;
  margin-right: -60px !important;

}

/* Recruiters Profile */
.recruiters-filter {
  margin-top: 8px;
  padding-right: 0;
  margin-right: -5px;
}

.recruiters-filter span {
  font-weight: bold;
  line-height: 32px;
}

.recruiters-filter .form-control {
  height: 32px;
  margin-right: 10px;
}

.recruiters-filter .col-md-4 {
  padding-right: 15px;
}

.recruiters-filter .col-md-4:last-child {
  padding-right: 0;
}

.recruiter-profile {
  display: block;
  position: relative;
}

.recruiter-profile .table>tbody+tbody {
  border: none;
}

.recruiter-profile .row:first-child {
  margin: 0 -30px;
}

.recruiter-profile .recruiter-overview {
  padding: 20px 0;
}

.recruiter-profile .recruiter-overview .total {
  width: 22.5%;
}

.recruiter-profile .recruiter-overview .col-md-4 {
  padding-left: 0;
}

.recruiter-profile .recruiter .cards {
  overflow: hidden;
}

.recruiter-profile .can-avatar {
  display: block;
  position: relative;
  padding: 0;
  overflow: hidden;
  zoom: 1;
}

.recruiter-profile .can-avatar:before,
.recruiter-profile .can-avatar:after {
  content: "";
  display: table;
}

.recruiter-profile .can-avatar:after {
  clear: both;
}

.recruiter-profile .can-avatar img {
  margin: 0;
  float: none;
  left: 0;
  top: 15px;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.recruiter-profile .can-avatar .pic {
  position: relative;
  height: 170px;
  overflow: hidden;
  margin-bottom: 20px;
}

.recruiter-profile .can-avatar .pic img {
  display: block;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
}

.recruiter-profile .can-avatar h6 {
  font-size: 24px;
  margin: 15px 0;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.recruiter-profile .can-avatar h6 span {
  display: block;
  font-size: 14px;
  color: #98A0B4;
  margin-top: 5px;
  margin-bottom: 10px;
}

.recruiter-profile .stat-overview {
  padding: 0;
  border-top: solid 1px #E8EBF2;
  zoom: 1;
}

.recruiter-profile .stat-overview:before,
.recruiter-profile .stat-overview:after {
  content: "";
  display: table;
}

.recruiter-profile .stat-overview:after {
  clear: both;
}

.recruiter-profile .stat-overview p {
  position: relative;
  display: block;
  width: 33.33%;
  float: left;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  border-right: solid 1px #E8EBF2;
  margin: 0;
  padding: 28px 10px;
}

.recruiter-profile .stat-overview p:last-child {
  border-right: none;
}

.recruiter-profile .stat-overview p span {
  display: block;
  font-size: 12px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  color: #6c7794;
}

.recruiter-profile .table {
  margin-top: 0;
}

.recruiter-profile .table thead tr {
  border: solid 1px #21bcb0;
}

.recruiter-profile .table th:not(:first-child),
.recruiter-profile .table td:not(:first-child) {
  text-align: center;
}

.recruiter-profile .table tbody tr {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.recruiter-profile .table td,
.recruiter-profile .table th {
  vertical-align: center;
}

.recruiter-profile .table>tbody tr>td {
  padding: 10px;
  text-align: initial;
}

.recruiter-profile .table th.offered {
  background: #1da69c;
}

.recruiter-profile .table tbody tr td.offered {
  background: #F7F8FB;
}

.recruiter-profile p.position-name {
  font-size: 16px;
  margin: 0;
  max-width: 200px;
  font-weight: 500;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.recruiter-profile p.position-name span {
  display: block;
  font-size: 13px;
  color: #98A0B4;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 200px;
  margin-top: 4px;
  font-weight: normal;
}

.recruiter-profile p.position-name span i {
  display: inline-block;
  padding-right: 3px;
}

.recruiter-profile .compare .cards {
  padding: 15px;
}

.recruiter-profile .comp {
  padding-bottom: 15px;
}

.recruiter-profile .comp:last-child {
  padding-bottom: 0;
}

.recruiter-profile .comp p {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 500;
  zoom: 1;
}

.recruiter-profile .comp p:before,
.recruiter-profile .comp p:after {
  content: "";
  display: table;
}

.recruiter-profile .comp p:after {
  clear: both;
}

.recruiter-profile .comp p span+a {
  margin-left: 10px;
  display: inline-block;
  color: #2D3255;
  background-color: #fff;
  padding: 0 5px;
  border: solid 1px #DCE0E9;
  font-weight: normal;
}

.recruiter-profile .comp p span+a.btn [class^="icon-"] {
  padding-right: 0;
}

.recruiter-profile .comp .progress {
  background: #DCE0E9;
  margin: 0;
  height: 10px;
}

.recruiter-profile .comp .progress-bar {
  height: 10px;
}

.recruiter-profile .comp .progress-bar.offered {
  background: #21BCB0;
}

.recruiter-profile .comp .progress-bar.joined {
  background: #00E676;
}

.recruiter-profile .comp .progress-bar.rejected {
  background: #FF5630;
}

.recruiter-profile .comp .progress-bar.sourced {
  background: #2D3255;
}

.recruiter-profile .comp+hr {
  margin: 4px 0 14px;
}

.recruiter-profile .total {
  /* p{
  				font-size: 14px;
  				font-weight: 500;
  				color: darken($ui-01, 10);
  				padding: 50px 0 70px;
  				padding-left: 25px;
  				position: relative;
  				margin: 0;
  
  				i.icon-assignment_ind, i.icon-people{
  					position: absolute;
  					left: 25px;
  					top: 43px;
  					font-size: 36px;
  				}
  
  				&:first-child{
  					border-bottom: solid 1px $ui-04;
  				}
  
  				span{
  					display: block;
  					font-size: 36px;
  					color: $sec-01;
  					padding-left: 45px;
  					margin-bottom: 10px;
  				}
  
  				span.note{
  					all: unset;
  					position: absolute;
  					top: 10px;
  					right: 10px;
  					color: $yellows-02;
  					font-size: 20px;
  				}
  			} */
}

.recruiter-profile [data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.recruiter-profile [data-tooltip]:before,
.recruiter-profile [data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.recruiter-profile [data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: -50%;
  margin-bottom: 5px;
  padding: 7px;
  width: 250px;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  content: attr(data-tooltip);
  text-align: left;
  font-size: 14px;
  line-height: 1.2;
  z-index: 10;
}

.recruiter-profile [data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: 0;
  width: 0;
  border-top: 5px solid #000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  z-index: 10;
}

.recruiter-profile [data-tooltip]:hover:before,
.recruiter-profile [data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}

.recruiter-profile .recruiter {
  margin: 0 -15px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  zoom: 1;
}

.recruiter-profile .recruiter:before,
.recruiter-profile .recruiter:after {
  content: "";
  display: table;
}

.recruiter-profile .recruiter:after {
  clear: both;
}

.recruiter-profile .recruiter .col-md-3 {
  position: relative;
}

.recruiter-profile .recruiter .col-md-3:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #DCE0E9;
}

.recruiter-profile .recruiter .col-md-3:last-child:after {
  display: none;
}

.recruiter-profile .recruiter-name {
  display: block;
  position: relative;
  padding-left: 75px;
}

.recruiter-profile .recruiter-name img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  width: 60px;
  height: auto;
}

.recruiter-profile .recruiter-name h6 {
  font-size: 18px;
  color: #21BCB0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  padding-left: 80px;
}

.recruiter-profile .recruiter-name h6 span {
  display: block;
  font-size: 13px;
  color: gray;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.recruiter-profile .recruiter-name h6 span.email {
  margin: 6px 0 10px;
  font-weight: normal;
}

.recruiter-profile .hours .hour {
  font-size: 14px;
  color: #7a859f;
  display: block;
  -webkit-transform: translateX(25%);
  transform: translateX(25%);
}

.recruiter-profile .hours .hour span {
  display: block;
  font-size: 24px;
  margin-top: 8px;
  color: #2D3255;
  font-weight: 500;
}

.recruiter-profile .rec-stat {
  margin-bottom: 30px;
}

.recruiter-profile .rec-stat .cards {
  margin: 0;
}

.recruiter-profile .rec-stat .total {
  text-align: center;
  color: #7a859f;
  /* &:after{
  	content:"";
  	display: block;
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: calc( 100% + 15px );
  	height: 1px;
  	background: $ui-04;
  } */
}

.recruiter-profile .rec-stat .total a {
  display: block;
  font-size: 36px;
  color: #2D3255;
}

.recruiter-profile .rec-stat .total .note {
  float: none !important;
  padding-right: 0;
  padding-left: 10px;
  position: relative;
  top: 1px;
}

.recruiter-profile .rec-stat .total .col-md-6 {
  position: relative;
}

.recruiter-profile .rec-stat .total .col-md-6:first-child:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #DCE0E9;
}

.recruiter-profile .rec-positions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clear: both;
  border-top: solid 1px #DCE0E9;
  padding-top: 30px;
  margin-top: 20px;
}

.recruiter-profile .rec-positions p {
  margin: 0;
  text-align: center;
  width: 33.33%;
  font-size: 24px;
  font-weight: 500;
  position: relative;
}

.recruiter-profile .rec-positions p:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #DCE0E9;
}

.recruiter-profile .rec-positions p:last-child:after {
  display: none;
}

.recruiter-profile .rec-positions p span {
  font-weight: normal;
  display: block;
  font-size: 14px;
  color: #7a859f;
  margin-top: 10px;
}

.recruiter-profile .db_clientReports .cr-status .clearfix span.closeby {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 140px;
  width: 100%;
  font-size: 12px;
}

.recruiter-profile .db_clientReports .cr-status .clearfix span.closeby i {
  display: inline-block;
  margin-right: 5px;
}

.recruiter-profile .db_clientReports .cr-status .clearfix span.status {
  font-size: 12px;
  margin-left: 0;
}

.expanded .recruiter-profile .stats {
  width: 15.25%;
}

.expanded .recruiter-profile .total {
  width: 22.25%;
}

.hours-log.total {
  margin: 0;
}

.hours-log.total .hrs {
  padding-left: 25px;
  position: relative;
}

.hours-log.total h3.title {
  padding-left: 0;
  font-size: 13px;
  text-transform: none;
}

.hours-log.total .hours {
  font-size: 30px;
}

.hours-log.total .hours span {
  font-size: 13px;
  display: block;
  padding-left: 4px;
  font-weight: normal;
  letter-spacing: 0.04em;
}

/* Custom status */
ul.status-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #dce1e9;
  padding: 10px;
  margin: 15px 0 0;
}

ul.status-custom li {
  width: 30px;
  text-align: center;
}

ul.status-custom li:first-child {
  width: calc(100% - 60px);
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Stages */
.stages {
  display: block;
  position: relative;
  border: solid 1px #F7F8FB;
  margin: 25px;
}

.stages .add-stage {
  padding: 15px 0;
  background: #F7F8FB;
  zoom: 1;
}

.stages .add-stage:before,
.stages .add-stage:after {
  content: "";
  display: table;
}

.stages .add-stage:after {
  clear: both;
}

.stages .round_list {
  padding: 20px 0;
}

.stages .round_list .drag_hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 15px;
  padding: 10px;
  zoom: 1;
}

.stages .round_list .drag_hover:before,
.stages .round_list .drag_hover:after {
  content: "";
  display: table;
}

.stages .round_list .drag_hover:after {
  clear: both;
}

.stages .round_list .drag_hover .handle {
  width: 20px;
  height: 24px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.stages .round_list ul[dnd-list] li {
  margin-bottom: 0;
}

.stages .addround_board input[type="text"] {
  margin-top: 0;
}

.stages .foot {
  padding: 15px;
  background: #F7F8FB;
}

/* Custom fields */
.accordion {
  float: none;
}

.accordion .table {
  table-layout: fixed;
  max-width: 100%;
  margin: 0;
}

.accordion .table>thead>tr {
  background: #fff;
  border: solid 1px #DCE0E9;
  color: #2D3255;
}

.accordion .table>thead>tr>th {
  padding: 15px;
  border-bottom: solid 1px #DCE0E9;
}

.accordion .table>tbody>tr>td {
  padding: 8px 15px;
  vertical-align: top;
}

.accordion input[type="checkbox"],
.accordion input[type="radio"] {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.accordion input[type="checkbox"]:checked~.accordion-content,
.accordion input[type="radio"]:checked~.accordion-content {
  height: auto;
}

.accordion input[type="checkbox"]:checked~label:after,
.accordion input[type="radio"]:checked~label:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion label {
  display: block;
  width: 100%;
  padding: 15px;
  padding-left: 45px;
  position: relative;
  background: #F7F8FB;
  margin: 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  border-bottom: solid 1px #DCE0E9;
}

.accordion label:before,
.accordion label:after {
  content: "";
  display: block;
  position: absolute;
  top: 46%;
  left: 20px;
  background: #2D3255;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.accordion label:before {
  width: 10px;
  height: 2px;
  left: 20px;
}

.accordion label:after {
  height: 10px;
  width: 2px;
  top: 39%;
  left: 24px;
}

.accordion .accordion-content {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
  transition: height 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}

.accordion .placeholder {
  text-align: center;
  padding: 10px;
}

.accordion .tags span {
  padding: 5px 10px;
}

/* Settings Manage */
body[class="admin.settings-management forgot_password"] .wrap-height>.cards {
  padding: 0;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.settings-manage .sidebar {
  padding: 0;
  width: 300px;
  overflow: hidden;
  position: fixed;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 #E8EBF2;
  box-shadow: 0 0 10px 0 #E8EBF2;
  max-height: calc(83vh - 2rem);
  overflow-y: auto;
}

.settings-manage .sidebar>ul {
  display: block;
  position: relative;
}

.settings-manage .sidebar>ul>li {
  display: block;
  border-bottom: solid 1px #DCE0E9;
}

.settings-manage .sidebar>ul>li>.sub {
  display: none;
  border-top: solid 1px #DCE0E9;
  padding: 0 10px 10px;
}

.settings-manage .sidebar>ul>li>.sub a {
  background: #fafafa;
  display: block;
  font-size: 15px;
  padding: 10px 20px;
  padding-left: 25px;
  color: #2D3255;
}

.settings-manage .sidebar>ul>li>.sub a:hover {
  color: #21BCB0;
}

.settings-manage .sidebar>ul>li.active .sub {
  display: block;
}

.settings-manage .sidebar>ul>li.active>a {
  background: #F0FCFB;
  letter-spacing: 0.01em;
}

.settings-manage .sidebar>ul>li.active>a:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.settings-manage .sidebar>ul>li>a {
  display: block;
  color: #2D3255;
  font-size: 16px;
  padding: 15px 20px;
  position: relative;
  letter-spacing: 0.01em;
}

.settings-manage .sidebar>ul>li>a:hover {
  background: #F0FCFB;
}

.settings-manage .sidebar>ul>li>a:before {
  content: "";
  width: 5px;
  height: 100%;
  background: #21BCB0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
}

.settings-manage .content {
  width: calc(100% - 330px);
  margin-left: 330px;
  background: transparent;
}

.settings-manage .content .card {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 #E8EBF2;
  box-shadow: 0 0 10px 0 #E8EBF2;
  padding: 20px;
  margin-bottom: 25px;
}

.settings-manage .content .form-title {
  margin: 0;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: solid 1px #DCE0E9;
}

.settings-manage .content .form-group {
  margin-bottom: 10px;
}

.settings-manage .content .input-group {
  display: block;
  position: relative;
}

.settings-manage .content .input-group .input-addon {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 40px;
  height: 38px;
  z-index: 10;
}

.settings-manage .content .input-group .btn-copy-organizationEmail {
  all: unset;
  display: block;
  height: 38px;
  line-height: 38px;
  width: 40px;
  text-align: center;
  background: #E8EBF2;
  cursor: pointer;
}

.settings-manage .content input[type="radio"] {
  margin-bottom: 0;
}

.settings-manage .content .delete-account {
  padding: 20px;
  background: rgba(255, 200, 182, 0.2);
  margin: -20px 15px 0;
}

.settings-manage .content .delete-account p {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 500;
}

.settings-manage .content .delete-account p span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

.settings-manage .content .delete-account .btn {
  color: #fff;
}

.settings-manage .content .table>tbody tr>th {
  font-size: 14px;
  text-transform: none;
}

.settings-manage .logo_settings_img {
  position: relative;
  height: 100px;
  float: left;
  margin-left: 20px;
}

.settings-manage .logo_settings_img img {
  display: block;
  max-width: 90px;
  max-height: 90px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -20px;
  margin: auto;
}

.settings-manage .custom-report {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.settings-manage .custom-report .inner {
  border: solid 1px #DCE0E9;
  padding: 20px;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
}

.settings-manage .custom-report .inner:hover {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.settings-manage .custom-report h3 {
  font-size: 18px;
  margin: 0 0 15px;
  color: #2D3255;
}

.settings-manage .custom-report p {
  color: #73748E;
  font-size: 14px;
  margin: 0 0 20px;
}

.settings-manage .accordion input[type="checkbox"]:checked~.accordion-content {
  padding: 15px 0;
  border: none;
}

.settings-manage .accordion .table>tbody>tr>td[colspan="4"] {
  font-size: 16px;
  padding: 20px;
}

.settings-manage.profile .form-title {
  overflow: visible;
  height: 45px;
  line-height: 35px;
  margin-top: -10px;
  padding: 0;
}

.settings-manage.profile .profile-image {
  position: relative;
  padding-left: 30px;
  text-transform: none;
  font-size: 14px;
}

.settings-manage.profile .profile-image img {
  display: block;
  max-width: 25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.settings-manage.profile .card {
  min-height: 600px;
}

.settings-manage.profile .menu-holder {
  margin-top: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.settings-manage.profile .menu-holder .btn {
  margin: 0;
}

.settings-manage.profile .input-group-addon {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}

.settings-manage.profile .input-group-addon .fa-lg {
  display: inline-block;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
}

.settings-manage.profile ul.menus>li>a {
  padding: 15px;
  padding-top: 5px;
}

.settings-manage.profile #listImap span.mail {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.integrations-management .form-title span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 8px;
  color: #98A0B4;
}

.integrations-management .solve-otps {
  max-width: 100%;
}

.integrations-management .integration-list {
  margin: 0;
  padding: 0;
  border: none;
}

.integrations-management .integration-list .content-cell {
  padding: 0;
}

.integrations-management .integration-list .integrations-settings {
  margin: 0;
  border: none;
}

.integrations-management .integration-list .integrations-settings .row {
  padding: 0;
}

.integrations-management .integration-list .integrations-settings .tab-content {
  position: relative;
}

.integrations-management .integration-list .integrations-settings .tab-head {
  padding: 0;
  background: none;
  position: absolute;
  border: none;
  right: 10px;
  top: -45px;
}

/* Invoice */
/* Invoice Board */
.db_circles_invoice .col-md-2 {
  width: 16.666%;
}

.invoices #selected_filters {
  display: block;
  position: relative;
  padding-top: 20px;
}

.invoices #selected_filters.tags span {
  -webkit-transition: none;
  transition: none;
  padding-right: 25px;
  margin-bottom:5px;
}

.invoices #selected_filters.tags span i {
  height: auto;
  line-height: 1;
  border: none;
  background: none;
  top: 3px;
}

.invoices .db_circles_invoice {
  padding: 0 5px;
}

.invoices .db_circles_invoice h5 {
  padding: 30px 0;
  font-size: 16px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin: 20px 0;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.5s cubic-bezier(0, 0, 0.39, 1.1);
  border: solid 1px transparent;
}

.invoices .db_circles_invoice h5 span {
  display: block;
  font-size: 48px;
  color: #2D3255;
  font-weight: 300;
  margin-bottom: 5px;
}

.invoices .db_circles_invoice h5:hover {
  border: solid 1px #DCE0E9;
  -webkit-box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.2);
}

.invoices .generate-invoice {
  right: 50px;
  top: 12px;
  z-index: 5;
}

.invoices .generate-invoice .generate-invoice .btn {
  height: 29px;
}

.invoices .generate-invoice .generate-invoice .btn-sm {
  padding: 4px 10px;
}

.table_invoice {
  margin: 0;
  background: #fff;
}

.table_invoice>thead>tr {
  background: #21BCB0;
  border-bottom: none;
  border-radius: 4px;
}

.table_invoice>thead>tr>th {
  color: #fff;
  border-bottom: none;
  border-right: solid 1px #F0FCFB;
  font-size: 14px;
}

.table_invoice>thead>tr>th:last-child {
  border-right: none;
}

.table_invoice>thead tr>th,
.table_invoice>tbody tr>td {
  vertical-align: top;
  font-size: 13px;
  padding: 10px;
}

.table_invoice tbody tr>td>span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.table_invoice tbody tr>td:last-child {
  text-align: center;
}

.table_invoice>tbody tr:hover {
  background: #F0FCFB;
}

.table_invoice .table_row_invoice_list {
  color: #333333;
}

.table_invoice .table_row_invoice_exapand:nth-child(n) td {
  color: #333333;
  background: rgba(33, 188, 176, 0.05);
}

.table_invoice .dropmenu {
  float: none;
  padding: 0;
}

.table_invoice .dropmenu .dots_menu_right_invoice {
  margin: 0;
}

.table_invoice .ellipsismenu {
  margin-top: 0;
  left: auto;
  right: -10px;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
}

.table_invoice .expanded a {
  margin-left: 0;
  -webkit-transition: none;
  transition: none;
}

#myTabContents {
  position: relative;
}

.invoice_candidate_check {
  position: relative;
  margin-bottom: 30px;
  padding: 15px 0;
}

.invoice_candidate_check:hover .control input~.control__indicator {
  opacity: 1;
  visibility: visible;
}

.invoice_candidate_check .candidate-source {
  bottom: 10px;
}

.invoice_candidate_check .can-avatar {
  position: relative;
}

.invoice_candidate_check .can-avatar h6 {
  font-size: 15px;
}

.invoice_candidate_check .can-avatar h6 span {
  display: block;
  color: #000;
  font-size: 13px;
  margin-top: 5px;
}

.invoice_candidate_check .mask-candidate-list {
  display: block;
}

.invoice_candidate_check .control input~.control__indicator {
  opacity: 0;
  visibility: hidden;
}

.invoice_candidate_check .control input:checked~.control__indicator {
  opacity: 1;
  visibility: visible;
}

.invoice_candidate_check .control input:checked~.control__indicator:after {
  opacity: 1;
}

.invoice_candidate_check .control--checkbox .control__indicator:after {
  content: "\e5ca";
  font-family: "icomoon";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 42px;
  color: #fff;
  font-size: 24px;
  opacity: 0;
}

.invoice_candidate_check .control__indicator {
  top: -64px;
  left: 10px;
}

.invoice_candidate_check .btns-group {
  margin-top: 40px;
}

/* invoice modal*/
.view_pdf_invoice {
  margin: 0 auto;
  height: auto;
  background-size: 100% auto;
  color: #5B6165;
  position: relative;
  padding: 0px 20px;
  max-height: calc(100vh - 135px);
  overflow: auto;
}

.view_pdf_invoice table {
  table-layout: fixed;
}

.view_pdf_invoice table th,
.view_pdf_invoice table td {
  vertical-align: top;
  word-break: keep-all;
  word-wrap: break-word;
  padding: 2px 10px;
}

#memo {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  height: 115px;
  zoom: 1;
}

#memo:before,
#memo:after {
  content: "";
  display: table;
}

#memo:after {
  clear: both;
}

#memo .logo {
  float: left;
  margin-right: 20px;
}

#memo .logo img {
  max-width: 200px;
  max-height: 70px;
}

.company-info {
  float: right;
  text-align: right;
}

.company-info>div:first-child {
  line-height: 1em;
  font-weight: bold;
  font-size: 22px;
  color: #B32C39;
}

.company-info h3 {
  margin-top: 0;
  margin-bottom: 5px;
}

.company-info p {
  margin-bottom: 0;
}

.company-info span {
  font-size: 11px;
  display: inline-block;
  min-width: 20px;
}

.company-info span:after {
  content: '';
  display: block;
  clear: both;
}

#invoice-title-number {
  font-weight: bold;
  margin: 10px 0 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #e6e6e6;
}

#items {
  margin: 35px 0;
}

#items .first-cell,
#items table th:first-child,
#items table td:first-child {
  width: 50%;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  padding-left: 20px;
}

#items table {
  border-collapse: separate;
  width: 100%;
}

#items table th {
  font-weight: bold;
  padding: 5px 8px;
  text-align: right;
  color: white;
  text-transform: uppercase;
  background: #21BCB0;
}

#items table th:nth-child(2) {
  width: 30%;
  text-align: left;
}

#items table th:last-child {
  text-align: right;
  padding-right: 20px;
}

#items table td {
  padding: 9px 8px;
  border-bottom: 1px solid #ddd;
}

#items table td:nth-child(2) {
  text-align: right;
  padding-right: 20px;
}

#sums {
  margin: -10px 0 0;
  background: url("../images/total-stripe-firebrick.png") right bottom no-repeat;
}

#sums table {
  float: right;
}

#sums table tr th,
#sums table tr td {
  min-width: 100px;
  padding: 9px 8px;
  text-align: right;
}

#sums table tr th {
  font-weight: bold;
  text-align: left;
  padding-right: 35px;
}

#sums table tr td.last {
  min-width: 0 !important;
  max-width: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  border: none !important;
}

#sums table tr.amount-total th {
  text-transform: uppercase;
}

#sums table tr.amount-total th,
#sums table tr.amount-total td {
  font-size: 15px;
  font-weight: bold;
}

#sums table tr:last-child th {
  text-transform: uppercase;
}

#sums table tr:last-child th,
#sums table tr:last-child td {
  font-size: 15px;
  font-weight: bold;
  color: white;
}

#invoice-info {
  margin: 10px 0 0;
  text-align: right;
}

#invoice-info>div>span {
  display: inline-block;
  min-width: 20px;
  min-height: 18px;
  margin-bottom: 3px;
}

#invoice-info>div>span:first-child {
  color: black;
}

#invoice-info>div>span:last-child {
  color: #777;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 40px;
}

#invoice-info:after {
  content: '';
  display: block;
  clear: both;
}

#terms {
  float: left;
  margin-top: 50px;
}

#terms .notes {
  min-height: 30px;
  min-width: 50px;
  color: #B32C39;
}

#terms .payment-info div {
  margin-bottom: 3px;
  min-width: 20px;
}

.thank-you {
  margin: 10px 0 30px 0;
  display: inline-block;
  min-width: 20px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 0.88em;
  float: right;
  padding: 0px 30px 0px 2px;
  font-size: 50px;
  background: #F4846F;
  color: white;
}

.ib_bottom_row_commands {
  margin-left: 30px !important;
}

body[class*="home.invoice"] .modal-dialog {
  margin: 10px auto;
}

body[class*="home.invoice"] .modal-dialog .modal-body {
  height: calc(100vh - 155px);
  overflow: auto;
}

body[class*="home.invoice"] .modal-dialog .generate_invoice_multiple {
  height: calc(100vh - 150px);
}

body[class*="home.invoice"] .modal-dialog .input-group-addon.select-box {
  padding: 0;
}

body[class*="home.invoice"] .modal-dialog .input-group-addon.select-box>select {
  width: 50px;
  height: 38px;
  background-color: #eee;
  background-position: 70% center;
  padding: 0 10px;
  border: none;
}

/* Invoice Page style */
.invoice-btn a.btn {
  margin-top: 8px;
}

.invoice-btn a.btn-outline {
  margin-right: 8px;
}

/* Invoice Generate */
.invoice-generate .main-title {
  text-align: center;
  margin: 20px 0;
  border-bottom: solid 1px #DCE0E9;
  margin-bottom: 10px;
  padding-bottom: 20px;
}

.invoice-generate p.org-details {
  font-size: 14px;
  line-height: 1.8;
  margin: 20px 0 30px;
}

.invoice-generate p.org-details span {
  display: block;
}

.invoice-generate p.org-details a.edit-btn {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
}

.invoice-generate .invoice-details {
  font-size: 14px;
  margin: 10px 0;
}

.invoice-generate .invoice-details span {
  display: block;
  padding: 2px 0;
}

.invoice-generate .invoice-details .form-group {
  margin: 0 0 10px;
  zoom: 1;
}

.invoice-generate .invoice-details .form-group:before,
.invoice-generate .invoice-details .form-group:after {
  content: "";
  display: table;
}

.invoice-generate .invoice-details .form-group:after {
  clear: both;
}

.invoice-generate .invoice-details .form-group label,
.invoice-generate .invoice-details .form-group .form-control {
  display: block;
  float: left;
}

.invoice-generate .invoice-details .form-group label {
  width: 35%;
  text-align: right;
  padding-right: 10px;
}

.invoice-generate .invoice-details .form-group .form-control,
.invoice-generate .invoice-details .form-group .input-group {
  width: 65%;
}

.invoice-generate .invoice-details .form-group .input-group .form-control {
  width: 100%;
}

.invoice-generate .invoice-details .form-group .date {
  padding-right: 0;
}

.invoice-generate .invoice-table {
  display: block;
  zoom: 1;
}

.invoice-generate .invoice-table:before,
.invoice-generate .invoice-table:after {
  content: "";
  display: table;
}

.invoice-generate .invoice-table:after {
  clear: both;
}

.invoice-generate .invoice-table>table {
  width: 100%;
  margin: 30px 0;
}

.invoice-generate .invoice-table>table>thead>tr>td {
  text-align: center;
  font-weight: bold;
  border: solid 1px #e6e6e6;
  padding: 10px 15px;
  vertical-align: top;
}

.invoice-generate .invoice-table>table>thead>tr>td:first-child,
.invoice-generate .invoice-table>table>thead>tr>td:last-child {
  text-align: center;
}

.invoice-generate .invoice-table>table>tbody>tr>td {
  border: solid 1px #e6e6e6;
  padding: 10px 15px;
  vertical-align: top;
}

.invoice-generate .invoice-table>table>tbody>tr>td:first-child {
  text-align: center;
}

.invoice-generate .invoice-table>table>tbody>tr>td:last-child {
  text-align: right;
}

.invoice-generate .invoice-table td>table {
  width: 100%;
}

.invoice-generate .invoice-table td>table b {
  font-weight: bold;
  display: block;
}

.invoice-generate .invoice-table td>table b+span {
  display: block;
  line-height: 2;
  padding: 8px 0;
}

.invoice-generate .invoice-table td>table td {
  padding: 0 10px;
  vertical-align: top;
  width: 25%;
}

.invoice-generate .invoice-table .form-group {
  margin: 0;
  max-width: 400px;
  zoom: 1;
}

.invoice-generate .invoice-table .form-group:before,
.invoice-generate .invoice-table .form-group:after {
  content: "";
  display: table;
}

.invoice-generate .invoice-table .form-group:after {
  clear: both;
}

.invoice-generate .invoice-table .form-group .date {
  padding-right: 0;
}

.invoice-generate .invoice-table p,
.invoice-generate .invoice-table label {
  display: block;
  font-size: 14px;
}

.invoice-generate .invoice-table label {
  display: block;
  font-weight: bold;
  margin: 0 0 5px;
}

.invoice-generate .invoice-table .text-center {
  text-align: center !important;
}

.invoice-generate .invoice-table table.total {
  margin: 0;
}

.invoice-generate .invoice-table table.total tr>td {
  text-align: right;
  border: none;
  vertical-align: middle;
}

.invoice-generate .invoice-table table.total tr>td.bordered-bottom {
  border-bottom: solid 1px #e6e6e6;
}

.invoice-generate .invoice-table table.total .input-group .form-control {
  text-align: right;
}

.invoice-generate .invoice-table table.total .form-group {
  zoom: 1;
}

.invoice-generate .invoice-table table.total .form-group:before,
.invoice-generate .invoice-table table.total .form-group:after {
  content: "";
  display: table;
}

.invoice-generate .invoice-table table.total .form-group:after {
  clear: both;
}

.invoice-generate .invoice-table table.total .form-group label,
.invoice-generate .invoice-table table.total .form-group .form-control {
  display: block;
  float: left;
}

.invoice-generate .invoice-table table.total .form-group label {
  width: 80px;
  line-height: 36px;
  padding-right: 10px;
}

.invoice-generate .invoice-table table.total .form-group select.form-control {
  width: calc(100% - 80px);
}

.invoice-generate .form-control[disabled],
.invoice-generate .form-control[readonly],
.invoice-generate fieldset[disabled] .form-control {
  background: #F0F1F5;
}

.invoice-generate a.btn-delete {
  text-align: center;
  display: block;
}

.invoice-generate a.btn-delete .icon-delete {
  font-size: 18px;
  line-height: 38px;
}

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

.invoice-generate a.click2edit {
  display: inline-block;
  margin: -20px 0 40px;
}

.invoice-generate .invoice-footer {
  margin-bottom: 30px;
}

.invoice-generate .invoice-footer p {
  font-size: 14px;
  line-height: 1.8;
}

.invoice-generate .invoice-footer a {
  display: inline-block;
  padding-bottom: 30px;
}

.invoice-modals h5.modal-title {
  font-size: 18px;
  color: #21BCB0;
}

.invoice-modals label {
  font-weight: 500;
  text-align: right;
  display: block;
}

.invoice-modals.edit-footer .modal-dialog {
  width: 100%;
  max-width: 800px;
}

.invoice-modals .modal-content .modal-header .close {
  color: #21BCB0;
}

/* Invoice Preview */
.invoice-preview .invoice-table table.total {
  margin-top: -25px;
  margin-bottom: -15px;
}

.invoice-preview .total p {
  margin: 0;
}

/* Invoice Send */
#sendInvoice .modal-dialog {
  max-width: 800px;
  width: 100%;
}

/* Listing Styles */
/* Menu */
ul.menus {
  border-bottom: solid 1px #DCE0E9;
  display: block;
  position: relative;
  zoom: 1;
}

ul.menus:before,
ul.menus:after {
  content: "";
  display: table;
}

ul.menus:after {
  clear: both;
}

ul.menus>li {
  display: block;
  float: left;
}

ul.menus>li:first-child>a {
  border-radius: 5px 0 0 0;
}

ul.menus>li>a {
  padding: 15px 12px;
  display: block;
  margin: 0;
  border: none;
  border-radius: 0;
  position: relative;
  text-transform: uppercase;
  color: #2D3255;
  overflow: hidden;
  font-size: 13px;
  letter-spacing: 0.04em;
}

ul.menus>li>a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0px;
  background: #21BCB0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

ul.menus>li>a:hover,
ul.menus>li>a:focus {
  color: #199187;
  border: none;
  background: rgba(33, 188, 176, 0.07);
}

ul.menus>li.active>a,
ul.menus>li:hover a {
  color: #21BCB0;
}

ul.menus>li.active>a:after,
ul.menus>li:hover a:after {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

ul.menus.reports {
  margin: -20px -20px 20px;
}

/* List Page Common Elements */
.client-list>.cards,
.prospect-list>.cards,
.list-item>.cards {
  margin-bottom: 15px;
}

.page-count {
  display: block;
  padding: 5px 10px 0;
  color: #98A0B4;
  text-align: right;
  margin-top: -12px;
  padding-bottom: 10px;
}

.page-count span {
  font-weight: 600;
  color: #7a859f;
  display: inline-block;
}

.cadidate-skills .skill-tag span {
  background: #E8EBF2;
  margin: 0 5px 5px 0;
  font-size: 12px;
  border-radius: 2px;
  padding: 3px 6px;
}

.cadidate-skills a.more {
  display: inline-block;
  font-size: 11px;
  background: #f5f5f5;
  padding: 0 5px;
  line-height: 15px;
  margin: -5px 0 0;
  position: relative;
  top: -12px;
  background: #21BCB0;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  padding: 3px 6px;
  border-radius: 2px;
}

.cadidate-skills a.more i {
  display: inline-block;
  position: relative;
  top: 1px;
}

.cadidate-skills .positions-list li.active span {
  background: #21bcb0;
  color: #fff;
  padding-left: 25px;
  display: block;
  position: relative;
}

.cadidate-skills .positions-list li.active span:before {
  content: "\e834";
  font-family: 'icomoon';
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 25px;
  text-align: center;
  font-size: 16px;
}

.dates {
  margin-top: 10px;
  margin-bottom: 0;
}

.dates .date {
  font-size: 12px;
  color: #98A0B4;
  position: relative;
  line-height: 1;
  margin-right: 10px;
  padding-right: 10px;
}

.dates .date:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #98A0B4;
  padding: 0;
}

.dates .date:last-child:after {
  display: none;
}

.cadidate-skills .skill-tag .active_client_position span {
  background: #21BCB0;
  color: #fff;
  padding-left: 25px;
  display: block;
  position: relative;
}

.cadidate-skills .skill-tag .active_client_position span:before {
  content: "\e834";
  font-family: 'icomoon';
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 25px;
  text-align: center;
  font-size: 16px;
}

/* Prospect List & Details */
.prospect-list.cards,
.list-item.cards {
  position: relative;
  margin-bottom: 25px;
  padding: 15px 15px 10px;
}

.prospect-list>.cards,
.list-item>.cards {
  padding-bottom: 8px;
}

.prospect-list .user-list-name h4,
.list-item .user-list-name h4 {
  margin-top: 0;
  letter-spacing: 0.02em;
  font-weight: 400;
}

.prospect-list .user-list-name p,
.list-item .user-list-name p {
  margin: 10px 0;
  font-size: 13px;
  color: #2D3255;
  letter-spacing: 0.04em;
}

.prospect-list .user-list-name p:first-of-type,
.list-item .user-list-name p:first-of-type {
  margin-bottom: 0;
}

.prospect-list .user-list-name p i,
.list-item .user-list-name p i {
  position: relative;
  display: inline-block;
  font-size: 16px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  padding-right: 4px;
  color: #2D3255;
}

.prospect-list .user-list-name p span.client,
.list-item .user-list-name p span.client {
  margin-right: 15px;
  display: inline-block;
}

.prospect-list .user-list-name p span.client a,
.prospect-list .user-list-name p span.client a i,
.list-item .user-list-name p span.client a,
.list-item .user-list-name p span.client a i {
  color: #2D3255;
}

.prospect-list .user-list-name p.dates,
.list-item .user-list-name p.dates {
  margin-bottom: 0;
}

.prospect-list .user-list-name p i.icon-room,
.list-item .user-list-name p i.icon-room {
  color: #FF5630;
}

.prospect-list .user-list-name p span.location,
.list-item .user-list-name p span.location {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 60%;
}

.prospect-list .progrees-bar-prospect img,
.list-item .progrees-bar-prospect img {
  margin: 0 auto 5px;
  display: block;
  max-width: 100%;
}

.prospect-list .deal-size-prospect,
.list-item .deal-size-prospect {
  line-height: 1;
  right: 0;
  left: 0;
  margin: auto;
  width: calc(100% - 30px);
  text-align: center;
}

.prospect-list .clients_list,
.list-item .clients_list {
  margin: 10px 0 0;
  position: relative;
  border-top: solid 1px #F0F1F5;
  padding-top: 10px;
  zoom: 1;
}

.prospect-list .clients_list:before,
.prospect-list .clients_list:after,
.list-item .clients_list:before,
.list-item .clients_list:after {
  content: "";
  display: table;
}

.prospect-list .clients_list:after,
.list-item .clients_list:after {
  clear: both;
}

.prospect-list .clients_list .dates,
.list-item .clients_list .dates {
  margin-bottom: 0;
}

.prospect-list .clients_list .date,
.list-item .clients_list .date {
  font-size: 12px;
  color: #98A0B4;
  position: relative;
  line-height: 1;
  margin-right: 10px;
  padding-right: 10px;
}

.prospect-list .clients_list .date:after,
.list-item .clients_list .date:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #98A0B4;
  padding: 0;
}

.prospect-list .clients_list .date:last-child:after,
.list-item .clients_list .date:last-child:after {
  display: none;
}

.prospect-list .prospect-list-function li,
.list-item .prospect-list-function li {
  display: inline-block;
  margin-right: 10px;
  min-width: 100px;
}

.prospect-list .prospect-list-function li:last-child,
.list-item .prospect-list-function li:last-child {
  margin-right: 0;
}

.prospect-list .prospect-list-function li>span,
.list-item .prospect-list-function li>span {
  min-width: 0;
  cursor: auto;
}

.prospect-list span.status,
.list-item span.status {
  position: relative;
  display: inline-block;
  margin-top: 0;
  font-size: 13px;
}

.prospect-list span.status:before,
.list-item span.status:before {
  content: "\e837";
  font-family: "icomoon";
  position: relative;
  display: inline-block;
  padding-right: 5px;
  top: 1px;
}

.prospect-list span.status.new,
.prospect-list span.status.pending,
.list-item span.status.new,
.list-item span.status.pending {
  color: #FF9800;
}

.prospect-list span.status.contacted,
.prospect-list span.status.archived,
.list-item span.status.contacted,
.list-item span.status.archived {
  color: #673AB7;
}

.prospect-list span.status.interested,
.prospect-list span.status.active,
.list-item span.status.interested,
.list-item span.status.active {
  color: #009688;
}

.prospect-list span.status.proposal,
.prospect-list span.status.stop,
.list-item span.status.proposal,
.list-item span.status.stop {
  color: #9C27B0;
}

.prospect-list span.status.negotiation,
.prospect-list span.status.in-process,
.list-item span.status.negotiation,
.list-item span.status.in-process {
  color: #2196F3;
}

.prospect-list span.status.on-hold,
.list-item span.status.on-hold {
  color: #FF5630;
}

.prospect-list span.status.lost,
.list-item span.status.lost {
  color: #757575;
}

.prospect-list span.status.won,
.list-item span.status.won {
  color: #8BC34A;
}

.prospect-list span.status.converted,
.list-item span.status.converted {
  color: #4CAF50;
}

.prospect-list .badge-notify,
.list-item .badge-notify {
  all: unset;
  color: #fff;
  background: #FF805C;
  display: inline-block;
  padding: 0 5px;
  font-size: 13px;
  border-radius: 3px;
}

/* Client List */
.client-list .row {
  position: relative;
}

.client-list .cards {
  margin-bottom: 20px;
}

.client-list .mob {
  padding: 22px 0 10px;
}

.client-list .client_board {
  margin-bottom: 0;
  padding-right: 60px;
}

.client-list .client_board a,
.client-list span {
  margin-right: 10px;
  letter-spacing: 0.02em;
}

.client-list .clients_list span {
  margin-right: 0;
}

.metrics .panel:only-child {
  margin-bottom: 30px;
}

.metrics .panel-primary>.panel-heading {
  padding: 15px;
}

.metrics .panel-heading select {
  display: block;
  background: url(../images/dropdown.png) no-repeat 90%;
  border: none;
  height: 30px;
  padding-right: 20px;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

/* Position List */
.position-list>.cards {
  margin-bottom: 20px;
}

.position-list .client_board {
  margin: 30px 50px 0 0;
}
.position-list .client_board_new {
  margin: 30px 10px 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  gap: 0.5em;
}
.candidate-view-more-btn{
  width: 99px;
  height: 23px;
  cursor: pointer;
  margin-left: 23px;
}
.ml-60{
  margin-left: 60px;
}
.mb-0{
  margin-bottom: 0px;
}
.ml-50{
  margin-left: 50px;
}
.position-list .client_board_new a {
  flex: 1;
}
.position-list .client_board_new span {
  padding-left: 5px;
}

.position-list .client_board a.btn {
  margin: 0 6px;
}

.position-list .page-count {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}

.position-list .board_count {
  margin-top: 10px;
}

.position-list .board_count li {
  line-height: 20px;
  font-size: 12px;
  color: #2D3255;
}
.display-center{
  display: flex;
  justify-content: center;
  font-weight: 500;
  padding: 10px;
}
.position-list .board_count li:first-child {
  padding-left: 0;
}

.position-list .publish {
  display: inline-block;
  min-width: 110px;
  padding: 0 0 0 15px;
  text-align: left;
}

.position-list .publish .icon-link {
  font-size: 16px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.position-list.requested-position .client_board {
  margin-top: 10px;
}

.position-list.requested-position span.status {
  margin: 0 6px;
}

.position-list .user-list-name p span.client {
  top: -7px;
  position: relative;
}

/* Cadidate List */
.candidate-list>.cards {
  position: relative;
  margin-bottom: 30px;
}

.candidate-list>.cards p {
  font-size: 13px;
}

.candidate-list>.cards:hover .control input~.control__indicator {
  opacity: 1;
  visibility: visible;
}

.candidate-list>.cards .candidate-source {
  all: unset;
  display: block;
  zoom: 1;
}

.candidate-list>.cards .candidate-source:before,
.candidate-list>.cards .candidate-source:after {
  content: "";
  display: table;
}

.candidate-list>.cards .candidate-source:after {
  clear: both;
}

.candidate-list>.cards .can-avatar {
  position: relative;
  padding-left: 65px;
  margin-bottom: 20px;
}

.candidate-list>.cards .can-avatar img {
  display: block;
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
}

.candidate-list>.cards .can-avatar h6 {
  font-size: 15px;
  margin: 10px 0;
  font-weight: 500;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.candidate-list>.cards .can-avatar h6 span {
  display: block;
  color: #000;
  font-size: 13px;
  margin-top: 5px;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.candidate-list>.cards .can-info p {
  display: block;
  margin: 10px 0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.candidate-list>.cards .can-info p:hover {
  text-overflow: clip;
  white-space: normal;
  word-break: break-all;
}

.candidate-list>.cards .can-info.left {
  margin-bottom: 15px;
}

.candidate-list>.cards .can-info.left p span {
  display: block;
  color: #7a859f;
  margin-top: 5px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.candidate-list>.cards .can-info.right {
  margin-bottom: 20px;
  margin-top: 10px;
}

.candidate-list>.cards .can-info.right p span {
  color: #7a859f;
}

.candidate-list>.cards ul.candidate-info {
  margin-bottom: 20px;
}

.candidate-list>.cards ul.candidate-info p {
  margin: 0;
  font-size: 14px;
}

.candidate-list>.cards ul.candidate-info p span {
  display: block;
  color: #7a859f;
}

.candidate-list>.cards ul.candidate-info li {
  height: auto;
  padding-right: 15px;
  border-color: #DCE0E9;
  margin-right: 15px;
}

.candidate-list>.cards ul.candidate-info li:last-child {
  margin-right: 0;
}

.candidate-list>.cards .candidate-footer {
  border-top: solid 1px #DCE0E9;
}

.candidate-list>.cards .candidate-footer .badge-notify {
  margin-top: 4px;
}

.candidate-list>.cards .control input~.control__indicator {
  opacity: 0;
  visibility: hidden;
}

.candidate-list>.cards .control input:checked~.control__indicator {
  opacity: 1;
  visibility: visible;
}

.candidate-list>.cards .control input:checked~.control__indicator:after {
  opacity: 1;
}

.candidate-list>.cards .control--checkbox .control__indicator:after {
  content: "\e5ca";
  font-family: "icomoon";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 28px;
  opacity: 0;
}

.candidate-list>.cards .control__indicator {
  top: -58px;
  left: 16px;
  width: 50px;
  height: 50px;
}

.sort.select span {
  display: block;
  font-size: 14px;
  line-height: 34px;
  cursor: pointer;
  background: #F0F1F5;
  padding: 0 5px;
}

.sort.select span i {
  font-size: 15px;
  display: inline-block;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

.candidateList-drop {
  top: 101%;
  left: 0;
  width: 141.45px;
  margin: auto;
  min-width: 0;
  border-radius: 0;
  display: block;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  padding: 0;
}

.candidateList-drop li {
  text-align: left;
  border-bottom: solid 1px #E8EBF2;
}

.candidateList-drop li:last-child {
  border-bottom: none;
}

.candidateList-drop li.divider {
  display: none;
}

.candidateList-drop li a {
  padding: 8px 10px;
  display: block;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
  padding-left: 30px;
}

.candidateList-drop li i {
  display: block;
  position: absolute;
  left: 8px;
  font-size: 15px;
  top: 9px;
}

.sort.open .candidateList-drop,
.dropdown.open .candidateList-drop {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.dropdown.open .candidateList-drop {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.candidate-positions {
  display: block;
}

.candidate-positions h5 {
  margin-bottom: 10px;
}

/* Candidate List Filter dropdown */
.filter_row .permissions-manage .source-filter {
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  position: relative;
}

.filter_row .permissions-manage .source-filter .btn {
  height: 40px;
  padding: 6px 12px;
  line-height: 25px;
  text-align: left;
  position: relative;
  background: #fff;
  font-size: 14px;
  font-weight: normal;
  border: solid 1px #DCE0E9;
}

.filter_row .permissions-manage .source-filter .btn .caret {
  color: #2D3255;
  display: block;
  position: absolute;
  right: 15px;
  height: 100%;
  top: 0;
}

.filter_row .permissions-manage .source-filter .btn:hover,
.filter_row .permissions-manage .source-filter .btn:active,
.filter_row .permissions-manage .source-filter .btn:active:hover,
.filter_row .permissions-manage .source-filter .btn:focus,
.filter_row .permissions-manage .source-filter .btn:focus:active {
  color: #2D3255;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
}

.filter_row .permissions-manage .source-filter .dropdown-menu {
  left: auto;
  right: -1PX;
  margin: 0;
  padding: 0;
  border-radius: 0;
  width: 266px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}

.filter_row .permissions-manage .source-filter .dropdown-menu li {
  padding: 10px;
  text-align: left;
}

.filter_row .permissions-manage .source-filter .dropdown-menu li:hover {
  background: #F7F8FB;
}

.filter_row .permissions-manage .source-filter .dropdown-menu .checkbox {
  display: block;
  position: relative;
  padding-left: 30px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.filter_row .permissions-manage .source-filter .dropdown-menu input[type="checkbox"] {
  display: block;
  position: absolute;
  -webkit-appearance: none;
  background: red;
  width: 20px;
  height: 20px;
  border: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  margin: auto;
  opacity: 0;
  z-index: 1;
}

.filter_row .permissions-manage .source-filter .dropdown-menu input[type="checkbox"]:checked+label {
  background: #21BCB0;
  border: solid 1px #21BCB0;
}

.filter_row .permissions-manage .source-filter .dropdown-menu input[type="checkbox"]:checked+label .icon-check {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.filter_row .permissions-manage .source-filter .dropdown-menu label {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  border: solid 1px #DCE0E9;
  background: #fff;
}

.filter_row .permissions-manage .source-filter .dropdown-menu label .icon-check {
  color: #fff;
  display: block;
  line-height: 16px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

/* Resume Modal */
.resume-modal .modal-header {
  padding: 10px 15px;
}

.resume-modal .modal-header .close {
  background: #21BCB0;
  top: 8px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.resume-modal .modal-header .close:hover {
  background: #1da69c;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.resume-modal embed , .resume-modal iframe{
  width: 100%;
  height: calc(100vh - 150px);
}

/* Details Page Common Elements */
.prospect-list-function {
  margin-top: 5px;
  text-align: center;
  zoom: 1;
}

.prospect-list-function:before,
.prospect-list-function:after {
  content: "";
  display: table;
}

.prospect-list-function:after {
  clear: both;
}

.prospect-list-function span {
  position: relative;
  display: block;
  text-align: left;
  min-width: 100px;
  cursor: auto;
}

.prospect-list-function span:before {
  content: "\e837";
  font-family: "icomoon";
  position: relative;
  display: inline-block;
  padding-right: 5px;
  top: 1px;
}

.prospect-list-function span.new {
  color: #FF9800;
}

.prospect-list-function span.contacted {
  color: #673AB7;
}

.prospect-list-function span.interested,
.prospect-list-function span.active {
  color: #009688;
}

.prospect-list-function span.proposal {
  color: #9C27B0;
}

.prospect-list-function span.negotiation,
.prospect-list-function span.pending {
  color: #2196F3;
}

.prospect-list-function span.on-hold {
  color: #FF5630;
}

.prospect-list-function span.lost,
.prospect-list-function span.stop {
  color: #757575;
}

.prospect-list-function span.won {
  color: #8BC34A;
}

.prospect-list-function span.converted {
  color: #4CAF50;
}

.prospect-list-function .btn.btn.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Details */
.details-page .ellipsis {
  z-index: 1;
}

.details-page .tab-content .container {
  padding: 20px;
}

.details-page .tab-content .container.users {
  padding-bottom: 0;
}

.details-page .tab-content .container table {
  table-layout: fixed;
}

.details-page .tab-content .container table p {
  margin: 0;
}

.details-page .actions-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

.details-page .actions-btn a {
  display: inline-block;
  font-size: 15px;
  padding: 3px;
  line-height: 1;
  color: #98A0B4;
}

.details-page .actions-btn a:hover {
  background: #f7f7f7;
}

.details-page .actions-btn tooltip tip {
  font-size: 13px;
  padding: 5px 15px;
  min-width: 0;
}

.details-page .nav-tabs {
  border-bottom: solid 1px #DCE0E9;
  display: block;
  zoom: 1;
}

.details-page .nav-tabs:before,
.details-page .nav-tabs:after {
  content: "";
  display: table;
}

.details-page .nav-tabs:after {
  clear: both;
}

.details-page .nav-tabs>li {
  display: block;
  float: left;
}

.details-page .nav-tabs>li:first-child>a {
  border-radius: 5px 0 0 0;
}

.details-page .nav-tabs>li>a {
  padding: 15px 20px;
  display: block;
  margin: 0;
  border: none;
  border-radius: 0;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #2D3255;
  overflow: hidden;
}

.details-page .nav-tabs>li>a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0px;
  background: #21BCB0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

.details-page .nav-tabs>li>a:hover,
.details-page .nav-tabs>li>a:focus {
  color: #199187;
  border: none;
  background: rgba(33, 188, 176, 0.07);
}

.details-page .nav-tabs>li.active>a,
.details-page .nav-tabs>li:hover a {
  color: #21BCB0;
  border-bottom: solid 1px #DCE0E9;
}

.details-page .nav-tabs>li.active>a:after,
.details-page .nav-tabs>li:hover a:after {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.details-page .details-basic {
  padding: 20px;
}

.details-page .details-basic .user-list-name h3 {
  margin: 0 0 15px;
  font-size: 20px;
  color: #21BCB0;
  max-width: 67%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  
}

.details-page .details-basic .user-list-name h3:hover {
  overflow:visible;
  white-space: break-spaces;
  word-break: break-word;
}

.details-page .details-basic .user-list-name p {
  font-size: 14px;
  color: #7a859f;
  margin: 10px 0;
  letter-spacing: 0.02em;
}

.details-page .details-basic .user-list-name p i {
  display: inline-block;
  position: relative;
  font-size: 18px;
  padding-right: 6px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.details-page .details-basic .user-list-name p i.icon-room {
  color: #FF5630;
}

.details-page .details-basic .prospect-list-function {
  position: absolute;
  right: 40px;
  top: 7px;
  cursor: auto;
  margin-top: 0;
}

.details-page .details-basic .prospect-list-function span {
  display: inline-block;
  font-weight: 500;
  cursor: auto;
}

.details-page .details-basic .prospect-list-function span.status {
  text-align: center;
}

.details-page .details-basic .prospect-list-function span.publish-status {
  color: #2D3255;
}

.details-page .details-basic .prospect-list-function span.publish-status:before {
  display: none;
}

.details-page .details-basic .prospect-list-function span.publish-status i {
  display: inline-block;
  margin-right: 5px;
}

.details-page .user-info {
  position: relative;
  border: solid 1px #E8EBF2;
  border-radius: 3px;
  margin-bottom: 20px;
}

.details-page .user-info .clearfix {
  padding: 15px;
  position: relative;
  padding-left: 75px;
  min-height: 100px;
}

.details-page .user-info img {
  display: block;
  border-radius: 50%;
  width: 50px;
  margin-right: 15px;
  position: absolute;
  left: 12px;
  top: 20px;
  margin: auto;
}

.details-page .user-info h3 {
  color: #2D3255;
  font-size: 16px;
  margin: 6px 0 5px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.details-page .user-info h3+p {
  color: #7a859f;
  margin-top: 0;
  font-size: 14px;
}

.details-page .user-info .phone,
.details-page .user-info .email {
  color: #7a859f;
  margin: 0;
  font-size: 14px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.details-page .user-info .phone i,
.details-page .user-info .email i {
  display: inline-block;
  padding-right: 5px;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 15px;
}

.details-page .user-info .contact-info {
  border-top: solid 1px #E8EBF2;
  padding: 5px;
  zoom: 1;
}

.details-page .user-info .contact-info:before,
.details-page .user-info .contact-info:after {
  content: "";
  display: table;
}

.details-page .user-info .contact-info:after {
  clear: both;
}

.details-page .user-info .contact-info span {
  font-size: 14px;
  color: #7a859f;
  text-align: left;
  width: 50%;
  padding: 0 10px 0 0;
}

.details-page .user-info .contact-info span i {
  font-size: 16px;
  position: relative;
  top: 2px;
  display: inline-block;
  padding-right: 5px;
}

.details-page .additionalInfo h3 {
  font-size: 20px;
  letter-spacing: 0.03em;
  margin: 0 0 15px;
  padding-bottom: 10px;
  border-bottom: solid 1px #DCE0E9;
}

.details-page .additionalInfo p {
  font-size: 13px;
}

.details-page .additionalInfo p.pos_details {
  padding-left: 0;
}

.details-page .additionalInfo p span {
  font-weight: 500;
  color: #666666;
}

.details-page .additionalInfo input {
  border: none;
}

.details-page .prosp-positions {
  margin-bottom: 0;
}

.details-page .prosp-positions:only-child {
  margin-bottom: 0;
}

.details-page .prosp-positions:only-child .panel {
  margin-bottom: 0;
}

.details-page .prosp-positions:last-child .panel {
  margin-bottom: 0;
}

.details-page .activity:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}

.details-page .dates {
  margin-top: 10px;
  margin-bottom: 0;
}

.details-page .dates .date {
  font-size: 12px;
  color: #98A0B4;
  position: relative;
  line-height: 1;
  margin-right: 10px;
  padding-right: 10px;
}

.details-page .dates .date:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #98A0B4;
  padding: 0;
}

.details-page .dates .date:last-child:after {
  display: none;
}

.details-page .addNew {
  position: absolute;
  right: 10px;
  top: -44px;
}

.prospect-details .user-info h3 {
  margin-top: 10px;
}

.prospect-details .contact-info>span {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}

.prospect-details .contact-info>span.email {
  padding: 0;
  width: 55%;
}

.prospect-details .contact-info>span.email b {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: calc(100% - 25px);
  padding: 0;
  font-weight: normal;
}

.prospect-details .contact-info>span.email i {
  top: 0;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.prospect-details .contact-info>span.phone {
  text-align: center;
  width: 45%;
  padding: 0;
}

.prospect-details .contact-info>span.phone b {
  font-weight: normal;
}

.clients-detail .details-basic a.btn,
.position-details .details-basic a.btn {
  min-width: 150px;
  margin-top: 20px;
}

.clients-detail .details-basic a.btn.disabled,
.position-details .details-basic a.btn.disabled {
  display: none;
}

.clients-detail .details-basic .prospect-list-function span,
.position-details .details-basic .prospect-list-function span {
  top: 8px;
  cursor: auto;
  text-align: center;
}

.position-details .job_description h2 {
  margin-bottom: 20px;
}

.position-details .job_description h2:first-of-type {
  margin-top: 0;
}

.position-details .job_description p {
  margin: 0px 0;
}

.position-details .job_description ul li {
  margin-bottom: 15px;
}

.position-details .job_description .table>tbody>tr:nth-child(1) td {
  border: solid 1px #DCE0E9;
}

.position-details ul.pos_rtpara {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: solid 1px #E8EBF2;
}

.position-details ul.pos_rtpara li {
  margin: 0 0 10px;
  color: #2D3255;
}

.position-details ul.pos_rtpara li span {
  color: #444767;
}

.position-details ul.pos_rtpara li:last-child {
  margin-bottom: 0;
}

.position-details .additionalInfo .skills {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: solid 1px #E8EBF2;
}

.position-details .additionalInfo .skills .title {
  all: unset;
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}

.position-details .additionalInfo .skills span {
  background: #F0F1F5;
  margin-right: 2px;
  margin-bottom: 5px;
  border-radius: 3px;
}

.position-details .input-group-button {
  position: relative;
}

.position-details .additionalInfo .pos-form {
  margin-bottom: 0;
}

.position-details .additionalInfo .form-group {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #E8EBF2;
  position: relative;
  zoom: 1;
}

.position-details .additionalInfo .form-group:before,
.position-details .additionalInfo .form-group:after {
  content: "";
  display: table;
}

.position-details .additionalInfo .form-group:after {
  clear: both;
}

.position-details .additionalInfo .form-group:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}

.position-details .additionalInfo .form-group label.control-label {
  margin-top: 0;
}

.position-details .additionalInfo .form-group input#link {
  border: solid 1px #DCE0E9;
}

.position-details .additionalInfo .form-group button.btn {
  position: absolute;
  height: 40px;
  width: 40px;
  bottom: 0px;
  top: 24px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(220, 224, 233);
  border-image: initial;
  color: #21bcb0;
  margin-left: -4px;
  padding: 0px 12px;
  background: rgb(240, 241, 245);
}

.position-details .additionalInfo .form-group button.btn:hover {
  background: #DCE0E9;
}

.position-details .additionalInfo .form-group button.btn [class^="icon-"] {
  padding-right: 0;
}

.position-details .additionalInfo .form-group a.addon {
  position: absolute;
  right: -43px;
  display: block;
  height: 40px;
  border: solid 1px #DCE0E9;
  margin: 0;
  top: -15px;
  left: 0px;
  padding: 0 12px;
  background: #F0F1F5;
}

.position-details .additionalInfo .form-group a.addon:hover {
  background: #DCE0E9;
}

.position-details .additionalInfo .form-group a.addon i {
  font-size: 18px;
  /* color: #2D3255; */
}

.position-details a.carrier-site i.icon-public {
  color: #60535E;
  font-size: 20px;
  margin-right: 10px;
}

.position-details .shareButtonicon i {
  font-size: 20px;
  margin-top: 20px;
  color: #60535E;
  margin-right: 15px;
}

.position-details .dropdown-email-icon .dropdown-menu {
  width: 360px;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 0px;
  padding: 0;
  right: 0;
  left: auto;
}

.position-details .dropdown-email-icon .dropdown-menu:before,
.position-details .dropdown-email-icon .dropdown-menu:after {
  content: '';
  position: absolute;
  display: block;
  right: 18px;
  left: auto;
}

.position-details .dropdown-email-icon .dropdown-menu:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
}

.position-details .dropdown-email-icon .dropdown-menu:after {
  top: -5px;
  right: 19px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
}

.position-details .dropdown-email-icon .position-email-id {
  width: 100%;
  padding-right: 30px;
  position: relative;
}

.position-details .dropdown-email-icon .position-email-id .input-group-button {
  position: absolute;
  right: -20px;
  top: -6px;
}

.position-details .dropdown-email-icon .position-email-id .btn {
  padding: 9px 10px;
  margin: 0;
  display: block;
  border: solid 1px #DCE0E9;
  height: 40px;
}

.position-details .share-dropdown {
  width: 210px;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 0px;
  padding: 10px 0;
  padding-left: 4px;
}

.position-details .share-dropdown:before,
.position-details .share-dropdown:after {
  content: '';
  position: absolute;
  display: block;
  right: 54px;
  left: auto;
}

.position-details .share-dropdown:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
}

.position-details .share-dropdown:after {
  top: -5px;
  right: 55px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
}

.position-details .share-dropdown li {
  padding: 0 5px;
}

.position-details .share-dropdown li:first-child {
  margin: 0;
}

.position-details .share-dropdown li a {
  font-size: 15px;
  padding: 6px 10px;
  margin: 0;
  display: inline-block;
  width: 40px;
  text-align: center;
}

.position-details .share-dropdown li a:hover {
  background: #29bbb0;
  color: #fff;
}

.candidate-detail {
  /*.feedback .feedback-header{
  			margin-bottom: 0;
  
  			p{
  				margin-bottom: 0;
  				font-size: 16px;
  				color: #fff;
  
  				i{
  					display: inline-block;
  					padding-right: 10px;
  				}
  			}
  		} */
}

.candidate-detail .right_content {
  position: relative;
  padding: 5px 20px 0 0;
}

.candidate-detail .right_content .prospect-list-function {
  position: absolute;
  top: 4px;
  right: 40px;
  margin-top: 0;
}

.candidate-detail .right_content .prospect-list-function span {
  text-align: center;
  margin-right: 30px;
}

.candidate-detail .right_content .row1,
.candidate-detail .right_content .row2,
.candidate-detail .right_content .row3,
.candidate-detail .right_content .row-4 {
  margin: 0;
}

.candidate-detail .right_content .row1 {
  border-bottom: solid 1px #DCE0E9;
  padding-bottom: 20px;
  margin-bottom: 20px;
  zoom: 1;
}

.candidate-detail .right_content .row1:before,
.candidate-detail .right_content .row1:after {
  content: "";
  display: table;
}

.candidate-detail .right_content .row1:after {
  clear: both;
}

.candidate-detail .right_content .row1 h3 {
  color: #21BCB0;
  margin: 15px 0 0;
}

.candidate-detail .right_content .row1 h3+p {
  float: none;
  width: 100%;
}

.candidate-detail .right_content .row1 h4 {
  margin: 10px 0px 15px;
  font-size: 16px;
}

.candidate-detail .right_content .row1 p , .candidate-detail .right_content .row4 p {
  font-size: 14px;
  margin: 0 0 5px;
  display:block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space:nowrap;
  float: left;
  width: 50%;
  color: #616b85;
}



.candidate-detail .right_content .row1 p span , .candidate-detail .right_content .row4 p span {
color: #404040;
}

.candidate-detail .right_content .row2 ul li,
.candidate-detail .right_content .row4 ul li {
  width: 33.33%;
  color: #616b85;
  font-size: 14px;
  margin-right: 0;
  padding: 0;
  margin-bottom: 15px;
}

.candidate-detail .right_content .row2 ul li span,
.candidate-detail .right_content .row4 ul li span {
  color: #404040;
}

.candidate-detail .right_content .row3 h5,
.candidate-detail .right_content .row4 h5 {
  margin-bottom: 15px;
}

.candidate-detail .left_content {
  padding: 20px;
  background: #f2f2f2;
}

.candidate-detail .left_content p {
  font-size: 14px;
}

.candidate-detail .left_content p span {
  color: #7a859f;
}

.candidate-detail .left_content p input[type="text"] {
  background: none;
  border: none;
}

.candidate-detail .basic-details {
  overflow: hidden;
  zoom: 1;
}

.candidate-detail .basic-details:before,
.candidate-detail .basic-details:after {
  content: "";
  display: table;
}

.candidate-detail .basic-details:after {
  clear: both;
}

.candidate-detail .basic-details .cand_initial {
  display: block;
  margin: -20px -20px 20px -20px;
}

.candidate-detail .basic-details .cand_initial img {
  display: block;
  width: 100%;
  height: auto;
}

.candidate-detail .basic-details .cand_initial .customProfile {
  background: #DCE0E9;
  position: relative;
  height: auto;
  z-index: 1;
  overflow: hidden;
}

.candidate-detail .basic-details .cand_initial .customProfile img {
  max-width: 100%;
  width: auto;
  margin: 10px auto;
  position: relative;
  -webkit-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.2);
}

.candidate-detail .basic-details .cand_initial .customProfile img.alt {
  width: 100%;
  position: absolute;
  bottom: 0%;
  left: 0;
  z-index: -1;
  -webkit-filter: blur(40px);
  filter: blur(40px);
}

.candidate-detail .cand_social {
  margin-top: 30px;
}

.candidate-detail .cand_social svg {
  width: 30px;
  opacity: 0.5;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.candidate-detail .cand_social a {
  cursor: pointer;
}

.candidate-detail .cand_social a:hover svg {
  opacity: 1;
}

.candidate-detail .cand_social a.linkedin:hover svg {
  fill: #0077b5;
}

.candidate-detail .cand_social a.github:hover svg {
  fill: #4078c0;
}

.candidate-detail .cand_social a.facebook:hover svg {
  fill: #3b5998;
}

.candidate-detail .cand_social a.twitter:hover svg {
  fill: #1da1f2;
}

.candidate-detail .tab-content h4.form-title.bordered {
  padding-bottom: 10px;
  margin: 30px 0;
}

.candidate-detail .tab-content .col1 {
  margin-top: 0;
}

.candidate-detail .tab-content .row6 {
  height: auto;
  padding: 20px 0;
  margin: 0;
  zoom: 1;
}

.candidate-detail .tab-content .row6:before,
.candidate-detail .tab-content .row6:after {
  content: "";
  display: table;
}

.candidate-detail .tab-content .row6:after {
  clear: both;
}

.candidate-detail .tab-content .btn-danger.btn-xs {
  font-size: 12px;
  position: relative;
}

.candidate-detail .tab-content .activity {
  padding-left: 70px;
}

.candidate-detail .tab-content .activity i[class^="icon-"] {
  display: block;
  position: absolute;
  left: 10px;
  top: 5px;
}

.candidate-detail .tab-content .activity table {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #000;
}

.candidate-detail .tab-content .activity table tr {
  border: solid 1px #ccc;
}

.candidate-detail .tab-content .activity table td {
  padding: 2px 5px;
}

.candidate-detail .feedback .panel-heading {
  padding: 15px;
}

.candidate-detail .added-notes .panel-heading p {
  font-weight: 600;
}

.candidate-detail .added-notes .actions-btn {
  top: 15px;
}

.candidate-detail .added-notes .action-btn a {
  width: 20px;
}

.candidate-detail .feedbacks .panel {
  margin-bottom: 20px;
}

.candidate-detail .feedbacks .panel .panel-heading {
  padding: 10px;
  border: none;
  margin: 0;
  zoom: 1;
}

.candidate-detail .feedbacks .panel .panel-heading:before,
.candidate-detail .feedbacks .panel .panel-heading:after {
  content: "";
  display: table;
}

.candidate-detail .feedbacks .panel .panel-heading:after {
  clear: both;
}

.candidate-detail .feedbacks .panel .panel-heading p {
  margin: 0;
}

.candidate-detail .feedbacks .panel .panel-heading p:first-child {
  font-size: 14px;
  font-weight: bold;
}

.candidate-detail .feedbacks .panel .panel-heading p i {
  display: inline-block;
  padding-right: 10px;
}

.candidate-detail .feedbacks .panel-yet .panel-heading {
  background: #98A0B4;
  color: #fff;
}

/* Add Candidate to position modal */
.candidate-position>.clearfix {
  padding: 0 0 10px;
  border-bottom: solid 1px #E8EBF2;
  margin-bottom: 15px;
}
.candidate_name_email{
  margin-left: 8px;
}

.candidate-position>.clearfix p {
  margin: 0;
  color: #7a859f;
}

.candidate-position>.clearfix p:first-child {
  font-size: 14px;
  font-weight: bold;
  color: #2D3255;
}

.candiate-email .modal-body .note-editor.note-frame {
  margin: 0;
}

/* Add New (Clients, Departments, Candidates, Positions) */
.add-new .cards {
  padding: 0;
  border-radius: 5px !important;
}

.add-new .sep-right {
  position: relative;
}

.add-new .sep-right:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #E8EBF2;
  top: 0;
  right: 0;
}

.add-new #tmm-form-wizard .form-wizard {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.add-new #tmm-form-wizard .form-title {
  padding-left: 0;
  color: #2D3255;
  padding-bottom: 15px;
  margin: 0;
  float: none;
  display: block;
  margin-bottom: 20px;
}

.add-new #tmm-form-wizard .form-title.mb-0 {
  margin-bottom: 0;
}

.add-new .form-horizontal .control-label {
  margin-top: 0;
  padding: 7px 0;
}

.add-new form>.row {
  margin: 0 -15px;
}

.add-new form>.row>.col-md-6 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.add-new form>.row>.col-md-6:first-child {
  padding-right: 25px;
}

.add-new form>.row>.col-md-6:last-child {
  padding-left: 25px;
}

.add-new .form-group .row {
  margin: 0 auto;
}

.add-new .smilies-add {
  display: block;
  margin-top: 55px;
  margin-left: 15px;
}

.add-new .form-footer {
  padding: 20px 20px 0;
  zoom: 1;
}

.add-new .form-footer:before,
.add-new .form-footer:after {
  content: "";
  display: table;
}

.add-new .form-footer:after {
  clear: both;
}

.add-new .form-footer .form-group {
  margin-bottom: 0;
}

.add-new .form-footer .btn-primary {
  min-width: 150px;
}

.add-new .prev_div {
  margin: 25px 0;
}

.add-new .clent-makers-box {
  display: block;
  height: auto;
  padding: 20px 10px;
  position: relative;
  -webkit-box-shadow: 0 0 2px 1px #DCE0E9;
  box-shadow: 0 0 2px 1px #DCE0E9;
  margin: 0 15px 20px;
}

.add-new .clent-makers-box .group {
  margin-bottom: 15px;
}

.add-new .clent-makers-box .group input {
  margin-bottom: 0;
}

.add-new .clent-makers-box .delete-descion {
  all: unset;
  position: absolute;
  top: -13px;
  right: -13px;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 2px 1px #DCE0E9;
  box-shadow: 0 0 2px 1px #DCE0E9;
  background: #fff;
}

.add-new.prospect-new .clent-makers-box .form-group:last-child {
  margin-bottom: 0;
}

.add-new .tag-input-ctn {
  border: 1px solid #DCE0E9;
  padding: 0 10px 0;
  display: inline-block;
  width: 100%;
  border-radius: 0px;
}

.add-new .tag-input-ctn input {
  width: 100%;
  border: none;
  font-size: 13px;
  padding: 0;
  height: 40px;
}

.add-new .tag-input-ctn input:focus {
  border: none;
}

.add-new .tag-input-ctn .input-tag {
  padding: 2px 8px;
  padding-right: 4px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 700;
  background-color: #6B84FF;
  display: inline-block;
  float: left;
  border-radius: 2px;
  color: #fff;
  border: none;
  margin-left: 3px;
  margin-top: 5px;
}

.add-new .tag-input-ctn .input-tag:first-of-type {
  margin-left: 0;
}

.add-new .tag-input-ctn .input-tag .delete-tag {
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  padding: 0px 4px;
  margin-left: 3px;
  color: #fff;
}

.add-new .tag-input-ctn .input-tag .delete-tag:hover {
  background-color: #96b4d2;
}

.add-new .user-info {
  position: relative;
  border: solid 1px #E8EBF2;
  border-radius: 3px;
  margin-bottom: 20px;
}

.add-new .user-info .clearfix {
  padding: 15px;
  position: relative;
  padding-left: 75px;
}

.add-new .user-info img {
  display: block;
  border-radius: 50%;
  width: 50px;
  margin-right: 15px;
  position: absolute;
  left: 12px;
  top: 18px;
  margin: auto;
}

.add-new .user-info h3 {
  color: #2D3255;
  font-size: 18px;
  margin: 6px 0 5px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.add-new .user-info h3+p {
  color: #7a859f;
  margin-top: 0;
  font-size: 14px;
}

.add-new .user-info .phone,
.add-new .user-info .email {
  color: #7a859f;
  margin: 0;
  font-size: 14px;
}

.add-new .user-info .phone i,
.add-new .user-info .email i {
  display: inline-block;
  padding-right: 5px;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 15px;
}

.add-new .user-info .contact-info {
  border-top: solid 1px #E8EBF2;
  padding: 5px;
  zoom: 1;
}

.add-new .user-info .contact-info:before,
.add-new .user-info .contact-info:after {
  content: "";
  display: table;
}

.add-new .user-info .contact-info:after {
  clear: both;
}

.add-new .user-info .contact-info span {
  font-size: 14px;
  color: #7a859f;
  text-align: center;
}

.add-new .user-info .contact-info span i {
  font-size: 16px;
  position: relative;
  top: 2px;
  display: inline-block;
  padding-right: 5px;
}

.add-new .user-info .checkbox {
  position: absolute;
  top: 10px;
  right: 15px;
}

.add-new .user-info .checkbox .cr {
  border-radius: 0;
  border: solid 1px #B3B9C7;
  width: 20px;
  height: 20px;
  float: none;
  font-size: 14px;
}

.add-new .user-info .checkbox label input[type="checkbox"]+.cr>.cr-icon,
.add-new .user-info .radio label input[type="radio"]+.cr>.cr-icon {
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  -webkit-transform: scale(1.5) rotate(0deg) translateY(-1px);
  transform: scale(1.5) rotate(0deg) translateY(-1px);
}

.add-new.add-candidate .add-resume {
  max-width: 95%;
  margin: 0 auto 30px;
  padding: 20px 20px 0;
  background: #F7F8FB;
  text-align: center;
}

.add-new.add-candidate .add-resume input[type=file] {
  margin: 0 auto;
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
}

.add-new.add-candidate .isResume {
  margin-bottom: 0px;
}

.add-new.add-candidate .isResume .clearfix {
  margin: 20px auto 40px;
  background: #F0F1F5;
  text-align: center;
  padding: 20px 0;
  display: block;
  width: 100%;
}

.add-new.add-candidate .isResume span.label {
  margin: 0;
  display: block;
  margin-bottom: 10px;
  color: #2D3255;
  font-size: 14px;
  font-weight: 400;
}

.add-new.add-candidate .isResume .dropdown {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-left: solid 1px rgba(255, 255, 255, 0.3);
}

.add-new.add-candidate .isResume .dropdown:hover {
  background: #31b0d5;
}

.add-new.add-candidate .isResume .dropdown a.dropdown-toggle {
  display: block;
  color: #fff;
  line-height: 41px;
}

.add-new.add-candidate .isResume .dropdown a.dropdown-toggle i {
  color: #fff;
  padding: 0;
}

.add-new.add-candidate .isResume .dropdown .dropdown-menu {
  background: #5bc0de;
  margin-top: 15px;
  left: -120px;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

.add-new.add-candidate .isResume .dropdown .dropdown-menu:before {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #5bc0de;
  top: -4px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 10px;
}

.add-new.add-candidate .isResume .dropdown .dropdown-menu a,
.add-new.add-candidate .isResume .dropdown .dropdown-menu label {
  color: #fff;
  text-align: left;
  padding: 10px;
  font-size: 14px;
  margin: 0;
  background: #5bc0de;
  -webkit-transition: none;
  transition: none;
}

.add-new.add-candidate .isResume .dropdown .dropdown-menu a i,
.add-new.add-candidate .isResume .dropdown .dropdown-menu label i {
  position: relative;
  display: inline-block;
  top: 2px;
}

.add-new.add-candidate .isResume .dropdown .dropdown-menu a:hover,
.add-new.add-candidate .isResume .dropdown .dropdown-menu label:hover {
  background: #31b0d5;
}

.add-new.add-candidate .isResume .dropdown.open .dropdown-menu {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

.add-new.add-candidate .isResume div.btn {
  position: relative;
  padding-right: 55px;
}

.add-new.add-candidate .isResume div.btn:hover,
.add-new.add-candidate .isResume div.btn:focus,
.add-new.add-candidate .isResume div.btn:active,
.add-new.add-candidate .isResume div.btn:hover:active,
.add-new.add-candidate .isResume div.btn:focus:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.add-new.add-candidate .isResume div.btn:hover {
  background: #46b8da;
}

.add-new.add-candidate .isResume div.btn .icon-close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-left: solid 1px rgba(255, 255, 255, 0.3);
  padding: 0;
}

.add-new.add-candidate .isResume div.btn .icon-close:hover {
  background: #31b0d5;
}

.add-new.add-candidate .isResume div.btn .icon-close:before {
  line-height: 40px;
}

.add-new.add-candidate .isResume .clearfix.uploaded-new {
  margin: 0 0 40px;
  padding: 20px;
}

.add-new.add-candidate .isResume .clearfix.uploaded-new .btn {
  padding: 5px 10px;
  padding-right: 50px;
  font-size: 13px;
  background: #6B84FF;
  border-color: #6B84FF;
  overflow: hidden;
}

.add-new.add-candidate .isResume .clearfix.uploaded-new .btn i:hover {
  background: #385aff;
}

.add-new.add-candidate .isResume label {
  margin: 20px auto 40px;
  background: #F0F1F5;
  text-align: center;
  padding: 20px 0;
  display: block;
  width: 100%;
}

.add-new.add-candidate .isResume label span.label {
  margin: 0;
  display: block;
  margin-bottom: 10px;
  color: #2D3255;
  font-size: 14px;
  font-weight: 400;
}

.add-new.add-candidate .isResume label span:not(.label) {
  min-width: 200px;
}

.add-new.add-candidate .checkbox-noticeStatus {
  display: block;
}

.add-new.add-candidate .checkbox-noticeStatus label {
  position: relative;
  border: solid 1px #DCE0E9;
  margin: 0;
  height: 40px;
  display: block;
  line-height: 40px;
  padding-left: 40px;
}

.add-new.add-candidate .checkbox-noticeStatus label:first-child {
  color: #98A0B4;
  margin-top: 10px;
  margin-bottom: 5px;
  border: none;
  height: auto;
  line-height: 18px;
  padding: 0;
}

.add-new.add-candidate .checkbox-noticeStatus label span {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  border: solid 1px #98A0B4;
  width: 20px;
  height: 20px;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

.add-new.add-candidate .checkbox-noticeStatus label span i {
  font-size: 18px;
  display: inline-block;
  position: relative;
  top: -9px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

.add-new.add-candidate .checkbox-noticeStatus label input {
  display: none;
}

.add-new.add-candidate .checkbox-noticeStatus label input:checked span {
  border-color: #DCE0E9;
}

.add-new.add-candidate .checkbox-noticeStatus label input:checked+span i {
  opacity: 1;
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  color: #21BCB0;
}

.add-new.add-candidate .tags {
  min-height: 100px;
}

.add-new.add-candidate .resume {
  display: block;
  width: 200px;
  color: #fff;
}

.add-new.add-candidate .resume>a {
  display: block;
  width: 100%;
}

.add-new.add-candidate .resume #menu1 {
  width: 348px;
  padding: 10px;
  margin-top: 0;
  zoom: 1;
}

.add-new.add-candidate .resume #menu1:before,
.add-new.add-candidate .resume #menu1:after {
  content: "";
  display: table;
}

.add-new.add-candidate .resume #menu1:after {
  clear: both;
}

.add-new.add-candidate .resume #menu1.candidate-resume-dropdown li {
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: 0;
}

.add-new.add-candidate .resume #menu1.candidate-resume-dropdown li:last-child {
  margin-right: 0;
}

.add-new.add-candidate .resume #menu1 label.btn {
  margin: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 15px;
}

.add-new.add-candidate .resume #menu1 label.btn i {
  display: inline-block;
  padding-right: 5px;
}

.add-new.add-candidate .clent-makers-box {
  margin: 20px;
  padding: 20px 15px;
}

.add-new.add-candidate .clent-makers-box .row {
  margin-left: -15px;
  margin-right: -15px;
}

.control input:checked~.control__indicator:after {
  opacity: 1;
}

.control__indicator:after {
  content: "\e5ca";
  font-family: "icomoon";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 20px;
  opacity: 0;
}

.vendor-drop li a {
  padding: 5px;
}

.edit .ladda-button[data-style=zoom-in] .ladda-spinner {
  margin-left: 0;
}

.vendor-board .ellipsis {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 2;
}

.vendor-board .ellipsis a {
  display: block;
  padding: 0 5px;
  background: #E8EBF2;
  color: #98A0B4;
  cursor: pointer;
}

.vendor-board .ellipsis a:hover {
  color: #fff;
  background: #FF805C;
}

.vendor-board .new_nav {
  right: 0;
  top: 0;
  left: auto;
  text-align: center;
  height: 40px;
  background: none;
  min-width: 30px;
  position: absolute;
  margin: 0;
}

.vendor-board .new_nav input[type="checkbox"] {
  display: none;
}

.vendor-board .new_nav input[type="checkbox"]:checked+input[type="text"] {
  width: 200px;
  padding: 5px;
}

.vendor-board .new_nav input[type="text"] {
  background: none;
  border: none;
  width: 0;
  padding: 0;
  color: transparent;
  top: 0;
  position: relative;
  z-index: 2;
  background: #fff;
  color: #000;
  -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: width 0.3s cubic-bezier(0, 0, 0.39, 1.1);
}

.board_page {
  overflow: auto;
  height: auto;
}

.board-list #board-filter-label {
  margin-top: 10px;
}

.board-list #selected_filters {
  margin: -20px 25px 20px 0;
}

.board-list .ellipsis>.open>a {
  background: #21BCB0;
  color: #fff;
}

.board-list .ellipsis .ellipsismenu_boardlist>li {
  margin-bottom: 0;
  background: #21BCB0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.board-list .ellipsis .ellipsismenu_boardlist>li>a {
  padding: 6px 10px;
  width: 100%;
  color: #fff;
}

.board-list .ellipsis .ellipsismenu_boardlist>li>a:hover,
.board-list .ellipsis .ellipsismenu_boardlist>li>a:active,
.board-list .ellipsis .ellipsismenu_boardlist>li>a:focus {
  color: #fff;
  background: #1da69c;
}

.board-sort-by {
  height: 30px;
  top: 0;
  bottom: 0;
  left: auto;
  right: 5px;
  margin: auto;
  cursor: pointer;
  text-align: center;
  padding: 0;
}

.board-sort-by>a {
  color: #fff !important;
  background: gray;
  display: inline-block;
}

.board-sort-by>a i {
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
  width: 30px;
  text-align: center;
}

.board-sort-by label {
  margin: 5px 0;
  display: block;
  position: relative;
}

.board-sort-by label input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  margin-right: 3px;
  position: relative;
}

.board-sort-by label input[type="radio"]:after {
  content: "\e5ca";
  font-family: "icomoon";
  color: #fff;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  border-radius: 50%;
  border: solid 1px #B3B9C7;
}

.board-sort-by label input[type="radio"]:checked:after {
  background: #21BCB0;
  border-color: #21BCB0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.board-sort-by .dropdown-menu {
  margin-top: 0;
  padding: 4px 10px;
  left: auto;
  right: -5px;
  top: 34px;
  width: 180px;
}

.board-sort-by .dropdown-menu:before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -4px;
  right: 10px;
}

.board-sort-by .dropdown-menu li>a {
  position: relative;
  z-index: 1;
}

.board_piller:last-child {
  margin-bottom: 0;
}

.board_piller {
  min-height: calc(100vh - 270px);
}

#someList {
  position: relative;
  top: auto;
  zoom: 1;
}

#someList:before,
#someList:after {
  content: "";
  display: table;
}

#someList:after {
  clear: both;
}

#someList .board-round-list {
  display: inline-block;
  padding: 0;
  margin: 0 20px 0 0;
  width: 25%;
}

#someList .board-round-list .stat {
  width: 100px;
}

#someList .board-round-list .stat:before {
  content: "";
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #ffffff transparent transparent transparent;
  top: 12px;
  right: 5px;
}

#someList .board-round-list .stat select {
  width: 100%;
  cursor: pointer;
}

#someList .board-round-list [class="stat"] select {
  background: #B3B9C7;
}

#someList .board-round-list .Waitlisted select {
  background: #8BC34A;
}

#someList .board-round-list .Employee select {
  background: #388e3c;
}

#someList .board-round-list .Duplicate select {
  background: #FF805C;
}

#someList .board-round-list .MovedOut select {
  background: #B71C1C;
}

#someList .board-round-list .NoShow select {
  background: #ff5722;
}

#someList .board-round-list .Selected select {
  background: #2E7D32;
}

#someList .board-round-list .DroppedOut select {
  background: #deb887;
}

#someList .board-round-list .YetToProcess select {
  background: #ffa500;
}

#someList .board-round-list .InProgress select {
  background: #3bc3b9;
}

#someList .board-round-list .Rejected select {
  background: #da6776;
}

#someList .board-round-list .Approved select {
  background: #5243AA !important;
}

#someList .board-round-list .OnHold select {
  background: #d1d2d6;
}

#someList .board-round-list .Joined select {
  background: #778899;
}

#someList .board-round-list .Offered select {
  background: #73678c;
}

#someList .board-round-list .OfferAccepted select {
  background: #c38d3b;
}

#someList .board-round-list .OfferDeclined select {
  background: #a58883;
}

#someList .board-round-list .NotInterested select {
  background: #BF360C;
}

#someList .board-round-list .panel-info>.panel-heading {
  position: relative;
  width: 100%;
  padding: 0 10px;
}

#someList .board-round-list .panel .panel-body {
  padding: 15px;
  padding-left: 8px;
  margin: 0;
  height: calc(100vh - 260px);
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

#someList .board-round-list .panel-title {
  zoom: 1;
}

#someList .board-round-list .panel-title:before,
#someList .board-round-list .panel-title:after {
  content: "";
  display: table;
}

#someList .board-round-list .panel-title:after {
  clear: both;
}

#someList .board-round-list .column {
  margin-top: 0;
}

#someList .board-round-list .mCustomScrollBox {
  overflow: visible;
}

#someList .board-round-list .mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 0;
  right: -15px;
}

#someList .board-round-list .mCSB_container {
  overflow-y: visible;
  max-width: 100%;
}

#someList .board-round-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ccc !important;
}

#someList .board-round-list .mCSB_scrollTools_horizontal {
  display: none !important;
}

#someList .board-round-list #mCSB_4_scrollbar_horizontal {
  display: none !important;
}

#someList .board-round-list .dragbox {
  position: relative;
  -webkit-box-shadow: 0 0 3px 3px #e6e6e6;
  box-shadow: 0 0 3px 3px #e6e6e6;
  border: solid 1px transparent;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin-bottom: 15px;
}

#someList .board-round-list .dragbox:hover {
  border: solid 1px #21BCB0;
  -webkit-box-shadow: 0px 5px 4px -4px #b5b5b5;
  box-shadow: 0px 5px 4px -4px #b5b5b5;
}

#someList .board-round-list .column .dragbox .mask {
  margin-top: 0;
  top: 10px;
}

#someList .board-round-list .column ul.board_piller>li {
  margin-bottom: 15px;
}

#someList .board-round-list .column ul.board_piller>li::nth-last-child(1) {
  margin-bottom: 0;
}

#someList .board-round-list .column ul>li:last-of-type:not(:only-of-type) {
  margin-bottom: 0;
}

#someList .board-round-list .column ul>li:last-of-type:not(:only-of-type) .ellipsis .ellipsismenu {
  top: auto;
  bottom: 100%;
}

#someList .board-round-list .column ul>li:nth-child(-n + 2) .ellipsis .ellipsismenu {
  top: 100% !important;
  bottom: auto !important;
  background: red;
}

#someList .board-round-list .control--checkbox .control__indicator:after {
  content: "\e5ca";
  font-family: "icomoon";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 20px;
  opacity: 0;
}

#someList .board-round-list .control__indicator {
  top: 0;
  width: 40px;
  height: 40px;
}

#someList .board-round-list .dragbox:hover .control input~.control__indicator {
  opacity: 1;
  visibility: visible;
}

#someList .board-round-list .control input~.control__indicator {
  opacity: 0;
  visibility: hidden;
}

#someList .board-round-list .control input:checked~.control__indicator {
  opacity: 1;
  visibility: visible;
}

#someList .board-round-list .control input:checked~.control__indicator:after {
  opacity: 1;
}

#someList .board-round-list .user-info {
  padding-top: 10px;
  display: block;
  position: relative;
  padding-left: 60px;
  min-height: 67px;
}

#someList .board-round-list .user-info img {
  display: block;
  position: absolute;
  left: 5px;
  max-width: 40px;
  max-height: 40px;
}

#someList .board-round-list .user-info h4 {
  font-size: 16px;
  margin: 0;
  max-width: 85%;
  color: #21BCB0;
}

#someList .board-round-list .user-info p {
  margin: 0;
  font-size: 13px;
  max-width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#someList .board-round-list .user-info p.mobile {
  color: #7a859f;
}

#someList .board-round-list .mail {
  margin: 10px 0;
  padding-bottom: 5px;
  border-bottom: solid 1px #E8EBF2;
}

#someList .board-round-list .mail p {
  font-size: 12px;
  margin: 0;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
}

#someList .board-round-list .mail p:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
}

#someList .board-round-list .mail p span {
  font-size: 12px;
  font-weight: normal;
}

#someList .board-round-list .feedback-count,
#someList .board-round-list .shedule-count,
#someList .board-round-list .progress {
  all: unset;
}

#someList .board-round-list .stat {
  top: 65px;
}

#someList .board-round-list .stat select {
  padding: 4px;
  font-size: 11px;
}

#someList .board-round-list .progress {
  display: block;
  padding: 0 10px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
}

#someList .board-round-list .progress:before,
#someList .board-round-list .progress:after {
  content: "";
  display: table;
}

#someList .board-round-list .progress:after {
  clear: both;
}

#someList .board-round-list .progress .shedule-count {
  float: left;
  cursor: pointer;
}

#someList .board-round-list .progress .shedule-count span {
  display: inline-block;
  line-height: 22px;
  margin-right: 0;
}

#someList .board-round-list .progress .feedback-count {
  float: right;
  position: relative;
  cursor: pointer;
}

#someList .board-round-list .progress .feedback-count li {
  margin: 0 3px;
}

#someList .board-round-list .badge-notify-borad {
  top: 45px;
}

/* Interview Schedule */
#scheduleInterview {
  padding-bottom: 0;
}

#scheduleInterview form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  align-item: strech;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

#scheduleInterview .inter-panel>.row {
  margin-bottom: 30px;
}

#scheduleInterview .inter-panel .tagDiv {
  display: inline-block;
  overflow: hidden;
  background: #21BCB0;
  position: relative;
  color: #fff;
  border-radius: 2px;
  padding: 5px 10px;
  padding-right: 30px;
}

#scheduleInterview .inter-panel .tagDiv a {
  color: #fff;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  line-height: 32px;
  text-align: center;
}

#scheduleInterview .inter-panel .tagDiv a:hover {
  background: #1da69c;
}

#scheduleInterview .inter-panel .tagDiv:first-of-type {
  margin-left: 0;
  top: 0;
}

.shiftmodal {
  max-height: calc(100vh - 180px);
  overflow-y: auto;
}

.shiftmodal h5 {
  font-weight: 500;
}

.shiftmodal>.ng-isolate-scope .nav-tabs {
  margin: -15px -15px 0;
  background: #F0F1F5;
  border-bottom: solid 1px #DCE0E9;
}

.shiftmodal>.ng-isolate-scope .nav-tabs>li {
  margin: 0;
  position: relative;
}

.shiftmodal>.ng-isolate-scope .nav-tabs>li:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: -1px;
  left: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
}

.shiftmodal>.ng-isolate-scope .nav-tabs>li.active:before {
  opacity: 1;
}

.shiftmodal>.ng-isolate-scope .nav-tabs>li a {
  border: none;
  padding: 10px 20px;
  border-radius: 0;
  position: relative;
}

.shiftmodal>.ng-isolate-scope .nav-tabs>li a.remove_tab {
  padding: 0;
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: 1px;
}

.shiftmodal .checkbox {
  margin: 0;
}

.shiftmodal .inter-panel {
  margin: 0;
}

.shiftmodal .select-stage {
  margin: 20px -15px 0;
}

.shiftmodal .select-stage h5 {
  margin-top: 0;
}

.shiftmodal .select-stage h5 span {
  display: block;
}

.shiftmodal .text-edit-board .menus {
  margin-top: 18px;
  margin-bottom: 20px;
}

.shiftmodal .text-edit-board .menus li {
  padding: 0;
}

.shiftmodal .text-edit-board .menus li a:nth-child(n) {
  border-radius: 0;
}

.shiftmodal .text-edit-board .menus .active a {
  border: none;
}

.forward-profile .checkbox label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.forward-profile h5 {
  padding: 0 30px;
}

.feedback_form .chosen-container-single .chosen-single {
  padding-top: 0;
}

.feedback_form .chosen-container-single .chosen-single div {
  width: 25px;
}

.feedback_form .chosen-container-single .chosen-single div b {
  margin-top: 0;
}

#candList .source_candidate_add {
  display: block;
  position: relative;
  padding-left: 70px;
  margin-bottom: 20px;
}

#candList .source_candidate_add .candidate-img {
  position: absolute;
  left: 20px;
}

#candList .source_candidate_add p {
  margin-bottom: 0;
}

#candList .source_candidate_add p span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

#candList .source_candidate_add p span.name {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: #2D3255;
  margin-top: 2px;
}

#candList .source_candidate_add p span.email {
  color: #6c7794;
  line-height: 1;
}

#candList .source_candidate_add .mask {
  all: unset;
  position: absolute;
  left: 19px;
  top: -1px;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#candList .source_candidate_add .mask.mask-selected {
  opacity: 1;
}

#candList .source_candidate_add .mask .control__indicator {
  top: 0;
  left: 0;
}

.vendor-board .search-board {
  all: unset;
  position: absolute;
  right: 10px;
  top: 5px;
}

.vendor-board .search-board:before {
  content: "\e8b6";
  font-family: "icomoon";
  color: #fff;
  position: absolute;
  right: 5px;
  z-index: 4;
  top: 3px;
}

.vendor-board .search-board #search-box {
  display: block;
  width: 30px;
  height: 30px;
  background: #666666;
  color: #fff;
  padding: 0 10px;
}

.vendor-board .search-board #search-box:focus {
  width: 150px;
}

.forward-tracker-modal {
  width: 85vw;
  margin-left: -9.5vw;
  background: #fff;
  border-radius: 5px;
}

.forward-tracker-modal .modal-footer {
  margin-left: -15px;
  margin-right: -15px;
}

.forward-tracker-modal .modal-form {
  margin-bottom: 5px;
}

.forward-tracker-modal .modal-form:last-of-type {
  margin-bottom: 0;
}

.forward-tracker-modal .populatedDataBody {
  padding: 0 15px;
  border-left: solid 1px #B3B9C7;
}

.forward-tracker-modal .populatedDataBody,
.forward-tracker-modal .statusList {
  min-height: 660px;
}

.forward-tracker-modal .statusList {
  background: #ccc;
  padding-top: 15px;
  background: #F7F8FB;
}

.forward-tracker-modal #status {
  margin-bottom: 15px;
  zoom: 1;
}

.forward-tracker-modal #status:before,
.forward-tracker-modal #status:after {
  content: "";
  display: table;
}

.forward-tracker-modal #status:after {
  clear: both;
}

.forward-tracker-modal #status li {
  zoom: 1;
  display: inline-block;
  margin-right: 10px;
}

.forward-tracker-modal #status li:before,
.forward-tracker-modal #status li:after {
  content: "";
  display: table;
}

.forward-tracker-modal #status li:after {
  clear: both;
}

.forward-tracker-modal #status>p {
  font-size: 15px;
  border-bottom: solid 1px #DCE0E9;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0 -15px 20px;
  padding: 0 20px 10px;
}

.forward-tracker-modal #status label {
  display: inline-block;
  padding-left: 23px;
  float: left;
  position: relative;
  margin: 0 0 5px;
  cursor: pointer;
}

.forward-tracker-modal #status label input {
  display: block;
  position: absolute;
  height: 15px;
  width: 15px;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  -webkit-appearance: none;
  cursor: pointer;
}

.forward-tracker-modal #status label input:checked+span:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.forward-tracker-modal #status label input:checked+span:after {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.forward-tracker-modal #status label span {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.forward-tracker-modal #status label span:before,
.forward-tracker-modal #status label span:after {
  content: "";
  display: block;
  position: absolute;
  height: 15px;
  width: 15px;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.forward-tracker-modal #status label span:before {
  content: "\e5ca";
  font-size: 15px;
  color: #fff;
  font-family: "icomoon";
  line-height: 1;
  text-align: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.forward-tracker-modal #status label span:after {
  background: #fff;
  border: solid 1px #DCE0E9;
  z-index: -1;
}

.forward-tracker-modal .note-editor.panel.note-frame {
  margin-left: 0;
  margin-bottom: 10px;
}

.forward-tracker-modal .note-editor.panel.note-frame .note-help {
  display: none;
}

.forward-tracker-modal .notes-info {
  margin: -15px 15px 0;
  padding: 10px 8px 5px;
  background: #fff7db;
  display: block;
  font-size: 13px;
  line-height: 1;
}

.forward-tracker-modal .notes-info span {
  font-weight: bold;
}

.forward-tracker-modal .input-checkbox {
  zoom: 1;
}

.forward-tracker-modal .input-checkbox:before,
.forward-tracker-modal .input-checkbox:after {
  content: "";
  display: table;
}

.forward-tracker-modal .input-checkbox:after {
  clear: both;
}

.forward-tracker-modal .input-checkbox label {
  display: block;
  padding-left: 23px;
  position: relative;
  margin: 0 0 5px;
  cursor: pointer;
  width: 100%;
}

.forward-tracker-modal .input-checkbox label input {
  display: block;
  position: absolute;
  height: 15px;
  width: 15px;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  -webkit-appearance: none;
  cursor: pointer;
}

.forward-tracker-modal .input-checkbox label input:checked+span:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.forward-tracker-modal .input-checkbox label input:checked+span:after {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.forward-tracker-modal .input-checkbox label span {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.forward-tracker-modal .input-checkbox label span:before,
.forward-tracker-modal .input-checkbox label span:after {
  content: "";
  display: block;
  position: absolute;
  height: 15px;
  width: 15px;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.forward-tracker-modal .input-checkbox label span:before {
  content: "\e5ca";
  font-size: 15px;
  color: #fff;
  font-family: "icomoon";
  line-height: 1;
  text-align: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.forward-tracker-modal .input-checkbox label span:after {
  background: #fff;
  border: solid 1px #DCE0E9;
  z-index: -1;
}

.forward-tracker-modal .input-checkbox.interviewerList span {
  display: block;
}

.forward-tracker-modal .input-checkbox.interviewerList span i {
  display: block;
  font-style: normal;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.forward-tracker-modal .modal-body {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: strech;
  -ms-flex-align: strech;
  align-items: strech;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.forward-report-modal {
  width: 85vw;
  margin-left: -9.5vw;
  background: #fff;
  border-radius: 5px;
}

.forward-report-modal .input-checkbox label {
  display: inline-block;
  padding-left: 23px;
  float: left;
  position: relative;
  margin: 0 0 5px;
  cursor: pointer;
}

.forward-report-modal .input-checkbox label input {
  display: block;
  position: absolute;
  height: 15px;
  width: 15px;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  -webkit-appearance: none;
  cursor: pointer;
}

.forward-report-modal .input-checkbox label input:checked+span:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.forward-report-modal .input-checkbox label input:checked+span:after {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.forward-report-modal .input-checkbox label span {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.forward-report-modal .input-checkbox label span:before,
.forward-report-modal .input-checkbox label span:after {
  content: "";
  display: block;
  position: absolute;
  height: 15px;
  width: 15px;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.forward-report-modal .input-checkbox label span:before {
  content: "\e5ca";
  font-size: 15px;
  color: #fff;
  font-family: "icomoon";
  line-height: 1;
  text-align: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.forward-report-modal .input-checkbox label span:after {
  background: #fff;
  border: solid 1px #DCE0E9;
  z-index: -1;
}

.forward-report-modal .statusList {
  background: #ccc;
  padding-top: 15px;
  margin-top: -15px;
  margin-bottom: -15px;
  background: #F7F8FB;
  padding-left: 0;
}

.forward-report-modal #status {
  margin-bottom: 15px;
  zoom: 1;
}

.forward-report-modal #status:before,
.forward-report-modal #status:after {
  content: "";
  display: table;
}

.forward-report-modal #status:after {
  clear: both;
}

.forward-report-modal #status li {
  zoom: 1;
  display: inline-block;
  margin-right: 10px;
}

.forward-report-modal #status li:before,
.forward-report-modal #status li:after {
  content: "";
  display: table;
}

.forward-report-modal #status li:after {
  clear: both;
}

.forward-report-modal #status>p {
  font-size: 15px;
  border-bottom: solid 1px #DCE0E9;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0 -15px 20px;
  padding: 0 20px;
}

.forward-report-modal #status label {
  display: inline-block;
  padding-left: 23px;
  float: left;
  position: relative;
  margin: 0 0 5px;
  cursor: pointer;
}

.forward-report-modal #status label input {
  display: block;
  position: absolute;
  height: 15px;
  width: 15px;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  -webkit-appearance: none;
  cursor: pointer;
}

.forward-report-modal #status label input:checked+span:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.forward-report-modal #status label input:checked+span:after {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.forward-report-modal #status label span {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.forward-report-modal #status label span:before,
.forward-report-modal #status label span:after {
  content: "";
  display: block;
  position: absolute;
  height: 15px;
  width: 15px;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.forward-report-modal #status label span:before {
  content: "\e5ca";
  font-size: 15px;
  color: #fff;
  font-family: "icomoon";
  line-height: 1;
  text-align: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.forward-report-modal #status label span:after {
  background: #fff;
  border: solid 1px #DCE0E9;
  z-index: -1;
}

.forward-report-modal .forms {
  max-height: calc(100vh - 200px);
  overflow: hidden;
  overflow-y: scroll;
  padding-right: 0;
}

.sort>.checkbox {
  margin: 0;
  padding: 0;
}

.sort>.checkbox .btn {
  margin: auto;
  text-align: center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: block;
  background: #4caf50;
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
  color: #fff;
  border-radius: 2px;
}

.sort>.checkbox .btn span {
  color: #fff;
  display: block;
  position: relative;
  padding: 6px 15px;
  padding-left: 35px;
}

.sort>.checkbox .btn i {
  display: block;
  position: absolute;
  top: 0;
  left: 7px;
  height: 26px;
  width: 26px;
  line-height: 30px;
}

/* Reports */
.reports a.button-icon,
.reports .button-icon a {
  font-size: 18px;
  display: inline-block;
  -webkit-transform: translate(10px, 4px);
  transform: translate(10px, 4px);
  border: none;
  -webkit-transition: none !important;
  transition: none !important;
}

.reports a.button-icon:hover,
.reports .button-icon a:hover {
  background: none;
  border: none;
  opacity: 0.8;
}

.reports .position-report span {
  margin-right: 7px;
  text-align: initial;
}

.reports .metrics .panel-heading select {
  -webkit-transform: none;
  transform: none;
  min-width: 150px;
  height: 36px;
}

.reports .metrics .panel-heading .input-group .form-control {
  padding: 0 10px;
  height: 36px;
}

.reports .metrics .panel-heading .btn-outline span {
  margin-right: 0;
}

.reports .metrics .panel-heading .btn-outline {
  height: 36px;
  padding: 8px 15px;
}

.reports .metrics .panel-heading .btn[disabled] {
  background: #fff;
  border: none;
  height: 36px;
  padding: 8px 15px;
  opacity: 1;
}

.reports .table-alt>tbody tr>th {
  font-size: 14px;
  text-align: center;
}

.reports .table-alt>tbody tr>th:first-child {
  text-align: left;
  width: 25%;
}

.reports .table-alt>tbody td {
  text-align: center;
  padding: 10px;
}

.reports .table-alt>tbody td:first-child {
  text-align: left;
}

.reports .pos-adjust {
  margin-top: -40px;
  margin-right: 35px;
  position: relative;
  top: 14px;
}

.reports ul.uib-datepicker-popup.dropdown-menu {
  width: auto;
  padding: 5px;
  left: auto !important;
  right: 0;
}

.reports ul.uib-datepicker-popup.dropdown-menu button {
  border-radius: 0;
}

.reports ul.uib-datepicker-popup.dropdown-menu .uib-datepicker table thead tr:last-child {
  color: #2D3255;
}

.reports .table-bordered>thead>tr>th,
.reports .table-bordered>tbody>tr>td {
  padding: 8px 10px;
}

.reports .hours-log {
  font-size: 14px;
  color: #7a859f;
  display: block;
}

.reports .hours-log .col-md-3 {
  padding: 15px 0 20px 50px;
}

.reports .hours-log .col-md-3:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #DCE0E9;
}

.reports .hours-log .col-md-3:last-child:after {
  display: none;
}

.reports .hours-log h3,
.reports .hours-log h4 {
  margin: 0;
}

.reports .hours-log h3.title {
  padding-left: 0;
  text-transform: none;
  margin-bottom: 5px;
  color: #7a859f;
}

.reports .hours-log h4 {
  display: block;
  font-size: 24px;
  margin-top: 8px;
  color: #2D3255;
  font-weight: 500;
}

.reports .panel-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  position: relative;
  zoom: 1;
}

.reports .panel-heading:before,
.reports .panel-heading:after {
  content: "";
  display: table;
}

.reports .panel-heading:after {
  clear: both;
}

.reports .panel-heading .dropdown {
  display: inline-block;
}

.reports .panel-heading .dropdown.open a.dropdown-toggle {
  background: #1fafa4;
}

.reports .panel-heading .dropdown a.dropdown-toggle {
  color: #fff;
  padding: 5px;
}

.reports .panel-heading .dropdown a.dropdown-toggle:hover {
  background: #1fafa4;
}

.reports .panel-heading .dropdown ul.dropdown-menu {
  text-align: left;
  left: auto;
  right: -10px;
  border-radius: 0;
  padding: 0;
  min-width: 180px;
  margin: 0;
  border: solid 1px #DCE0E9;
}

.reports .panel-heading .dropdown ul.dropdown-menu li {
  text-align: left;
}

.reports .panel-heading .dropdown ul.dropdown-menu li a {
  display: block;
  padding: 10px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.reports .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.reports .flex .panel {
  width: 100%;
}

.reports .flex.center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reports .reports-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: solid 1px #dce0e9;
  padding: 10px 0px;
  background: #f7f8fb;
  margin: -21px -20px 20px;
}

.reports .reports-filter h3 {
  font-size: 16px;
  margin: 0;
}

.reports .reports-filter .select {
  display: block;
  position: relative;
}

.reports .reports-filter .select:after {
  content: "\e5c5";
  font-family: "icomoon";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 20px;
  line-height: 35px;
  padding: 0 5px;
}

.reports .reports-filter .form-control {
  height: 35px;
  padding-right: 25px;
  background: #fff;
  min-width: 180px;
}

.reports .reports-filter .input-group .form-control {
  min-width: 150px;
}

.reports .reports-filter .btn {
  height: 35px;
  padding: 0 15px;
  line-height: 35px;
  text-align: left;
  position: relative;
}

.reports .reports-filter .btn .caret {
  color: #2D3255;
  display: block;
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
}

.reports .reports-filter .btn:hover,
.reports .reports-filter .btn:active,
.reports .reports-filter .btn:active:hover,
.reports .reports-filter .btn:focus,
.reports .reports-filter .btn:focus:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.reports .reports-filter .dd-select .dropdown-menu {
  left: auto;
  right: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  width: 200px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}

.reports .reports-filter .dd-select .dropdown-menu li {
  padding: 10px;
  text-align: left;
}

.reports .reports-filter .dd-select .dropdown-menu li:hover {
  background: #F7F8FB;
}

.reports .reports-filter .dd-select .dropdown-menu .checkbox {
  display: block;
  position: relative;
  padding-left: 30px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.reports .reports-filter .dd-select .dropdown-menu input[type="checkbox"] {
  display: block;
  position: absolute;
  -webkit-appearance: none;
  background: red;
  width: 20px;
  height: 20px;
  border: none;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  z-index: 1;
}

.reports .reports-filter .dd-select .dropdown-menu input[type="checkbox"]:checked+label {
  background: #21BCB0;
  border: solid 1px #21BCB0;
}

.reports .reports-filter .dd-select .dropdown-menu input[type="checkbox"]:checked+label .icon-check {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.reports .reports-filter .dd-select .dropdown-menu label {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  border: solid 1px #DCE0E9;
  background: #fff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.reports .reports-filter .dd-select .dropdown-menu label .icon-check {
  color: #fff;
  display: block;
  line-height: 16px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.reports-new .tab-content {
  padding: 25px 15px;
}

.reports-new .panel-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  zoom: 1;
}

.reports-new .panel-heading:before,
.reports-new .panel-heading:after {
  content: "";
  display: table;
}

.reports-new .panel-heading:after {
  clear: both;
}

.reports-new .panel-heading .dropdown {
  display: inline-block;
}

.reports-new .panel-heading .dropdown.open a.dropdown-toggle {
  background: #1fafa4;
}

.reports-new .panel-heading .dropdown a.dropdown-toggle {
  color: #fff;
  padding: 5px;
}

.reports-new .panel-heading .dropdown a.dropdown-toggle:hover {
  background: #1fafa4;
}

.reports-new .panel-heading .dropdown ul.dropdown-menu {
  text-align: left;
  left: auto;
  right: -10px;
  border-radius: 0;
  padding: 0;
  min-width: 180px;
  margin: 0;
  border: solid 1px #DCE0E9;
}

.reports-new .panel-heading .dropdown ul.dropdown-menu li {
  text-align: left;
}

.reports-new .panel-heading .dropdown ul.dropdown-menu li a {
  display: block;
  padding: 10px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.reports-new .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.reports-new .flex .panel {
  width: 100%;
}

.reports-new .flex.center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reports-new .reports-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: solid 1px #dce0e9;
  padding: 10px 0px;
  background: #f7f8fb;
  margin: -21px -20px 20px;
}

.reports-new .reports-filter h3 {
  font-size: 16px;
  margin: 0;
}

.reports-new .reports-filter .select {
  display: block;
  position: relative;
}

.reports-new .reports-filter .select:after {
  content: "\e5c5";
  font-family: "icomoon";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 20px;
  line-height: 35px;
  padding: 0 5px;
}

.reports-new .reports-filter .form-control {
  height: 35px;
  padding-right: 25px;
  background: #fff;
  min-width: 180px;
}

.reports-new .reports-filter .input-group .form-control {
  min-width: 150px;
}

.reports-new .reports-filter .btn {
  height: 35px;
  padding: 0 15px;
  line-height: 35px;
  text-align: left;
  position: relative;
}

.reports-new .reports-filter .btn .caret {
  color: #2D3255;
  display: block;
  position: absolute;
  right: 15px;
  height: 100%;
  top: 0;
}

.reports-new .reports-filter .btn:hover,
.reports-new .reports-filter .btn:active,
.reports-new .reports-filter .btn:active:hover,
.reports-new .reports-filter .btn:focus,
.reports-new .reports-filter .btn:focus:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.reports-new .reports-filter .dd-select .dropdown-menu {
  left: auto;
  right: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  width: 200px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}

.reports-new .reports-filter .dd-select .dropdown-menu li {
  padding: 10px;
  text-align: left;
}

.reports-new .reports-filter .dd-select .dropdown-menu li:hover {
  background: #F7F8FB;
}

.reports-new .reports-filter .dd-select .dropdown-menu .checkbox {
  display: block;
  position: relative;
  padding-left: 30px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.reports-new .reports-filter .dd-select .dropdown-menu input[type="checkbox"] {
  display: block;
  position: absolute;
  -webkit-appearance: none;
  background: red;
  width: 20px;
  height: 20px;
  border: none;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  z-index: 1;
}

.reports-new .reports-filter .dd-select .dropdown-menu input[type="checkbox"]:checked+label {
  background: #21BCB0;
  border: solid 1px #21BCB0;
}

.reports-new .reports-filter .dd-select .dropdown-menu input[type="checkbox"]:checked+label .icon-check {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.reports-new .reports-filter .dd-select .dropdown-menu label {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  border: solid 1px #DCE0E9;
  background: #fff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.reports-new .reports-filter .dd-select .dropdown-menu label .icon-check {
  color: #fff;
  display: block;
  line-height: 16px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.reports-new .table {
  width: 100%;
}

.reports-new .table .client {
  padding-left: 20px;
}

.reports-new .table .client>span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 200px;
}

.reports-new .table .client .client-name {
  display: block;
  font-size: 15px;
  font-weight: 500;
}

.reports-new .table .client .client-location {
  font-size: 13px;
  color: #8992a9;
}

.reports-new .table.va-c>thead>tr>th {
  vertical-align: center;
}

.reports-new .table>thead>tr {
  background: #F7F8FB;
  color: #2D3255;
  border: solid 1px #DCE0E9;
  border-bottom: solid 1px #DCE0E9;
}

.reports-new .table>thead>tr>th {
  border-right: solid 1px #DCE0E9;
  border-bottom: none;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.reports-new .table>tbody>tr>td,
.reports-new .table>thead>tr>th {
  font-size: 14px;
  padding: 10px;
  vertical-align: center;
}

.reports-new .place-holder {
  position: relative;
  width: 100%;
  height: 400px;
}

.reports-new .place-holder:after {
  content: attr(title);
  display: block;
  position: absolute;
  width: 100%;
  height: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  font-size: 18px;
  color: #B3B9C7;
  text-transform: uppercase;
}

.reports-new .place-holder img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.reports-new .po-custom-show,
.reports-new .tab-content {
  display: none;
}

.reports-new .tab-content.active {
  display: block;
}

.reports-new .reports-log {
  font-size: 14px;
  color: #7a859f;
  display: block;
}

.reports-new .reports-log>div {
  padding: 15px 30px 20px;
  text-align: left;
}

.reports-new .reports-log>div:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #DCE0E9;
}

.reports-new .reports-log>div:last-child:after {
  display: none;
}

.reports-new .reports-log .stat {
  display: block;
  position: relative;
  height: 5px;
  background: #DCE0E9;
  top: 0;
  border-radius: 5px;
}

.reports-new .reports-log .stat span {
  display: block;
  left: 0;
  top: 0;
  background: #00E676;
  height: 100%;
  border-radius: 5px;
}

.reports-new .reports-log h3,
.reports-new .reports-log h4 {
  margin: 0;
}

.reports-new .reports-log h4.title {
  padding-left: 0;
  text-transform: none;
  margin-bottom: 5px;
  color: #7a859f;
}

.reports-new .reports-log h3 {
  display: block;
  font-size: 30px;
  margin-top: 8px;
  color: #2D3255;
  font-weight: 500;
}

.reports-new img {
  display: block;
  max-width: 100%;
  margin: auto;
}

.reports-new.recruiter-profile .reports-log {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reports-new.recruiter-profile .reports-log .col-md-3:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.reports-new.recruiter-profile .reports-log .team-name {
  margin: 0;
  -ms-flex-item-align: center;
  align-self: center;
}

.reports-new.recruiter-profile .table tbody tr:hover {
  background: none;
}

.dropCustom {
  position: absolute;
  right: 25px;
  top: -4px;
  font-size: 14px;
  padding: 5px;
}

.dropCustom [class^="icon-"],
.dropCustom [class*=" icon-"] {
  font-size: 14px;
}

.client-name {
  display: block;
  font-size: 15px;
  font-weight: bold;
}

.client-location {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 200px;
  margin-top: 5px;
  color: #5B5D7A;
}

.pivot-table {
  overflow-x: auto;
  /* max-height: 580px; */
  border: solid 1px #DCE0E9;
}

.pivot-table pvtUi tbody tr td {
  padding: 5px;
  background: #fff;
}

.pivot-table table.pvtTable thead tr th,
.pivot-table table.pvtTable tbody tr th,
.pivot-table table.pvtTable tbody tr td {
  font-size: 13px;
  padding: 10px;
}

.pivot-table table.pvtTable thead tr th {
  background: #21BCB0;
  font-size: 12px;
  text-align: left;
  color: #fff;
  border: solid 1px #fff;
}

.pivot-table table.pvtTable tbody tr th {
  background: #fff;
  vertical-align: top;
}

.pivot-table td.pvtUiCell {
  vertical-align: top;
  padding: 5px;
}

.pivot-table td.pvtHorizList {
  padding-top: 2px;
}

.pivot-table td.pvtHorizList>li {
  display: inline-block;
  padding: 0;
  margin-top: 3px;
}

.pivot-table .pvtRows {
  padding: 0;
}

.pivot-table .pvtRows>ul {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

.pvtAxisContainer,
.pvtVals {
  background: #F7F8FB;
  text-align: left;
  border: solid 1px #DCE0E9;
}

.pvtAxisContainer li {
  display: inline-block;
  margin: 3px;
  padding: 0;
}

.pvtAxisContainer li span.pvtAttr {
  padding: 5px;
  margin: 0;
  background: #fff;
  border-radius: 3px;
  display: inline-block;
}

.pvtFilterBox {
  border: solid 1px #ccc;
}

.pvtFilterBox p {
  marign: 5px;
}

.pvtCheckContainer {
  padding: 10px;
}

.pvtCheckContainer input[type="checkbox"] {
  margin-top: 5px;
  display: inline-block;
}

.pvtCheckContainer input[type="checkbox"]:after {
  display: none;
}

.pvtCheckContainer+p {
  padding: 10px;
}

.pvtUi button:hover {
  -webkit-box-shadow: inset 0px -2px 1px 0 #00000026;
  box-shadow: inset 0px -2px 1px 0 #00000026;
}

.pvtUi button {
  margin-right: 10px;
  background: #28bbb0;
  border: solid 1px #28bbb0;
  color: #fff;
  display: inline-block;
  padding: 8px 10px;
  line-height: 1;
  height: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.pivot-table .pvtSearch {
  display: block;
  margin: 10px;
  width: 93%;
  padding: 5px;
}

.pivot-table .pvtSearch+br {
  display: none;
}

.pvtUiCell {
  background: #F7F8FB;
}

.pivot-table .pvtRenderer {
  margin: 0 auto;
  max-width: 100px;
}

.pvtRenderer,
.pvtAggregator,
.pvtAttrDropdown {
  padding: 10px;
  padding-right: 20px;
  font-size: 13px;
  margin: 0;
}

.pvtAttrDropdown {
  margin-top: 5px;
}

.pvtRenderer {
  margin-left: 4px;
  margin-right: 4px;
}

/* Login/Signup pages */
.be-login .main-content {
  display: block;
  min-height: 100vh;
}

.be-login .panel.panel-default>.panel-heading {
  background: none;
  position: relative;
}

.be-login .panel.panel-default>.panel-heading a {
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
}

.be-login .panel.panel-default>.panel-heading a img {
  max-width: 20px;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.be-login .splash-container .panel {
  margin-bottom: 0;
}

.be-login .tenantList {
  display: block;
  max-height: 300px;
  overflow: auto;
  padding: 10px;
  border: solid 1px #E8EBF2;
}

.be-login .tenantList span {
  display: block;
  margin-bottom: 8px;
}

.be-login .tenantList span:last-child {
  margin-bottom: 0;
}

.be-login .tenantList .choose-account {
  margin-bottom: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

/* External Pages */
.external-pages {
  min-height: 100vh;
}

.external-pages .navbar {
  margin-bottom: 0;
}
.external-pages .navbar-inverse {
  background-color: #fff !important;
  border-color: #fff  !important;
  border-bottom-color: #29bbb0 !important;
}

.external-pages .logo_text {
  margin-top: 5px;
  position: relative;
  display: block;
  max-width: 110px;
}
.external-pages .logo-img {
 position: absolute;
 top : -15px;
 width: 115px;
 height: 69px;
}

.external-pages .logo_text:before {
  content: "TM";
  position: absolute;
  right: -10px;
  top: 6px;
  font-size: 8px;
  color: #000;
}

.external-pages .info-bar {
  position: relative;
  background: #E8EBF2;
  margin-bottom: 30px;
  zoom: 1;
}

.external-pages .info-bar:before,
.external-pages .info-bar:after {
  content: "";
  display: table;
}

.external-pages .info-bar:after {
  clear: both;
}

.external-pages .info-bar p {
  padding: 10px 0;
  font-size: 14px;
  margin: 0;
}

.external-pages .info-bar p a {
  text-decoration: none;
}

.external-pages .info-bar p a.btn {
  margin-left: 15px;
}

.external-pages .external-feed {
  margin-bottom: 0;
}

.external-pages .candidate-detail .right_content {
  padding-left: 20px;
}

.external-pages .candidate-detail .basic-details .cand_initial {
  margin: 0;
}

.external-pages .candidate-detail .right_content .row2 ul li,
.external-pages .candidate-detail .right_content .row4 ul li {
  width: 33.33%;
  color: #999999;
  font-size: 14px;
  margin-right: 0;
  padding: 0;
  margin-bottom: 15px;
  border: none;
}

.external-pages .candidate-detail .right_content .row2 ul li span,
.external-pages .candidate-detail .right_content .row4 ul li span {
  color: #404040;
}

.external-pages ul.menus li {
  height: auto;
}

.external-pages ul.details_view_btn.text-right {
  margin: 10px;
  border-top: solid 1px #E8EBF2;
  padding-top: 15px;
}

.external-pages .position-details {
  margin-top: 30px;
}

.external-position-details .dropup .vendor-drop {
  top: 100%;
  bottom: auto;
  margin-top: 0;
  min-width: 0;
  width: 100%;
}

.external-position-details .dropup .btn {
  position: relative;
  padding-right: 30px;
}

.external-position-details .dropup .caret {
  all: unset;
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
  right: 0;
}

.external-position-details .dropup .caret:before {
  content: "\e5c5";
  font-family: "icomoon";
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 18px;
  left: 0;
  top: -2px;
}

.public-pages {
  min-height: 100vh;
}

@media (max-width: 1024px) {
  .external-pages {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media (max-width: 768px) {
  .external-pages .candidate-summary {
    /* .candidate-list > .cards .can-info p{
    	display: inline-block;
    	width: 50%;
    	float: left;
    } */
  }

  .external-pages .candidate-summary .candidate-list>.cards {
    margin: 0 20px;
  }

  .external-pages .candidate-summary .candidate-list>.cards .can-avatar h6 {
    margin-bottom: 0;
  }

  .external-pages .candidate-summary .right-content,
  .external-pages .candidate-summary .leftcontent1 {
    padding: 0;
  }

  .external-pages .candidate-summary .right-content {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #DCE0E9;
  }

  .external-pages .candidate-summary .right-content .can-info p {
    display: inline-block;
    width: 50%;
    float: left;
  }

  .external-pages .candidate-summary .right-content .col-md-6 {
    zoom: 1;
  }

  .external-pages .candidate-summary .right-content .col-md-6:before,
  .external-pages .candidate-summary .right-content .col-md-6:after {
    content: "";
    display: table;
  }

  .external-pages .candidate-summary .right-content .col-md-6:after {
    clear: both;
  }

  .hide-sm {
    display: none;
  }

  .external-pages .candidate-info .candidate-detail .right_content .prospect-list-function {
    right: 0;
  }

  .external-pages .candidate-info .external-feed,
  .external-pages .candidate-info .left_content {
    min-height: 0 !important;
  }

  .external-pages .candidate-info .left_content {
    zoom: 1;
  }

  .external-pages .candidate-info .left_content:before,
  .external-pages .candidate-info .left_content:after {
    content: "";
    display: table;
  }

  .external-pages .candidate-info .left_content:after {
    clear: both;
  }

  .external-pages .candidate-info .left_content p {
    display: block;
    float: left;
    width: 50%;
  }

  .external-pages .candidate-info .left_content p span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
  }

  .external-pages .candidate-info .left-mobile-view {
    display: none;
  }

  .external-pages .candidate-info .candidate-detail .right_content .row2 ul li,
  .external-pages .candidate-info .candidate-detail .right_content .row4 ul li , .candidate-detail .right_content .row4 ul li.chatbot-question{
    width: 50%;
    border: none;
  }

  .candidate-detail .right_content .prospect-list-function {
    right: 0;
  }

  .position-info .col-md-8.pl-0 {
    padding-left: 15px;
  }

  .position-info .col-md-4.pr-0 {
    padding-right: 15px;
  }

  .position-info .details-page .details-basic .user-list-name h3 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
  }

  .public-pages .col-md-4.pr-0,
  .public-pages .col-md-8.pl-0 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .public-pages .col-md-10.centered {
    padding-bottom: 25px;
  }

  .public-pages .details-page .details-basic .user-list-name p span {
    display: block;
    margin-top: 15px;
  }

  .public-pages .details-page .details-basic .user-list-name h3 {
    margin: 0;
  }

  .public-pages .details-page {
    padding: 0 20px;
  }

  .candidate-onboard-document-upload {
    margin: 20px !important;
  }

  .candidate-onboard-document-upload .upload-file-name {
    max-width: 250px !important;
  }

  .candidate-onboard-document-upload .upload-file-cont label.btn {
     display: block !important;
  }

  .candidate-onboard-document-upload .upload-file-cont {
    flex-direction: column;
    align-items:normal !important;
  }

  .candidate-onboard-document-upload .bold-title{
    font-size:18px !important;
  }

  .candidate-onboard-document-upload .warning-note{
    font-size:12px !important;
    padding:5px !important;
  }

  .candidate-onboard-document-upload .session-expired {
    padding: 10px !important;
    overflow: visible !important;
    top: 50% !important;
    position: relative !important;
    transform: none !important;
    left: 0 !important; 
  }

}

.external-pages .candidate-detail .slips_ul {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  zoom: 1;
}

.external-pages .candidate-detail .slips_ul:before,
.external-pages .candidate-detail .slips_ul:after {
  content: "";
  display: table;
}

.external-pages .candidate-detail .slips_ul:after {
  clear: both;
}

.external-pages .candidate-detail .row6 {
  min-height: 100px;
  height: auto;
  margin-left: 0;
  margin-bottom: 30px;
}

.external-pages .candidate-detail .row6:last-child {
  margin-bottom: 0;
}

@media (max-width: 480px) {
  .external-pages .candidate-summary .candidate-list>.cards {
    margin: 0 0 20px;
  }

  .external-pages .candidate-summary .right-content .can-info p {
    float: none;
    width: 100%;
  }

  .external-pages .candidate-summary .candidate-list>.cards ul.candidate-info {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: solid 1px #DCE0E9;
  }

  .external-pages .candidate-summary .candidate-list>.cards ul.candidate-info li {
    display: block;
    width: 100%;
    border: none;
    margin: 0 0 15px;
    padding: 0;
  }

  .external-pages .candidate-summary .candidate-list>.cards ul.candidate-info li p span {
    display: inline-block;
    padding-left: 10px;
  }

  .external-pages .candidate-info .candidate-detail .right_content .row1 p {
    width: 100%;
    margin-bottom: 15px;
  }

  .external-pages .candidate-info .candidate-detail .right_content .row1 p span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    display: block;
  }

  .external-pages .candidate-info .candidate-detail .right_content .row2 ul li,
  .external-pages .candidate-info .candidate-detail .right_content .row4 ul li {
    width: 100%;
    border: none;
  }

  .external-pages .candidate-info .left_content p {
    float: none;
    width: 100%;
  }

  .external-pages .candidate-info .tab-content .container-fluid {
    padding: 0 !important;
    text-align: center;
  }

  .position-info .pos-client span {
    display: block;
    margin-bottom: 15px;
  }
}

/* Invoices */
/* Invoice Board */
.db_circles_invoice .col-md-2 {
  width: 16.666%;
}

.invoices #selected_filters {
  display: block;
  position: relative;
  padding-top: 20px;
}

.invoices #selected_filters.tags span {
  -webkit-transition: none;
  transition: none;
  padding-right: 25px;
}

.invoices #selected_filters.tags span i {
  height: auto;
  line-height: 1;
  border: none;
  background: none;
  top: 3px;
}

.invoices .db_circles_invoice {
  padding: 0 5px;
}

.invoices .db_circles_invoice h5 {
  padding: 30px 0;
  font-size: 16px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin: 20px 0;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.39, 1.1);
  transition: all 0.5s cubic-bezier(0, 0, 0.39, 1.1);
  border: solid 1px transparent;
}

.invoices .db_circles_invoice h5 span {
  display: block;
  font-size: 48px;
  color: #2D3255;
  font-weight: 300;
  margin-bottom: 5px;
}

.invoices .db_circles_invoice h5:hover {
  border: solid 1px #DCE0E9;
  -webkit-box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.2);
}

.invoices .generate-invoice {
  right: 50px;
  top: 12px;
  z-index: 5;
}

.invoices .generate-invoice .generate-invoice .btn {
  height: 29px;
}

.invoices .generate-invoice .generate-invoice .btn-sm {
  padding: 4px 10px;
}

.table_invoice {
  margin: 0;
  background: #fff;
}

.table_invoice>thead>tr {
  background: #21BCB0;
  border-bottom: none;
  border-radius: 4px;
}

.table_invoice>thead>tr>th {
  color: #fff;
  border-bottom: none;
  border-right: solid 1px #F0FCFB;
  font-size: 14px;
}

.table_invoice>thead>tr>th:last-child {
  border-right: none;
}

.table_invoice>thead tr>th,
.table_invoice>tbody tr>td {
  vertical-align: top;
  font-size: 13px;
  padding: 10px;
}

.table_invoice tbody tr>td>span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.table_invoice tbody tr>td:last-child {
  text-align: center;
}

.table_invoice>tbody tr:hover {
  background: #F0FCFB;
}

.table_invoice .table_row_invoice_list {
  color: #333333;
}

.table_invoice .table_row_invoice_exapand:nth-child(n) td {
  color: #333333;
  background: rgba(33, 188, 176, 0.05);
}

.table_invoice .dropmenu {
  float: none;
  padding: 0;
}

.table_invoice .dropmenu .dots_menu_right_invoice {
  margin: 0;
}

.table_invoice .ellipsismenu {
  margin-top: 0;
  left: auto;
  right: -10px;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
}

.table_invoice .expanded a {
  margin-left: 0;
  -webkit-transition: none;
  transition: none;
}

#myTabContents {
  position: relative;
}

.invoice_candidate_check {
  position: relative;
  margin-bottom: 30px;
  padding: 15px 0;
}

.invoice_candidate_check:hover .control input~.control__indicator {
  opacity: 1;
  visibility: visible;
}

.invoice_candidate_check .candidate-source {
  bottom: 10px;
}

.invoice_candidate_check .can-avatar {
  position: relative;
}

.invoice_candidate_check .can-avatar h6 {
  font-size: 15px;
}

.invoice_candidate_check .can-avatar h6 span {
  display: block;
  color: #000;
  font-size: 13px;
  margin-top: 5px;
}

.invoice_candidate_check .mask-candidate-list {
  display: block;
}

.invoice_candidate_check .control input~.control__indicator {
  opacity: 0;
  visibility: hidden;
}

.invoice_candidate_check .control input:checked~.control__indicator {
  opacity: 1;
  visibility: visible;
}

.invoice_candidate_check .control input:checked~.control__indicator:after {
  opacity: 1;
}

.invoice_candidate_check .control--checkbox .control__indicator:after {
  content: "\e5ca";
  font-family: "icomoon";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 42px;
  color: #fff;
  font-size: 24px;
  opacity: 0;
}

.invoice_candidate_check .control__indicator {
  top: -64px;
  left: 10px;
}

.invoice_candidate_check .btns-group {
  margin-top: 40px;
}

/* invoice modal*/
.view_pdf_invoice {
  margin: 0 auto;
  height: auto;
  background-size: 100% auto;
  color: #5B6165;
  position: relative;
  padding: 0px 20px;
  max-height: calc(100vh - 135px);
  overflow: auto;
}

.view_pdf_invoice table {
  table-layout: fixed;
}

.view_pdf_invoice table th,
.view_pdf_invoice table td {
  vertical-align: top;
  word-break: keep-all;
  word-wrap: break-word;
  padding: 2px 10px;
}

#memo {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  height: 115px;
  zoom: 1;
}

#memo:before,
#memo:after {
  content: "";
  display: table;
}

#memo:after {
  clear: both;
}

#memo .logo {
  float: left;
  margin-right: 20px;
}

#memo .logo img {
  max-width: 200px;
  max-height: 70px;
}

.company-info {
  float: right;
  text-align: right;
}

.company-info>div:first-child {
  line-height: 1em;
  font-weight: bold;
  font-size: 22px;
  color: #B32C39;
}

.company-info h3 {
  margin-top: 0;
  margin-bottom: 5px;
}

.company-info p {
  margin-bottom: 0;
}

.company-info span {
  font-size: 11px;
  display: inline-block;
  min-width: 20px;
}

.company-info span:after {
  content: '';
  display: block;
  clear: both;
}

#invoice-title-number {
  font-weight: bold;
  margin: 10px 0 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #e6e6e6;
}

#items {
  margin: 35px 0;
}

#items .first-cell,
#items table th:first-child,
#items table td:first-child {
  width: 50%;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  padding-left: 20px;
}

#items table {
  border-collapse: separate;
  width: 100%;
}

#items table th {
  font-weight: bold;
  padding: 5px 8px;
  text-align: right;
  color: white;
  text-transform: uppercase;
  background: #21BCB0;
}

#items table th:nth-child(2) {
  width: 30%;
  text-align: left;
}

#items table th:last-child {
  text-align: right;
  padding-right: 20px;
}

#items table td {
  padding: 9px 8px;
  border-bottom: 1px solid #ddd;
}

#items table td:nth-child(2) {
  text-align: right;
  padding-right: 20px;
}

#sums {
  margin: -10px 0 0;
  background: url("../images/total-stripe-firebrick.png") right bottom no-repeat;
}

#sums table {
  float: right;
}

#sums table tr th,
#sums table tr td {
  min-width: 100px;
  padding: 9px 8px;
  text-align: right;
}

#sums table tr th {
  font-weight: bold;
  text-align: left;
  padding-right: 35px;
}

#sums table tr td.last {
  min-width: 0 !important;
  max-width: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  border: none !important;
}

#sums table tr.amount-total th {
  text-transform: uppercase;
}

#sums table tr.amount-total th,
#sums table tr.amount-total td {
  font-size: 15px;
  font-weight: bold;
}

#sums table tr:last-child th {
  text-transform: uppercase;
}

#sums table tr:last-child th,
#sums table tr:last-child td {
  font-size: 15px;
  font-weight: bold;
  color: white;
}

#invoice-info {
  margin: 10px 0 0;
  text-align: right;
}

#invoice-info>div>span {
  display: inline-block;
  min-width: 20px;
  min-height: 18px;
  margin-bottom: 3px;
}

#invoice-info>div>span:first-child {
  color: black;
}

#invoice-info>div>span:last-child {
  color: #777;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 40px;
}

#invoice-info:after {
  content: '';
  display: block;
  clear: both;
}

#terms {
  float: left;
  margin-top: 50px;
}

#terms .notes {
  min-height: 30px;
  min-width: 50px;
  color: #B32C39;
}

#terms .payment-info div {
  margin-bottom: 3px;
  min-width: 20px;
}

.thank-you {
  margin: 10px 0 30px 0;
  display: inline-block;
  min-width: 20px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 0.88em;
  float: right;
  padding: 0px 30px 0px 2px;
  font-size: 50px;
  background: #F4846F;
  color: white;
}

.ib_bottom_row_commands {
  margin-left: 30px !important;
}

body[class*="home.invoice"] .modal-dialog {
  margin: 10px auto;
}

body[class*="home.invoice"] .modal-dialog .modal-body {
  height: calc(100vh - 155px);
  overflow: auto;
}

body[class*="home.invoice"] .modal-dialog .generate_invoice_multiple {
  height: calc(100vh - 150px);
}

body[class*="home.invoice"] .modal-dialog .input-group-addon.select-box {
  padding: 0;
}

body[class*="home.invoice"] .modal-dialog .input-group-addon.select-box>select {
  width: 50px;
  height: 38px;
  background-color: #eee;
  background-position: 70% center;
  padding: 0 10px;
  border: none;
}

/* Invoice Page style */
.invoice-btn a.btn {
  margin-top: 8px;
}

.invoice-btn a.btn-outline {
  margin-right: 8px;
}

/* Invoice Generate */
.invoice-generate .main-title {
  text-align: center;
  margin: 20px 0;
  border-bottom: solid 1px #DCE0E9;
  margin-bottom: 10px;
  padding-bottom: 20px;
}

.invoice-generate p.org-details {
  font-size: 14px;
  line-height: 1.8;
  margin: 20px 0 30px;
}

.invoice-generate p.org-details span {
  display: block;
}

.invoice-generate p.org-details a.edit-btn {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
}

.invoice-generate .invoice-details {
  font-size: 14px;
  margin: 10px 0;
}

.invoice-generate .invoice-details span {
  display: block;
  padding: 2px 0;
}

.invoice-generate .invoice-details .form-group {
  margin: 0 0 10px;
  zoom: 1;
}

.invoice-generate .invoice-details .form-group:before,
.invoice-generate .invoice-details .form-group:after {
  content: "";
  display: table;
}

.invoice-generate .invoice-details .form-group:after {
  clear: both;
}

.invoice-generate .invoice-details .form-group label,
.invoice-generate .invoice-details .form-group .form-control {
  display: block;
  float: left;
}

.invoice-generate .invoice-details .form-group label {
  width: 35%;
  text-align: right;
  padding-right: 10px;
}

.invoice-generate .invoice-details .form-group .form-control,
.invoice-generate .invoice-details .form-group .input-group {
  width: 65%;
}

.invoice-generate .invoice-details .form-group .input-group .form-control {
  width: 100%;
}

.invoice-generate .invoice-details .form-group .date {
  padding-right: 0;
}

.invoice-generate .invoice-table {
  display: block;
  zoom: 1;
}

.invoice-generate .invoice-table:before,
.invoice-generate .invoice-table:after {
  content: "";
  display: table;
}

.invoice-generate .invoice-table:after {
  clear: both;
}

.invoice-generate .invoice-table>table {
  width: 100%;
  margin: 30px 0;
}

.invoice-generate .invoice-table>table>thead>tr>td {
  text-align: center;
  font-weight: bold;
  border: solid 1px #e6e6e6;
  padding: 10px 15px;
  vertical-align: top;
}

.invoice-generate .invoice-table>table>thead>tr>td:first-child,
.invoice-generate .invoice-table>table>thead>tr>td:last-child {
  text-align: center;
}

.invoice-generate .invoice-table>table>tbody>tr>td {
  border: solid 1px #e6e6e6;
  padding: 10px 15px;
  vertical-align: top;
}

.invoice-generate .invoice-table>table>tbody>tr>td:first-child {
  text-align: center;
}

.invoice-generate .invoice-table>table>tbody>tr>td:last-child {
  text-align: right;
}

.invoice-generate .invoice-table td>table {
  width: 100%;
}

.invoice-generate .invoice-table td>table b {
  font-weight: bold;
  display: block;
}

.invoice-generate .invoice-table td>table b+span {
  display: block;
  line-height: 2;
  padding: 8px 0;
}

.invoice-generate .invoice-table td>table td {
  padding: 0 10px;
  vertical-align: top;
  width: 25%;
}

.invoice-generate .invoice-table .form-group {
  margin: 0;
  max-width: 400px;
  zoom: 1;
}

.invoice-generate .invoice-table .form-group:before,
.invoice-generate .invoice-table .form-group:after {
  content: "";
  display: table;
}

.invoice-generate .invoice-table .form-group:after {
  clear: both;
}

.invoice-generate .invoice-table .form-group .date {
  padding-right: 0;
}

.invoice-generate .invoice-table p,
.invoice-generate .invoice-table label {
  display: block;
  font-size: 14px;
}

.invoice-generate .invoice-table label {
  display: block;
  font-weight: bold;
  margin: 0 0 5px;
}

.invoice-generate .invoice-table .text-center {
  text-align: center !important;
}

.invoice-generate .invoice-table table.total {
  margin: 0;
}

.invoice-generate .invoice-table table.total tr>td {
  text-align: right;
  border: none;
  vertical-align: middle;
}

.invoice-generate .invoice-table table.total tr>td.bordered-bottom {
  border-bottom: solid 1px #e6e6e6;
}

.invoice-generate .invoice-table table.total .input-group .form-control {
  text-align: right;
}

.invoice-generate .invoice-table table.total .form-group {
  zoom: 1;
}

.invoice-generate .invoice-table table.total .form-group:before,
.invoice-generate .invoice-table table.total .form-group:after {
  content: "";
  display: table;
}

.invoice-generate .invoice-table table.total .form-group:after {
  clear: both;
}

.invoice-generate .invoice-table table.total .form-group label,
.invoice-generate .invoice-table table.total .form-group .form-control {
  display: block;
  float: left;
}

.invoice-generate .invoice-table table.total .form-group label {
  width: 80px;
  line-height: 36px;
  padding-right: 10px;
}

.invoice-generate .invoice-table table.total .form-group select.form-control {
  width: calc(100% - 80px);
}

.invoice-generate .form-control[disabled],
.invoice-generate .form-control[readonly],
.invoice-generate fieldset[disabled] .form-control {
  background: #F0F1F5;
}

.invoice-generate a.btn-delete {
  text-align: center;
  display: block;
}

.invoice-generate a.btn-delete .icon-delete {
  font-size: 18px;
  line-height: 38px;
}

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

.invoice-generate a.click2edit {
  display: inline-block;
  margin: -20px 0 40px;
}

.invoice-generate .invoice-footer {
  margin-bottom: 30px;
}

.invoice-generate .invoice-footer p {
  font-size: 14px;
  line-height: 1.8;
}

.invoice-generate .invoice-footer a {
  display: inline-block;
  padding-bottom: 30px;
}

.invoice-modals h5.modal-title {
  font-size: 18px;
  color: #21BCB0;
}

.invoice-modals label {
  font-weight: 500;
  text-align: right;
  display: block;
}

.invoice-modals.edit-footer .modal-dialog {
  width: 100%;
  max-width: 800px;
}

.invoice-modals .modal-content .modal-header .close {
  color: #21BCB0;
}

/* Invoice Preview */
.invoice-preview .invoice-table table.total {
  margin-top: -25px;
  margin-bottom: -15px;
}

.invoice-preview .total p {
  margin: 0;
}

/* Invoice Send */
#sendInvoice .modal-dialog {
  max-width: 800px;
  width: 100%;
}

/* Advanced search */
.advance-search ul.menus a.btn {
  padding: 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  margin: 5px 5px 0;
}

.advance-search ul.menus a.btn:after {
  display: none;
}

.advance-search ul.menus a.btn.btn-primary {
  color: #fff;
  background: #21BCB0;
}

.advance-search ul.menus a.btn.btn-primary:hover,
.advance-search ul.menus a.btn.btn-primary:active,
.advance-search ul.menus a.btn.btn-primary:active:hover,
.advance-search ul.menus a.btn.btn-primary:focus,
.advance-search ul.menus a.btn.btn-primary:focus:hover {
  border-color: #1da69c;
  background: #1da69c;
}

.advance-search ul.menus>li>.custom-btn {
  background: #ffffff;
  padding: 6px 10px;
  margin: 6px 0;
  border-radius: 2px;
  font-size: 12px;
  color: #2e3255;
  border: solid 1px #dce1e9;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.advance-search ul.menus>li>.custom-btn:after {
  display: none;
}

.advance-search ul.menus>li>.custom-btn:hover,
.advance-search ul.menus>li>.custom-btn:active,
.advance-search ul.menus>li>.custom-btn:focus,
.advance-search ul.menus>li>.custom-btn:focus:hover,
.advance-search ul.menus>li>.custom-btn:active:hover {
  -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
}

.advance-search ul.menus>li>.custom-btn.btn-success {
  color: #fff;
  background: #00E676;
}

.advance-search ul.menus>li>.custom-btn.btn-warning {
  color: #fff;
  background: #FFAB00;
}
.advance-search ul.menus>li>.custom-btn.btn-primary {
  color: #fff;
  background: #29bbb0;
}
.advance-search ul.menus>li>.custom-btn.btn-secondary {
  color: rgba(0, 0, 0, 0.6);;
  background: #e4e4e4;
}

.advance-search ul.menus>li>.custom-btn.mr-10 {
  margin-right: 10px;
}

.advance-search>.form-wrapper {
  width: 80%;
  padding-right: 30px;
}

.advance-search .wrap-form {
  overflow-y: auto;
  overflow-x: hidden;
}

.advance-search .wrap-form .dropdown-multiselect .dropdown-menu ,.master-rp-filter .dropdown-multiselect .dropdown-menu ,.cust-multidropdown-selection .dropdown-multiselect .dropdown-menu {
  height: 190px !important;
  position: absolute;
  z-index: 100;
}

.advance-search>.row {
  width: 80%;
}

.advance-search form {
  display: block;
  margin: 0;
  padding: 0 0 0 5px;
  zoom: 1;
}

.advance-search form:before,
.advance-search form:after {
  content: "";
  display: table;
}

.advance-search form:after {
  clear: both;
}

.advance-search form hr {
  margin: 20px 15px;
}

.advance-search form hr.mt-0 {
  margin-top: 0 !important;
}

.advance-search form fieldset {
  border: solid 1px #DCE0E9;
  margin: 25px 15px;
  padding: 10px 15px 0;
  background: #FAFBFF;
}

.advance-search form fieldset legend {
  all: unset;
  padding: 0 10px;
  border: none;
  font-weight: 500;
  font-size: 15px;
  color: #2D3255;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.advance-search form fieldset hr {
  margin-left: -17px;
  margin-right: -17px;
}

.advance-search form fieldset .input-switch.cond-row {
  margin-top: 20px;
}

.advance-search form fieldset .input-switch.cond-row+hr {
  margin: -17px 0 30px;
}

.advance-search form label {
  display: block;
}

.advance-search form label.title {
  text-transform: none;
  padding: 0;
}

.advance-search form input,
.advance-search form select,
.advance-search form textarea {
  display: block;
  width: 100%;
  padding: 6px 10px;
  height: 40px;
  font-size: 14px;
  letter-spacing: 0.02em;
  border: solid 1px #DCE0E9;
  -webkit-transition: border 0.2s linear;
  transition: border 0.2s linear;
}

.advance-search form input.placeholder,
.advance-search form select.placeholder,
.advance-search form textarea.placeholder {
  color: #6c7794;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 14px;
  letter-spacing: 0.02em;
}

.advance-search form input:-moz-placeholder,
.advance-search form select:-moz-placeholder,
.advance-search form textarea:-moz-placeholder {
  color: #6c7794;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 14px;
  letter-spacing: 0.02em;
}

.advance-search form input::-moz-placeholder,
.advance-search form select::-moz-placeholder,
.advance-search form textarea::-moz-placeholder {
  color: #6c7794;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 14px;
  letter-spacing: 0.02em;
}

.advance-search form input:-ms-input-placeholder,
.advance-search form select:-ms-input-placeholder,
.advance-search form textarea:-ms-input-placeholder {
  color: #6c7794;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 14px;
  letter-spacing: 0.02em;
}

.advance-search form input::-webkit-input-placeholder,
.advance-search form select::-webkit-input-placeholder,
.advance-search form textarea::-webkit-input-placeholder {
  color: #6c7794;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 14px;
  letter-spacing: 0.02em;
}

.advance-search form input:focus,
.advance-search form select:focus,
.advance-search form textarea:focus {
  border-color: #21BCB0;
}

.advance-search form input:focus.placeholder,
.advance-search form select:focus.placeholder,
.advance-search form textarea:focus.placeholder {
  color: transparent;
}

.advance-search form input:focus:-moz-placeholder,
.advance-search form select:focus:-moz-placeholder,
.advance-search form textarea:focus:-moz-placeholder {
  color: transparent;
}

.advance-search form input:focus::-moz-placeholder,
.advance-search form select:focus::-moz-placeholder,
.advance-search form textarea:focus::-moz-placeholder {
  color: transparent;
}

.advance-search form input:focus:-ms-input-placeholder,
.advance-search form select:focus:-ms-input-placeholder,
.advance-search form textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.advance-search form input:focus::-webkit-input-placeholder,
.advance-search form select:focus::-webkit-input-placeholder,
.advance-search form textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.advance-search form .input-checkbox {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}

.advance-search form .input-checkbox input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}

.advance-search form .input-checkbox input[type="checkbox"]:checked+label:before {
  background: #21BCB0;
  border: solid 1px #21BCB0;
}

.advance-search form .input-checkbox input[type="checkbox"]:checked+label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.advance-search form .input-checkbox label {
  display: block;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
}

.advance-search form .input-checkbox label:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  background: #fff;
  border: solid 1px #B3B9C7;
  left: 0;
  top: 1px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.advance-search form .input-checkbox label:after {
  content: "\e5ca";
  font-family: "icomoon";
  display: block;
  position: absolute;
  font-size: 18px;
  top: -3px;
  left: -1px;
  width: 20px;
  text-align: center;
  color: #21BCB0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  color: #fff;
}

.advance-search form .input-radio {
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
}

.advance-search form .input-radio input[type="radio"] {
  display: none;
}

.advance-search form .input-radio input[type="radio"]:checked+span:before {
  border: solid 1px #21BCB0;
}

.advance-search form .input-radio input[type="radio"]:checked+span:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.advance-search form .input-radio span {
  display: block;
  padding-left: 25px;
  position: relative;
}

.advance-search form .input-radio span:before,
.advance-search form .input-radio span:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}

.advance-search form .input-radio span:before {
  width: 18px;
  height: 18px;
  background: #fff;
  border: solid 1px #B3B9C7;
  left: 0;
  top: 1px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.advance-search form .input-radio span:after {
  height: 10px;
  width: 10px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  background: #21BCB0;
  left: 4px;
  top: 5px;
}

.advance-search form .input-switch {
  display: block;
  width: 100px;
  padding: 0 15px;
}

.advance-search form .input-switch input[type="radio"] {
  display: none;
}

.advance-search form .input-switch .switch {
  position: relative;
  background: #fff;
  border: solid 1px #21BCB0;
  height: 35px;
  overflow: hidden;
  zoom: 1;
}

.advance-search form .input-switch .switch:before,
.advance-search form .input-switch .switch:after {
  content: "";
  display: table;
}

.advance-search form .input-switch .switch:after {
  clear: both;
}

.advance-search form .input-switch .switch label {
  display: block;
  float: left;
  width: 34px;
  height: 34px;
  line-height: 35px;
  text-align: center;
  margin: 0;
  position: relative;
  z-index: 2;
  font-weight: 600;
  cursor: pointer;
  font-size: 12px;
}

.advance-search form .input-switch .switch .switch-selection {
  background: #21BCB0;
  display: block;
  position: absolute;
  width: 34px;
  height: 38px;
  z-index: 1;
  top: 0px;
  left: 0px;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}

.advance-search form .input-switch .switch input:checked+label {
  color: #fff;
}

.advance-search form .input-switch .switch input.and:checked~.switch-selection {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.advance-search form .input-switch .switch input.or:checked~.switch-selection {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.advance-search form .input-group {
  position: relative;
  display: block;
  width: 100%;
}

.advance-search form .input-group .form-control {
  max-width: calc(100% - 164px);
  width: 100%;
}

.advance-search form .input-group .input-group-addon {
  position: absolute;
  right: 0;
  min-width: 165px;
  border: 1px solid #ccc;
  padding: 4px 5px;
  z-index: 4;
}

.advance-search form .input-group .input-group-addon select {
  height: 30px;
}

.advance-search form .form-group {
  display: block;
  margin-bottom: 15px;
  zoom: 1;
}

.advance-search form .form-group:before,
.advance-search form .form-group:after {
  content: "";
  display: table;
}

.advance-search form .form-group:after {
  clear: both;
}

.advance-search form .form-group+hr {
  margin-top: 30px;
}

.advance-search form .form-group.mb-0 {
  margin-bottom: 0;
}

.advance-search form .invisible {
  visibility: hidden;
  opacity: 0;
}

.advance-search form .drop-down .advnce-search-dropdown {
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  border: solid 1px #dce1e9;
  top: 90%;
}

.advance-search form .drop-down .advnce-search-dropdown>li>a {
  padding: 10px;
}

.advance-search input.placeholder {
  font-size: 12px;
}

.advance-search input:-moz-placeholder {
  font-size: 12px;
}

.advance-search input::-moz-placeholder {
  font-size: 12px;
}

.advance-search input:-ms-input-placeholder {
  font-size: 12px;
}

.advance-search input::-webkit-input-placeholder {
  font-size: 12px;
}

.advance-search .form-footer {
  padding: 10px 0;
  border-top: solid 1px #DCE0E9;
  margin: 0;
}

.advance-search .advanced-filter {
  position: fixed;
  width: 20%;
  right: 0;
  height: calc(100vh - 90px);
  overflow-y: auto;
  top: 90px;
}

.advance-search .advanced-filter .tags span {
  margin-bottom: 5px;
}

.advance-search .advanced-filter .tags span.btn-close {
  padding-right: 30px;
}

.advance-search .advanced-filter .tags span.condition {
  background: #FFD54F;
  margin-bottom: 10px;
  display: inline-block;
}

.advance-search .advanced-filter .tags span i {
  height: 22px;
  line-height: 22px;
  border-radius: 0 2px 2px 0;
}

.advance-search .advanced-filter .tags b {
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  color: gray;
}

.advance-search .advanced-filter .input-checkbox {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}

.advance-search .advanced-filter .input-checkbox input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}

.advance-search .advanced-filter .input-checkbox input[type="checkbox"]:checked+label:before {
  background: #21BCB0;
  border: solid 1px #21BCB0;
}

.advance-search .advanced-filter .input-checkbox input[type="checkbox"]:checked+label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.advance-search .advanced-filter .input-checkbox label {
  display: block;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
}

.advance-search .advanced-filter .input-checkbox label:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  background: #fff;
  border: solid 1px #B3B9C7;
  left: 0;
  top: 1px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.advance-search .advanced-filter .input-checkbox label:after {
  content: "\e5ca";
  font-family: "icomoon";
  display: block;
  position: absolute;
  font-size: 18px;
  top: -3px;
  left: -1px;
  width: 20px;
  text-align: center;
  color: #21BCB0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  color: #fff;
}

.advance-search .advanced-filter hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

.advance-search .advanced-filter hr.spacer-sm {
  border: none;
  margin: 5px 0;
}

.advance-search .advanced-filter h3.empty {
  text-align: center;
  color: #b3b3b3;
  margin-top: 40vh;
  font-size: 18px;
}

/* .advance-search .candidate_match_duplicate {
  text-align: right;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
} */
.advance-search .candidate_match_duplicate, .custom-modal-content .candidate_match_duplicate {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  display: flex;
  justify-content: flex-end;
}

.advance-search .candidate_match_duplicate a , .custom-modal-content .candidate_match_duplicate  a{
  display: inline-block;
  padding: 0 5px;
  background: #F4511E;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  padding-left: 7px;
}

.advance-search .candidate_match_duplicate a i ,.custom-modal-content .candidate_match_duplicate a i {
  display: inline-block;
  -webkit-transform: translateY(1px) scale(1.1);
  transform: translateY(1px) scale(1.1);
  margin-right: 5px;
}

.advance-search .dropdown-header , .master-rp-filter .filter-multiselection .dropdown-header, 
.cust-multidropdown-selection .dropdown-header{
  padding: 10px;
}

.advance-search .dropdown-multiselect a.option , .master-rp-filter .dropdown-multiselect a.option , 
.cust-multidropdown-selection .dropdown-multiselect a.option {
  position: relative;
  padding: 10px 10px 10px 40px;
  display: block;
}

.advance-search .dropdown-multiselect a.option>span , .master-rp-filter .dropdown-multiselect a.option>span , 
.cust-multidropdown-selection .dropdown-multiselect a.option>span  {
  display: block;
  position: relative;
}

.advance-search .dropdown-multiselect a.option>span:nth-child(1) , 
.master-rp-filter .dropdown-multiselect a.option>span:nth-child(1) ,
.cust-multidropdown-selection .dropdown-multiselect a.option>span:nth-child(1){
  position: absolute;
  width: 20px;
  height: 20px;
  left: 10px;
  top: 8px;
  border: solid 1px #DCE0E9;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.advance-search .dropdown-multiselect a.option>span:nth-child(1):before ,
.master-rp-filter .dropdown-multiselect a.option>span:nth-child(1):before, 
.cust-multidropdown-selection .dropdown-multiselect a.option>span:nth-child(1):before {
  content: "\e5ca";
  font-family: "icomoon";
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 20px;
  left: 0;
  top: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.advance-search .dropdown-multiselect a.option>span:nth-child(1).glyphicon-ok ,
.master-rp-filter .dropdown-multiselect a.option>span:nth-child(1).glyphicon-ok ,
.cust-multidropdown-selection .dropdown-multiselect a.option>span:nth-child(1).glyphicon-ok {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.advance-search .dropdown-multiselect a.option>span:nth-child(1).glyphicon-ok:before,
.master-rp-filter .dropdown-multiselect a.option>span:nth-child(1).glyphicon-ok:before,
.cust-multidropdown-selection .dropdown-multiselect a.option>span:nth-child(1).glyphicon-ok:before
 {
  color: #fff;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  visibility: visible;
}

.advance-search .dropdown-multiselect a.option>span:nth-child(2)>span ,
.master-rp-filter .dropdown-multiselect a.option>span:nth-child(2)>span,
.cust-multidropdown-selection .dropdown-multiselect a.option>span:nth-child(2)>span
{
  display: block;
  text-align: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.advance-search .dropdown-multiselect a.option>span:empty ,
.master-rp-filter .dropdown-multiselect a.option>span:empty,
.cust-multidropdown-selection .dropdown-multiselect a.option>span:empty
{
  padding: 0;
}

.advance-search .advnce-search-dropdown {
  right: 0;
  top: 54px;
  width: 100%;
  margin-top: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  border-radius: 0;
  padding: 0;
  overflow: hidden;
}

.advance-search .advnce-search-dropdown>li>a {
  padding: 10px;
  font-size: 14px;
  position: relative;
}

.advance-search .advnce-search-dropdown>li>a:hover {
  color: #fff !important;
}

.advance-search .advnce-search-dropdown>li>a span {
  cursor: pointer;
  position: absolute;
  top: 12px;
  width: 20px;
  text-align: center;
  padding: 0;
}

.advance-search .advnce-search-dropdown>li>a span i {
  display: block;
}

.advance-search .advnce-search-dropdown>li>a p {
  padding-right: 20px;
  font-size: 14px;
  display: block;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: calc(100% - 40px);
}

.advance-search .advnce-search-dropdown>li>a .delete {
  right: 5px;
  top: 14px;
  font-size: 13px;
}

.advance-search .advnce-search-dropdown>li>a .edit {
  right: 35px;
  display: none;
}

.advance-search .dropdown.open .advnce-search-dropdown {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.advance-search .dropdown.open>a {
  color: #199187;
  border: none;
  background: rgba(33, 188, 176, 0.07);
}

.advance-search .dropdown.open>a:after {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.advance-search .accordion-containers {
  display: block;
  margin-top: 30px;
}

.advance-search .accordion-containers .accordion {
  display: block;
  margin-bottom: 5px;
}

.advance-search .accordion-containers .accordion input[type="checkbox"] {
  display: block;
  position: absolute;
  opacity: 0;
  display: none;
}

.advance-search .accordion-containers .accordion>label {
  display: block;
  font-size: 16px;
  padding: 15px;
  padding-right: 50px;
  cursor: pointer;
  margin: 0;
  border-bottom: solid 1px #F5F5F5;
  margin-left: -5px;
  letter-spacing: 0.04em;
}

.advance-search .accordion-containers .accordion>label i {
  display: inline-block;
  padding: 0 10px;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.advance-search .accordion-content {
  padding: 10px 15px;
  display: none;
}

.advance-search .accordion-content label {
  all: unset;
  color: #999999;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 5px;
  letter-spacing: 0.02em;
  display: block;
}

.advance-search .accordion-content label:before,
.advance-search .accordion-content label:after {
  display: none;
}

.advance-search .accordion-content.custom .input-checkbox {
  margin-right: 10px;
}

.advance-search .accordion-content.custom label span,
.advance-search .accordion-content.custom .input-checkbox label {
  font-size: 13px;
  line-height: 21px;
  color: #2D3255;
}

.advance-search .accordion-content.custom .title {
  font-weight: 500;
  text-transform: none;
  padding-left: 0;
}

.advance-search .accordion-content.custom .input-checkbox label:after {
  background: none;
  top: -1px;
}

.advance-search .accordion-content .to-top .dropdown-multiselect .dropdown-menu {
  bottom: 100%;
  top: auto;
}

.advance-search .accordion-content p {
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.advance-search .accordion-containers .accordion input[type="checkbox"]:checked~.accordion-content {
  display: block;
}

.advance-search .accordion>label:before,
.advance-search .accordion>label:after {
  left: auto;
  right: 20px;
}

.advance-search .accordion>label:after {
  left: auto;
  right: 24px;
}

.candidateProfile-btns {
  background: #e5e5e5;
  z-index: 10;
  padding: 9px 15px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50px;
}

.captcha {
  margin-top: 30px;
  padding: 20px 5px;
}

.captcha img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.captcha a.btn {
  border: none !important;
  height: 40px;
  display: block;
}

/* .recruiz-search .cards:first-child > .row:not(.candidate-footer) > .col-md-5,
.recruiz-search .cards:first-child > .row:not(.candidate-footer) > .col-md-7 {
	margin-top: -31px
} */
#searched-form {
  position: relative;
}

#searched-form .input-radio {
  display: inline-block;
  margin-bottom: 0;
  cursor: pointer;
}

#searched-form .input-radio:first-child {
  margin-right: 20px;
}

#searched-form .input-radio input[type="radio"] {
  display: none;
}

#searched-form .input-radio input[type="radio"]:checked+span:before {
  border: solid 1px #21BCB0;
}

#searched-form .input-radio input[type="radio"]:checked+span:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

#searched-form .input-radio span {
  display: block;
  padding-left: 25px;
  position: relative;
}

#searched-form .input-radio span:before,
#searched-form .input-radio span:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}

#searched-form .input-radio span:before {
  width: 18px;
  height: 18px;
  background: #fff;
  border: solid 1px #B3B9C7;
  left: 0;
  top: 1px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#searched-form .input-radio span:after {
  height: 10px;
  width: 10px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  background: #21BCB0;
  left: 4px;
  top: 5px;
}

#searched-form form {
  margin-bottom: 0;
}

#searched-form form .btn-form {
  height: 40px;
}

#searched-form .search-loading , .captch .search-loading {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 95%;
  width: 98%;
  background: #fff;
  z-index: 5;
}
 
.overlay.show.captch {
  background: rgba(0, 0, 0, 0.6);
}

.captch .search-loading {
  height: 100px;
  width: fit-content;
  top: 100px !important;
  left:50% !important;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background-color: transparent;
  background: none;
  margin:unset;
}

#searched-form .search-loading h3, .captch .search-loading h6 {
  margin: 0;
  text-align: center;
  font-size: 20px;
  line-height: 4;
  color: #21BCB0;
}

.captch .search-loading h6 {
  font-size: 18px;
  font-weight: bold;
  /* padding: 0px 15px; */
  border-radius: 4px;
  text-align: center;
  line-height: unset;
  color:white;
}

.captch .search-loading p {
  color:white;
}

#searched-form .search-loading h3 span , .captch .search-loading h6 span{
  display: inline-block;
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#searched-form .search-loading h3 span:nth-child(2) , .captch .search-loading h3 span:nth-child(2){
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

#searched-form .search-loading h3 span:nth-child(3) , .captch .search-loading h3 span:nth-child(3) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}

@-webkit-keyframes blink {
  0% {
    opacity: .2;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: .2;
  }
}

@keyframes blink {
  0% {
    opacity: .2;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: .2;
  }
}

.search-tags span {
  background-color: #21BCB0;
  display: inline-block;
  padding: 3px 8px;
  margin-right: 5px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
  font-size: 12px;
  position: relative;
  cursor: pointer;
}

/* Recent Searches */
ul.recent-search {
  margin: 0;
}

ul.recent-search li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: solid 1px #dce1e9;
  padding: 10px;
}

ul.recent-search li.header {
  background: #f8f8f9;
  padding: 15px;
  font-weight: bold;
  font-size: 15px;
}

ul.recent-search li.header .search-name span {
  display: inline;
}

ul.recent-search li .search-name {
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.04em;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  width: calc(100% - 440px);
}

ul.recent-search li .search-name span {
  font-weight: normal;
  font-size: 13px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

ul.recent-search li .search-exp {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  width: 130px;
  text-align: center;
}

ul.recent-search li .search-location {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  width: 130px;
  text-align: center;
}

ul.recent-search li .search-btns {
  display: block;
  width: 180px;
  text-align: right;
}

ul.recent-search li .search-btns .btn-outline {
  display: inline-block;
  margin-right: 10px;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

/* Candidate Folder */
.candidate-folders {
  display: block;
  zoom: 1;
}

.candidate-folders:before,
.candidate-folders:after {
  content: "";
  display: table;
}

.candidate-folders:after {
  clear: both;
}

.candidate-folders .dropdown {
  display: block;
  position: absolute;
  top: 5px;
  right: 10px;
  text-align: center;
}

.candidate-folders .dropdown>a {
  display: block;
  color: #2D3255;
}

.candidate-folders .dropdown>a i {
  font-size: 20px;
}

.candidate-folders .dropdown .dropdown-menu {
  margin: 0;
  left: auto;
  right: 0px;
  top: 100%;
  text-align: left;
}

.candidate-folders .dropdown .dropdown-menu li {
  border-bottom: solid 1px #DCE0E9;
}

.candidate-folders .dropdown .dropdown-menu li a {
  text-align: left;
  padding: 8px;
  font-size: 14px;
}

.candidate-folders .dropdown .dropdown-menu li a i {
  display: inline-block;
  padding-right: 8px;
}

.candidate-folders>.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.candidate-folders>.row>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.candidate-folders .candidate-folder {
  background: #fff;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 60px;
  display: block;
  width: 100%;
  border-radius: 5px;
}

.candidate-folders .candidate-folder .btn-primary {
  display: block;
  border-radius: 0 0 5px 5px;
  padding: 15px;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.candidate-folders .candidate-folder tip-tip {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  width: 150px;
  max-width: none;
}

.candidate-folders .candidate-folder .shared {
  background: #0065FF;
  padding: 4px 10px;
  padding-left: 30px;
  display: inline-block;
  color: #fff;
  position: relative;
  margin-bottom: 20px;
}

.candidate-folders .candidate-folder .shared.alt {
  background: #00E676;
}

.candidate-folders .candidate-folder .shared i {
  font-size: 18px;
  position: absolute;
  left: 0;
  width: 30px;
  text-align: center;
}

.candidate-folders .candidate-folder .shared a {
  color: #fff;
}

.candidate-folders .candidate-folder .folder-details {
  min-height: 80px;
}

.candidate-folders .candidate-folder h3 {
  font-size: 18px;
  color: #2D3255;
  padding: 0 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.candidate-folders .candidate-folder p {
  color: #6C727F;
  font-size: 13px;
  line-height: 1.8;
  padding: 0 20px;
  margin-bottom: 20px;
  white-space: normal;
  word-break: break-word;
}

.candidate-folders .candidate-count {
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 20px;
}

.candidate-folders figure {
  display: block;
  width: 100%;
  position: relative;
}

.candidate-folders figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 40px 0 0;
  font-size: 40px;
  text-align: center;
  width: 100%;
  line-height: 1;
  color: #2D3255;
}

.candidate-folders figcaption span {
  display: block;
  font-size: 18px;
  color: #7a859f;
  margin-top: 5px;
}

.candidate-folders svg {
  fill: none;
  stroke: #E8EBF2;
  stroke-width: 3px;
  max-resolution: 150px;
}

.add-folder textarea {
  resize: none;
}

.add-folder span.hint-text {
  display: inline-block;
  color: #98A0B4;
  font-size: 13px;
  margin-top: 5px;
}

.add-folder .form-control.folderSearch {
  padding-right: 40px;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.add-folder i.fa-search {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.add-folder .folder-lists {
  margin-top: -10px;
  max-height: 290px;
  min-height: 200px;
  overflow-y: auto;
  border: solid 1px #DCE0E9;
}

.add-folder .folder-lists .folder-list {
  display: block;
  border-bottom: solid 1px #DCE0E9;
  margin: 0;
  padding: 15px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.add-folder .folder-lists .folder-list:hover {
  background: #F0FCFB;
}

.add-folder .folder-lists .folder-list:hover .icon-check:before {
  content: "\e15b";
}

.add-folder .folder-lists .folder-list input:checked .icon-check {
  opacity: 1;
}

.add-folder .folder-lists .bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #F0FCFB;
  opacity: 0;
  z-index: -1;
}

.add-folder .folder-lists h4 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 16px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 90%;
}

.add-folder .folder-lists p {
  margin: 0;
  color: #98A0B4;
  font-size: 14px;
}

.add-folder .folder-lists input {
  display: none;
}

.add-folder .folder-lists .icon-check {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  line-height: 18px;
  background: #21BCB0;
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 18px;
}

.add-folder .folder-lists input:checked+.icon-check {
  opacity: 1;
}

.add-folder .folder-lists input:checked~.bg {
  opacity: 1;
}

.add-folder .placehoder_no_data {
  padding: 60px 0;
  text-align: center;
}

.add-folder .placehoder_no_data i {
  display: block;
  font-size: 100px;
  color: #e6e6e6;
}

.add-folder .placehoder_no_data h4 {
  margin-bottom: 20px;
}

.add-folder .placehoder_no_data p {
  max-width: 70%;
  margin: 0 auto 30px;
  font-size: 14px;
  color: #7a859f;
  line-height: 1.8;
}

.add-folder .exisiting-folder {
  padding-top: 15px;
  padding-bottom: 15px;
}

.candList {
  padding-top: 0;
  padding-bottom: 0;
}

#candList {
  padding-top: 40px;
  max-height: 500px;
  overflow-y: auto;
}

#candList .source_candidate_add {
  display: block;
  position: relative;
  padding-left: 70px;
  margin-bottom: 25px;
  -webkit-transition: none;
  transition: none;
}

#candList .source_candidate_add .candidate-img {
  position: absolute;
  left: 20px;
}

#candList .source_candidate_add p {
  margin-bottom: 0;
}

#candList .source_candidate_add p span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

#candList .source_candidate_add p span.name {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: #2D3255;
  margin-top: 2px;
  margin-bottom: 5px;
}

#candList .source_candidate_add p span.email {
  color: #6c7794;
  line-height: 1;
}

#candList .source_candidate_add .mask {
  all: unset;
  position: absolute;
  left: 19px;
  top: -1px;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#candList .source_candidate_add .mask.mask-selected {
  opacity: 1;
}

#candList .source_candidate_add .mask .control__indicator {
  top: 0;
  left: 0;
}

.folders .note {
  all: unset;
  padding: 8px;
  padding-left: 30px;
  background: #fff7db;
  display: block;
  font-size: 13px;
  line-height: 1;
  margin-bottom: -15px;
  position: relative;
}

.folders .note i {
  display: block;
  position: absolute;
  width: 30px;
  text-align: center;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 29px;
}

/* Employee */
body.overflow {
  overflow: hidden;
}

.employee .onboard-stats {
  margin: 0 -20px 20px;
  padding: 10px;
  zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
}

.employee .onboard-stats:before,
.employee .onboard-stats:after {
  content: "";
  display: table;
}

.employee .onboard-stats:after {
  clear: both;
}

.employee .onboard-stats .onboard-stat {
  background: #fff;
  padding: 30px 0;
  text-align: center;
  margin: 10px 10px 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 0 #E8EBF2;
  box-shadow: 0 0 10px 0 #E8EBF2;
}

.employee .onboard-stats img {
  display: block;
  max-width: 130px;
  margin: 0 auto;
}

.employee .onboard-stats h2 {
  margin: 0;
  font-size: 50px;
  color: #2D3255;
}

.employee .onboard-stats h2 span {
  font-size: 14px;
  display: block;
  margin: 10px auto 0;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: #7a859f;
}

.employee .tabs {
  border-bottom: solid 1px #dce0e9;
}

.employee .tabs .form-group {
  margin-top: 5px;
  margin-bottom: 0;
  display: block;
  zoom: 1;
}

.employee .tabs .form-group:before,
.employee .tabs .form-group:after {
  content: "";
  display: table;
}

.employee .tabs .form-group:after {
  clear: both;
}

.employee .tabs ul.menus {
  zoom: 1;
  margin-bottom: 0;
  position: relative;
  border: none;
}

.employee .tabs ul.menus:before,
.employee .tabs ul.menus:after {
  content: "";
  display: table;
}

.employee .tabs ul.menus:after {
  clear: both;
}

.employee .tabs ul.menus>li>a {
  font-size: 16px;
  letter-spacing: .04em;
  padding: 15px;
}

.employee .employee-list {
  border: none;
  border-spacing: 0 15px;
  border-collapse: inherit;
  margin-top: -15px;
}

.employee .employee-list th {
  padding: 12px;
}

.employee .employee-list th i {
  display: inline-block;
  position: relative;
  font-size: 22px;
  top: 4px;
  line-height: 0;
  padding-left: 5px;
}

.employee .employee-list tr,
.employee .employee-list td {
  border: none;
}

.employee .employee-list td {
  background: #fff;
}

.employee .employee-list td:first-child,
.employee .employee-list th:first-child {
  text-align: center;
  border-radius: 5px 0 0 5px;
  font-weight: bold;
}

.employee .employee-list td:last-child,
.employee .employee-list th:last-child {
  text-align: center;
  border-radius: 0 5px 5px 0;
}

.employee .employee-list td,
.employee .employee-list th {
  letter-spacing: 0.04em;
}

.employee .employee-list th {
  font-size: 14px;
  border: none;
  vertical-align: middle;
}

.employee .employee-list tbody>tr {
  opacity: 1;
  -webkit-box-shadow: 0 0 10px 0 #E8EBF2;
  box-shadow: 0 0 10px 0 #E8EBF2;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.employee .employee-list tbody>tr:last-child .dropdown .dropdown-menu {
  top: auto;
  bottom: 103%;
}

.employee .employee-list tbody>tr:last-child .dropdown .dropdown-menu:after,
.employee .employee-list tbody>tr:last-child .dropdown .dropdown-menu:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: auto;
  bottom: -7px;
}

.employee .employee-list tbody>tr:last-child .dropdown .dropdown-menu:before {
  bottom: -6px;
}

.employee .employee-list tbody>tr:hover {
  -webkit-box-shadow: 0 3px 10px 0 #dce0e9;
  box-shadow: 0 3px 10px 0 #dce0e9;
}

.employee .employee-list tbody>tr td {
  text-align: initial;
  padding: 20px 10px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.employee .employee-list tbody>tr td>span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  margin-left: 5px;
}

.employee .employee-list strong {
  display: inline-block;
  padding: 4px 0;
  margin-left: 10px;
  border-radius: 3px;
  min-width: 120px;
  text-align: center;
  color: #fff;
  font-size: 13px;
}

.employee .employee-list strong.offer-accepted {
  background: #c38d3b;
}

.employee .employee-list strong.joined {
  background: lightslategrey;
}

.employee table .employee-details {
  position: relative;
  padding-left: 50px;
}

.employee table .employee-details img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 40px;
  top: -60%;
}

.employee table .employee-details h6 {
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 220px;
}

.employee table .employee-details h6 span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

.employee table .employee-details .btn [class^="icon-"] {
  padding: 0;
}

.employee .status {
  display: block;
  padding: 4px 6px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.employee .status.completed {
  background: #00cd69;
}

.employee .status.skipped {
  background: #BDBDBD;
}

.employee .status.offer-accepted {
  background: #c38d3b;
}

.employee .status.joined {
  background: lightslategrey;
}

.employee .status.ongoing {
  background: #2D3255;
}

.employee .status.ongoing span {
  display: block;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #00cd69;
  z-index: -1;
}

.employee .actions-btn {
  text-align: center;
}

.employee .dropdown {
  position: relative;
}

.employee .dropdown>a {
  display: block;
  padding: 0 3px;
  text-align: center;
  font-size: 20px;
  background: #E8EBF2;
  color: #2D3255;
  cursor: pointer;
}

.employee .dropdown.positions-dropdown {
  display: block;
}

.employee .dropdown.positions-dropdown>a {
  background: none;
  font-size: 15px;
  display: block;
  background: #DCE0E9;
  padding: 5px 10px;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.employee .dropdown.positions-dropdown>a i {
  /* display: inline-block; */
  font-size: 20px;
  padding-left: 10px;
  /* position: relative; */
  position:absolute;
  /* top: -1px; */
  right:5px;
  bottom:5px;
}

.employee .dropdown.positions-dropdown .dropdown-menu {
  min-width: 250px;
  top: 130%;
}

.employee .dropdown.positions-dropdown .dropdown-menu:before,
.employee .dropdown.positions-dropdown .dropdown-menu:after {
  content: "";
  position: absolute;
  top: -6px;
  right: 12px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #DCE0E9;
}

.employee .dropdown.positions-dropdown .dropdown-menu:before {
  border-bottom: 7px solid #fff;
  z-index: 2;
}

.employee .dropdown.positions-dropdown .dropdown-menu:after {
  right: 11px;
  top: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #DCE0E9;
  z-index: 1;
}

.employee .dropdown.positions-dropdown label {
  display: block;
  padding: 10px;
  margin: 0;
  border-bottom: solid 1px #DCE0E9;
  position: relative;
}

.employee .dropdown.positions-dropdown label input {
  margin-bottom: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.employee .dropdown.positions-dropdown label span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 25px);
  display: block;
  padding-left: 25px;
  line-height: 1;
  padding-top: 2px;
}

.employee .dropdown .dropdown-menu {
  left: auto;
  right: 0;
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  border: solid 1px #DCE0E9;
}

.employee .dropdown .dropdown-menu li {
  text-align: left;
}

.employee .dropdown .dropdown-menu a {
  display: block;
  padding: 10px;
  font-size: 14px;
}

.employee .dropdown .dropdown-menu a i {
  display: inline-block;
  padding-right: 5px;
}

.slide-right {
  -webkit-transition-property: top, bottom, left, right !important;
  transition-property: top, bottom, left, right !important;
  -webkit-transition-duration: 0.5s !important;
  transition-duration: 0.5s !important;
}

.custom-modal {
  /* right: 0;
  top: 0; */
  width: 900px;
  height: 100vh;
  max-height: 100vh;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  border-radius: 0;
  border: none;
  position: relative;
}

.custom-modal .custom-modal-header,
.custom-modal .custom-modal-footer {
  margin: 0 0 30px;
  padding: 10px 15px;
  background: #21BCB0;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1001;
  width: 900px;
}

.custom-modal .custom-modal-header {
  margin: 0 0 30px;
  top: 0;
  right: 0;
  height: 40px;
}

.custom-modal .custom-modal-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.custom-modal .custom-modal-footer {
  bottom: 0;
  top: auto;
  margin: 0;
  background: #F0F1F5;
}

.custom-modal .custom-modal-footer a.btn-sm {
  padding-left: 20px;
  padding-right: 20px;
}

.custom-modal .custom-modal-footer a.btn-sm:first-child {
  margin-right: 10px;
}

.custom-modal .custom-modal-content {
  padding: 60px 15px 0;
}

.custom-modal .custom-modal-content .onboarding .title {
  padding-left: 40px;
}

.custom-modal .custom-modal-content .onboarding .title .expand {
  height: 100%;
}

.custom-modal .custom-modal-content .onboarding .title h3,
.custom-modal .custom-modal-content .onboarding .title label.checkbox {
  width: 100%;
  max-width: calc(100% - 50px);
}

.custom-modal .custom-modal-content .onboarding .title label.checkbox span:before,
.custom-modal .custom-modal-content .onboarding .title label.checkbox span:after {
  visibility: hidden;
}

.custom-modal .custom-modal-content .onboarding .title label.checkbox.completed span:before,
.custom-modal .custom-modal-content .onboarding .title label.checkbox.completed span:after {
  visibility: visible;
}

.custom-modal .custom-modal-content .onboarding .title.subCategory-title .checkbox {
  padding-left: 15px;
}

.custom-modal .custom-modal-content .onboarding .title.subCategory-title .checkbox input[type="checkbox"],
.custom-modal .custom-modal-content .onboarding .title.subCategory-title .checkbox span:before,
.custom-modal .custom-modal-content .onboarding .title.subCategory-title .checkbox span:after {
  display: none;
}

.custom-modal .custom-modal-content .onboarding .title.activity-title:after {
  display: none;
}

.custom-modal .custom-modal-content .onboarding .title.activity-title label.checkbox {
  padding-left: 0;
}

.custom-modal .custom-modal-content .onboarding .title.category-title {
  padding-left: 20px;
}

.custom-modal .custom-modal-content .onboarding .dropdown {
  top: 10px;
  bottom: auto;
}

.custom-modal .custom-modal-content .onboarding .activities {
  background: #fff;
  counter-reset: my-awesome-counter;
}

.custom-modal .custom-modal-content .onboarding .activities .activity-group {
  counter-increment: my-awesome-counter;
}

.custom-modal .custom-modal-content .onboarding .activities .activity-group .activity-title {
  padding-left: 40px;
  margin-left: 0;
}

.custom-modal .custom-modal-content .onboarding .activities .activity-group .activity-title label.checkbox {
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  zoom: 1;
}

.custom-modal .custom-modal-content .onboarding .activities .activity-group .activity-title label.checkbox:before,
.custom-modal .custom-modal-content .onboarding .activities .activity-group .activity-title label.checkbox:after {
  content: "";
  display: table;
}

.custom-modal .custom-modal-content .onboarding .activities .activity-group .activity-title label.checkbox:after {
  clear: both;
}

.custom-modal .custom-modal-content .onboarding .activities .activity-group .activity-title label.checkbox>span,
.custom-modal .custom-modal-content .onboarding .activities .activity-group .activity-title label.checkbox>a {
  display: block;
  float: left;
}

.custom-modal .custom-modal-content .onboarding .activities .activity-group .activity-title label.checkbox>span {
  max-width: calc(100% - 150px);
}

.custom-modal .custom-modal-content .onboarding .activities .activity-group .activity-title:before {
  display: none;
}

.custom-modal .custom-modal-content .onboarding .activities .activity-group .activity-title .expand:before {
  content: counter(my-awesome-counter);
  font-size: 15px;
}

.custom-modal .custom-modal-content .onboarding .activities .activity-group .activity-title span {
  padding-left: 15px;
}

.custom-modal .custom-modal-content .onboarding .activity-description {
  padding: 15px 20px 20px 60px;
}

.custom-modal .custom-modal-content .onboarding .activity-description:after {
  display: none;
}

.custom-modal .custom-modal-content .onboarding .activity-description .meta {
  background: none;
  border-top: solid 1px #DCE0E9;
  padding: 8px 20px;
}

.custom-modal .custom-modal-content .onboarding .activity-details {
  zoom: 1;
}

.custom-modal .custom-modal-content .onboarding .activity-details:before,
.custom-modal .custom-modal-content .onboarding .activity-details:after {
  content: "";
  display: table;
}

.custom-modal .custom-modal-content .onboarding .activity-details:after {
  clear: both;
}

.custom-modal .custom-modal-content .onboarding .activity-details br {
  display: none;
}

.custom-modal .custom-modal-content .onboarding .activity-details ul,
.custom-modal .custom-modal-content .onboarding .activity-details ol {
  margin: 20px 0 20px 20px;
}

.custom-modal .custom-modal-content .onboarding .activity-details ul li,
.custom-modal .custom-modal-content .onboarding .activity-details ol li {
  padding: 4px 0;
  list-style: decimal;
}

.custom-modal .close-btn {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  background: #2D3255;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 33px;
  font-size: 20px;
}

.custom-modal .profile hr {
  height: 40px;
  position: relative;
  border: none;
  clear: both;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 10px;
  margin-top: 8px;
}

.custom-modal .profile hr:before {
  content: attr(data-title);
  position: absolute;
  padding: 10px;
  left: 15px;
  background: #fff;
  z-index: 1;
  font-size: 16px;
  font-weight: 500;
  color: #21BCB0;
}

.custom-modal .profile hr:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 100%;
  background: #DCE0E9;
}

.custom-modal .profile div.clearfix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 15px;
  padding-bottom: 20px;
}

.custom-modal .profile p {
  font-size: 14px;
  letter-spacing: 0.04em;
  width: 33.33%;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  color: gray;
}

.custom-modal .profile p span:first-of-type {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #2D3255;
}

.edit-employee hr {
  height: 40px;
  position: relative;
  border: none;
  clear: both;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 10px;
}

.edit-employee hr:before {
  content: attr(data-title);
  position: absolute;
  padding: 10px;
  left: 15px;
  background: #fff;
  z-index: 1;
  font-size: 16px;
  font-weight: 500;
  color: #2D3255;
}

.edit-employee hr:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 100%;
  background: #DCE0E9;
}

.edit-employee label.label-control {
  color: #7a859f;
  font-size: 13px;
  margin-top: 0;
}

.edit-employee .custom-modal .custom-modal-content {
  padding: 30px 15px 0;
  margin-top: 40px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 100px);
}

.edit-employee .uib-datepicker .btn {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  border: none;
  padding: 8px 12px;
}

.edit-employee .uib-datepicker .btn.active {
  background: #21BCB0;
  color: #fff;
}

.edit-employee .uib-datepicker .btn:hover {
  background: #21BCB0;
  color: #fff;
}

.edit-employee .uib-datepicker .btn:hover span.text-muted {
  color: #fff;
}

.edit-employee .uib-datepicker thead>tr>th {
  background: #21BCB0;
  color: #fff;
  border: solid 1px #d4e0df;
  border-bottom: none;
}

.edit-employee .uib-datepicker tbody {
  background: #fff;
}

.edit-employee .uib-datepicker tbody>tr>td {
  border: solid 1px #DCE0E9;
}

.edit-employee .uib-datepicker thead>tr>th .btn {
  background: none;
  color: #fff;
  border: none;
}

.edit-employee .uib-datepicker .btn span {
  color: unset;
}

.edit-employee .uib-datepicker .btn span.text-muted {
  color: gray;
}

.emp-detail .custom-modal-header {
  padding-bottom: 0;
  background: #E8EBF2;
  height: auto;
  color: #2D3255;
}

.emp-detail .custom-modal-header h3 {
  font-size: 15px;
  color: #73748E;
}

.emp-detail .custom-modal-header .emp-meta {
  padding: 10px;
  padding: 20px 0 0;
  zoom: 1;
}

.emp-detail .custom-modal-header .emp-meta:before,
.emp-detail .custom-modal-header .emp-meta:after {
  content: "";
  display: table;
}

.emp-detail .custom-modal-header .emp-meta:after {
  clear: both;
}

.emp-detail .custom-modal-header .emp-meta p {
  display: block;
  float: left;
  width: 33.33%;
  padding: 0 15px;
  font-size: 15px;
  margin-bottom: 0;
}

.emp-detail .dropdown {
  right: 34px;
  top: 4px;
  position: absolute;
}

.emp-detail .dropdown>a {
  padding: 1px 5px;
}

.emp-detail .custom-modal-content {
  opacity: 1;
  padding: 15px 15px 0;
  margin-top: 152px;
  max-height: calc(100vh - 152px);
  overflow-x: hidden;
  overflow-y: auto;
}

.emp-detail .onboarding {
  background: none;
  margin: 0;
}

.emp-detail .emp-details {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -20px;
  background: #F7F8FB;
  border-bottom: solid 1px #E8EBF2;
  padding: 30px 0 20px;
}

.emp-detail .emp-details .actions-btn {
  position: absolute;
  top: 4px;
  right: 40px;
}

.emp-detail .emp-details .actions-btn a.btn {
  position: relative;
  padding-top: 3px;
  border-radius: 0;
}

.emp-detail .emp-details .actions-btn a.btn i {
  padding-right: 0;
  font-size: 15px;
}

.emp-detail .emp-details .avatar {
  position: relative;
  padding-left: 60px;
  padding-top: 5px;
}

.emp-detail .emp-details .avatar img {
  display: block;
  position: absolute;
  left: 25px;
  top:25px;
}
.emp-detail .emp-details .avatar h6 {
  font-size: 18px;
  color: #2D3255;
  margin-top: 5px;
  letter-spacing: 0.04em;
  width: 270px;
  margin-left: 55px;
}

.emp-detail .emp-details .avatar h6 span {
  display: block;
  font-size: 14px;
  margin-top: 8px;
  font-weight: normal;
  color: #7a859f;
}

.emp-detail .emp-details .emp-meta {
  margin: 0;
  font-size: 15px;
  color: #2D3255;
  letter-spacing: 0.04em;
}

.emp-detail .emp-details .emp-meta span {
  font-weight: 500;
  display: inline-block;
  letter-spacing: 0.04em;
  margin-right: 8px;
}

.emp-detail .emp-contact p {
  display: block;
  margin: 5px;
  font-size: 14px;
  letter-spacing: 0.04em;
}

.emp-detail .emp-contact p:first-child {
  margin-top: 8px;
}

.emp-detail ul.menus {
  margin-left: -15px;
  margin-right: -15px;
}

.emp-detail ul.menus>li>a {
  padding: 10px 15px;
}

.docs {
  margin: 0;
}

.docs .ov-text {
  display: block;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.docs input[type="file"] {
  display: none;
}

.docs img {
  display: block;
  margin: 0 auto;
}

.docs thead>tr>th {
  border-bottom: solid 1px #DCE0E9;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: 0.04em;
}

.docs thead>tr>th:first-child {
  padding-left: 20px;
}

.docs thead>tr>th i {
  display: inline-block;
  position: relative;
  font-size: 22px;
  top: 4px;
  line-height: 0;
  padding-left: 5px;
}

.docs tbody>tr {
  border-bottom: solid 1px #DCE0E9;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.docs tbody>tr:hover {
  background: #F0FCFB;
}

.docs tbody>tr>td {
  border: none;
}

/* Onboarding */
.onboarding {
  border: solid 1px #DCE0E9;
  margin: 20px;
}

.onboarding .title {
  all: unset;
  display: block;
  position: relative;
  padding-left: 60px;
  min-height: 50px;
  border-bottom: solid 1px #DCE0E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.onboarding .title.category-title {
  background: #F0FCFB;
  padding-left: 20px;
  text-transform: uppercase;
}

.onboarding .title.category-title h3 {
  letter-spacing: 0.1em;
}

.onboarding .title.category-title .expand {
  background: #dbf8f5;
}

.onboarding .title.subCategory-title {
  opacity: 1;
}

.onboarding .title.subCategory-title .btn-delete {
  position: absolute;
  right: 10px;
  background: #F0F1F5;
  padding: 3px 5px;
  color: #fff !important;
}

.onboarding .title.subCategory-title .btn-delete:hover {
  color: #fff;
}

.onboarding .title.activity-title label {
  font-size: 14px;
}

.onboarding .title .expand {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 50px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  background: #F0F1F5;
  cursor: pointer;
}

.onboarding .title .expand i {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.onboarding .title .expand.active i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.onboarding .title h3,
.onboarding .title label.checkbox {
  margin: 0;
  display: block;
  max-width: calc(100% - 80px);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.onboarding .title h3 {
  font-weight: bold;
}

.onboarding .title label.checkbox {
  display: block;
  padding-left: 30px;
}

.onboarding .title label.checkbox input {
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  -webkit-appearance: none;
  cursor: pointer;
}

.onboarding .title label.checkbox input:checked+span:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.onboarding .title label.checkbox input:checked+span:after {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.onboarding .title label.checkbox span {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.onboarding .title label.checkbox span:before,
.onboarding .title label.checkbox span:after {
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: -30px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.onboarding .title label.checkbox span:before {
  content: "\e5ca";
  font-size: 18px;
  color: #fff;
  font-family: "icomoon";
  line-height: 1;
  text-align: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.onboarding .title label.checkbox span:after {
  background: #fff;
  border: solid 1px #DCE0E9;
  z-index: -1;
}

.onboarding .title label.checkbox.completed span {
  text-decoration: line-through;
}

.onboarding .title label.checkbox.completed span:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.onboarding .title label.checkbox.completed span:after {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.onboarding .title.activity-title .expand i:before {
  content: "\e145";
}

.onboarding .title.activity-title .expand.active i {
  -webkit-transform: none;
  transform: none;
}

.onboarding .title.activity-title .expand.active i:before {
  content: "\e15b";
}

.onboarding .activities {
  background: #FAFBFF;
}

.onboarding .activity-title.title {
  padding-left: 80px;
  position: relative;
}

.onboarding .activity-title.title:before,
.onboarding .activity-title.title:after {
  content: "";
  display: block;
  position: absolute;
}

.onboarding .activity-title.title:before {
  height: 100%;
  width: 1px;
  background: #ccc;
  left: 70px;
}

.onboarding .activity-title.title:after {
  height: 1px;
  width: 30px;
  background: #ccc;
  left: 70px;
}

.onboarding .activity-title.title label.checkbox {
  margin-left: 40px;
  padding-left: 0;
}

.onboarding .activity-title.title label.checkbox span {
  font-weight: normal;
}

.onboarding .activity-title.title label.checkbox input {
  opacity: 0;
  left: -30px;
}

.onboarding .activity-group:last-of-type .activity-title.title:before,
.onboarding .activity-group:last-child .activity-title.title:before {
  top: 0;
}

.onboarding .activity-description {
  position: relative;
  padding: 20px 20px 20px 123px;
  border-bottom: solid 1px #DCE0E9;
}

.onboarding .activity-description:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background: #F0F1F5;
}

.onboarding .activity-description:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 1px;
  background: #ccc;
  left: 70px;
  top: 0;
}

.onboarding .activity-description p {
  font-size: 14px;
  line-height: 1.8;
}

.onboarding .activity-description .meta {
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px -20px;
  padding: 8px 0;
  zoom: 1;
}

.onboarding .activity-description .meta:before,
.onboarding .activity-description .meta:after {
  content: "";
  display: table;
}

.onboarding .activity-description .meta:after {
  clear: both;
}

.onboarding .activity-description .meta p {
  margin-bottom: 0;
  font-size: 13px;
}

.onboarding .activity-description .meta span {
  display: inline-block;
  margin-right: 10px;
}

.onboarding .activity-description .meta span:last-child {
  margin-right: 0;
}

.onboarding .activity-description .meta a.btn {
  font-size: 13px;
  padding: 3px 6px;
}

.onboarding .activity-description .meta a.btn:first-child {
  margin-right: 10px;
}

.onboarding .dropdown {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 25px;
  background: #E8EBF2;
}

.onboarding .dropdown>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 20px;
  font-size: 18px;
  text-align: center;
  color: #2D3255;
}

.onboarding .dropdown ul.dropdown-menu {
  left: auto;
  right: 0;
  top: 100%;
  margin: 0;
  text-align: left;
  border: solid 1px #E8EBF2;
  padding: 0;
  border-radius: 0;
}

.onboarding .dropdown ul.dropdown-menu li {
  text-align: left;
}

.onboarding .dropdown ul.dropdown-menu li:last-child a {
  border: none;
}

.onboarding .dropdown ul.dropdown-menu li a {
  display: block;
  padding: 8px 10px;
  border-bottom: solid 1px #DCE0E9;
}

.onboarding .dropdown ul.dropdown-menu li a i {
  display: inline-block;
  padding-right: 8px;
}

.onboarding .add-new {
  padding: 0 20px 20px;
}

.onboarding .add-new .add-title {
  padding: 12px;
  text-align: center;
  margin: 20px 0 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  background: #E8EBF2;
  color: #7a859f;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.onboarding .add-new .add-title:hover {
  background: #DCE0E9;
}

.onboarding .add-new .new-form {
  margin-top: 20px;
  display: none;
}

.onboarding .add-new .panel {
  margin-left: 0;
}

.onboarding .add-new .note-editor.panel.note-frame {
  margin-bottom: 15px;
  margin-left: 0;
}

.onboarding .add-new label.input-file {
  display: block;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  padding-left: 40px;
  background: #0065FF;
  line-height: 26px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.04em;
  margin: 0;
  position: relative;
}

.onboarding .add-new label.input-file i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 1.8;
  font-size: 20px;
}

.onboarding .add-new label.input-file input {
  display: none;
}

.onboarding .add-new .btns {
  display: block;
  margin-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
  background: #f1f4f9;
  margin-bottom: -20px;
  padding: 10px 20px;
}

.onboarding .add-new .btns .btn {
  padding: 6px 15px;
  margin-right: 8px;
}

.onboarding .add-new .btns .btn:last-child {
  margin-right: 0;
}

.onboarding .add-new .btns .btn-link {
  font-weight: norml;
  color: #7a859f;
}

.onboarding .add-button {
  display: block;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}

.onboarding .add-button.admin {
  padding: 10px;
  margin: 15px;
  font-size: 16px;
  font-weight: bold;
  background: #E8EBF2;
  color: #7a859f;
  letter-spacing: 0.04em;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.onboarding .add-button.admin .icon-add {
  font-size: 20px;
  margin-bottom: 2px;
  position: relative;
  display: inline-block;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  line-height: 1;
}

.onboarding .add-button.admin:hover {
  background: #DCE0E9;
}

.onboarding.ob-modal {
  margin: 0;
  border: none;
}

.onboarding.ob-modal .add-new {
  padding: 0 10px 0;
}

.onboarding.ob-modal .note-editor {
  margin-left: 0;
}

.onboarding.ob-admin {
  margin: 0;
}

.onboarding.ob-admin .activity-title.title h3 {
  font-size: 14px;
  font-weight: 500;
}

.onboarding.ob-admin .activity-description p:only-child,
.onboarding.ob-admin .activity-description p:last-of-type {
  margin-bottom: 0;
}

.onboarding.ob-admin .title.category-title {
  padding-left: 20px;
  position: relative;
  word-spacing: 1px;
}

.onboarding.ob-admin .title label.checkbox input:checked+span {
  text-decoration: none;
}

.onboarding.ob-admin .activity-description p:only-child,
.onboarding.ob-admin .activity-description p:last-of-type {
  margin-bottom: 0;
}

.onboarding.ob-admin .select-all {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.onboarding.ob-admin .select-all input {
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  -webkit-appearance: none;
}

.onboarding.ob-admin .select-all input:checked+.icon-check:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.onboarding.ob-admin .select-all input:checked+.icon-check:after {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.onboarding.ob-admin .select-all .icon-check {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.onboarding.ob-admin .select-all .icon-check:before,
.onboarding.ob-admin .select-all .icon-check:after {
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.onboarding.ob-admin .select-all .icon-check:before {
  content: "\e5ca";
  font-size: 18px;
  color: #fff;
  font-family: "icomoon";
  line-height: 1;
  text-align: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  z-index: 2;
  left: 1px;
}

.onboarding.ob-admin .select-all .icon-check:after {
  border: solid 1px #DCE0E9;
  background: #fff;
}

.onboarding.start-onboarding {
  margin: 10px;
}

.onboarding.start-onboarding .title.category-title {
  padding-left: 20px;
  position: relative;
}

.onboarding.start-onboarding .title label.checkbox input:checked+span {
  text-decoration: none;
}

.onboarding.start-onboarding .activity-description p:only-child,
.onboarding.start-onboarding .activity-description p:last-of-type {
  margin-bottom: 0;
}

.onboarding.start-onboarding .select-all {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.onboarding.start-onboarding .select-all input {
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  -webkit-appearance: none;
}

.onboarding.start-onboarding .select-all input:checked+.icon-check:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.onboarding.start-onboarding .select-all input:checked+.icon-check:after {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.onboarding.start-onboarding .select-all .icon-check {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.onboarding.start-onboarding .select-all .icon-check:before,
.onboarding.start-onboarding .select-all .icon-check:after {
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.onboarding.start-onboarding .select-all .icon-check:before {
  content: "\e5ca";
  font-size: 18px;
  color: #fff;
  font-family: "icomoon";
  line-height: 1;
  text-align: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  z-index: 2;
  left: 1px;
}

.onboarding.start-onboarding .select-all .icon-check:after {
  border: solid 1px #DCE0E9;
  background: #fff;
}

.onboarding-admin .select-template {
  display: block;
  position: relative;
  zoom: 1;
  margin: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.onboarding-admin .select-template:before,
.onboarding-admin .select-template:after {
  content: "";
  display: table;
}

.onboarding-admin .select-template:after {
  clear: both;
}

.onboarding-admin .select-template h3.title {
  margin: 0;
  padding: 0;
  cursor: inherit;
}

.onboarding-admin .select-template select {
  opacity: 1;
  width: 100%;
  /* position: absolute;
  z-index: 1;
  bottom: -65px;
  right: 25px; */
}

.modal-lg .add-cat .note-editor {
  margin-left: 0;
}

.onboarding-comments {
  padding: 10px;
}

.onboarding-comments .panel {
  margin: 0 0 20px;
}

.onboarding-comments .panel:only-child,
.onboarding-comments .panel:last-of-type {
  margin-bottom: 0;
}

.onboarding-comments .panel .panel-body p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.onboarding-comments .panel .panel-body p:last-of-type {
  margin-bottom: 0;
}

.onboarding-comments .panel .panel-body p:first-of-type {
  margin-top: 0;
}

.onboarding-comments .panel .panel-body p:empty {
  display: none;
}

.onboarding-comments .panel .panel-body p.comments-author {
  padding: 8px 10px;
  font-size: 13px;
  color: gray;
  margin: 20px -20px -20px;
  background: #f1f1f1;
}

.onboarding-comments .panel .panel-body p.comments-author:before {
  content: "\2014";
  display: inline-block;
  padding-right: 8px;
}

.onboarding-comments .panel .panel-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.onboarding-comments .panel .panel-footer p.comments-meta {
  margin-bottom: 0;
}

.onboarding-comments .panel .panel-footer .text-right a {
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  text-align: center;
}

.onboarding-comments .panel .panel-footer .text-right a:last-child {
  margin-right: 0;
}

.onboarding-comments .comment-form {
  padding: 10px;
  background: #f5f5f5;
}

.onboarding-comments .comment-form .form-group {
  margin-bottom: 0;
}

.onboarding-comments .comment-form textarea {
  resize: none;
  height: 120px;
  padding: 10px;
}

.onboarding-comments .comment-form .btns {
  display: block;
  padding-top: 10px;
}

/* Mailbox */
.email-repo {
  width: 100%;
  font-size: 14px;
  line-height: 1.8;
  background: #fff;
  border: solid 1px #e6e6e6;
  background: #fff;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 10px 0 #e8ebf2;
  box-shadow: 0 0 10px 0 #e8ebf2;
  min-height: 0;
  height: calc(100vh - 160px);
  overflow: hidden;
}

.email-repo #emailBodyFrame {
  height: calc(100vh - 340px);
  width: 100%;
  border: solid 1px #DCE0E9;
  overflow-x: hidden;
  overflow-y: auto;
}

.email-repo .mail-list {
  display: block;
  padding: 0;
  height: calc(100vh - 160px);
  overflow-x: hidden;
  overflow-y: scroll;
}

.email-repo .mail-list ul {
  margin: 0;
}

.email-repo .mail-list ul li {
  padding: 10px;
  border-bottom: solid 1px #DCE0E9;
  cursor: pointer;
}

.email-repo .mail-list ul li.active {
  background: #F0FCFB;
}

.email-repo .mail-list h3 {
  font-size: 14px;
  margin: 0 0 5px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.email-repo .mail-content .mail-box-header {
  background: #F7F8FB;
}

.email-repo .mail-box-header {
  border-bottom: solid 1px #C3C9D7;
  border: none;
  padding: 15px;
  padding-bottom: 10px;
  padding-right: 40px;
  position: relative;
  zoom: 1;
}

.email-repo .mail-box-header:before,
.email-repo .mail-box-header:after {
  content: "";
  display: table;
}

.email-repo .mail-box-header:after {
  clear: both;
}

.email-repo .mail-box-header .icon-expand {
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  z-index: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.email-repo .mail-box-header .icon-expand.active i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.email-repo .mail-box-header .icon-expand i {
  font-size: 20px;
}

.email-repo .mail-box-header .subject {
  padding: 15px 15px 0;
  font-size: 16px;
  margin: -15px -15px 0;
  color: #2D3255;
  font-weight: 500;
  line-height: 1.5;
}

.email-repo .mail-box-header .mail-date,
.email-repo .mail-box-header .mailed-to {
  margin-top: 5px;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  color: #6c7794;
}

.email-repo .mail-box-header .mail-date {
  margin-right: 20px;
  padding: 2px 8px;
  background: #F0FCFB;
  font-weight: bold;
}

.email-repo .mail-box-header .mailed-to {
  max-width: calc(100% - 180px);
  zoom: 1;
}

.email-repo .mail-box-header .mailed-to:before,
.email-repo .mail-box-header .mailed-to:after {
  content: "";
  display: table;
}

.email-repo .mail-box-header .mailed-to:after {
  clear: both;
}

.email-repo .mail-box-header .email-id {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 15px;
  float: left;
  line-height: 1.8;
  font-size: 14px;
  font-weight: normal;
  padding: 2px 0;
  color: #6c7794;
}

.email-repo .mail-box-header .email-id:last-of-type {
  margin-right: 0;
}

.email-repo .mail-body {
  padding: 20px 20px 0;
  zoom: 1;
}

.email-repo .mail-body:before,
.email-repo .mail-body:after {
  content: "";
  display: table;
}

.email-repo .mail-body:after {
  clear: both;
}

.email-repo .mail-body p {
  font-size: 14px;
  line-height: 1.8;
}

.email-repo .mail-attachments {
  border-top: 1px solid #e7eaec;
  padding: 10px;
  background: #F7F8FB;
  font-size: 12px;
  zoom: 1;
}

.email-repo .mail-attachments:before,
.email-repo .mail-attachments:after {
  content: "";
  display: table;
}

.email-repo .mail-attachments:after {
  clear: both;
}

.email-repo .mail-attachments a {
  -webkit-transition: none;
  transition: none;
}

.email-repo .mail-attachments>p {
  font-size: 13px;
  margin: 10px -20px 0;
  padding: 8px 15px;
  background: #F7F8FB;
  zoom: 1;
}

.email-repo .mail-attachments>p:before,
.email-repo .mail-attachments>p:after {
  content: "";
  display: table;
}

.email-repo .mail-attachments>p:after {
  clear: both;
}

.email-repo .mail-attachments>p span {
  display: block;
}

.email-repo .mail-attachments .attachment {
  zoom: 1;
}

.email-repo .mail-attachments .attachment:before,
.email-repo .mail-attachments .attachment:after {
  content: "";
  display: table;
}

.email-repo .mail-attachments .attachment:after {
  clear: both;
}

.email-repo .mail-attachments .attachment .file-box {
  width: 25%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cusror: pointer;
}

.email-repo .mail-attachments .attachment .file-box:hover {
  background: #F0FCFB;
}

.email-repo .mail-attachments .attachment .icon {
  font-size: 30px;
}

/* Team */
table#teams-table {
  border-spacing: 0 15px;
  border-collapse: inherit;
  border: none;
}

table#teams-table>thead>tr {
  background: #21BCB0;
}

table#teams-table>thead>tr>th {
  border: none;
}

table#teams-table>body>tr:hover {
  background: #F0FCFB;
}

table#teams-table tr {
  -webkit-box-shadow: 0 0 10px 0 #e8ebf2;
  box-shadow: 0 0 10px 0 #e8ebf2;
  border: none;
  -webkit-transition: -webkit-box-shadow 0.3s linear;
  transition: -webkit-box-shadow 0.3s linear;
  transition: box-shadow 0.3s linear;
  transition: box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear;
  background: #fff;
}

table#teams-table td:first-child,
table#teams-table th:first-child {
  border-radius: 5px 0 0 5px;
  font-weight: bold;
  padding-left: 20px;
}

table#teams-table td:last-child,
table#teams-table th:last-child {
  text-align: center;
  border-radius: 0 5px 5px 0;
}

table#teams-table th {
  font-size: 15px;
  padding: 8px 10px;
}

table#teams-table th i {
  display: inline-block;
}

table#teams-table td {
  border: none;
  background: none;
  padding: 10px 15px;
  position: relative;
}

table#teams-table td:last-child {
  text-align: center;
}

table#teams-table td a.btn-md {
  padding: 2px 4px;
  text-align: center;
}

table#teams-table td a.btn-md [class^="icon-"] {
  padding-right: 0;
}

table#teams-table .inline-edit {
  opacity: 1;
}

table#teams-table .inline-edit.editing {
  border: solid 1px #DCE0E9;
  padding: 5px 8px;
  position: absolute;
  left: 0;
  top: 6px;
  width: 95%;
  color: #7a859f;
}

table#teams-table .inline-edit.editing .ico {
  float: right;
}

table#teams-table .inline-edit i {
  opacity: 1;
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  color: gray;
  cursor: pointer;
}

table#teams-table .inline-edit i.icon-check,
table#teams-table .inline-edit i.icon-close {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

table#teams-table .inline-edit i.icon-check {
  color: #00E676;
}

table#teams-table .inline-edit i.icon-close {
  color: #FF5630;
}

.team-modal {
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  max-width: 900px;
  z-index: 10001;
  transition: all 0.3s linear;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.team-modal .custom-modal-header {
  all: unset;
  position: absolute;
  top: 0;
  right: 0;
  height: 100px;
  width: 100%;
  max-width: 860px;
  padding: 20px;
  background: #F7F8FB;
  border-bottom: solid 1px #E8EBF2;
  z-index: 10001;
}

.team-modal .custom-modal-content {
  max-height: calc(100% - 100px);
  margin-top: 120px;
  padding: 15px 15px 0;
}

.team-modal .close-btn {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  background: #2D3255;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 33px;
  font-size: 20px;
}

.team-modal .custom-modal-footer a.btn-sm:first-child {
  margin-right: 0;
}

.team-modal .search {
  all: unset;
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.team-modal .search span.icon {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  line-height: 30px;
}

.team-modal .search input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.team-details {
  /* .ng-inline-edit{
  		display: block;
  		position: relative;
  
  		input{
  			display: block;
  			width: 100%;
  			height: 40px;
  			border: solid 1px #ccc;
  			padding: 8px;
  		}
  
  		.ng-inline-edit__inner-container{
  			display: block;
  			position: absolute;
  			top: 0;
  			right: 5px;
  
  			a{
  				transition: none;
  				display: inline-block;
  			}
  		}
  
  		.ng-inline-edit__button{
  			opacity: 1;
  		}
  
  		.ng-inline-edit__button--edit{
  			opacity: 1;
  		}
  		
  		.ng-inline-edit__button--edit:after,
  		.ng-inline-edit__button--save:after,
  		.ng-inline-edit__button--cancel:after{
  			font-family: "icomoon";
  			font-size: 16px;
  		}
  
  		.ng-inline-edit__button--edit:after {
  			content: "\e254";
  			color: $sec-01;
  		}
  
  		.ng-inline-edit__button--save:after{
  			content: "\e5ca";
  			color: $greens-01;
  		}
  
  		.ng-inline-edit__button--cancel:after{
  			content: "\e5cd";
  			color: $reds-01;
  		}
  	} */
}

.team-details .custom-modal-header {
  padding: 15px 20px 0;
  height: auto;
  border: none;
}

.team-details .custom-modal-header h2 {
  margin: 0 0 10px;
  color: #2D3255;
  font-size: 24px;
}

.team-details .custom-modal-header h2 span {
  display: block;
  font-size: 15px;
  font-weight: normal;
  margin-top: 10px;
  color: gray;
}

.team-details .custom-modal-header p {
  margin: 0;
  padding: 0 0 10px;
  font-size: 15px;
  letter-spacing: 0.04em;
  background: none;
  color: #2D3255;
}

.team-details .custom-modal-header p b {
  font-weight: 500;
}

.team-details .custom-modal-header p span {
  display: inline-block;
  margin-right: 15px;
}

.team-details .custom-modal-header p a.btn {
  top: -6px;
  position: relative;
  right: -3px;
}

.team-details .custom-modal-header ul.menus {
  background: #F0F1F5;
  margin: 10px -20px 0;
  padding: 0 20px;
}

.team-details .custom-modal-header ul.menus .btn {
  margin-top: 8px;
}

.team-details .custom-modal-content {
  max-height: none;
  height: calc(100% - 140px);
  margin-top: 140px;
  padding: 15px 15px 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.team-details .custom-modal-content .user {
  font-size: 16px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 270px;
}

.team-details .custom-modal-content .user span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #5B5D7A;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 270px;
}

.team-details .actions-btn {
  position: absolute;
  top: 4px;
  right: 40px;
}

.team-details .actions-btn a.btn {
  position: relative;
  padding-top: 3px;
  border-radius: 0;
}

.team-details .actions-btn a.btn i {
  padding-right: 0;
  font-size: 15px;
}

.team-details .delete {
  display: block;
  padding: 0 5px;
  background: #FFA588;
  height: 25px;
  width: 25px;
  margin: 0 auto;
  line-height: 27px;
  color: #fff;
  font-size: 15px;
}

.team-details .team-hierarchy {
  margin-top: 10px;
  text-align: center;
  /* .grp-title{
  			display: inline-block;
  			padding: 5px 10px;
  			font-size: 14px;
  			font-weight: 500;
  			border: solid 1px $pri-03;
  			text-transform: uppercase;
  			color: $pri-01;
  			letter-spacing: 0.04em;
  			background: $pri-04;
  			minw
  		}
  
  		.team-name{
  			padding: 20px 0;
  			padding-left: 20px;
  			margin-bottom: -10px;
  			position: relative;
  			display: flex;
  			flex-direction: row;
  			flex-wrap: wrap;
  			align-items: center;
  			@include clearfix;
  
  			&:before, &:after{
  				display: block;
  				position: absolute;
  				width: 1px;
  				height: 20px;
  				background: $ui-04;
  				left: 40px;
  			}
  
  			&:before{ top: 0; }
  
  			&:after{ bottom: 10px; }
  
  			&:last-of-type:after{
  				display: none;
  			}
  
  			p{
  				display: block;
  				margin: 0 0 10px;
  				padding: 10px;
  				font-size: 15px;
  				font-weight: 500;
  				letter-spacing: 0.04em;
  				@include ellipsis;
  				width: calc( 25% - 10px);
  				margin-right: 10px;
  				border: solid 1px $ui-04;
  				box-shadow: #ccc 0px 4px 10px -5px;
  
  				&:nth-child(4n){
  					margin-right: 0; 
  				}
  
  				span{
  					display: block;
  					font-size: 13px;
  					font-weight: normal;
  					color: $sec-04;
  					@include ellipsis;
  				}
  			}
  		} */
}

.team-details .team-hierarchy .team {
  display: block;
  margin: 0 auto 40px;
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.04em;
  width: 200px;
  border: solid 1px #DCE0E9;
  -webkit-box-shadow: #ccc 0px 4px 10px -5px;
  box-shadow: #ccc 0px 4px 10px -5px;
  text-align: center;
  position: relative;
}

.team-details .team-hierarchy .team span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.team-details .team-hierarchy .team span.name {
  font-size: 18px;
  font-weight: 500;
}

.team-details .team-hierarchy .team span.count {
  font-size: 14px;
  color: #73748E;
}

.team-details .team-hierarchy .team-group {
  display: inline-block;
  position: relative;
  text-align: center;
  border: solid 1px #DCE0E9;
  padding: 20px 15px 5px;
  margin: 0 auto 40px;
  -webkit-box-shadow: #ccc 0px 4px 10px -5px;
  box-shadow: #ccc 0px 4px 10px -5px;
}

.team-details .team-hierarchy .team-group p {
  display: inline-block;
  margin: 0 0 10px;
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.04em;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  width: 200px;
  margin-right: 10px;
  border: solid 1px #DCE0E9;
  -webkit-box-shadow: #ccc 0px 4px 10px -5px;
  box-shadow: #ccc 0px 4px 10px -5px;
}

.team-details .team-hierarchy .team-group p:nth-child(3n) {
  margin-right: 0;
}

.team-details .team-hierarchy .team-group p span {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #73748E;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.team-details .team-hierarchy .arrow {
  display: block;
  position: absolute;
  height: 40px;
  width: 10px;
  left: 0;
  right: 0;
  margin: auto;
}

.team-details .team-hierarchy .arrow.top {
  top: 100%;
}

.team-details .team-hierarchy .arrow.bottom {
  bottom: 100%;
}

.team-details .team-hierarchy .arrow:before,
.team-details .team-hierarchy .arrow:after {
  content: "";
  display: block;
  position: absolute;
  background: #DCE0E9;
}

.team-details .team-hierarchy .arrow:before {
  height: 90%;
  width: 2px;
  left: 0;
  right: 0;
  margin: auto;
}

.team-details .team-hierarchy .arrow:after {
  width: 10px;
  height: 10px;
  background: none;
  border: solid 2px #DCE0E9;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-orgin: center center;
  bottom: 5px;
  border-top: none;
  border-left: none;
}

.team-edit label.checkbox,
.add-members label.checkbox,
.team-add label.checkbox {
  display: block;
  padding-left: 30px;
}

.team-edit label.checkbox input,
.add-members label.checkbox input,
.team-add label.checkbox input {
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  -webkit-appearance: none;
  cursor: pointer;
}

.team-edit label.checkbox input:checked+span:before,
.add-members label.checkbox input:checked+span:before,
.team-add label.checkbox input:checked+span:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.team-edit label.checkbox input:checked+span:after,
.add-members label.checkbox input:checked+span:after,
.team-add label.checkbox input:checked+span:after {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.team-edit label.checkbox span,
.add-members label.checkbox span,
.team-add label.checkbox span {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.team-edit label.checkbox span:before,
.team-edit label.checkbox span:after,
.add-members label.checkbox span:before,
.add-members label.checkbox span:after,
.team-add label.checkbox span:before,
.team-add label.checkbox span:after {
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: -30px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.team-edit label.checkbox span:before,
.add-members label.checkbox span:before,
.team-add label.checkbox span:before {
  content: "\e5ca";
  font-size: 18px;
  color: #fff;
  font-family: "icomoon";
  line-height: 1;
  text-align: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.team-edit label.checkbox span:after,
.add-members label.checkbox span:after,
.team-add label.checkbox span:after {
  background: #fff;
  border: solid 1px #DCE0E9;
  z-index: -1;
}

.team-edit label.checkbox.completed span,
.add-members label.checkbox.completed span,
.team-add label.checkbox.completed span {
  text-decoration: line-through;
}

.team-edit label.checkbox.completed span:before,
.add-members label.checkbox.completed span:before,
.team-add label.checkbox.completed span:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.team-edit label.checkbox.completed span:after,
.add-members label.checkbox.completed span:after,
.team-add label.checkbox.completed span:after {
  border: solid 1px #21BCB0;
  background: #21BCB0;
}

.team-edit .custom-modal-header,
.add-members .custom-modal-header,
.team-add .custom-modal-header {
  margin: 0 0 30px;
  top: 0;
  right: 0;
  height: 40px;
  padding: 0px 20px;
  background: #21BCB0;
}

.team-edit .custom-modal-header h3,
.add-members .custom-modal-header h3,
.team-add .custom-modal-header h3 {
  color: #fff;
  margin: 8px 0 0;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.team-edit .custom-modal-content,
.add-members .custom-modal-content,
.team-add .custom-modal-content {
  overflow: hidden;
  max-height: calc(100% - 40px);
}

.team-edit .team-members,
.add-members .team-members,
.team-add .team-members {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 313px);
  margin-top: 0;
  padding-top: 20px;
  zoom: 1;
}

.team-edit .team-members:before,
.team-edit .team-members:after,
.add-members .team-members:before,
.add-members .team-members:after,
.team-add .team-members:before,
.team-add .team-members:after {
  content: "";
  display: table;
}

.team-edit .team-members:after,
.add-members .team-members:after,
.team-add .team-members:after {
  clear: both;
}

.team-edit .custom-modal-content,
.add-members .custom-modal-content,
.team-add .custom-modal-content {
  margin-top: 40px;
}

.team-edit .custom-modal-footer span,
.add-members .custom-modal-footer span,
.team-add .custom-modal-footer span {
  display: block;
  float: left;
  color: #2D3255;
  line-height: 33px;
  font-size: 16px;
  font-weight: 500;
}

.add-member .team-member {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 243px);
  padding: 20px 15px 0;
  margin: -15px;
  zoom: 1;
}

.add-members .custom-modal-header {
  margin: 0 0 30px;
  top: 0;
  right: 0;
  height: 40px;
  padding: 0px 20px;
  background: #21BCB0;
}

.add-members .custom-modal-header h3 {
  color: #fff;
  margin: 8px 0 0;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.add-members .custom-modal-content {
  overflow: hidden;
  max-height: calc(100% - 90px);
}

.add-members .team-members {
  max-height: calc(100vh - 168px);
}

.add-member .user-info,
.team-edit .user-info,
.add-members .user-info {
  position: relative;
  border: solid 1px #E8EBF2;
  border-radius: 3px;
  margin-bottom: 20px;
}

.add-member .user-info .clearfix,
.team-edit .user-info .clearfix,
.add-members .user-info .clearfix {
  padding: 15px;
  position: relative;
  padding-left: 75px;
}

.add-member .user-info img,
.team-edit .user-info img,
.add-members .user-info img {
  display: block;
  border-radius: 50%;
  width: 50px;
  margin-right: 15px;
  position: absolute;
  left: 12px;
  top: 18px;
  margin: auto;
}

.add-member .user-info h3,
.team-edit .user-info h3,
.add-members .user-info h3 {
  color: #2D3255;
  font-size: 18px;
  margin: 6px 0 5px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.add-member .user-info h3+p,
.team-edit .user-info h3+p,
.add-members .user-info h3+p {
  color: #7a859f;
  margin-top: 0;
  font-size: 14px;
}

.add-member .user-info .phone,
.add-member .user-info .email,
.team-edit .user-info .phone,
.team-edit .user-info .email,
.add-members .user-info .phone,
.add-members .user-info .email {
  color: #7a859f;
  margin: 0;
  font-size: 14px;
}

.add-member .user-info .phone i,
.add-member .user-info .email i,
.team-edit .user-info .phone i,
.team-edit .user-info .email i,
.add-members .user-info .phone i,
.add-members .user-info .email i {
  display: inline-block;
  padding-right: 5px;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 15px;
}

.add-member .user-info .contact-info,
.team-edit .user-info .contact-info,
.add-members .user-info .contact-info {
  border-top: solid 1px #E8EBF2;
  padding: 5px;
  zoom: 1;
}

.add-member .user-info .contact-info:before,
.add-member .user-info .contact-info:after,
.team-edit .user-info .contact-info:before,
.team-edit .user-info .contact-info:after,
.add-members .user-info .contact-info:before,
.add-members .user-info .contact-info:after {
  content: "";
  display: table;
}

.add-member .user-info .contact-info:after,
.team-edit .user-info .contact-info:after,
.add-members .user-info .contact-info:after {
  clear: both;
}

.add-member .user-info .contact-info span,
.team-edit .user-info .contact-info span,
.add-members .user-info .contact-info span {
  font-size: 14px;
  color: #7a859f;
  text-align: center;
}

.add-member .user-info .contact-info span i,
.team-edit .user-info .contact-info span i,
.add-members .user-info .contact-info span i {
  font-size: 16px;
  position: relative;
  top: 2px;
  display: inline-block;
  padding-right: 5px;
}

.add-member .user-info .checkbox,
.team-edit .user-info .checkbox,
.add-members .user-info .checkbox {
  position: absolute;
  top: 10px;
  right: 15px;
}

.add-member .user-info .checkbox .cr,
.team-edit .user-info .checkbox .cr,
.add-members .user-info .checkbox .cr {
  border-radius: 0;
  border: solid 1px #B3B9C7;
  width: 20px;
  height: 20px;
  float: none;
  font-size: 14px;
}

.add-member .user-info .checkbox label input[type="checkbox"]+.cr>.cr-icon,
.add-member .user-info .radio label input[type="radio"]+.cr>.cr-icon,
.team-edit .user-info .checkbox label input[type="checkbox"]+.cr>.cr-icon,
.team-edit .user-info .radio label input[type="radio"]+.cr>.cr-icon,
.add-members .user-info .checkbox label input[type="checkbox"]+.cr>.cr-icon,
.add-members .user-info .radio label input[type="radio"]+.cr>.cr-icon {
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  -webkit-transform: scale(1.5) rotate(0deg) translateY(-1px);
  transform: scale(1.5) rotate(0deg) translateY(-1px);
}

.team-add .user {
  font-weight: bold;
  font-size: 16px;
}

.team-add .user span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #7a859f;
}

.team-add .input-checkbox {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}

.team-add .input-checkbox label {
  display: block;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
  margin: 0;
}

.team-add .input-checkbox label:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  background: #fff;
  border: solid 1px #B3B9C7;
  left: 0;
  top: 1px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.team-add .input-checkbox label:after {
  content: "\e5ca";
  font-family: "icomoon";
  display: block;
  position: absolute;
  font-size: 18px;
  top: -3px;
  left: -1px;
  width: 20px;
  text-align: center;
  color: #21BCB0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  color: #fff;
}

.team-add .input-checkbox input {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  z-index: 1;
}

.team-add .input-checkbox input:checked+label:before {
  background: #21BCB0;
  border: solid 1px #21BCB0;
}

.team-add .input-checkbox input:checked+label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.team-add .team-wrap {
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: calc(100vh - 368px);
  padding: 0 20px;
  margin: 0 -15px;
  overflow-y: auto;
  overflow-x: hidden;
  border-top: solid 1px #DCE0E9;
}

.team-add .team-wrap .table {
  margin-top: 0;
}

/* Custom Dropdown */
.dropdown.custom {
  position: relative;
}

.dropdown.custom>a {
  display: block;
  padding: 0 3px;
  text-align: center;
  font-size: 20px;
  background: #E8EBF2;
  color: #2D3255;
  cursor: pointer;
}

.dropdown.custom .dropdown-menu {
  left: auto;
  right: 0;
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  border: solid 1px #DCE0E9;
}

.dropdown.custom .dropdown-menu li {
  text-align: left;
}

.dropdown.custom .dropdown-menu a {
  display: block;
  padding: 8px 10px;
  font-size: 14px;
}

.dropdown.custom .dropdown-menu a i {
  display: inline-block;
  padding-right: 5px;
}

/* Overlay */
.overlay {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 900;
  width: 100vw;
  height: 100vh;
  background: #2D3255;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.overlay.show {
  opacity: 0.7;
  visibility: visible;
  pointer-events: auto;
}

/* HR title */
hr.hr-title {
  height: 40px;
  position: relative;
  border: none;
  clear: both;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-top: 0;
}

hr.hr-title:before {
  content: attr(data-title);
  position: absolute;
  display: block;
  padding: 0 10px;
  left: 15px;
  background: #fff;
  z-index: 1;
  font-size: 16px;
  font-weight: 500;
  color: #21BCB0;
}

hr.hr-title:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  margin: auto;
  height: 1px;
  width: 100%;
  background: #DCE0E9;
}

.teams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: strecth;
  -ms-flex-align: strecth;
  align-items: strecth;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.teams .team {
  width: 25%;
  padding: 15px;
}

.teams .team>div {
  padding: 20px;
  border: solid 1px #DCE0E9;
  background: #fff;
  border-radius: 5px;
}

.teams .team h3 {
  font-size: 18px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.teams .team span {
  display: block;
}

.teams .team span.members {
  color: #6c7794;
  margin: 10px 0;
}

.teams .team span.target {
  font-size: 16px;
  font-weight: bold;
  color: #21BCB0;
  margin-bottom: 20px;
}

.recruiter-profile .team-name h6 {
  font-size: 24px;
  color: #21BCB0;
}

.recruiter-profile .team-name h6 span {
  display: block;
  font-size: 15px;
  color: #7a859f;
  margin: 10px 0 15px;
}

.recruiter-profile .team-name h6 span i {
  font-style: normal;
}

.recruiter-profile .team-name h6 span i:first-child {
  margin-right: 10px;
}

/* utilities */
.clearfix {
  clear: both;
}

/* Text Styles */
.text-center {
  text-align: center;
}

.txt-caps {
  text-transform: uppercase;
}

/* No Gutter */
.no-gutter [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.p-0 {
  padding: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.mt-25 {
  margin-top: 25px;
}

.mlr-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Spacers */
.spacer-small {
  display: block;
  height: 10px;
}

/* Dummy data */
.delete_dummy {
  all: unset;
  display: block;
  width: 100%;
  top: 0;
  right: 0;
  height: 25px;
  margin: auto;
  background: #FF7043;
  padding: 0 5px;
  text-align: center;
  position: fixed;
  z-index: 10000;
  color: #fff;
  font-size: 13px;
}

.delete_dummy+.outer-wrapper {
  padding-top: 155px;
}

.delete_dummy+.outer-wrapper .top-nav {
  top: 25px;
}

.delete_dummy+.outer-wrapper #bread_wrap {
  top: 75px;
}

.delete_dummy .btn-delete {
  background: #FF5630;
  display: inline-block;
  padding: 4px 8px;
  margin-left: 10px;
  background: #2D3255;
  color: #fff;
  font-weight: 600;
}

.delete_dummy .btn-delete i.icon-delete {
  position: relative;
  top: 1px;
  font-weight: normal;
}

.delete_dummy .btn-delete:hover {
  background: #e82b00;
}

.delete_dummy .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 25px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  text-shadow: none;
}

.delete_dummy .close:hover,
.delete_dummy .close:focus,
.delete_dummy .close:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

/* Summernote */
.summernote-editor .note-editor.note-frame {
  background-color: #fff;
  margin-bottom: 25px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
  border: solid 1px #DCE0E9;
}

.summernote-editor .note-editor.note-frame .note-statusbar .note-resizebar {
  display: none;
}

.add-notes .note-editor.note-frame {
  border: solid 1px #DCE0E9;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 20px;
}

.note-editor.panel.note-frame {
  background: #fff;
  border: solid 1px #DCE0E9;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.note-style .dropdown-menu {
  min-width: 180px !important;
}

.note-fontname .dropdown-menu {
  min-width: 180px !important;
}

.note-fontname .dropdown-menu li a {
  padding: 5px 0;
  display: block;
}

.note-toolbar {
  border-color: #DCE0E9;
}

.note-toolbar .dropdown-menu {
  left: 0px;
  z-index: 48;
  width: auto;
  min-width: 180px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
}

.note-toolbar .dropdown-menu li {
  text-align: left;
}

.note-toolbar .dropdown-menu li a {
  display: block;
  padding: 5px 0;
  text-align: left;
  color: #000;
}

.note-toolbar .dropdown-menu li a:hover {
  color: #000;
  background: #e6e6e6;
}

.note-toolbar .dropdown-menu pre {
  margin: 0;
}

.note-toolbar h1,
.note-toolbar h2,
.note-toolbar h3,
.note-toolbar h4,
.note-toolbar h5,
.note-toolbar h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.note-toolbar h1 {
  font-size: 36px;
}

.note-toolbar h2 {
  font-size: 30px;
}

.note-toolbar h3 {
  font-size: 24px;
}

.note-toolbar h4 {
  font-size: 18px;
}

.note-toolbar h5 {
  font-size: 16px;
}

.note-toolbar h6 {
  font-size: 14px;
}

.note-toolbar .btn {
  background: #F0F1F5;
  color: #000;
  font-weight: normal;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: solid 1px #DCE0E9;
  padding: 4px 8px;
}

.note-toolbar .btn:hover,
.note-toolbar .btn:active,
.note-toolbar .btn:focus,
.note-toolbar .btn:focus:active {
  background: #E8EBF2;
}

.note-toolbar .btn-group>.btn {
  border-radius: 0;
}

.note-toolbar .btn-group>.btn+.btn {
  margin-left: 0;
}

/* Date Picker */
.datepicker-contianer .uib-datepicker ul.uib-datepicker-popup {
  padding: 0;
  width: auto !important;
}

.datepicker-contianer .uib-datepicker table {
  width: 100%;
}

.datepicker-contianer .uib-datepicker table thead .btn-default {
  color: #fff;
  background-color: #29bbb0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker-contianer .uib-datepicker table thead .btn-default:hover,
.datepicker-contianer .uib-datepicker table thead .btn-default:focus,
.datepicker-contianer .uib-datepicker table thead .btn-default:active,
.datepicker-contianer .uib-datepicker table thead .btn-default:focus:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker-contianer .uib-datepicker table thead th .btn-default:active,
.datepicker-contianer .uib-datepicker table thead th .btn-default:focus,
.datepicker-contianer .uib-datepicker table thead th .btn-default:hover {
  background-color: #58dacf;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker-contianer .uib-datepicker table thead tr:first-child {
  background-color: #29bbb0;
}

.datepicker-contianer .uib-datepicker table thead tr:last-child {
  background-color: #ECF6FF;
  }

.datepicker-contianer .uib-datepicker table tr td {
  padding: 0;
  border: solid 1px #eaeaea;
}

.datepicker-contianer .uib-datepicker table tbody .btn-default {
  background-color: #ffffff;
  cursor: pointer;
}

.datepicker-contianer .uib-datepicker table tbody .btn-default span {
  color: #333333;
}
/* .datepicker-contianer .uib-datepicker table tbody tr.uib-weeks:last-child {
  color: #333333;
} */

.datepicker-contianer .uib-datepicker table tbody .btn-default span.text-muted{ 
  color: rgb(204, 204, 204);
}

.datepicker-contianer .uib-datepicker table tbody .btn-default.active {
  background-color: #29bbb0;
  color: #fff;
}

.datepicker-contianer .uib-datepicker table tbody .btn-default:hover {
  background-color: #58dacf;
}

.datepicker-contianer .uib-datepicker .btn {
  border: none;
}

.datepicker-contianer .uib-datepicker .btn-default.disabled,
.datepicker-contianer .uib-datepicker .btn-default[disabled],
.datepicker-contianer .uib-datepicker .btn-default.disabled,
.datepicker-contianer .uib-datepicker .btn-default[disabled],
.datepicker-contianer .uib-datepicker .btn-default.disabled,
.datepicker-contianer .uib-datepicker .btn-default[disabled],
.datepicker-contianer .uib-datepicker .btn-default.disabled:hover,
.datepicker-contianer .uib-datepicker .btn-default[disabled]:hover,
.datepicker-contianer .uib-datepicker .btn-default.disabled:focus,
.datepicker-contianer .uib-datepicker .btn-default[disabled]:focus,
.datepicker-contianer .uib-datepicker .btn-default.disabled.focus,
.datepicker-contianer .uib-datepicker .btn-default[disabled].focus {
  color: #a6a6a6;
  background: #f2f2f2;
  cursor: default;
}

/* Time Picker */
.timepicker-contianer {
  display: table;
  margin-bottom: 0 !important;
}

.timepicker-contianer .uib-timepicker {
  margin: 0px auto;
}

.timepicker-contianer .uib-timepicker span.glyphicon {
  color: #29bbb0;
}

.timepicker-contianer .cal-drop {
  border: 1px solid #EAEAEA;
  margin-top: 0;
}

.timepicker-contianer input[disabled] {
  background-color: #fff;
  cursor: pointer;
}

.timepicker-contianer input[disabled] .btn:hover,
.timepicker-contianer input[disabled] .btn:active,
.timepicker-contianer input[disabled] .btn:focus {
  background-color: #fff;
  cursor: pointer;
}

/* Sweet Alert */
.sweet-alert {
  background-color: white;
  font-family: "Roboto", sans-serif;
}

.sweet-alert h2 {
  font-size: 30px;
  color: #2D3255;
  font-weight: 500;
}

.sweet-alert p {
  font-weight: 400;
  font-size: 15px;
  color: #98A0B4;
  word-break: break-word;
}

.sweet-alert button {
  line-height: 1;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.04em;
  border-radius: 3px;
}

/* Ellipsis Menu */
.ellipsismenu li a {
  text-align: left;
}

.ellipsis>.dropdown {
  position: absolute;
  right: 10px;
  top: 10px;
  float: none;
  padding: 0;
  z-index: 1;
}

.ellipsis>.dropdown.open {
  z-index: 5;
}

.ellipsis .dots_menu_right {
  padding: 2px 4px;
  display: block;
  background: #F7F8FB;
  color: #2D3255;
  width: 30px;
  text-align: center;
}

.ellipsis .dots_menu_right i {
  font-size: 18px;
  line-height: 1.3;
}

.ellipsis .ellipsismenu {
  width: 140px;
  left: -110px;
  padding: 0;
  background: #F7F8FB;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ellipsis .ellipsismenu a {
  text-align: left;
}

.ellipsis .ellipsismenu>li {
  display: block;
  -webkit-transition: none;
  transition: none;
  text-align: left;
}

.ellipsis .ellipsismenu>li:hover {
  background: #21BCB0;
}

.ellipsis .ellipsismenu>li:hover a {
  color: #fff;
}

.ellipsis .ellipsismenu>li:last-child {
  margin-bottom: 0;
}

.ellipsis .ellipsismenu>li>a {
  padding: 5px 10px;
  color: #000;
  -webkit-transition: none;
  transition: none;
}

.ellipsis .ellipsismenu>li>a:hover {
  background: none;
}

.ellipsis .ellipsismenu .dropdown-submenu>a {
  position: relative;
  display: block;
}

.ellipsis .ellipsismenu .dropdown-submenu>a:after {
  float: none;
  border-left-color: #98A0B4;
  position: absolute;
  margin: 0;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.ellipsis .ellipsismenu .dropdown-submenu>a:hover+ul {
  display: block;
}

.ellipsis .ellipsismenu .dropdown-submenu>.dropdown-menu {
  all: unset;
  display: none;
}

.ellipsis .ellipsismenu .dropdown-submenu>.dropdown-menu>li>a {
  color: #fff;
}

.ellipsis .ellipsismenu .dropdown-submenu>.dropdown-menu a:hover {
  background: none;
}

.ellipsis .ellipsismenu .dropdown-submenu>.dropdown-menu>li:hover {
  background: #1da69c;
}

.ellipsis .ellipsismenu .dropdown-submenu:hover .dropdown-menu {
  display: block;
}

.ellipsis .ellipsismenu .dropdown-submenu:hover a:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  border-left-color: #fff;
}

/* Empty State */
.placeholder_for_no_data {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

.placeholder_for_no_data.cards {
  margin: 0;
  padding: 100px 0;
}

.placeholder_for_no_data h4 {
  font-size: 16px;
  margin-bottom: 15px;
}

/* Activities */
.activity {
  display: block;
  width: 100%;
  padding: 0 0 15px;
  padding-left: 50px;
  position: relative;
  border-bottom: solid 1px #E8EBF2;
  margin-bottom: 15px;
  zoom: 1;
}

.activity:before,
.activity:after {
  content: "";
  display: table;
}

.activity:after {
  clear: both;
}

.activity .col-md-1 {
  text-align: center;
}

.activity i[class^="icon-"] {
  font-size: 24px;
  position: absolute;
  left: 10px;
  top: 15px;
  color: #2D3255;
}

.activity p {
  font-size: 15px;
  letter-spacing: 0.02em;
  margin: 5px 0 0;
}

.activity p:first-of-type ,.offer-accepted.activity p.user  {
  font-weight: 500;
  margin-top: 0;
  color: #999999;
  font-size: 14px;
  padding:5px 0px;
}

.offer-accepted.activity {
  border-bottom: none;
  padding-left: 15px;
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

.activity p:first-of-type span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #b3b3b3;
}

/* Notes */
.notes {
  margin-bottom: 20px;
}

.notes:only-child,
.notes:last-of-type {
  margin-bottom: 0;
}

.notes:only-child .panel,
.notes:last-of-type .panel {
  margin-bottom: 0;
}

.notes .panel .panel-body p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.notes .panel .panel-body p:empty {
  display: none;
}

.notes .panel .panel-body p.notes-author {
  padding-left: 8px;
  font-size: 13px;
  color: gray;
}

.notes .panel .panel-body p.notes-author:before {
  content: "\2014";
  display: inline-block;
  padding-right: 8px;
}

/* Panels */
.panel {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #fff;
}

.panel.panel-default>.panel-heading {
  background: #F7F8FB;
  padding: 10px;
  position: relative;
}

.panel.panel-default>.panel-heading h4 {
  font-size: 14px;
  margin: 0;
}

.panel .panel-body {
  padding: 20px;
}

.panel .panel-body.p-0 {
  padding: 0;
}

.panel .panel-body p {
  font-size: 14px;
  line-height: 1.6;
  margin: 10px 0;
  letter-spacing: 0.02em;
}

.panel .panel-body p:first-of-type {
  margin-top: 0;
}

.panel .panel-body p:last-of-type {
  margin-bottom: 0;
}

.panel .panel-body h3.panel-title {
  margin-bottom: 20px;
}

.panel .action-btn {
  display: block;
  position: absolute;
  right: 10px;
  top: 8px;
  margin: auto;
}

.panel .action-btn a {
  display: inline-block;
  text-align: center;
  width: 30px;
}

.panel .action-btn i {
  font-size: 15px;
  position: relative;
  display: inline-block;
  top: -2px;
}

.panel .action-btn i.icon-add_box {
  font-size: 18px;
  top: 0;
}

/* Tags */
.tags {
  margin: 0px 0px 0 0;
  zoom: 1;
}

.tags:before,
.tags:after {
  content: "";
  display: table;
}

.tags:after {
  clear: both;
}

.tags span {
  background-color: #21BCB0;
  display: inline-block;
  padding: 3px 8px;
  padding-right: 35px;
  margin-right: 5px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
  font-size: 12px;
  position: relative;
  cursor: pointer;
  -webkit-transition: background 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  transition: background 0.3s cubic-bezier(0, 0, 0.39, 1.1);
  margin-bottom: 5px;
}

.tags span:hover {
  background: #1da69c;
}

.tags span:hover i {
  border-color: #1b9990;
}

.tags span i {
  position: absolute;
  padding: 0 5px;
  margin: 0;
  font-size: 15px;
  right: 0;
  top: 0;
  height: 30px;
  line-height: 30px;
  border-left: solid 1px #1da69c;
  background-color: #21BCB0;
}

/* Tooltip */
tooltip tip {
  font-size: 13px;
  padding: 5px 15px;
  min-width: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

/* Tooltips */
[tooltip] {
  position: relative;
  /* Applies to all tooltips */
  /* Make the tooltips respond to hover */
  /* don't show empty tooltips */
  /* FLOW: UP */
  /* FLOW: DOWN */
  /* FLOW: LEFT */
  /* FLOW: RIGHT */
  /* FX All The Things */
}

[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  font-size: 12px;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1001;
}

[tooltip]::after {
  content: attr(tooltip);
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  -webkit-box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

[tooltip] [tooltip='']::before,
[tooltip] [tooltip='']::after {
  display: none !important;
}

[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: calc(100% + 5px);
  border-bottom-width: 0;
  border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 10px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -0.5em);
  transform: translate(-50%, -0.5em);
}

[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}

[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, 0.5em);
  transform: translate(-50%, 0.5em);
}

[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  -webkit-transform: translate(-0.5em, -50%);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-0.5em, -50%);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  -webkit-transform: translate(0.5em, -50%);
  transform: translate(0.5em, -50%);
}

[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(0.5em, -50%);
  transform: translate(0.5em, -50%);
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  -webkit-animation: tooltips-horz 300ms ease-out forwards;
  animation: tooltips-horz 300ms ease-out forwards;
}

/* KEYFRAMES */
@-webkit-keyframes tooltips-vert {
  to {
    opacity: .9;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-vert {
  to {
    opacity: .9;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltips-horz {
  to {
    opacity: .9;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

/* Note editor modal fix */
body .note-editor .modal-content .modal-header {
  background: #21BCB0;
  color: #fff;
}

body .note-editor .modal-content .modal-header .close span {
  display: none;
}

body .note-editor .modal-content .modal-body {
  padding: 15px;
}

/* Spacers */
body .m-0 {
  margin: 0px !important;
}

body .m-5 {
  margin: 5px !important;
}

body .m-10 {
  margin: 10px !important;
}

body .m-15 {
  margin: 15px !important;
}

body .m-20 {
  margin: 20px !important;
}

body .m-25 {
  margin: 25px !important;
}

body .m-30 {
  margin: 30px !important;
}

body .m-35 {
  margin: 35px !important;
}

body .m-40 {
  margin: 40px !important;
}

body .m-45 {
  margin: 45px !important;
}

body .m-50 {
  margin: 50px !important;
}

body .mt-0 {
  margin-top: 0px !important;
}

body .mt-5 {
  margin-top: 5px !important;
}

body .mt-10 {
  margin-top: 10px !important;
}

body .mt-15 {
  margin-top: 15px !important;
}

body .mt-20 {
  margin-top: 20px !important;
}

body .mt-25 {
  margin-top: 25px !important;
}

body .mt-30 {
  margin-top: 30px !important;
}

body .mt-35 {
  margin-top: 35px !important;
}

body .mt-40 {
  margin-top: 40px !important;
}

body .mt-45 {
  margin-top: 45px !important;
}

body .mt-50 {
  margin-top: 50px !important;
}

body .mr-0 {
  margin-right: 0px !important;
}

body .mr-5 {
  margin-right: 5px !important;
}

body .mr-10 {
  margin-right: 10px !important;
}

body .mr-15 {
  margin-right: 15px !important;
}

body .mr-20 {
  margin-right: 20px !important;
}

body .mr-25 {
  margin-right: 25px !important;
}

body .mr-30 {
  margin-right: 30px !important;
}

body .mr-35 {
  margin-right: 35px !important;
}

body .mr-40 {
  margin-right: 40px !important;
}

body .mr-45 {
  margin-right: 45px !important;
}

body .mr-50 {
  margin-right: 50px !important;
}

body .mb-0 {
  margin-bottom: 0px !important;
}

body .mb-5 {
  margin-bottom: 5px !important;
}

body .mb-10 {
  margin-bottom: 10px !important;
}

body .mb-15 {
  margin-bottom: 15px !important;
}

body .mb-20 {
  margin-bottom: 20px !important;
}

body .mb-25 {
  margin-bottom: 25px !important;
}

body .mb-30 {
  margin-bottom: 30px !important;
}

body .mb-35 {
  margin-bottom: 35px !important;
}

body .mb-40 {
  margin-bottom: 40px !important;
}

body .mb-45 {
  margin-bottom: 45px !important;
}

body .mb-50 {
  margin-bottom: 50px !important;
}

body .ml-0 {
  margin-left: 0px !important;
}

body .ml-5 {
  margin-left: 5px !important;
}

body .ml-10 {
  margin-left: 10px !important;
}

body .ml-15 {
  margin-left: 15px !important;
}

body .ml-20 {
  margin-left: 20px !important;
}

body .ml-25 {
  margin-left: 25px !important;
}

body .ml-30 {
  margin-left: 30px !important;
}

body .ml-35 {
  margin-left: 35px !important;
}

body .ml-40 {
  margin-left: 40px !important;
}

body .ml-45 {
  margin-left: 45px !important;
}

body .ml-50 {
  margin-left: 50px !important;
}

body .mlr-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

body .mlr-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

body .mlr-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

body .mlr-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

body .mlr-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

body .mlr-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

body .mlr-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

body .mlr-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

body .mlr-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

body .mlr-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

body .mlr-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

body .mtb-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

body .mtb-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

body .mtb-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

body .mtb-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

body .mtb-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

body .mtb-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

body .mtb-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

body .mtb-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

body .mtb-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

body .mtb-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

body .mtb-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.p-0 {
  padding: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-50 {
  padding: 50px !important;
}

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

.pt-5 {
  padding-top: 5px !important;
}

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

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.plr-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.plr-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.plr-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.plr-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.plr-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.plr-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.plr-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.plr-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.plr-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.plr-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.plr-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

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

.ptb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

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

.ptb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.ptb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.ptb-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.ptb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.ptb-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.ptb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.ptb-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.ptb-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}


.pipeline .btn-group.dropdown {
  display: none;
}

/* .pipeline .ui-tabs-scrollable>.nav-button,
.pipeline .nav-tabs * {
  all: unset;
} */

.pipeline .ui-tabs-scrollable.show-drop-down>.nav-button.right-nav-button {
  right: 0;
}

.pipeline .ui-tabs-scrollable.show-drop-down>.spacer:not(.hidden-buttons) {
  margin-right: 25px;
}

.pipeline .ui-tabs-scrollable.show-drop-down>.spacer>div:first-child>.tab-content {
  margin: 0 -25px;
  padding: 0;
  border-top: solid 1px #DCE0E9;
  overflow: auto;
  height: auto;
}

.pipeline .ui-tabs-scrollable.show-drop-down>.spacer>div:first-child>.tab-content>.tab-pane {
  max-height: 660px;
}

.pipeline .ui-tabs-scrollable>.spacer>div:first-child>.nav-tabs {
  margin: 0 10px;
}

.pipeline .ui-tabs-scrollable>.spacer:not(.hidden-buttons)>div:first-child>.nav-tabs>li:first-child.active a,
.pipeline .ui-tabs-scrollable>.spacer:not(.hidden-buttons)>div:first-child>.nav-tabs>li:first-child a:hover {
  border-top-left-radius: 4px;
}

.pipeline .ui-tabs-scrollable>.spacer:not(.hidden-buttons)>div:first-child>.nav-tabs>li:last-child.active a,
.pipeline .ui-tabs-scrollable>.spacer:not(.hidden-buttons)>div:first-child>.nav-tabs>li:last-child a:hover {
  border-top-right-radius: 4px;
}

.pipeline .ui-tabs-scrollable>.spacer>div:first-child>.nav-tabs>li {
  display: inline-block;
  margin: 0;
}

.pipeline .ui-tabs-scrollable>.spacer>div:first-child>.nav-tabs>li>a {
  padding: 12px 15px;
  height: auto;
  border: none;
  font-size: 15px;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 0 0 -4px;
}

.pipeline .ui-tabs-scrollable>.spacer:not(.hidden-buttons)>div:first-child>.nav-tabs>li:first-child.active a,
.pipeline .ui-tabs-scrollable>.spacer:not(.hidden-buttons)>div:first-child>.nav-tabs>li:first-child a:hover {
  border: none;
}

.pipeline .nav-tabs {
  /* border-bottom: 1px solid rgb(221, 221, 221); */
  display: flex;
  align-items: stretch;
}

.pipeline .ui-tabs-scrollable {
  position: relative;
}

.pipeline .ui-tabs-scrollable>.nav-button {
  display: block;
  position: absolute;
  top: 1px;
  background: #fff;
  padding: 8px 3px;
}

.pipeline .ui-tabs-scrollable>.nav-button:before,
.pipeline .ui-tabs-scrollable>.nav-button:after {
  font-family: "icomoon";
  font-size: 18px;
}

.pipeline .ui-tabs-scrollable>.nav-button.left-nav-button {
  left: 0;
}

.pipeline .ui-tabs-scrollable>.nav-button.left-nav-button:before {
  content: "\e314";
}

.pipeline .ui-tabs-scrollable>.nav-button.right-nav-button {
  right: 0;
}

.pipeline .ui-tabs-scrollable>.nav-button.right-nav-button:before {
  content: "\e409";
}

.pipeline .nav-tabs>li {
  margin-bottom: 0;
  margin: 0 2px -1px;
}

.pipeline .nav-tabs>li:first-child{
  margin-left: 0;
}

.pipeline .nav-tabs>li>a {
  all: unset;
  padding: 12px 15px;
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #2D3255;
  letter-spacing: 0.08em;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  border: solid 1px transparent !important;
  position: relative;
  z-index: 4;
}

.pipeline .nav-tabs>li.active {
  font-size: 16px;
  font-weight: bold;
  background: #fff;
  border:solid 1px #DCE0E9 !important;
  border-bottom: none !important;
  border-radius: 4px 4px 0 0;
}

/* .pipeline .nav-tabs>li.active>a,
.pipeline .nav-tabs>li.active>a:hover,
.pipeline .nav-tabs>li.active>a:active,
.pipeline .nav-tabs>li.active>a:focus {
  background: #fff;
  border-radius: 4px 4px 0 0;
  border: solid 1px #DCE0E9 !important;
  border-bottom: none !important;
} */

.pipeline .nav-tabs>li.active>a {
  background: #fff;
  position: relative;
}

.pipeline .filters {
  margin-top: 10px;
  margin-bottom: 20px;
}

.pipeline .filters .tags span i {
  height: 23px;
  line-height: 23px;
}

.pipeline .filters #selected_filters {
  padding-top: 7px;
}

.pipeline .filters .board-sort {
  left: auto;
}

.pipeline .filters .board-sort>.btn {
  padding: 5px 10px;
  font-weight: 500;
  letter-spacing: 1px;
}

.pipeline .filters .board-sort>.btn i {
  display: inline-block;
  padding-left: 5px;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

.pipeline .filters .board-sort ul.dropdown-menu {
  left: auto;
  right: 10px;
  margin-top: 10px;
  width: 200px;
  border: solid 1px #C3C9D7;
  padding: 0;
  border-radius: 0;
}

.pipeline .filters .board-sort ul.dropdown-menu li {
  background: #fff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.pipeline .filters .board-sort ul.dropdown-menu li:hover {
  background: #F0F1F5;
}

.pipeline .filters .board-sort ul.dropdown-menu:before {
  content: "\e5c7";
  font-family: "icomoon";
  display: block;
  position: absolute;
  right: 5px;
  top: -19px;
  font-size: 30px;
  line-height: 1;
  color: #C3C9D7;
}

.pipeline .filters .board-sort label {
  margin: 0;
  padding: 7px 10px;
  display: block;
  color: #222;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

.pipeline .filters .board-sort input {
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  margin: 0px 0 0px 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  margin-right: 3px;
  position: relative;
}

.pipeline .filters .board-sort input:after {
  content: "\e5ca";
  font-family: "icomoon";
  color: transparent;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  border-radius: 50%;
  border: solid 1px #B3B9C7;
  background: #fff;
}

.pipeline .filters .board-sort input:checked:after {
  background: #21BCB0;
  border-color: #21BCB0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  color: #fff;
}

.pipeline .pipeline-list {
  padding: 0 15px;
}

.pipeline .pipeline-list .candidate {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.pipeline .pipeline-list .candidate:hover .mask {
  display: block;
}

.pipeline .pipeline-list .candidate .mask {
  position: absolute;
  top: 20px;
  left: 20px;
  display: none;
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.pipeline .pipeline-list .candidate .mask .control__indicator {
  top: -1px;
  left: -1px;
  width: 60px;
  height: 60px;
}

.pipeline .pipeline-list .candidate .mask .control__indicator:after {
  line-height: 60px;
  font-size: 30px;
}

.pipeline .pipeline-list .candidate .user {
  display: block;
  position: relative;
  padding-left: 90px;
}

.pipeline .pipeline-list .candidate .user img {
  display: block;
  position: absolute;
  left: 15px;
  top: 0;
  width: 60px;
  height: 60px;
}

.pipeline .pipeline-list .candidate .user span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.pipeline .pipeline-list .candidate .user span.name {
  font-weight: 600;
  font-size: 18px;
  color: #2D3255;
  letter-spacing: 1.12px;
  color: #21BCB0;
  margin-bottom: 3px;
  margin-top: -5px;
}

.pipeline .pipeline-list .candidate .user span:not(.name) {
  font-size: 13px;
  color: #444767;
  letter-spacing: 0.81px;
  font-weight: 500;
}

.pipeline .pipeline-list .candidate .user span.location {
  margin-bottom: 3px;
}

.pipeline .pipeline-list .candidate .stat {
  all: unset;
  width: 150px;
  position: relative;
  display: block;
}

.pipeline .pipeline-list .candidate .stat:before {
  content: "";
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
  top: 15px;
  right: 5px;
}
.status_caret{
  font-size: 15px;
  color: #fff;
  margin-top: 15px;
  padding-bottom: 15px;
  position: absolute;
  right: 6px;
  top: 0;
  display: block;
  height: 0;
  padding: 0;
  z-index: 0;
}

.pipeline .pipeline-list .candidate .stat select {
  display: block;
  border: 0px solid;
  font-size: 14px;
  color: #fff;
  padding: 10px;
  margin: 0;
  width: 100%;
}

.pipeline .pipeline-list .candidate .candidate-actions {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.pipeline .pipeline-list .candidate .candidate-actions .form-control {
  padding: 0 15px;
  height: 34px;
  min-width: 130px;
}

.pipeline .pipeline-list .candidate .candidate-actions a.btn {
  padding: 0px 10px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}

.pipeline .pipeline-list .candidate .candidate-actions>span {
  display: inline-block;
  margin-right: 15px;
}

.pipeline .pipeline-list .candidate .candidate-actions>span:last-child {
  margin-right: 0;
}

.pipeline .pipeline-list .candidate .candidate-actions .dropdown {
  padding: 0;
}

.pipeline .pipeline-list .candidate .candidate-actions .dropdown>a {
  display: block;
  height: 33px;
  width: 40px;
  background: #fff;
  padding: 0;
  border: solid 1px #DCE0E9;
  text-align: center;
  line-height: 33px;
  color: #2D3255;
  margin-left: 15px;
}

.pipeline .pipeline-list .candidate .candidate-actions .dropdown>a i {
  display: inline-block;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.pipeline .pipeline-list .candidate .candidate-actions .dropdown-menu {
  margin-top: 10px;
  left: auto;
  right: 0;
  min-width: 170px;
  padding: 6px;
  background: #21BCB0;
  border-radius: 0;
}

.pipeline .pipeline-list .candidate .candidate-actions .dropdown-menu:before {
  content: "\e5c7";
  font-family: "icomoon";
  display: block;
  position: absolute;
  right: 5px;
  top: -18px;
  font-size: 30px;
  color: #21BCB0;
  line-height: 1;
}

.pipeline .pipeline-list .candidate .candidate-actions .dropdown-menu li {
  background: #21BCB0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  /* padding: 5px 10px; */
  cursor: pointer;
}

.pipeline .pipeline-list .candidate .candidate-actions .dropdown-menu li:hover {
  background: #1da69c;
}

.pipeline .pipeline-list .candidate .candidate-actions .dropdown-menu li a {
  width: auto;
  color: #fff;
  padding: 0;
  display: block;
  padding: 5px 10px;
}

.pipeline .pipeline-list .candidate .candidate-actions .dropdown-menu li a:hover {
  background: none;
}

.pipeline .pipeline-list .candidate .card-footer {
  border-top: solid 1px #DCE0E9;
  margin: 20px -20px 0;
  padding-top: 10px;
}

.pipeline .pipeline-list .candidate .card-footer .feedbacks {
  text-align: right;
  color: #2D3255;
}

.pipeline .pipeline-list .candidate .card-footer span {
  display: inline-block;
  padding-right: 15px;
  border-right: solid 1px #DCE0E9;
  margin-right: 15px;
  letter-spacing: 0.04em;
  color: #5B5D7A;
}

.pipeline .pipeline-list .candidate .card-footer span:last-child {
  margin-right: 0;
  padding-right: 0;
  border: none;
}

.pipeline .pipeline-list .candidate .card-footer span i {
  font-size: 16px;
}

.pipeline .pipeline-list .candidate .card-footer span svg {
  width: 16px;
  fill: #5B5D7A;
}

.pipeline .pipeline-list .candidate:last-of-type:not(:only-of-type) .actions .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin: 0 0 10px;
}

.pipeline .pipeline-list .candidate:last-of-type:not(:only-of-type) .actions .dropdown-menu:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: auto;
  bottom: -18px;
}

.pipeline [class="stat"] select {
  background: #B3B9C7;
}

.pipeline .Waitlisted select {
  background: #8BC34A;
}

.pipeline .Employee select {
  background: #388e3c;
}

.pipeline .Duplicate select {
  background: #FF805C;
}

.pipeline .MovedOut select {
  background: #B71C1C;
}

.pipeline .NoShow select {
  background: #ff5722;
}

.pipeline .Selected select {
  background: #2E7D32;
}

.pipeline .DroppedOut select {
  background: #deb887;
}

.pipeline .YetToProcess select {
  background: #ffa500;
}

.pipeline .InProgress select {
  background: #3bc3b9;
}

.pipeline .Rejected select {
  background: #da6776;
}

.pipeline .Approved select {
  background: #5243AA !important;
}

.pipeline .OnHold select {
  background: #d1d2d6;
}

.pipeline .Joined select {
  background: #778899;
}

.pipeline .Offered select {
  background: #73678c;
}

.pipeline .OfferAccepted select {
  background: #c38d3b;
}

.pipeline .OfferDeclined select {
  background: #a58883;
}

.pipeline .NotInterested select {
  background: #BF360C;
}

.pipeline .pipeline-list .candidate:hover .mask,
.pipeline .pipeline-list .candidate .mask-selected {
  display: block;
}

.angucomplete-holder {
  position: inherit;
}

.mass-mail .panel {
  margin-left: 0px;
}

tags-input.hide-input .tags input.input {
  display: none;
  margin: 10px 9px 10px 0;
}

tags-input.hide-input .tags .tag-item {
  margin: 9px 5px 10px 0;
}

.loader-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: grey;
  opacity: .8;
}

.ajax-loader {
  position: absolute;
  left: 50%;
  top: 20%;
  margin-left: -32px;
  /* -1 * image width / 2 */
  margin-top: -32px;
  /* -1 * image height / 2 */
  display: block;
  width: 100px;
}

.loader-page h1 {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 30%;
  margin-left: -32px;
  /* -1 * image width / 2 */
  margin-top: -32px;
  /* -1 * image height / 2 */
  display: block;
  width: 100px;
}

#loading-bar {
  pointer-events: all;
  z-index: 9999;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: wait;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
}

.cal-context .alert{
  display:none;
}

.Dashboard #loading-bar {
  pointer-events: all;
  z-index: -10;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: default;
  position: fixed;
  background-color: transparent;
}

.signup #loading-bar {
  pointer-events: all;
  z-index: -10;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: default;
  position: fixed;
  background-color: transparent;
}
.signup #loading-bar-spinner {
  display: none;
}

.loading-gif{
  width: 50px;
  top: 70px;
  left: 60px;
}

.for-hr-exec{
  pointer-events: none;
  cursor: default;
  background: #b3d1e8;
  border: solid 1px #b3d1e8;
}

.screener_class .screener_class_dropdown {
  left: 15px !important;
  width: 95% !important;
  top: 52px;
}
.screener_class_multi #bs-example-navbar-collapse-1 {
  position: relative;
  z-index: 0;
  margin: 0px auto 0px;
}

.calc {
  /* main contain majhe anar jonne ai class 2nd div e ai class ase */
  margin: 0 auto;
}

.calcontainer {
  /* ai class ta form er modde kora hoice form er size tik orar jonne */
  
  margin-left: 0;
  margin-top: 30px;
  width: 316px;
}

#panel {
  /* calculator er display er jonne ai id kora hoie */
  text-align: right;
  width: 100%;
  height: 48px;
  font-size: 26px;
  background-color: white;
}

#panel:hover {
  /* calculator er display er jonne ai id kora hoie */
  cursor: col-resize;
}

.calc .bttn {
  /* button gulo ke style korar jonne ai class */
  margin-bottom: 8px;
  margin-right: 5px;
  margin-left: 0px;
  width: 40px;
  height: 40px;
  font-size: 17px;
  line-height: 1;
}

.bttne {
  /* last er 2 ta button  ke style korar jonne ai class */
  width: 89px;
  margin-top: 0px;
  margin-right: 11px;
}

.formula_header{
  background: #21bcb0;
  color: #fff;
  padding: 8px 0px 8px 15px;
  font-size: 16px;
  font-weight: 500;
}

.list_cards{
  margin-top: 15px;
  box-shadow: 0px 0px 3px 0px #ccc;
  border-radius: 2px;
  display: flow-root;
}
.list_cards h5{
  padding: 10px 0px 10px 0px;
  font-size: 16px;
  font-weight: bold;
}
.template_action li{
  list-style: none;
  display:inline-block;
  margin-right: 15px;
  line-height: 4;
}
.template_action li a{
  color: #222;
}

.edit-file {
  cursor: pointer;
  position: absolute;
  right: 0;
  line-height: 15px;
}

.file_name_doc .form-control:focus, .file_name_doc .form-control:active {
  border-bottom: 1px solid #21BCB0;
  border-top: none;
  border-left: none;
  border-right: none;
}

.file_name_doc input {
  width: 225px;
  float: left;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  border-top: none;
  border-left: none;
  border-right: none;
}

.signature{
  position: absolute;
  bottom:0;
}

tags-input.remove-icon .remove-button{
    display: none;
}

.modal-lg-mds .panel {
    margin-left: 0px;
}

.offer-delete{
    position: absolute;
    right: 10px;
    top: -4px;
    background: #fff;
    font-size: 20px;
    color: #f97979;
    cursor: pointer;
}
.addNew-button{
    position: relative;
    margin-bottom: 10px;
    margin-top: -15px;
}

.not-active a{
  pointer-events: none;
  cursor: auto !important;
  text-decoration: none;
  color: #ccc !important;
}

.custom-tab {
  margin-top: -25px;
  margin-bottom: 25px;
  background: #e0e0e0;
}
.int-list li{
  list-style: none;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 20px 10px 20px;
  text-align: center;
  cursor: pointer;
}

.current-active {
  background: #fff;
  border-bottom: 3px solid #21BCB0;
}

fieldset.scheduler-border {
  border: 1px groove #ddd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
  font-size: 1.2em !important;
  font-weight: bold !important;
  text-align: left !important;
  width: auto;
  padding: 0 10px;
  border-bottom: none;
}

.audiojs{
  width: 100%;
  margin-top: 10px;
  height: 100%;
}

.audiojs .scrubber {
  width: 250px;
}
.sub-menu li a{
  display: block;
  background: #eee;
  padding: 7px 0px 7px 20px;
  border-bottom: 1px solid #ddd;
}

.toggle {
  cursor: pointer;
  display: inline-block;
  float: right;
}

.toggle-switch {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 47px;
  height: 20px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}

.toggle-switch:before,
.toggle-switch:after {
  content: "";
}

.toggle-switch:before {
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 4px;
  transition: left 0.25s;
}

.toggle:hover .toggle-switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}

.toggle-checkbox:checked+.toggle-switch {
  background: #56c080;
}

.toggle-checkbox:checked+.toggle-switch:before {
  left: 30px;
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

.toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.field-box {
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-right: 0px;
}

.calling__radio label{
  margin-top: 12px;
  position: absolute;
  cursor: pointer;
}

.calling__radio input{
  margin-right: 10px;
  margin-top: 10px;
}

.servtel_password .password__icon {
  position: absolute;
  top: 33px;
  right: 16px;
  cursor: pointer;
  padding: 13px;
  background: #ccc;
}
.cursor-notallowed{
  cursor: not-allowed !important;
}
.ml-10{
  margin-left: 10px;
}





/* CALL ANALYTICS CSS starts */

/* call analytics page */
.call-analytics{
  margin: 20px;
  margin-right: 45px;
  margin-left: 45px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.cards row call-analys{
    display: flex;
    flex-wrap: wrap;
    justify-content:baseline;
   
  }
  .call-analys h3{
    margin-left: 27px;
  }
  .date-contianer{
    position: relative;
  }
  .date-contianer .date-popup{
    box-shadow: 0 0px 80px 0 rgba(0, 0, 0, 0.2);
    min-width: 776px;
    width: 100%;
    background: #fff;
    position: absolute;
    /* z-index: 99; */
    z-index: 10;
    left: auto;
    top: 31px;
    right: -1px;

  }
  .date-contianer .date-popup .date-selection{
    display: flex;
    flex: auto;
    flex-direction: row;
    margin: 0px;
  }
  .date-contianer .date-popup .date-selection .ul-style{
    min-width: 160px;
    width: 45%;
    padding: auto;
  }
  .date-contianer .date-popup .date-selection .list-style{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: flex-start;
    font-size: 14px;
    padding: 3px;
    font-weight: 400;
    margin: 0px;
    /* padding-left: 5px; */
    width: 100%;
  }
  .date-contianer .date-popup .date-selection .list-style .active{
    width: 100%;
    background: #29bbb0;
    color: #fff;
    font-size: 14px;
    padding: 3px;
    /* padding-left: 5px; */
    font-weight: 400;
    margin: 0px;
    display: flex;
  }
    .date-contianer .date-popup .date-selection table{
    box-shadow: none !important;
  }
  .hr-line{
    border: 1px solid #d4d4d4;
    margin-left: 36px;
    margin-right: 29px;
    margin-top: 10px;
  }
  .date-text-left{
    display: flex;
    flex-direction: row;
    margin-left: 22px;
  }
  .date-text-left span{
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    color: gray;
  }
  .date-text-left i{
    margin-top: 7px;
    margin-left: 5px; 
    font-size: 12px ! important;
  }
  .date-text-left span.date-primary{
    color: #21bcb0;
  }
  .date-buttons{
    display: flex;
    flex-direction: row;
    place-content: flex-end;
    margin: 19px;
  }
  .date-text-right{
    display: flex;
    flex-direction: row;
    margin-left: 55px;
  }
  .date-text-right span{
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    color: gray;
  }
  .date-text-right i{
    margin-top: 7px;
    margin-left: 5px;
    font-size: 12px !important;
  }
  .date-text-right span.date-primary{
    color: #21bcb0;
  }

  #call-ana-option{
    font-size: 90%;
    height: 28px;
    width: 90px;
    border-radius: 4px;
    margin-top: -30px;
    margin-right: 32px;
    padding: 5px;
    border: 1px solid #21bcb0;
    float:right;
    cursor:pointer;
  
  }
  #call-ana-option option{
    border-radius: 4px;
    background-color: white;
    color:#21bcb0 ;
  }
  
  
  .call-card-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
      
      .call-card {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        /* width: 232px; */
        width: auto;
        height: 190px;
        /* margin: 10px; */
        text-align: center;
        font-family: inherit;
        border-radius: 20px;
        font-size: 12px;
        background-color: #bcebe7;
        overflow: hidden;
        
      }

      

  
      
  .material-icons{
      font-family: 'Material Icons';
      color: #21bcb0;
      border-radius: 22px;
      padding: 5px;
      margin: -5px;
      background: white;
      font-weight: normal;
      font-style: normal;
      font-size: 34px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-smoothing: antialiased;
  }
  
      #card-content-postn{
        font-size: 26px;
        letter-spacing: 0px;
        margin: 20px;
        text-align-last: justify;
      }
      #card-content-postn span {
        font-size: 40px;
        margin-left: -22px;
      }
      
      #card-content-postn1{
        display: flex;
        font-size: 14px;
        margin-top: 20px;
        flex-direction: initial;
        justify-content: space-between;
      }
      #card-content-postn1 span.total-talk{
        font-size: 22px;
        display: flex;
        flex-direction: column;
      }
      #card-content-postn1 span.total-talk span.plc-text{
        font-size: 13px;
        margin-left: 2px;
      }
      .card-header {
        height: 115px;
        background-color: #21bcb0;
        color: white;
        font-size: 14px;
        padding: 15px;
        text-align: initial;
  
      }
      .card-header span{
        font-size: 18px;
        font-weight: 400;
      }
      .card-header span .total-talk{
        font-size: 22px;
      }
      .card-body {
        padding: 14px 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 16px;
      }
      
      .card-body p {
        font-size: 13px;
        font-weight: 500;
        line-height: 4px;
        margin: 0px 0px 10px 0px;
      }
      
      .logo {
        margin-top: 10px;
        padding: 5px 10px;
        display: contents;
    }
  
    #download_logo{
      float: right;
      padding: 2px;
      padding-left: 5px;
      margin-top: -45px;
      border: 1px solid #21bcb0;
      border-radius: 5px;
      color: #21bcb0;
      font-size: medium;
      cursor: pointer;
      min-width: 62px;
      right: 32px;
      /* width: 100%; */
      max-width: 300px;
      text-align: center;
      display: flex;
      flex-direction: row;
      height: 28px;
    }
  
  
    /* Ruler in Call Analytics */
    
    .handlebar {
      margin-top: 100px;
      display: flex;
      align-items: center;
      height: 30px;
      color: teal;
    }
    
    .handlebar-click {
      color: black;
      font-size: large;
      font-weight: 600;
      height: 40px;
      width: 50%;
      text-align: center;
      cursor:pointer;   
    }
    
    .handlebar-click-active {
      color:#21bcb0;
      height: 43px;
      border-bottom:4px solid;
      /* border-radius: 3px; */
    }
    
    .horizontal-rule {
      border: none;
      border-top: 1px solid #333;
      margin: 5px;
      height: 1px;
    }
    
  
  /* CSS for table Headings */
  
  select, textarea {
    font-size: 90%;
    border: none;
    width: 100px;
  }
  
  
    /* css for call analysis (active calls) table */
  
  table .call-report-header-1 tr:first-child{
    box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 12px;
  }
  table .call-report-header-1 {
    position: sticky;
    height: 80px;
    top: -5px;
    background: white;
    z-index: 1;
  }

  table.call-report-header {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    border-radius: 3px;
    border-collapse: collapse;
    border-style: hidden;
    width: 100%;
    height: 65px;
  }
  
  table.call-report-header-leader {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    border-radius: 3px;
    border-collapse: collapse;
    border-style: hidden;
    width: 100%;
    height: 65px;
    margin-top:-30px;
  }
   .call-analytcs-tr-th {
    /* border: 1px solid #8C8C8C ; */
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin-top: 5px;
    /* width:auto; */
    font-size: 15px;
  }


 
  .call-report-table table {
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
    border-radius: 3px;
    border-collapse: collapse;
    border-style: hidden;
    width: 100%;
    height: 65px;
    background: #fff;
    
  }
.capitalize::first-letter {
  text-transform: uppercase;
}
.call-report-table .no-data{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 13%;
    margin-left: 25px;
    margin-right: 25px;
    padding: 20px;
    border: 1px solid #21bcb0;
    font-size: 15px;
    color:black;
    font-weight: 500;
}

.call-report-table .refrsh-text{
  color: #21bcb0; 
  margin-left: 4px; 
  cursor: pointer;
}
  
  .call-report-table th, .call-report-table td {
    border: 1px solid #dfdcdc ;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin-top: 5px;
    width: 125px;
    font-size: smaller;
  }
  
  /* th {
      background-color: #fff;
      border: none;
  } */
  
  .search_in_col{
    border: none;
    width: 80px;
  }
  
  
  /* customised search icon */
  .icon-custm{
    color: #21bcb0;
    font-size: medium;
    font-weight: 600;
    cursor: pointer;
    }

    .icon-custm-call-dir{
      color: #21bcb0;
      font-size: medium;
      font-weight: 500;
      margin-right:-10px;
      float: right;
    }
    .icon-call-dir-ldbrd{
      color: #21bcb0;
      font-size: medium;
      font-weight: 500;
      margin-right: 10px;
      float: right;
  
    }
  
  /* css for setting download icon */
  .dwnld-custm{
    color: #21bcb0;
    margin: 2px;
    font-size: large;
    cursor:pointer;
  }
  
  /* buttons in active calls tab */
  .act-call-btn{
    background: #21bcb0;
    height: 25px;
    width: 65px;
    margin: 2px;
    border: none;
    border-radius: 4px;
    font-size: smaller;
    color: white;
    cursor: pointer;
  }
  
  #select-frm-tbl-col option{
    border-radius: 4px;
    background-color: white;
    color:#21bcb0 ;
  }
  /* call analytics table scroll */
  .scrollable {
    max-height: 450px;
    overflow-y: auto; 
    margin-top: 13px;
  }
  .scrollable::-webkit-scrollbar {
    width: 5px;
  }
  .scrollable::-webkit-scrollbar-track {
    background-color:#888;
  }
  .scrollable::-webkit-scrollbar-thumb {
    background-color:#21bcb0;
    border-radius: 5px; 
  }
  .scrollable::-webkit-scrollbar-thumb:hover {
    background-color: #555;
  } 
  
  .table-search:focus::placeholder {
    opacity: 0.3;
  }
  .callanalytics .audiojs{
    width: 398px;
  }

  .plc-text-format{
    display: block;
    font-size: smaller;
    padding: 0;
    margin: 0;
    text-align: start;
    margin-top: -2px;
  }

  .dropdown_select {
    width: 70px;
    font-size: 11px;
    font-weight: 500;
    color: #333;
    background-color: #fff;
  }

  /* Style the option elements */
  .dropdown_opt {
    font-size: 11px;
    color: #333;
    margin-left: 5px;
    background-color: #fff;
  }

  /* Style the selected option */
  .dropdown_opt:checked {
    background-color: #f5f5f5;
  }

  .candidate-list-notes{
    display: inline-block;
    padding: 0 5px;
    background: #00cd69;
    color: #fff !important;
    border-radius: 3px;
    font-size: 13px;
    padding-left: 7px;
    margin-top: 4px;
  }


  .search-custm{
    color: #21bcb0;
    float:right;
    margin-left: -5px;

  }
  .search-custm-cndt{
    color: #21bcb0;
    float:right;
    margin-left: 18px;
   
  }
  .search-custm-clnt{
    color: #21bcb0;
    float:right;
    margin-left: 42px;
   
  }
/* Leaderboard CSS */

.leadership-card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.leaderboard-tr-th {
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  margin-top: 5px;
  font-size: 15px;
}

.leaderboard-tr-th img{
  width: 30px !important;
  height: 30px !important;
  margin-right: 10px;
}

.leaderboard-custm {
  position: relative;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  margin-top: 5px;
  width: 45px;
  font-size: 11px;
}
.leaderboard-custm-star {
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  margin-top: 5px;
  width: 75px;
  font-size: 11px;
}
.icon-custm-star{
  color:#ffc24c;
  font-size: 24px;
  cursor:pointer;
}
.card-body-leaderboard {
  padding: 8px 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
}

.card-table {
  border: none  ;
  border-collapse: collapse;
 
}


.card-body-leaderboard table {
  border-collapse: collapse;
}

.card-body-leaderboard td {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 5px; /* add padding to create space between border and content */
}

.card-body-leaderboard td:not(:first-child) {
  border-left: 1px solid black;
  border-top: none;
  border-bottom: none;
}

.card-body-leaderboard td:not(:last-child) {
  border-right: 1px solid black;
  border-top: none;
  border-bottom: none;
}
.leaderboard-card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.popup-container {
  position: absolute;
  top: 30px;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  z-index: 1;
}

.dropdown-th-leaderboard{
  margin: 0;
  position: absolute;
  background: white;
  width: 90px;
  z-index: 1;
  top: 67px;
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  overflow: hidden;
}
.dropdown-th-leaderboard button:first-child{
  border-bottom: solid lightgray 1px;
}

.dropdown-th-leaderboard button{
  background: none;
  border: none;
  display: block;
  margin: auto;
  height: 25px;
  width: 100%;
}

.dropdown-th-leaderboard button:hover{
  background: whitesmoke;
}

.leaderboard-tr-th {
  position: relative;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  margin-top: 5px;
  font-size: 15px
}

.leaderboard-tr-th  input{
  font-size: 14px !important
}

.leaderboard-tr-th  span{
  font-size: 14px !important
}

.leaderboard-custm {
  position: relative;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  margin-top: 5px;
  width: 45px;
  font-size: 14px;
}
.leaderboard-custm-star {
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  margin-top: 5px;
  width: 75px;
  font-size: 15px;
}




.dropdown-th-leaderboard button:last-child{
  border-bottom: none;
}
.dropdown-th-leaderboard button{
  background: none;
  border: none;
  display: block;
  margin: auto;
  height: 25px;
  width: 100%;
  border-bottom: solid lightgray 1px;
}

.custm-input{
  width: 115px;
  display: flex;
  justify-content: flex-start;
  height: 30px;
  font-size: small;
  padding: 5px;
  margin: 0 auto;
  border: solid 1px #21bcb0;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
}


/* css for calls target */

.calls-target {
  display: inline-flex;
  align-items: center;
  justify-content:normal;
  width: 400px;
  margin: 0 auto;
}
.calls-target label {
  display: initial;
    max-width: 100%;
    /* margin-right: -120px; */
    margin-bottom: 5px;
    font-weight: 700;
}
.calls-target input {
  width: 70px;
  margin-left: 4px;
  border: 1px solid frey;
  height: 40px;
  border: 1px solid grey;
  border-radius: 8px;
  padding: 10px;
  font-size: 16px;
  margin-right: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}
.calls-target input:hover,
.calls-target input:focus {
  border: 2px solid #21bcb0;
  box-shadow: 0px 1px 3px rgba(0, 123, 255, 0.5);
}
.calls-target button {
  width: 100x;
  border-radius: 4px;
  border: none;
  color: #fff;
  background-color:#21bcb0;
  font-size: 16px;
  padding: 10px;
  cursor: pointer;
}
.calls-target button:hover {
  background-color: #0062cc;
}

/* css for profile pic */
.profile-pic-upload {
  display: flex;
  align-items: center;
}

.avatar-container {
  position: relative;
}

.avatar {
  width: 100px;
  /* border: 1px solid grey; */
  height: 100px;
  background: grey;
  border-radius: 10%;
  object-fit: cover;
  transition: transform 0.2s ease-in-out;
}

.hover-overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -2px;
  /* top: 5px; */
  right: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 10px;
  /* padding: 5px; */
  opacity: 0;
  height: 95px;
  width: 95px;
  /* overflow: hidden; */
  transition: opacity 0.2s ease-in-out;
}

.hover-overlay i {
  display: block;
  font-size: 24px;
  margin-bottom: 5px;
}

.hover-overlay span {
  display: block;
  margin-top: 5px;
}

.avatar-container:hover .avatar {
  transform: scale(1.1);
    border: 8px solid lightgrey;
}

.avatar-container:hover .hover-overlay {
  opacity: 1;
}

.profile-pic-upload input[type="file"] {
  display: none;
}

.leaderboard-profile-pic{
  width: 30px !important;
  height: 30px !important;
}
 
.custom-visible {
  position: absolute;
  color: #21bcb0;
  top: 44px;
  right: 22px;
  cursor: pointer;
}

.source-pswd{
  position: relative;
}
.settings-manage .content .template-wrapper .card .accordion-containers  label {
  font-size: 14px !important;
}
/* .settings-manage .accordion input .accordion-content input{
  padding-left: 40px !important;
  padding-right: 40px !important;
} */
.settings-manage .content .template-wrapper .card .accordion-containers .accordion-content .stage-wrapper{
  padding-left: 40px !important;
  padding-right: 40px!important;
}
.settings-manage .content .template-wrapper .card .accordion-containers .accordion-content .form-title{
    color: #21bcb0;
    font-size: 14px;
    padding-left: 11px;
    padding: 5px;
    margin-left: 30px;
    margin-right: 30px;
}
.settings-manage .content .template-wrapper .card .accordion-containers .accordion-content .stage-wrapper .accordion .row{
  display: flex;
  flex-direction: column;
}
.settings-manage .content .template-wrapper .card .accordion-containers .accordion-content .stage-wrapper .accordion .row .stage-status{
    padding: 5px;
    border: 1px solid #29bbb0;
    background: #29bbb0;
    border-radius: 3px;
    padding-left: 9px;
    padding-right: 9px;
    color: white;
    display: flex;
    width: fit-content;
    margin-bottom: 5px;
} 
.settings-manage .content .template-wrapper .card .accordion-containers .accordion-content .stage-wrapper .accordion .accordion-content{
  padding-left: 30px !important;
  padding-right: 30px!important;
}
.settings-manage .content .template-wrapper .card .accordion-containers .accordion-content .status-title{
  color: #21bcb0;
  font-size: 14px;
  padding-left: 11px;
  padding: 5px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: solid 1px #DCE0E9;
}



.listen-container {
  height: 400px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 18px;
  box-sizing: border-box;
}

.listen-heading-container {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.listen-search{
  color: #21bcb0; 
  float: right;
  margin-top: -28px;
  cursor: pointer;
}

.scrollable-listen{
  max-height: 230px;
  overflow: auto;  
}

.active-listen{
  cursor: pointer;
  padding-left:0px;
  display: flex;
}

.active-listen:active td{
  cursor: pointer; 
  background: #21bcb0;
  color: white;
}   

.call-opt-popup{
  height: 22px;
  padding: 4px 8px 4px 12px;
  border-radius: 5px !important;
  width: calc(100% - 14px) !important;
}  

.agent-listen-container{
  padding: 10px;  
  display: flex;
  flex-direction: column;
}

.agent-listen-container .form-group {     
  margin:0px; 
  margin-right: 8px;   
}
 
.agent-listen-container .form-group label { 
  margin-top:0px; 
  font-size: 12px !important;
}

.active-listen .form-control{ 
   height: 30px;
   margin-top:0px;
}
 
/* Call Manager Model  CSS */

.disposIconCont{
  position: fixed;
  top: 50%;
  right:0;
  background-color: #21bcb0;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 49;
  transition-duration: 0.5s;
  transition-property: top, bottom, left, right;
}

.disposIconCont i {
  font-size: 24px;
  cursor: pointer; 
  background: #21bcb0;
  color: white;
}

.disposIconCont.custm-collapse{
  right: 10px;
}

.disposIconCont.custm-collapsed{
  right: 475px; 
  z-index: 1001;
}

.disposIconCont.callDisconnected {
  background-color : #E8EBF2;
}

.disposIconCont.callDisconnected i {
  background: #E8EBF2;
  color: #21bcb0;
}  

.call-dispos-slider-con {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh !important;
  padding: 24px;
  color:#1E1E1E;
}
.call-dispos-slider-body {
  position: relative;
  flex: 1 1 auto;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 20px;
  padding : 0px 10px;
 }
 
.call-dispos-slider-body .call-dispos-add-pos {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.add-pos-card{
  padding:16px;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(33, 188, 176, 0.20) 0%, rgba(33, 188, 176, 0.20) 100%), #FFF;
  min-width: 320px;
}

.label-pos{
  font-size: 16px;
  margin: 0px;
  margin-bottom: 8px;
}

.add-note-text{
  border: 1px solid grey;
  border-radius: 8px;
  width: 100%;
  height: 100px;
  padding: 5px 10px;
}

.label-in-calls{
  display: block;
  color: #21bcb0;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.lable-note{
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
}

 .add-pos-btns {
  display: flex;
  justify-content: end;
  align-items: center;
  gap:10px;
 }

 .add-pos-btns button{
  padding: 4px 12px;
  font-size: 12px;
  border-radius: 4px;
  min-width:80px;
 }

 .add-pos-card ul{
  max-height: 200px;
  overflow: auto;
  margin-bottom: 24px;
 }

 .call-dispos-slider-con .call-manager-header{
  background-color: #fff;
  padding:8px;
  margin-bottom: 8px;
 }

 .call-dispos-slider-con .call-manager-header #close_menu{
   color: #000;
   margin-top: 2px;
   font-size: 24px;
 }

 .call-dispos-slider-con .call-manager-header span.heading  {
  font-size: 20px;
  color:#000;
 }

 .call-info p span{
  display: block;
 }

 .row.call-info {
   margin : 0px 0px 0px -6px;
 }

 .candidates-in-call .call-info .col-md-3,.candidates-in-call .call-info .col-md-2 ,.candidates-in-call .call-info .col-md-4{
  padding: 0px 6px 0px 6px !important;
 }

.candidates-in-call .call-info {
  margin-bottom: 15px;
}

.candidates-in-call .call-info p {
  font-weight: 600;
}

.candidates-in-call .call-info p span {
  display: block;
  color:#1E1E1E;
  margin-top: 8px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  font-weight: 400;
}

/* .candidates-in-call .call-info p span:hover {
  text-overflow: clip;
  white-space: normal;
  word-break: break-all;
} */

.call-dispos-slider-con .candidate-img {
  display: flex;
  margin-top: 8px;
 }

 .call-dispos-slider-con .candidate-img .cand-name{
   margin-top: 0px !important;
   margin-left: 4px;
   color: #29bbb0;
   font-weight: 400;
 }

 .call-dispos-slider-con .candidate-img img{
   width:20px !important;
   height: 20px !important;
 }

 .cust-dropdown {
   font-size: 12px !important;
   height: 30px !important;
   border-radius: 5px !important;
   border: 0.5px solid #8C8C8C !important;
   padding: 4px 12px !important;
 }

 .call-dispos-slide-footer {
   position: relative;
   bottom:0px !important;
 }

 .call-dispos-slide-footer .pull-right{
   display: flex;
   justify-content: flex-end;
   gap: 8px;
 }

 .btn-candidates-call-edit{
   border: 1px solid #21bcb0;
   border-radius: 5px;
   background:white;
   color: #21bcb0;
   padding: 5px;
   height: 30px;
   font-size: 12px;
   font-weight: 600;
}

.call-dispos-cand-edit form {
  margin-bottom: 16px;
}

 .call-dispos-cand-edit .checkbox{
   margin:0px;
}

 .call-dispos-cand-edit .checkbox label {
   padding-left:0px !important
}

 .call-dispos-cand-edit .checkbox label  .check-lbl{
   font-size:12px;
}

 .call-dispos-cand-edit .checkbox .cr {
   border: 2px solid #009da7;
   border-radius: 2px;
}

 .call-dispos-cand-edit .checkbox label input[type="checkbox"]:checked+.cr>.cr-icon{
   color:#009da7;
   font-weight: 600;
   left: 12%;
   font-size: .9em;
}

 .call-dispos-cand-edit .form-group .control-label {
   font-size: 12px;
   color: #1E1E1E;
}

 .call-dispos-cand-edit .cust-dt-picker {
   border-radius: 4px 0px 0px 4px !important;
   height: 30px;
   border-right: none;
}

 .call-dispos-cand-edit .datepicker-contianer .input-group-addon{ 
   border-left: none;
   border-radius: 0px 4px 4px 0px;
}

 .call-dispos-cand-edit input {
   height: 30px;
   border-radius: 4px !important;
   font-size:12px !important;
}

  .candidate-queue .col-md-3, .candidate-queue .col-md-2, .candidate-queue .col-md-4{
   padding: 0px 6px 0px 6px !important; 
}

  .candidate-queue table td{
   border:none;
   text-align:left;
   padding:8px 8px 0px 0px;
}

  .candidate-queue table td span{
   display:block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: normal;
}

 .candidate-queue table th,.candidate-queue table td{
   font-size: 12px ;
}

  .candidate-queue .call-remove i{
   font-size:14px ;
   color:red;
   cursor:pointer;
}  

 .candidate-queue table .candidate-img {
  display:flex;
  align-items:center;
  width:111px;
  padding:0;
  margin-top:0;
}

.candidate-queue .candidate-img .cand-name {
  margin-top:5px !important;
}

 /*toggle  */
/* .toggle {
   position: relative;
   display: block;
   width: 86px;
   height: 24px;
   margin: auto;
   border-radius: 50px;
   cursor: pointer;
   right: 15%;
}

.call-dispos-slider-con .toggle-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.call-dispos-slider-con .toggle-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 12px;
  background: grey;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 3px
  rgba(0, 0, 0, 0.15);
}

.call-dispos-slider-con .toggle-label:before,
.call-dispos-slider-con .toggle-label:after {
  position: absolute;
  top: 50%;
  color: black;
  margin-top: -0.5em;
  line-height: 1;
}

.call-dispos-slider-con .toggle-label:before {
  content: attr(data-off);
  right: 11px;
  color: #fff;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.call-dispos-slider-con .toggle-label:after {
  content: attr(data-on);
  left: 9px;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.call-dispos-slider-con .toggle-input:checked~.toggle-label {
  background: #21BCB0;
}

.call-dispos-slider-con .toggle-input:checked~.toggle-label:before {
  opacity: 0;
}

.call-dispos-slider-con .toggle-input:checked~.toggle-label:after {
  opacity: 1;
}

.call-dispos-slider-con .toggle-handle {
  position: absolute;
  top: 5px;
  left: 9px;
  width: 18px;
  height: 18px;
  background: linear-gradient(to bottom, #FFFFFF 40%, #F0F0F0);
  border-radius: 50%;
}

.call-dispos-slider-con .toggle-handle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 16px;
  height: 16px;
}

.call-dispos-slider-con .toggle-input:checked~.toggle-handle {
  left: 62px;
  padding: 1px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
} */

/* Transition*/
/* .toggle-label,
.toggle-handle {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
} */
/*toggle end  */

.edit-label-incall {
  color:#1E1E1E;
}

.formctrl-autocmpt .angucomplete-dropdown {
  overflow-y: auto;
  max-height: 200px;
  width: 100%;
  z-index: 9999;
  position: absolute;
  margin-top: -6px;
} 

.activeCallDisPos{
  display:block;
}

.call-disposition-toggle-btn {
  top: 50%;
  position: fixed;
  right: 40%;
  z-index: 9000;
}

.call-dispositon{
  display:none;
}

.call-dispositon.activeCallDisPos {
  display:block;
}

.select-position-call-footer {
  position: absolute;
  bottom: 9px;
  right: 18px;
  width: 100%;
}

.candidates-in-call .master-search-input-cont .search-input {
  font-weight:400;
  font-size:12px
}

.candidates-in-call .master-search-container  {
  width: 100%;
  margin:0px;
}

.candidates-in-call .master-rp-search-dropdown {
  padding:0px;
  width:150%;
}

.candidates-in-call .master-rp-search-dropdown ul li span {
  font-size:12px;
}

.candidates-in-call .filter-search-no-data {
  text-align:center;
  display:block;
}

.stageDisabled{
  pointer-events: none;
  opacity: 0.5; 
}

#call-disposition .cards {
  padding:15px 10px;
  margin-bottom: 20px;
}

.call-blink {
  color:red;
  font-size: 14px !important;
  animation: blink 1s infinite;
}

.call-position-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 10px;
  align-items: center;
  border: 1px solid #dedede;
  padding: 10px;
  border-radius: 5px;
}

.call-position-list .position-details p{
  margin: 0;
  color:#7a859f;
}
.call-position-list .position-details p:first-child{
  font-size: 14px;
  font-weight: bold;
  color: #2D3255;
  max-width: 265px;
}

.custom-scrollable::-webkit-scrollbar   {
  width: 5px;
}

.custom-scrollable::-webkit-scrollbar-track {
  background-color:#888;
}

.custom-scrollable::-webkit-scrollbar-thumb {
  background-color:#21bcb0;
  border-radius: 5px; 
}

.custom-scrollable ::-webkit-scrollbar-thumb:hover {
  background-color: #555;
} 

.move-next-candidate {
  display: flex;
  justify-content: space-between;
}

.call-manager-header {
  display: flex;
  align-items: center;
}

.call-header-actions {
  display: flex;
  align-items: center;
  justify-content: end;
}

 .timer-skip-btn {
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #dedede;
  padding: 5px 5px 0px 10px;
  margin-top: -5px;
}

.candidate-queue table td span.incoming-missed-call-icon {
  font-size: 16px;
  color: red;
  overflow: visible;
}

/* Call Manager Model  CSS */
  
/*  Master Report */

.master-report {
  margin: 20px 40px 0px 40px;
  box-shadow: 0px 0px 40px 0px rgba(30, 30, 30, 0.20);
  padding: 32px 24px 0px 24px;
}

.master-report .bold-title , .candidate-onboard-document-upload .bold-title{
  color: #1E1E1E;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.master-report .filter-btns{
  display:flex;
  align-items:center;
  justify-content: end;
}

.master-report .btn-icon , .sixthsense-rp .btn-icon , .logo .filter-btn.btn-icon {
  padding: 6px 6px 0px 6px ;
  border-radius: 5px;
  border: 1px solid #21BCB0;
}

.master-rp-counts{ 
  display: flex;
  align-items: center;
  gap:28px;
  margin-top: 12px;
  margin-bottom: 24px;
}

.master-rp-counts .master-cards{
 /* width:16.66666667%; */
 width:20%;
 border-radius: 20px;
 text-align: center;
}
.master-report .count-title{
 background-color: #A6E4DF;
 height: 46px;
 padding:13px 0px;
 border-radius: 20px 20px 0px 0px;
}

.master-report .count-title h5{
  font-weight: 600;
}

.master-report .count-body {
  background-color: #21BCB0;
  min-height: 80px;
  border-radius: 0px 0px 20px 20px;
  padding-top:12px;
}

.master-report .count-details{
  display: inline-flex;
}

.master-report .icon-container {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.master-report .material-symbols-outlined , .sixthsense-rp .material-symbols-outlined {
  color: #21BCB0;
  font-size:20px; 
}
.master-report .count-num {
  display: block;
  font-size: 31px;
  max-width: 130px;
  word-break: break-word;
  margin-left: 12px;
  margin-bottom: 24px;
  color:#fff;
}

.master-report .stage-count-cont {
  display: flex;
  gap:20px;
  overflow-x: auto;
  width:100%;
  padding-bottom: 4px;
}

.master-report .stage-count-cont .stg-title{
  background-color: #A6E4DF;
  height: 36px;
  padding:13px 0px;
  border-radius: 10px 10px 0px 0px;
  font-weight: 600;
  cursor: pointer; 
}

 .master-report .stage-count-cont .stg-body{
  background-color: #21BCB0;
  min-height: 67px;
  border-radius: 0px 0px 10px 10px;
  padding-top:2px;
  color: white;
 }
 
 .master-report .stage-count-cont .sep-line {
  border-right: 1px solid white;
  padding: 8px 8px 8px 0px;
}

.master-report .stage-count-cont::-webkit-scrollbar {
  width: 5px ;
  height: 5px ;
}
 .master-report .stage-count-cont::-webkit-scrollbar-track {
  background-color:#888;
} 
 .master-report .stage-count-cont::-webkit-scrollbar-thumb {
  background-color:#21bcb0;
  border-radius: 5px; 
}
 .master-report .stage-count-cont::-webkit-scrollbar-thumb:hover {
  background-color: #555;
} 

.master-report .stage{
  min-width: 141px;
  /* background-color: grey; */
  /* border-radius: 8px; */
  text-align: center;
  padding: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.master-report .stage p{
  color: #fff;
  font-size: 14px;
  margin: 0;
  max-height: 48px;
  overflow-y: auto;
}

.master-report .stage p span {
  font-size: 20px;
  font-weight: 500;
}

.master-report table .call-report-header-1 {
  height: 40px; 
}

 .master-report #download_logo , .reports #download_logo , .employee #download_logo{
  margin-top: 0;
  right: 0px;
  height: 35px;
  align-items: center;
  padding: 8px;
 }

 .master-report .date-contianer .material-icons , .reports .date-contianer .material-icons, .employee .date-contianer .material-icons {
  margin:0;
  margin-left:24px;
  padding:0;  
 }

 .master-report .date-contianer .date-input,.reports .date-contianer .date-input , .employee .date-contianer .date-input{
   display:inline-flex;
   align-items: center;
 }

 .master-report .master-scrollable{
   max-width:100%;
   max-height: 450px;
   overflow:auto
 }

 .master-report .master-rp-table{
  border-radius: 3px;
  border-collapse: separate;
  border-style: hidden;
  width: 100%;
  height: 65px;
  background: #fff;
 }

 .master-report .master-rp-table th td {
  border:none;
 }

.master-rp-table table .call-report-header-1 {
  position: sticky;
  height: 80px;
  top: -5px;
  background: white;
  z-index: 1;
}

.master-rp-table .call-report-header {
  border-radius: 3px;
  border-collapse: collapse;
  border-style: hidden;
  width: 100%;
  height: 65px;
}

 .master-report .master-rp-tr-th{
     padding: 8px 4px;
     text-align: center;
     font-size: 15px;
     border: 1px solid #f7f7f7;
 }

 .master-report .master-rp-tr-td{
    padding: 8px 4px;
    text-align: center;
    margin-top: 5px;
    font-size: 15px;
    border: 1px solid #dfdcdc;
    border-radius:0;
 }

 .master-search-input-cont {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  margin: 0 auto;
  padding: 2px;
}

.master-search-input-cont .search-input{
  border: none;
  width: 100%;
  color:#1E1E1E;
  font-weight: 600;
  margin-left: 8px;
}

 .search-custm-icon {
  font-size:18px;
  margin-left:4px;
}
 
.master-search-input-cont input::placeholder {
  color:#1E1E1E;
  }

.master-report .dynamic-stage{
  width: 3%;
  font-size: 18px;
}

.master-rp-filter-sub-header{
  text-align: end;
  width: 100%;
  padding: 12px;
  border-bottom: 1px solid #dedede;
}

.master-rp-filter-sub-header a{
  font-size: 18px;
}

.master-rp-flt{
  margin-left: 12px ;
  margin-right: 18px;
}

.master-scrollable .no-data , .sixthsense-rp .no-data , .invoice-config .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  border: 1px solid #21bcb0;
  font-size: 15px;
  font-weight: 500;
  margin:25px 0;  
}

.master-report .empty-column {
  width:2%;
  border:none;
  border-radius: 0;
}

.master-reports .first-letter{
  color: #1E1E1E;
  margin-right: 4px;
  font-weight: 600;
}

.master-report .master-scrollable::-webkit-scrollbar   {
  width: 5px;
}
.master-report .master-scrollablellable::-webkit-scrollbar-track {
  background-color:#888;
}
.master-report .master-scrollable::-webkit-scrollbar-thumb {
  background-color:#21bcb0;
  border-radius: 5px; 
}
.master-report  .master-scrollable ::-webkit-scrollbar-thumb:hover {
  background-color: #555;
} 
.master-rp-filter .filter-multiselection {
  padding: 10px 0;
  width: 100%;
  margin: 0;
 }

 .master-rp-filter .filter-multiselection li:first-child {
  display: block;
  /* padding: 10px; */
 }

 .master-rp-filter .filter-footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 15px;
  background: #F7F8FB; 
}
 
.master-rp-filter.filter-slide .filter-wrap {
  height: calc(100% - 115px);
}

.master-rp-filter .footer-action-btn {
  display:flex;
  align-items:center;
  justify-content:end;
}

.margin-details .activity .activity-details {
  margin-bottom:20px;
  padding:10px;
}
 
.master-rp-offer-approval .approval-header {
  background: #21BCB0;
  color: #fff;
  font-size:14px;
  letter-spacing: 0.04em;
  text-transform:capitalize;
  font-weight: bold;
}

.margin-details .activity .activity-details .left-column .list-group-item:first-child{
  border-top-right-radius : 0px;
}

.margin-details .activity .activity-details .right-column .list-group-item:first-child{
  border-top-left-radius: 0px;
}

.margin-details .activity .activity-details .left-column .list-group-item:last-child{
  border-bottom-right-radius : 0px;
}

.margin-details .activity .activity-details .right-column .list-group-item:last-child{
  border-bottom-left-radius: 0px;
}
.margin-details .activity .activity-details .right-column .list-group-item{
  border-left: 0px;
}

.master-rp-offer-approval .custom-modal{
  margin-top:50px;
  height: calc(100vh - 50px);
  max-height: calc(100vh - 50px);
}

/* Master Report  */

/* Internal-database added extra space because prefered location dropdown breaking down */
.advance-search .accordion-containers.accordion-extra-space {
  margin-top: 70px;
  margin-bottom: 70px;
}

.master-report #selected_filters .tagDiv{
  margin-bottom:4px;
}

.integrations-management .integration-list .integrations-settings .row .col{
  width: 17.4%;
}

.integrations-management .integration-list .integrations-settings .row .col.del-col{
  width: 13%;
  margin-top: 40px;
  display: flex;
  justify-content: space-between; 
  align-items: flex-end;
}

.integrations-management .integration-list .integrations-settings .row .col.del-col p span::before{
  content: "\e837";
  font-family: "icomoon";
  position: relative;
  padding-right: 5px;
}

.integrations-management .integration-list .integrations-settings .row .col.del-col p span.status.active{
  color:#21bcb0;
}

.integrations-management .integration-list .integrations-settings .row .col.del-col p span.status.in-active{
  color: #FF5630;
}

.integrations-management .integration-list .integrations-settings .row .col.del-col .source-setting.dropdown{
    padding: 2px 2px;
    background: #F7F8FB;
    color: #2D3255;
    width: 24px;
    text-align: center;
    margin-left: 10px;
    height: 30px;
}

.integrations-management .integration-list .integrations-settings .row .col.del-col .source-setting.dropdown .dropdown-menu {
 margin-top: 4px;
 padding: 4px 8px;
}

.integrations-management .integration-list .integrations-settings .row .col.del-col .source-setting.dropdown .dropdown-menu li {
  text-align: left;
}

.integrations-management .integration-list .integrations-settings .row .col.del-col .source-setting.dropdown .dropdown-menu li  a i{
  margin-right: 6px;
}

.integrations-management .integration-list .integrations-settings .row .col.del-col .source-setting.dropdown a i {
  color:#2D3255;
}

.master-report .master-scrollable .master-rp-table td.dynamic-stage:hover {
  cursor:pointer;
  box-shadow: -3px -3px 4px rgba(0, 0, 0, 0.1);
  color:#21bcb0;
}
.master-report .master-scrollable .master-rp-table td.dynamic-stage:last-child:hover {
  cursor:default;
  box-shadow: none;
  color:#1E1E1E;
}

.master-search-container {
  position: relative;
  width: 90%;
  border: solid 1px #21bcb0;
  border-radius: 5px 5px 5px 5px;
  margin: auto;
}

.master-rp-search-dropdown {
  position: absolute;
  width: 100%;
  background-color: #fff;
  /* border: 1px solid grey; */
  border-radius: 8px;
  margin-top: 14px;
  padding: 8px;
  z-index: 1;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  overflow-y: auto;
  max-height: 160px;
}

.master-rp-search-dropdown ul li {
  border-bottom: solid lightgray 1px;
}
.master-rp-search-dropdown ul li span {
  display:block;
  width: 100%;
  font-size: 15px;
  padding:4px;
  word-wrap: break-word;
}

.master-rp-search-dropdown ul li:last-child {
  border:none;
}

.master-rp-search-dropdown ul li:hover{
  background-color: whitesmoke;
  cursor: pointer;
}

.master-rp-search-dropdown::-webkit-scrollbar {
  width: 5px;
}
.master-rp-search-dropdown::-webkit-scrollbar-track {
  background-color:#888;
}
.master-rp-search-dropdown::-webkit-scrollbar-thumb {
  background-color:#21bcb0;
  border-radius: 5px; 
}
.master-rp-search-dropdown::-webkit-scrollbar-thumb:hover {
  background-color: #555;
} 

.master-rp-search-dropdown .filter-search-no-data {
  font-size: 15px;
  font-weight: normal;
}	

.master-rp-tr-td span.navigate {
  cursor: pointer;
}

.master-rp-tr-td span.navigate:hover{
  color:#21bcb0;
  font-weight: 600;
  font-size: 16px;
}

 .candidate-detail .right_content .row4 ul li.naukri-info{
  width:100%;
}

 .candidate-detail .right_content .row4 ul li.naukri-info{
  width:100%;
}

.integrations-settings  .integrations-settings-sub-header{
  background: #F0F1F5;
  padding: 10px;
  margin: 0;
  font-size: 15px;
  color: #7a859f;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.integrations-settings  .integrations-settings-sub-header .filter-dropdown{
  float: right;
  width: auto;
  min-width: 200px;
  margin-top: -6px;
}


.integrations-settings  .integrations-settings-sub-header .filter-dropdown select {
  max-height: 32px;
}

.integrations-settings .integrations-settings-source {
  margin: 20px auto;
}

.integrations-settings .integrations-settings-source .source-table {
  margin: 0;
  table-layout: fixed;
  border-collapse: collapse;
}   

.integrations-settings .integrations-settings-source .source-table.table>tbody tr>td {
 overflow:hidden;
 text-overflow: ellipsis;
}

.integrations-settings .integrations-settings-source .source-table.table>tbody tr>td:last-child {
 overflow:visible;
}

.integrations-settings .integrations-settings-source .source-table.table>tbody tr>td:hover {
 visibility:visible;
 word-wrap: break-word;
}

.integrations-management .integration-list .integrations-settings-source .source-table td p{
  float: left;
}

.integrations-management .integration-list .integrations-settings-source .source-table td p span.status.active{
  color:#21bcb0;
}

.integrations-management .integration-list .integrations-settings-source .source-table td p span.status.in-active{
  color: #FF5630;
}

.integrations-management .integration-list .integrations-settings-source .source-table td .source-setting.dropdown{
    background: rgb(247, 248, 251);
    margin-left: 12px;
    position:relative;
}

.integrations-management .integration-list .integrations-settings-source .source-table td .source-setting.dropdown > a{
  display: block;
  padding: 0px 3px;
  text-align: center;
  font-size: 20px;
  background: rgb(232, 235, 242);
  color: rgb(45, 50, 85);
  cursor: pointer;
}

.integrations-management .integration-list .integrations-settings-source .source-table td .source-setting.dropdown .dropdown-menu {
  margin:0px;
  padding:0;
}

.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td .source-setting.dropdown .dropdown-menu li {
  text-align: left;
}
.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td .source-setting.dropdown .dropdown-menu li a {
  display: block;
  padding: 8px 10px;
  font-size: 14px;
}

.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td .source-setting.dropdown .dropdown-menu li  a i{
  margin-right: 6px;
}

.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td .source-setting.dropdown a i {
  color:#2D3255;
}

.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td .password-td{
  background-color: #eee;
  position:relative;
}

.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td .password-td input{
    height: 30px;
  padding-right:33px;
}

.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td .password-td  .custom-visible  {
  position: absolute;
  color: #21bcb0;
  cursor: pointer;
  top: 0;
  right: 0;
  background: #eee;
  padding: 2px;
  border: 1px solid #dedede;
}


.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td p span::before{
  content: "\e837";
  font-family: "icomoon";
  position: relative;
  padding-right: 5px;
}

.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td p.status-msg {
  color:rgba(0,0,0,.87);
}

.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td:last-child > a{
 vertical-align: middle;
}

.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td input ,
.integrations-management .integration-list .integrations-settings .integrations-settings-source .source-table td select
{
 max-height: 30px;
}

.integrations-management .integration-list .integrations-settings-source .source-table .dropdown .dropdown-menu {
  left: auto;
  right: 0;
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  border: solid 1px #DCE0E9;
}

.integrations-management .integration-list .integrations-settings-source .source-table tbody>tr:last-child .dropdown .dropdown-menu {
  top: auto;
  bottom: 103%;
}

.tokenUser .table-head th:first-child {
    vertical-align: middle;
    text-align: center;
}

.tokenUser .table-head th {
  border-bottom: solid 1px #DCE0E9; 
}

.tokenUser tbody tr td.user-management-list span{
  max-width: calc(100% - 30px);
}

.refresh-icn{
  right: 47px;
  position: absolute;
  cursor: pointer;
  color: #21bcb0;
  top: 11px;
  padding: 1px;
}

.refresh-cndt-det{
  color: #21bcb0;
  position: absolute;
  top: 0px;
  right: 50px;
  cursor: pointer;
  padding: 0px;
}

.refresh-ppline{
  color:#21bcb0;
  padding: 4px;
}

.tokenizer-page-count{
  float: right;
  margin: 4px 0px;
  font-size: 14px;
  font-weight: bold;
}

.advance-search .candidate_match_duplicate a {
  min-height: 20px;
}

.advance-search .candidate_match_duplicate a i {
  margin:0px;
}

.advance-search .candidate_match_duplicate a.app-logo-btn{
  background:#fff;
  margin-right: 6px;
  border:1px solid #dedede;
  padding:0 2px; 
}

.advance-search .candidate_match_duplicate a.app-logo-btn img{
  width:25px;
}
/* user management/role  search option css */
.user-management .usrmgmt-serch{
  background: none;
  border: none;
  width: 110px;
  height: 25px;
  color: white;
  text-align: left;
  border-radius: 5px;
  margin-left: 5px;
}
 .user-management .usrmgmt{
  width: fit-content;
  padding: 5px;
  border: 1px solid white;
  border-radius: 4px;
  margin-top: -4px;
  display: inline-block;
  height: 40px;
  max-width:155px;
  
}
.user-management .usrmgmt input, .usrmgmt span {
  margin-right: 10px;
}

.user-management .usrmgmt-serch::placeholder {
  text-transform: uppercase; 
  color:white;
  font-size: 16px;
  font-weight: 700;
}
.user-management .srchicon{
  color: white;
  margin-top: -22px;
  margin-right: 5px;
  font-weight: 600;
  cursor: pointer; 
 }

 .user-management .swpsort-icon{
  margin-right: -10px;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 10px;
  font-size: larger;
 }
 .user-management .role-mgmt{
  border-radius: 4px;
  background: url(../images/dropdown.png) no-repeat 95%;
  filter: brightness(0) invert(1);
  border: 1px solid #A6E4DF;
  color: white;
  padding: 5px;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  max-width: 150px;
  text-overflow: ellipsis;
  height: 40px;
  width: 145px;  
  cursor: pointer;
  margin-top: -3px;
  
 }


 .sixthsense-rp .date-contianer .date-input{
    display: inline-flex;
    align-items: center;
 } 

 .sixthsense-rp .date-contianer .date-input .material-icons{
    padding: 0;
    margin:0px 0px  0px 24px;
 }
 
 .sixthsense-rp .sixsenseRP-count-card{
   border-radius: 20px;
 }

 .sixthsense-rp .sixsenseRP-count-card .card-title{
    background-color: #A6E4DF;
    height: 46px;
    padding: 13px 0px;
    border-radius: 20px 20px 0px 0px;
    text-align: center;
 }

 .sixthsense-rp .sixsenseRP-count-card .card-title h5{
   margin:0;
   font-weight: 600;
 }

 .sixthsense-rp .sixsenseRP-count-card .count {
    background-color: #21BCB0;
    min-height: 80px;
    border-radius: 0px 0px 20px 20px;
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
 }


 .sixthsense-rp .sixsenseRP-count-card .count .icon-container {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
 }

 .sixthsense-rp .sixsenseRP-count-card .count .count-num {
    display: block;
    font-size: 31px;
    word-break: break-all;
    margin-left: 12px;
    color: #fff;
}

/*  sixth sense activity report */
.sixthsense-rp .switch-postn{
  position: absolute;
  right: 50px;
  bottom: 0px;
}

 .sixthsense-rp #download_logo{
  margin-top:0;
  right: 222px;
  height: 30px;
 }

 .sixthsense-rp .date-contianer .date-input{
    display: inline-flex;
    align-items: center;
 } 

 .sixthsense-rp .date-contianer .date-input .material-icons{
    padding: 0;
    margin:0px 0px  0px 24px;
 }
 
 .sixthsense-rp .sixsenseRP-count-card{
   border-radius: 20px;
 }

 .sixthsense-rp .sixsenseRP-count-card .card-title{
    background-color: #A6E4DF;
    height: 46px;
    padding: 13px 0px;
    border-radius: 20px 20px 0px 0px;
    text-align: center;
 }

 .sixthsense-rp .sixsenseRP-count-card .card-title h5{
   margin:0;
   font-weight: 600;
 }

 .sixthsense-rp .sixsenseRP-count-card .count {
    background-color: #21BCB0;
    min-height: 80px;
    border-radius: 0px 0px 20px 20px;
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
 }


 .sixthsense-rp .sixsenseRP-count-card .count .icon-container {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
 }

 .sixthsense-rp .sixsenseRP-count-card .count .count-num {
    display: block;
    font-size: 31px;
    word-break: break-all;
    margin-left: 12px;
    color: #fff;
}

/*  sixth sense activity report */
.sixthsense-rp .switch-postn{
  position: absolute;
  right: 50px;
  bottom: 0px;
}


.teams-accordian {
  border: 1px solid #F5F5F5;
  border-radius: 4px;
  margin-bottom: 8px;
}

.teams-accordian .accordian-header.title {
  position: relative;
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 4px;
  justify-content: space-between;
  background-color:#F5F5F5 ;
  opacity: 1;
  border-radius: 4px;
} 

.teams-accordian .accordian-header:hover{
  color:#000;
}

.teams-accordian .accordian-header .expand span i {
  font-size: 24px; 
}
.teams-accordian .accordian-header .accordian-title {
  margin-left: 8px;
}

.teams-accordian .team-members{
  padding:20px 4px 0;
}

.teams-accordian .team-members .user-info h3 {
  font-size:16px;
}

.teams-accordian .accordian-header .expand {
  position: absolute;
  top: 0;
  right:0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.add-new #tmm-form-wizard .form-title.team-header {
  padding-bottom: 0;
  margin:16px 0 0 12px;
}

.form-wizard .team-header-right-cont {
  display: flex;
  justify-content: end;
  align-items: center;  
}

.form-wizard .team-header-right-cont > a {
  font-size:18px;
}

.teams-accordian .accordian-header.expanded {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;

}

.teams-accordian .accordian-header.teamSelected{
  background-color: #1da69c !important;
  color:#fff;
}

.user-info.multi-team .checkbox {
  top:20px;
}

.user-info.multi-team .checkbox {
  bottom:20px;
  top:unset;
}
 
.user-info.multi-team .clearfix {
padding-top:0;
}

.form-wizard.position-teams .user-info.multi-team img {
 top:4px;
}


.user-info.multi-team .actions-btn {
  top:unset;
  bottom:66px
}

.user-info.multi-team .tags {
  margin: 8px 8px 0px;
}

.user-info.multi-team .tags span{
  padding-right: 6px;
  max-width:100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: none;
  cursor: default;
}

.user-info.multi-team .tags span:hover {
  max-width:100%;
}

.hr-card-container{
  display:flex;
  flex-wrap: wrap;
}

.default-stage:hover{
  word-break: break-word;
  overflow: visible;
  white-space: pre-line;
}

.stages {
  padding: 16px;
  box-shadow: 0 0 10px 0 #E8EBF2;
}

.addround_board .drag_hover .default-stage-name{
  background-color:#ccc;
  font-size: 14px;
  padding:3px;
  min-width:150px;
  max-width: 300px;
  margin-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.addround_board .drag_hover .default-stage-name:hover{
  word-break: break-word;
  overflow: visible;
  white-space: pre-line;
}
/* table search input for filteration css */
 .table-inpt-filter .usrfilter-serch{
  background: none;
  border: none;
  width:78%;
  height: 25px;
  color: white;
  text-align: left;
  border-radius: 5px;
  margin-left: 5px;
}
 .table-inpt-filter .usrfilter{
  width:100%;
  padding: 5px;
  border: 1px solid white;
  border-radius: 4px;
  margin-top: -4px;
  display: inline-block;
  height: 40px;
  max-width:310px;
  
}
.table-inpt-filter .usrfilter input, .usrfilter span {
  margin-right: 10px;
}

.table-inpt-filter .usrfilter-serch::placeholder {
  text-transform: uppercase; 
  color:white;
  font-size: 16px;
  font-weight: 700;
}
.table-inpt-filter .srchicon{
  position: absolute;
  color: white;
  margin-top: 2px;
  right: -30px;
  font-weight: 600;
  cursor: pointer; 
 }

 .table-inpt-filter th .icon-swap_vert{
  transition: color 0.3s ease;
  color: white;
 }

.table-inpt-filter th .icon-custm.active-icon {
  color:#333333 
}

 .table-inpt-filter .master-rp-search-dropdown {
    width: 100px;
    padding: 0px 4px;
    text-align: center;
 }

.table-inpt-filter th .master-rp-search-dropdown li span {
    font-size: 14px;
    color: #000;
    top: unset;
    margin: 0;
    line-height: unset;
    text-transform: capitalize;
    padding: 4px;
}

.position-teams .team-members {
  max-height: 440px;
  margin-top:0;
}

.sixthsense-rp .btn-icon  {
  padding: 4px 6px 0px 6px;
  position: absolute;
  right: 198px;
  bottom:0;
}

.sixthsense-rp .btn-icon .material-symbols-outlined{
  font-size: 18px;
}

.sixthsense-rp .ats-switch {
  border-radius: 4px;
}
.integration-list .content-cell .job-portal-header{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between;
}

.integration-list .content-cell .job-portal-header .stnd-alone-switch-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.integration-list .content-cell .job-portal-header .stnd-alone-switch-cont p{
  font-weight: 500;
}

.source-table .disabled-btn {
  pointer-events: none;
  cursor: default;
  color:#ccc;
  user-select: none;
}


.source-table.table>tbody tr>th  {
  word-wrap: break-word;
  vertical-align: middle;
}

td.select-search-opt {
  overflow: visible !important;
}
 
.select-search-opt .ui-select-container{
  width:100%;
}

.select-search-opt .select2-results{
  max-height: 150px;
}

.select-search-opt .select2-search input{
  width:100% !important;
}
.template-name-edit-block{
  display: inline-flex;
  margin-left: 5px;
  align-items: center;
  min-width: 100px;
  max-width: 344px;
}
.template-name-edit-block input{
  display: inline-block;
  height: 33px;
  width: 400px;
  margin-left: 23px;
  border: 1px solid #ccc !important;
}
.template-name-edit-block button{
  margin-left: 6px;
}

.cards.calendar_active .events-list{
  z-index: 48;
}

/* invoice congfiguration */
.employee.invoice-config .tabs ul.menus>li>a  {
  font-size: 12px;
  letter-spacing: .04em;
  padding: 12px;
}

.employee.invoice-config .btn-icon {
  padding: 6px 10px;
}

.employee.invoice-config .btn-icon .material-symbols-outlined {
  font-size: 20px;
  color: #21BCB0;
}

.employee.invoice-config .tabs .form-group {
  display : flex;
}

.invoice-report .row.invoice-card-row {
 display:flex;
 flex-wrap: wrap;
}

.invoice-report .row.invoice-card-row .col-md-2 {
  flex-grow:1;
  margin-bottom:10px;
}

.invoice-count-card{
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  border:1px solid transprent;
}

.invoice-count-card:hover{
  border: 1px solid rgb(220, 224, 233);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 20px -15px;
}

.invoice-count-card h2 {
  text-align: center;
  padding: 20px 10px;
  color: #2D3255;
  margin: 0;
  font-size: 24px;
}

.invoice-count-card h2 span {
  display: block;
  font-size: 20px;
  color: #7d7d7d;
  margin-top: 20px;
}

.invoice-card-footer  {
  display:flex;
  width:100%;
  border-top: 1px solid #dedede;
}

.invoice-card-footer h5:first-child{
  border-right: 1px solid #dedede;
}

.invoice-card-footer h5{
  padding: 10px;
  text-align: center;
  border:none;
  width: 50%;
  border-radius: 2px;
  margin: 0;
}

.invoice-card-footer h5 span {
  display: block;
  font-size: 12px;
  margin-top: 10px;
  color: #7d7d7d;
}

.invoice-count-card.total-card{
  display: flex;
  align-items: center;
  justify-content: center;
}

.invoice-report .note{
  background: #fff7db;
}
/* invoice congfiguration */

 /* Yet Board Candidates margin details */
.margin-details .no-activity{
  position:absolute;
  top:50%;
  left:50%;
}

.margin-details .activity .list-group p.list-group-item {
  margin:0;
  margin-bottom:-1px;
  min-height: 48px;
  padding: 10px 15px;
}

.margin-details .activity p:first-of-type {
 color:rgba(0,0,0,.87);
}

.margin-details .custom-modal-content {
  max-height: calc(100% - 40px);
  overflow-y: auto;
}
 /* Yet Board Candidates margin details */

/* Report  */
.reports  .date-contianer {
  background: #fff
}

.reports  .date-contianer .uib-datepicker .btn {
 height:unset;
 padding: 5px 10px;
 line-height:unset;
 text-align: center;
}
/* Report  */

/* CALL ANALYTICS CSS  */
.leaderboard-tr-th.search-field {
  padding:10px 5px;
}

.leaderboard-tr-th.search-field .master-search-container  {
  width:100%
}

.leaderboard-tr-th.search-field .master-search-input-cont .search-input{
  margin-left:4px;
 }

.leaderboard-tr-th.search-field .material-symbols-outlined {
  color: #21BCB0;
  margin-left: 2px;
  font-size:18px;
}

.leaderboard-tr-th.search-field  .master-rp-search-dropdown {
  padding:0px;
  margin-top:24px;
}

.leaderboard-tr-th.search-field  .master-rp-search-dropdown .filter-search-no-data , .employee-list .master-rp-search-dropdown .filter-search-no-data {
  display:block;
  padding:8px;  
}

.logo .filter-btn.btn-icon {
  height: 28px;
  padding: 4px;
}
  
.logo .filter-btn .material-symbols-outlined{
  color:#21BCB0;
  font-size:20px;
}

.call-analytics #download_logo {
  margin-top:0px;
  right:0px;
  margin:0px;
}

.call-analytics .logo .tags span {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}

.call-analytics .logo .tags span:hover {
  max-width: 100%;
}
.call-report-table .leaderboard-tr-th {
  font-size:15px;
}
/* CALL ANALYTICS CSS  */

.ui-select-sel-remove {
  position: relative;
  top: -20px;
  right: 24px;
  font-size: 12px;
  float:right;
}

.select-search-opt .select2-container .select2-choice > .select2-chosen {
  margin-right: 32px;
}

.employee .date-contianer .date-input .material-icons {
  background:none;
}

.margin-details .activity {
  padding-left: 10px;
  border:none;
}

.margin-details .activity .activity-details .left-column .list-group-item:first-child{
  border-top-right-radius : 0px;
}

.margin-details .activity .activity-details .right-column .list-group-item:first-child{
  border-top-left-radius: 0px;
}

.margin-details .activity .activity-details .left-column .list-group-item:last-child{
  border-bottom-right-radius : 0px;
}

.margin-details .activity .activity-details .right-column .list-group-item:last-child{
  border-bottom-left-radius: 0px;
}

.margin-details .activity .activity-details .right-column .list-group-item{
  border-left: 0px;
}

.employee-list .master-search-container {
  width: 100%;
  border:1px solid white;
} 

.employee-list .master-search-input-cont .search-input  {
  background: none;
  color:white;
}

.employee-list .master-search-input-cont .search-custm-icon {
  font-size:18px;
  top:unset;
  padding-left:0px;
}

.employee-list .master-search-input-cont .search-input::placeholder{
  color:white;
}

.employee-list .master-rp-search-dropdown ul li {
 color:black;
}

.employee-list .master-rp-search-dropdown {
  padding: 0px;
}
.employee-list .master-rp-search-dropdown ul li:hover{
  cursor: pointer;
}

.employee-list .master-rp-search-dropdown ul li span {
  font-size: 14px;
}

.employee-list .master-rp-search-dropdown .filter-search-no-data {
  color: rgba(0, 0, 0, .87);
}

.employee .employee-list.yet-to-board th i {
    font-size: 18px;
    top: unset;
    padding-left: 0px;
    color:white;
}

.employee .employee-list.yet-to-board .sortorder {
  font-size: 20px;
  line-height: 10px;
  position: relative;
  top: 2px;
}

.table-scrollable {
  max-height: 450px;
  overflow-y:auto ;
  position: relative;
} 

.table-scrollable table thead{
  position: sticky;
  top: 0;
  z-index: 1; 
  background-color: white;
}

.tab-content .table-scrollable {
 margin-top:15px;
}

.onboard-stats .onboard-stat.invoice-count-card {
  padding:0px;
}

.onboard-stats .onboard-stat.invoice-count-card h2 {
  font-size:25px;
  padding:15px 0px;
}

.onboard-stats .onboard-stat.invoice-count-card .invoice-card-footer {
  cursor: pointer;
}

.onboard-stats .onboard-stat.invoice-count-card:hover{
  border: none;
}

.onboard-stats .onboard-stat.invoice-count-card .invoice-card-footer h5 {
  word-break: break-word;
  font-size:30px;
  padding: 20px 0px;
}

.onboard-stats .onboard-stat.invoice-count-card .invoice-card-footer h5 span {
  color:rgb(122, 133, 159);
}

.employee .onboard-stats  {
  align-items: stretch;
}

.employee .onboard-stats.emp-dashboard .onboard-stat {
  width:20%;
}

.activity-details .activity-row{
  border-bottom: 1px solid #dedede;
}

.activity-details .activity-row:last-child{
  border:none;
}

.material-btn-icon {
  padding: 6px 6px 0px 6px;
  border-radius: 5px;
  border: 1px solid #21BCB0;
}

.material-btn-icon.bg-none{
  background: none;
}

.material-btn-icon .material-symbols-outlined{
  color: #21BCB0;
  font-size: 20px;
}

.employee-filter.filter-slide {
  background: #fff;
}

.employee .employee-tab {
  margin-top:5px;
  padding-right:5px;
}

.employee .employee-tab input,.employee .employee-tab select{
  border-radius: 5px !important;
  border: 1px solid #21BCB0;
  height:35px;
} 

.employee #download_logo {
  color: #555;
}

.date-range-toggle-switch  {
  margin-top: 8px;
  min-width:200px;
}
 
.date-buttons.join-date-toggle-btn {
  place-content : flex-start;
}

.join-date-toggle-btn .date-text-right {
  margin-left: 0px;
  min-width:150px;
}

.join-date-toggle-btn .date-text-left {
  min-width:175px;
  margin-left: 75px;
} 

.position-details .details-basic.draft-status a.btn{
    display:inline-block;
}

.cust-multidropdown-selection {
  min-width:210px;
}

.filter-slide .filter_row .filterwrap  #status.tags input[type="checkbox"]:disabled {
  background-color: #bfbfbf;
}

.fz-20 {
  font-size:18px !important;
}

table tr.sel-table-tr{
  background: #F5F5F5 !important;
  font-weight: 500;
  box-shadow: none !important;
}

 .sticky-table-header tr {
  position: sticky;
  top: 0;
  z-index: 1;
}

.disabled-table {
  pointer-events: none;
  opacity: 0.6;
}

.angucomplete-title {
  white-space: normal;         
  overflow-wrap: break-word;  
  word-wrap: break-word;       
  word-break: break-word; 
}
.angucomplete-title > span.highlight {
  background-color: #21BCB0;
  color: #fff;
  font-weight: 600;
  border-radius: 2px;
  margin:0x 1px;
  padding: 3px;
}

.modal-max-container-y-scroll {
  max-height: calc(100vh - 180px);
  overflow-y: auto;
}

.leaderboard-tr-th span.link-cursor{
  cursor:pointer
}

.d-flex-justify-content-center {
  display: flex;
  justify-content: center;
}

.candidate-resume iframe , .candidate-resume embed{
  width: 860px;
  height: 800px;
}

.candidate-resume embed {
  border:0;
  overflow: hidden;
}

.candidate-resume .menus {
  border-bottom: none;
}

.candidate-resume .menus a {
  padding:10px 20px;
} 

.input-group.datepicker-contianer input~.error-numer-message{
  right:45px;
}   

.search-result-header .col-md-4 {
  border-bottom: solid 1px #DCE0E9;
}

.search-result-header .sort.select span {
  background: #fff;
  border: 1px solid #dedede;
  line-height: 28px;
  color: black;

}
.search-result-header toggle-switch {
  max-width: 150px;
}

.input-error.text-danger {
  color: red;
}

#searchInitbtn.btn[disabled] {
  pointer-events: none;
}
 
#position-match-dropdown .dropdown-menu{
  width:inherit;
  top:90%;
}

.pipeline .tab-content {
  border: 1px solid #dedede;
  padding: 20px 15px  15px 15px;
}

.pipeline .nav-tabs>li>a>.badge {
  font-size: 10px;
}

.pipeline .nav-tabs>li {
 flex-grow: 1;
 margin:0;
 border-bottom: 1px solid #73757b;
}

.pipeline .nav-tabs>li>a {
  display: inline-flex;
  gap:5px;
  align-items: baseline;
  font-size: 15px;
}

.pipeline .nav-tabs>li.active {
  border: 1px solid #73757b !important;
  background: none;
  border-bottom: none !important;
  text-align: center !important;
}

.pipeline .nav-tabs>li.active>a {
  color:#3bc3b9;
  background:none;
}

.pipeline .tab-content {
  border: 1px solid #73757b;
  border-top: none; 
}

.pipeline-toggle.ats-switch>.switch-animate {
 height: 33px;
}

.pipeline-candidate-toggle.ats-switch span {
  line-height: 24px
} 

.position-details .additionalInfo .pos-form .form-group button.btn {
  position: relative;
  top: unset;
  bottom: unset;
  left: unset;
}

.advance-search .advanced-filter .tags span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

#advSearchPositionData {
  height: calc(100vh - 200px);
}

#advSearchPositionData .captch .search-loading {
  top:50vh !important;
}
.filterwrap.permissions-manage {
  border-bottom: 1px solid #bfbfbf;
}
#jd-AI .note-btn-group.btn-group.note-custom {
  display: flex;
}
 
#jd-AI .custom-ai-button {
  background-color: #6200ea; 
  color: white;
  border: none;
  border-radius: 5px;
  transition: transform 0.3s ease, background-color 0.3s ease; 
  display: flex; 
  align-items: center; 
  padding-right: 10px; 
  font-weight: bold ;
}

#jd-AI .custom-ai-button:hover {
  background-color: #1da69c; 
  transform: scale(1.05); 
}

#jd-AI .custom-ai-button.disabled {
  pointer-events: auto;
}

.call-report-table .leaderboard-tr-th .call-status{
  display: inline-flex;
  align-items: center;
}

.btn-icon.btn-icon-text {
  display: inline-flex;
  color: #21bcb0;
}

.pipeline-status-count a {
  display: inline-flex;
  gap: 5px;
  align-items: baseline;
  background-color: #2196F3;
  color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  margin: 5px;
  padding-top: 8px;
}

.pipeline-status-count:first-child {
  margin-left: -5px;
}

.pipeline-status-count .badge {
  background-color: #fff; 
  color: #444767;
  font-size: 10px;
}

.pipeline-status-count a.selected {
  background-color: #08467d;
  font-weight: bold;
  transform: scale(1.05);
}

.candidate-onboard-document-upload {
  margin: 50px;
}

.candidate-onboard-document-upload .upload-file-cont{
  display: flex;
  align-items: center;
  gap:10px;
}

.candidate-onboard-document-upload .doc-name {
  color:#636363;
  font-size:15px;
  font-weight: bold;
  word-break: break-all;
}

.candidate-onboard-document-upload .session-expired {
  max-width: 600px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 40px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.candidate-onboard-document-upload .upload-file-name{
  max-width: 600px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.candidate-onboard-document-upload .warning-note {
  background: #f3c7c7;
  display: inline-block;
}

.input-validation-error {
  color: red;
  font-size: 12px;
  margin-top: 5px;
}

.otp-verification .otp-title {
  font-size: 20px;
}

.otp-input-group {
  display: flex;
  gap: 15px;
}

.otp-box {
  width: 40px;
  height: 50px;
  text-align: center;
  font-size: 20px;
  border: 2px solid #dedede;
  border-radius: 5px;
  outline: none;
  transition: border-color 0.3s ease;
}

.otp-verification .splash-footer{
  text-align: left;
  font-size: 14px;
}

.password-input-with-label .password_view{
  top:34px;
  right:5px;
}

.password-input-with-label .password_view_type {
  right: 5px;
}

.pipeline .sort.select span {
  background-color: white;
  border: 1px solid #dedede;
}

.global-search {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.global-search .wrap-search #search {
  width: 25vw;
}

.swal-custom-btn-group .btn {
    padding: 8px 16px;
    font-weight: bold;
    border-radius: 4px;
}

.swal-custom-btn-group .btn.btn-primary {
  color: #fff;
  background: #21bcb0;
  border: solid 1px #21bcb0;
}

.swal-custom-btn-group .btn.btn-warning {
  color: #fff;
  background: #FFAB00;
  border: solid 1px #FFAB00;
}

.swal-custom-btn-group .btn.btn-danger {
  color: #fff;
  background: #FF5630;
  border: solid 1px #FF5630;
}
/* All Custom css will go here */

.field-name {
	margin-left: 9px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: bold;
}

.sortorder:after {
	content: "\f106";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
}

.sortorder.reverse:after {
	content: "\f107";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
}

.highlighted {
	background: yellow !important;
	font-weight: bold;
	font-style: normal;
	padding: 1px;
}

.highlighted.exact-word{
  background-color: #73e673 !important;
 }

.table>tbody>tr {
	transition: background 0.0s;
}

.forwardCuctomTracker #status>p {
	font-size: 15px;
	border-bottom: solid 1px #DCE0E9;
	font-weight: bold;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 0 -15px 20px;
	padding: 0 20px 10px;
}

.forwardCuctomTracker #status label {
	display: inline-block;
	padding-left: 23px;
	float: left;
	position: relative;
	margin: 0 10px 15px;
	cursor: pointer;
}

.forwardCuctomTracker #status label input {
	display: block;
	position: absolute;
	height: 15px;
	width: 15px;
	left: -20px;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	-moz-appearance: none;
	appearance: none;
	z-index: 2;
	-webkit-appearance: none;
	cursor: pointer;
}

.forwardCuctomTracker #status label span {
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.forwardCuctomTracker #status label span:before,
.forwardCuctomTracker #status label span:after {
	content: "";
	display: block;
	position: absolute;
	height: 15px;
	width: 15px;
	left: -20px;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor: pointer;
}

.forwardCuctomTracker #status label span:before {
	content: "\e5ca";
	font-size: 15px;
	color: #fff;
	font-family: "icomoon";
	line-height: 1;
	text-align: center;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.forwardCuctomTracker #status label span:after {
	background: #fff;
	border: solid 1px #DCE0E9;
	z-index: -1;
}

.forwardCuctomTracker #status label input:checked+span:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.forwardCuctomTracker #status label input:checked+span:after {
	border: solid 1px #21BCB0;
	background: #21BCB0;
}

.forwardCuctomTracker #status label span:after {
	background: #fff;
	border: solid 1px #DCE0E9;
	z-index: -1;
}

.YetToProcess select {
	background: orange !important;
}

.InProgress select {
	background: #3bc3b9 !important;
}

.Rejected select {
	background: #da6776 !important;
}

.Approved select {
	background: #8491d3 !important;
}

.OnHold select {
	background: #d1d2d6 !important;
}

.Joined select {
	background: lightslategrey !important;
}

.Offered select {
	background: #73678c !important;
}

.OfferAccepted select {
	background: #c38d3b !important;
}

.OfferDeclined select {
	background: #a58883 !important;
}

.advance-search .advnce-search-dropdown>li>a .edit {
	display: block;
}

.hierarchy {
	display: block;
	margin: 0 auto 40px;
	padding: 10px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.04em;
	/* width: 25%; */
	border: solid 1px #DCE0E9;
	-webkit-box-shadow: #ccc 0px 4px 10px -5px;
	box-shadow: #ccc 0px 4px 10px -5px;
	text-align: center;
	position: relative;
}

thead > tr > th.pvtTotalLabel, .rowTotal, .pvtGrandTotal { display: none; }
tbody > tr > th.pvtTotalLabel, .colTotal, .pvtGrandTotal { display: none; }