@import url(https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://cdn.linearicons.com/free/1.0.0/icon-font.min.css);
@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Cambo&display=swap);

@charset "UTF-8";
/* Colors for the ripple elements.*/
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.jsoneditor,.jsoneditor-modal{-webkit-text-size-adjust:none;text-size-adjust:none}
.jsoneditor input,.jsoneditor input:not([type]),.jsoneditor input[type=search],.jsoneditor input[type=text],.jsoneditor-modal input,.jsoneditor-modal input:not([type]),.jsoneditor-modal input[type=search],.jsoneditor-modal input[type=text]{height:auto;border:inherit;box-shadow:none;font-size:inherit;box-sizing:inherit;padding:inherit;font-family:inherit;transition:none;line-height:inherit}
.jsoneditor input:focus,.jsoneditor input:not([type]):focus,.jsoneditor input[type=search]:focus,.jsoneditor input[type=text]:focus,.jsoneditor-modal input:focus,.jsoneditor-modal input:not([type]):focus,.jsoneditor-modal input[type=search]:focus,.jsoneditor-modal input[type=text]:focus{border:inherit;box-shadow:inherit}
.jsoneditor textarea,.jsoneditor-modal textarea{height:inherit}
.jsoneditor select,.jsoneditor-modal select{display:inherit;height:inherit}
.jsoneditor label,.jsoneditor-modal label{font-size:inherit;font-weight:inherit;color:inherit}
.jsoneditor table,.jsoneditor-modal table{border-collapse:collapse;width:auto}
.jsoneditor td,.jsoneditor th,.jsoneditor-modal td,.jsoneditor-modal th{padding:0;display:table-cell;text-align:left;vertical-align:inherit;border-radius:inherit}
.jsoneditor .autocomplete.dropdown{position:absolute;background:#fff;box-shadow:2px 2px 12px rgba(128,128,128,.3);border:1px solid #d3d3d3;overflow-x:hidden;overflow-y:auto;cursor:default;margin:0;padding:5px;text-align:left;outline:0;font-family:consolas,menlo,monaco,"Ubuntu Mono",source-code-pro,monospace;font-size:14px}
.jsoneditor .autocomplete.dropdown .item{color:#1a1a1a}
.jsoneditor .autocomplete.dropdown .item.hover{background-color:#ebebeb}
.jsoneditor .autocomplete.hint{color:#a1a1a1;top:4px;left:4px}
.jsoneditor-contextmenu-root{position:relative;width:0;height:0}
.jsoneditor-contextmenu{position:absolute;box-sizing:content-box;z-index:2}
.jsoneditor-contextmenu .jsoneditor-menu{position:relative;left:0;top:0;width:128px;height:auto;background:#fff;border:1px solid #d3d3d3;box-shadow:2px 2px 12px rgba(128,128,128,.3);list-style:none;margin:0;padding:0}
.jsoneditor-contextmenu .jsoneditor-menu button{position:relative;padding:0 8px 0 0;margin:0;width:128px;height:auto;border:none;cursor:pointer;color:#4d4d4d;background:0 0;font-size:14px;font-family:arial,sans-serif;box-sizing:border-box;text-align:left}
.jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner{padding:0;border:0}
.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default{width:96px}
.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand{float:right;width:32px;height:24px;border-left:1px solid #e5e5e5}
.jsoneditor-contextmenu .jsoneditor-menu li{overflow:hidden}
.jsoneditor-contextmenu .jsoneditor-menu li ul{display:none;position:relative;left:-10px;top:0;border:none;box-shadow:inset 0 0 10px rgba(128,128,128,.5);padding:0 10px;transition:all .3s ease-out}
.jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon{margin-left:24px}
.jsoneditor-contextmenu .jsoneditor-menu li ul li button{padding-left:24px;animation:all ease-in-out 1s}
.jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand{position:absolute;top:0;right:0;width:24px;height:24px;padding:0;margin:0 4px 0 0;background-image:url('jsoneditor-icons.svg');background-position:0 -72px}
.jsoneditor-contextmenu .jsoneditor-icon{position:absolute;top:0;left:0;width:24px;height:24px;border:none;padding:0;margin:0;background-image:url('jsoneditor-icons.svg')}
.jsoneditor-contextmenu .jsoneditor-text{padding:4px 0 4px 24px;word-wrap:break-word}
.jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin{padding-right:24px}
.jsoneditor-contextmenu .jsoneditor-separator{height:0;border-top:1px solid #e5e5e5;padding-top:5px;margin-top:5px}
.jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon{background-position:-24px 0}
.jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon{background-position:0 0}
.jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon{background-position:0 0}
.jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon{background-position:-48px 0}
.jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon{background-position:-168px 0}
.jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon{background-position:-192px 0}
.jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon{background-position:-216px 0}
.jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon{background-position:0 -24px}
.jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon{background-position:-144px 0}
.jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon{background-position:-120px 0}
.jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon{background-position:-72px 0}
.jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon{background-position:-96px 0}
.jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon{background-image:none;width:6px}
.jsoneditor-contextmenu li,.jsoneditor-contextmenu ul{box-sizing:content-box;position:relative}
.jsoneditor-contextmenu .jsoneditor-menu button:focus,.jsoneditor-contextmenu .jsoneditor-menu button:hover{color:#1a1a1a;background-color:#f5f5f5;outline:0}
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus,.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover{color:#fff;background-color:#ee422e}
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus,.jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover{background-color:#f5f5f5}
.jsoneditor-modal{max-width:95%;border-radius:2px!important;padding:45px 15px 15px 15px!important;box-shadow:2px 2px 12px rgba(128,128,128,.3);color:#4d4d4d;line-height:1.3em}
.jsoneditor-modal.jsoneditor-modal-transform{width:600px!important}
.jsoneditor-modal .pico-modal-header{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;padding:0 10px;height:30px;line-height:30px;font-family:arial,sans-serif;font-size:11pt;background:#3883fa;color:#fff}
.jsoneditor-modal table{width:100%}
.jsoneditor-modal table td{padding:3px 0}
.jsoneditor-modal table td.jsoneditor-modal-input{text-align:right;padding-right:0;white-space:nowrap}
.jsoneditor-modal table td.jsoneditor-modal-actions{padding-top:15px}
.jsoneditor-modal table th{vertical-align:middle}
.jsoneditor-modal p:first-child{margin-top:0}
.jsoneditor-modal a{color:#3883fa}
.jsoneditor-modal .jsoneditor-jmespath-block{margin-bottom:10px}
.jsoneditor-modal .pico-close{background:0 0!important;font-size:24px!important;top:7px!important;right:7px!important;color:#fff}
.jsoneditor-modal input{padding:4px}
.jsoneditor-modal input[type=text]{cursor:inherit}
.jsoneditor-modal input[disabled]{background:#d3d3d3;color:grey}
.jsoneditor-modal .jsoneditor-select-wrapper{position:relative;display:inline-block}
.jsoneditor-modal .jsoneditor-select-wrapper:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #666;position:absolute;right:8px;top:14px;pointer-events:none}
.jsoneditor-modal select{padding:3px 24px 3px 10px;min-width:180px;max-width:350px;appearance:none;text-indent:0;text-overflow:"";font-size:14px;line-height:1.5em}
.jsoneditor-modal select::-ms-expand{display:none}
.jsoneditor-modal .jsoneditor-button-group input{padding:4px 10px;margin:0;border-radius:0;border-left-style:none}
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first{border-top-left-radius:3px;border-bottom-left-radius:3px;border-left-style:solid}
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last{border-top-right-radius:3px;border-bottom-right-radius:3px}
.jsoneditor-modal .jsoneditor-transform-preview{background:#f5f5f5;height:200px}
.jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error{color:#ee422e}
.jsoneditor-modal .jsoneditor-jmespath-wizard{line-height:1.2em;width:100%;padding:0;border-radius:3px}
.jsoneditor-modal .jsoneditor-jmespath-label{font-weight:700;color:#1e90ff;margin-top:20px;margin-bottom:5px}
.jsoneditor-modal .jsoneditor-jmespath-wizard-table{width:100%;border-collapse:collapse}
.jsoneditor-modal .jsoneditor-jmespath-wizard-label{font-style:italic;margin:4px 0 2px 0}
.jsoneditor-modal .jsoneditor-inline{position:relative;display:inline-block;width:100%;padding-top:2px;padding-bottom:2px}
.jsoneditor-modal .jsoneditor-inline:not(:last-child){padding-right:2px}
.jsoneditor-modal .jsoneditor-jmespath-filter{display:flex;flex-wrap:wrap}
.jsoneditor-modal .jsoneditor-jmespath-filter-field{width:180px}
.jsoneditor-modal .jsoneditor-jmespath-filter-relation{width:100px}
.jsoneditor-modal .jsoneditor-jmespath-filter-value{min-width:180px;flex:1}
.jsoneditor-modal .jsoneditor-jmespath-sort-field{width:170px}
.jsoneditor-modal .jsoneditor-jmespath-sort-order{width:150px}
.jsoneditor-modal .jsoneditor-jmespath-select-fields{width:100%}
.jsoneditor-modal .selectr-selected{border-color:#d3d3d3;padding:4px 28px 4px 8px}
.jsoneditor-modal .selectr-selected .selectr-tag{background-color:#3883fa;border-radius:5px}
.jsoneditor-modal table td,.jsoneditor-modal table th{text-align:left;vertical-align:middle;font-weight:400;color:#4d4d4d;border-spacing:0;border-collapse:collapse}
.jsoneditor-modal #query,.jsoneditor-modal input,.jsoneditor-modal input[type=text],.jsoneditor-modal input[type=text]:focus,.jsoneditor-modal select,.jsoneditor-modal textarea{background:#fff;border:1px solid #d3d3d3;color:#4d4d4d;border-radius:3px;padding:4px}
.jsoneditor-modal #query,.jsoneditor-modal textarea{border-radius:unset}
.jsoneditor-modal,.jsoneditor-modal #query,.jsoneditor-modal input,.jsoneditor-modal input[type=text],.jsoneditor-modal option,.jsoneditor-modal select,.jsoneditor-modal table td,.jsoneditor-modal table th,.jsoneditor-modal textarea{font-size:10.5pt;font-family:arial,sans-serif}
.jsoneditor-modal #query,.jsoneditor-modal .jsoneditor-transform-preview{font-family:consolas,menlo,monaco,"Ubuntu Mono",source-code-pro,monospace;font-size:14px;width:100%;box-sizing:border-box}
.jsoneditor-modal input[type=button],.jsoneditor-modal input[type=submit]{background:#f5f5f5;padding:4px 20px}
.jsoneditor-modal input,.jsoneditor-modal select{cursor:pointer}
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc{background:#3883fa;border-color:#3883fa;color:#fff}
.jsoneditor{color:#1a1a1a;border:thin solid #3883fa;box-sizing:border-box;width:100%;height:100%;position:relative;padding:0;line-height:100%}
a.jsoneditor-value,div.jsoneditor-default,div.jsoneditor-field,div.jsoneditor-readonly,div.jsoneditor-value{border:1px solid transparent;min-height:16px;min-width:32px;line-height:16px;padding:2px;margin:1px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;float:left}
div.jsoneditor-field p,div.jsoneditor-value p{margin:0}
div.jsoneditor-value.jsoneditor-empty::after{content:"value"}
div.jsoneditor-value.jsoneditor-string{color:#006000}
div.jsoneditor-value.jsoneditor-number{color:#ee422e}
div.jsoneditor-value.jsoneditor-boolean{color:#ff8c00}
div.jsoneditor-value.jsoneditor-null{color:#004ed0}
div.jsoneditor-value.jsoneditor-color-value{color:#1a1a1a}
div.jsoneditor-value.jsoneditor-invalid{color:#1a1a1a}
div.jsoneditor-readonly{min-width:16px;color:grey}
div.jsoneditor-empty{border-color:#d3d3d3;border-style:dashed;border-radius:2px}
div.jsoneditor-field.jsoneditor-empty::after{content:"field"}
div.jsoneditor td{vertical-align:top}
div.jsoneditor td.jsoneditor-separator{padding:3px 0;vertical-align:top;color:grey}
div.jsoneditor td.jsoneditor-tree{vertical-align:top}
div.jsoneditor.busy pre.jsoneditor-preview{background:#f5f5f5;color:grey}
div.jsoneditor.busy div.jsoneditor-busy{display:inherit}
div.jsoneditor code.jsoneditor-preview{background:0 0}
div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview{width:100%;height:100%;box-sizing:border-box;overflow:auto;padding:2px;margin:0;white-space:pre-wrap;word-break:break-all}
div.jsoneditor-default{color:grey;padding-left:10px}
div.jsoneditor-tree{width:100%;height:100%;position:relative;overflow:auto;background:#fff}
div.jsoneditor-tree button.jsoneditor-button{width:24px;height:24px;padding:0;margin:0;border:none;cursor:pointer;background-color:transparent;background-image:url('jsoneditor-icons.svg')}
div.jsoneditor-tree button.jsoneditor-button:focus{background-color:#f5f5f5;outline:#e5e5e5 solid 1px}
div.jsoneditor-tree button.jsoneditor-collapsed{background-position:0 -48px}
div.jsoneditor-tree button.jsoneditor-expanded{background-position:0 -72px}
div.jsoneditor-tree button.jsoneditor-contextmenu-button{background-position:-48px -72px}
div.jsoneditor-tree button.jsoneditor-invisible{visibility:hidden;background:0 0}
div.jsoneditor-tree button.jsoneditor-dragarea{background-image:url('jsoneditor-icons.svg');background-position:-72px -72px;cursor:move}
div.jsoneditor-tree :focus{outline:0}
div.jsoneditor-tree div.jsoneditor-show-more{display:inline-block;padding:3px 4px;margin:2px 0;background-color:#e5e5e5;border-radius:3px;color:grey;font-family:arial,sans-serif;font-size:14px}
div.jsoneditor-tree div.jsoneditor-show-more a{display:inline-block;color:grey}
div.jsoneditor-tree div.jsoneditor-color{display:inline-block;width:12px;height:12px;margin:4px;border:1px solid grey;cursor:pointer}
div.jsoneditor-tree div.jsoneditor-color.jsoneditor-color-readonly{cursor:inherit}
div.jsoneditor-tree div.jsoneditor-date{background:#a1a1a1;color:#fff;font-family:arial,sans-serif;border-radius:3px;display:inline-block;padding:3px;margin:0 3px}
div.jsoneditor-tree table.jsoneditor-tree{border-collapse:collapse;border-spacing:0;width:100%}
div.jsoneditor-tree .jsoneditor-button{display:block}
div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error{width:24px;height:24px;padding:0;margin:0 4px 0 0;background-image:url('jsoneditor-icons.svg');background-position:-168px -48px;background-color:transparent}
div.jsoneditor-outer{position:static;width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}
div.jsoneditor-outer.has-nav-bar{margin-top:-26px;padding-top:26px}
div.jsoneditor-outer.has-nav-bar.has-main-menu-bar{margin-top:-61px;padding-top:61px}
div.jsoneditor-outer.has-status-bar{margin-bottom:-26px;padding-bottom:26px}
div.jsoneditor-outer.has-main-menu-bar{margin-top:-35px;padding-top:35px}
div.jsoneditor-busy{position:absolute;top:15%;left:0;box-sizing:border-box;width:100%;text-align:center;display:none}
div.jsoneditor-busy span{background-color:#ffffab;border:1px solid #fe0;border-radius:3px;padding:5px 15px;box-shadow:0 0 5px rgba(0,0,0,.4)}
div.jsoneditor-field.jsoneditor-empty::after,div.jsoneditor-value.jsoneditor-empty::after{pointer-events:none;color:#d3d3d3;font-size:8pt}
a.jsoneditor-value.jsoneditor-url,div.jsoneditor-value.jsoneditor-url{color:#006000;text-decoration:underline}
a.jsoneditor-value.jsoneditor-url{display:inline-block;padding:2px;margin:2px}
a.jsoneditor-value.jsoneditor-url:focus,a.jsoneditor-value.jsoneditor-url:hover{color:#ee422e}
div.jsoneditor-field.jsoneditor-highlight,div.jsoneditor-field[contenteditable=true]:focus,div.jsoneditor-field[contenteditable=true]:hover,div.jsoneditor-value.jsoneditor-highlight,div.jsoneditor-value[contenteditable=true]:focus,div.jsoneditor-value[contenteditable=true]:hover{background-color:#ffffab;border:1px solid #fe0;border-radius:2px}
div.jsoneditor-field.jsoneditor-highlight-active,div.jsoneditor-field.jsoneditor-highlight-active:focus,div.jsoneditor-field.jsoneditor-highlight-active:hover,div.jsoneditor-value.jsoneditor-highlight-active,div.jsoneditor-value.jsoneditor-highlight-active:focus,div.jsoneditor-value.jsoneditor-highlight-active:hover{background-color:#fe0;border:1px solid #ffc700;border-radius:2px}
div.jsoneditor-value.jsoneditor-array,div.jsoneditor-value.jsoneditor-object{min-width:16px}
div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected,div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus,div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover,tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button{background-position:-48px -48px}
div.jsoneditor-tree div.jsoneditor-show-more a:focus,div.jsoneditor-tree div.jsoneditor-show-more a:hover{color:#ee422e}
.ace-jsoneditor,textarea.jsoneditor-text{min-height:150px}
.ace-jsoneditor.ace_editor,textarea.jsoneditor-text.ace_editor{font-family:consolas,menlo,monaco,"Ubuntu Mono",source-code-pro,monospace}
textarea.jsoneditor-text{width:100%;height:100%;margin:0;box-sizing:border-box;outline-width:0;border:none;background-color:#fff;resize:none}
tr.jsoneditor-highlight,tr.jsoneditor-selected{background-color:#d3d3d3}
tr.jsoneditor-selected button.jsoneditor-contextmenu-button,tr.jsoneditor-selected button.jsoneditor-dragarea{visibility:hidden}
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button,tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea{visibility:visible}
div.jsoneditor-tree button.jsoneditor-dragarea:focus,div.jsoneditor-tree button.jsoneditor-dragarea:hover,tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea{background-position:-72px -48px}
div.jsoneditor td,div.jsoneditor th,div.jsoneditor tr{padding:0;margin:0}
.jsoneditor-popover,.jsoneditor-schema-error,div.jsoneditor td,div.jsoneditor textarea,div.jsoneditor th,div.jsoneditor-field,div.jsoneditor-value,pre.jsoneditor-preview{font-family:consolas,menlo,monaco,"Ubuntu Mono",source-code-pro,monospace;font-size:14px;color:#1a1a1a}
.jsoneditor-schema-error{cursor:default;display:inline-block;height:24px;line-height:24px;position:relative;text-align:center;width:24px}
.jsoneditor-popover{background-color:#4c4c4c;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.4);color:#fff;padding:7px 10px;position:absolute;cursor:auto;width:200px}
.jsoneditor-popover.jsoneditor-above{bottom:32px;left:-98px}
.jsoneditor-popover.jsoneditor-above:before{border-top:7px solid #4c4c4c;bottom:-7px}
.jsoneditor-popover.jsoneditor-below{top:32px;left:-98px}
.jsoneditor-popover.jsoneditor-below:before{border-bottom:7px solid #4c4c4c;top:-7px}
.jsoneditor-popover.jsoneditor-left{top:-7px;right:32px}
.jsoneditor-popover.jsoneditor-left:before{border-left:7px solid #4c4c4c;border-top:7px solid transparent;border-bottom:7px solid transparent;content:"";top:19px;right:-14px;left:inherit;margin-left:inherit;margin-top:-7px;position:absolute}
.jsoneditor-popover.jsoneditor-right{top:-7px;left:32px}
.jsoneditor-popover.jsoneditor-right:before{border-right:7px solid #4c4c4c;border-top:7px solid transparent;border-bottom:7px solid transparent;content:"";top:19px;left:-14px;margin-left:inherit;margin-top:-7px;position:absolute}
.jsoneditor-popover:before{border-right:7px solid transparent;border-left:7px solid transparent;content:"";display:block;left:50%;margin-left:-7px;position:absolute}
.jsoneditor-text-errors tr.jump-to-line:hover{text-decoration:underline;cursor:pointer}
.jsoneditor-schema-error:focus .jsoneditor-popover,.jsoneditor-schema-error:hover .jsoneditor-popover{display:block;animation:fade-in .3s linear 1,move-up .3s linear 1}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
.jsoneditor .jsoneditor-validation-errors-container{max-height:130px;overflow-y:auto}
.jsoneditor .jsoneditor-validation-errors{width:100%;overflow:hidden}
.jsoneditor .jsoneditor-additional-errors{position:absolute;margin:auto;bottom:31px;left:calc(50% - 92px);color:grey;background-color:#ebebeb;padding:7px 15px;border-radius:8px}
.jsoneditor .jsoneditor-additional-errors.visible{visibility:visible;opacity:1;transition:opacity 2s linear}
.jsoneditor .jsoneditor-additional-errors.hidden{visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s linear}
.jsoneditor .jsoneditor-text-errors{width:100%;border-collapse:collapse;border-top:1px solid #ffc700}
.jsoneditor .jsoneditor-text-errors td{padding:3px 6px;vertical-align:middle}
.jsoneditor .jsoneditor-text-errors td pre{margin:0;white-space:pre-wrap}
.jsoneditor .jsoneditor-text-errors tr{background-color:#ffffab}
.jsoneditor .jsoneditor-text-errors tr.parse-error{background-color:rgba(238,46,46,.4392156863)}
.jsoneditor-text-errors .jsoneditor-schema-error{border:none;width:24px;height:24px;padding:0;margin:0 4px 0 0;cursor:pointer}
.jsoneditor-text-errors tr .jsoneditor-schema-error{background-image:url('jsoneditor-icons.svg');background-position:-168px -48px;background-color:transparent}
.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error{background-image:url('jsoneditor-icons.svg');background-position:-25px 0;background-color:transparent}
.jsoneditor-anchor{cursor:pointer}
.jsoneditor-anchor .picker_wrapper.popup.popup_bottom{top:28px;left:-10px}
.fadein{animation:fadein .3s;-moz-animation:fadein .3s;-o-animation:fadein .3s}
@keyframes fadein{0%{opacity:0}100%{opacity:1}}
.jsoneditor-modal input[type=search].selectr-input{border:1px solid #d3d3d3;width:calc(100% - 4px);margin:2px;padding:4px;box-sizing:border-box}
.jsoneditor-modal button.selectr-input-clear{right:8px}
.jsoneditor-menu{width:100%;height:35px;padding:2px;margin:0;box-sizing:border-box;color:#fff;background-color:#3883fa;border-bottom:1px solid #3883fa}
.jsoneditor-menu>.jsoneditor-modes>button,.jsoneditor-menu>button{width:26px;height:26px;margin:2px;padding:0;border-radius:2px;border:1px solid transparent;background-color:transparent;background-image:url('jsoneditor-icons.svg');color:#fff;opacity:.8;font-family:arial,sans-serif;font-size:14px;float:left}
.jsoneditor-menu>.jsoneditor-modes>button:hover,.jsoneditor-menu>button:hover{background-color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4)}
.jsoneditor-menu>.jsoneditor-modes>button:active,.jsoneditor-menu>.jsoneditor-modes>button:focus,.jsoneditor-menu>button:active,.jsoneditor-menu>button:focus{background-color:rgba(255,255,255,.3)}
.jsoneditor-menu>.jsoneditor-modes>button:disabled,.jsoneditor-menu>button:disabled{opacity:.5;background-color:transparent;border:none}
.jsoneditor-menu>button.jsoneditor-collapse-all{background-position:0 -96px}
.jsoneditor-menu>button.jsoneditor-expand-all{background-position:0 -120px}
.jsoneditor-menu>button.jsoneditor-sort{background-position:-120px -96px}
.jsoneditor-menu>button.jsoneditor-transform{background-position:-144px -96px}
.jsoneditor.jsoneditor-mode-form>.jsoneditor-menu>button.jsoneditor-sort,.jsoneditor.jsoneditor-mode-form>.jsoneditor-menu>button.jsoneditor-transform,.jsoneditor.jsoneditor-mode-view>.jsoneditor-menu>button.jsoneditor-sort,.jsoneditor.jsoneditor-mode-view>.jsoneditor-menu>button.jsoneditor-transform{display:none}
.jsoneditor-menu>button.jsoneditor-undo{background-position:-24px -96px}
.jsoneditor-menu>button.jsoneditor-undo:disabled{background-position:-24px -120px}
.jsoneditor-menu>button.jsoneditor-redo{background-position:-48px -96px}
.jsoneditor-menu>button.jsoneditor-redo:disabled{background-position:-48px -120px}
.jsoneditor-menu>button.jsoneditor-compact{background-position:-72px -96px}
.jsoneditor-menu>button.jsoneditor-format{background-position:-72px -120px}
.jsoneditor-menu>button.jsoneditor-repair{background-position:-96px -96px}
.jsoneditor-menu>.jsoneditor-modes{display:inline-block;float:left}
.jsoneditor-menu>.jsoneditor-modes>button{background-image:none;width:auto;padding-left:6px;padding-right:6px}
.jsoneditor-menu>.jsoneditor-modes>button.jsoneditor-separator,.jsoneditor-menu>button.jsoneditor-separator{margin-left:10px}
.jsoneditor-menu a{font-family:arial,sans-serif;font-size:14px;color:#fff;opacity:.8;vertical-align:middle}
.jsoneditor-menu a:hover{opacity:1}
.jsoneditor-menu a.jsoneditor-poweredBy{font-size:8pt;position:absolute;right:0;top:0;padding:10px}
.jsoneditor-navigation-bar{width:100%;height:26px;line-height:26px;padding:0;margin:0;border-bottom:1px solid #d3d3d3;box-sizing:border-box;color:grey;background-color:#ebebeb;overflow:hidden;font-family:arial,sans-serif;font-size:14px}
.jsoneditor-search{font-family:arial,sans-serif;position:absolute;right:4px;top:4px;border-collapse:collapse;border-spacing:0;display:flex}
.jsoneditor-search input{color:#1a1a1a;width:120px;border:none;outline:0;margin:1px;line-height:20px;font-family:arial,sans-serif}
.jsoneditor-search button{width:16px;height:24px;padding:0;margin:0;border:none;background:url('jsoneditor-icons.svg');vertical-align:top}
.jsoneditor-search button:hover{background-color:transparent}
.jsoneditor-search button.jsoneditor-refresh{width:18px;background-position:-99px -73px}
.jsoneditor-search button.jsoneditor-next{cursor:pointer;background-position:-124px -73px}
.jsoneditor-search button.jsoneditor-next:hover{background-position:-124px -49px}
.jsoneditor-search button.jsoneditor-previous{cursor:pointer;background-position:-148px -73px;margin-right:2px}
.jsoneditor-search button.jsoneditor-previous:hover{background-position:-148px -49px}
.jsoneditor-results{font-family:arial,sans-serif;color:#fff;padding-right:5px;line-height:26px}
.jsoneditor-frame{border:1px solid transparent;background-color:#fff;padding:0 2px;margin:0}
.jsoneditor-statusbar{line-height:26px;height:26px;color:grey;background-color:#ebebeb;border-top:1px solid #d3d3d3;box-sizing:border-box;font-size:14px}
.jsoneditor-statusbar>.jsoneditor-curserinfo-val{margin-right:12px}
.jsoneditor-statusbar>.jsoneditor-curserinfo-count{margin-left:4px}
.jsoneditor-statusbar>.jsoneditor-validation-error-icon{float:right;width:24px;height:24px;padding:0;margin-top:1px;background-image:url('jsoneditor-icons.svg');background-position:-168px -48px;cursor:pointer}
.jsoneditor-statusbar>.jsoneditor-validation-error-count{float:right;margin:0 4px 0 0;cursor:pointer}
.jsoneditor-statusbar>.jsoneditor-parse-error-icon{float:right;width:24px;height:24px;padding:0;margin:1px;background-image:url('jsoneditor-icons.svg');background-position:-25px 0}
.jsoneditor-statusbar .jsoneditor-array-info a{color:inherit}
div.jsoneditor-statusbar>.jsoneditor-curserinfo-label,div.jsoneditor-statusbar>.jsoneditor-size-info{margin:0 4px}
.jsoneditor-treepath{padding:0 5px;overflow:hidden;white-space:nowrap;outline:0}
.jsoneditor-treepath.show-all{word-wrap:break-word;white-space:normal;position:absolute;background-color:#ebebeb;z-index:1;box-shadow:2px 2px 12px rgba(128,128,128,.3)}
.jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn{display:none}
.jsoneditor-treepath div.jsoneditor-contextmenu-root{position:absolute;left:0}
.jsoneditor-treepath .jsoneditor-treepath-show-all-btn{position:absolute;background-color:#ebebeb;left:0;height:20px;padding:0 3px;cursor:pointer}
.jsoneditor-treepath .jsoneditor-treepath-element{margin:1px;font-family:arial,sans-serif;font-size:14px}
.jsoneditor-treepath .jsoneditor-treepath-seperator{margin:2px;font-size:9pt;font-family:arial,sans-serif}
.jsoneditor-treepath span.jsoneditor-treepath-element:hover,.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover{cursor:pointer;text-decoration:underline}
/*!
 * Selectr 2.4.13
 * http://mobius.ovh/docs/selectr
 *
 * Released under the MIT license
 */
.selectr-container{position:relative}
.selectr-container li{list-style:none}
.selectr-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0 none}
.selectr-visible{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:11}
.selectr-desktop.multiple .selectr-visible{display:none}
.selectr-desktop.multiple.native-open .selectr-visible{top:100%;min-height:200px!important;height:auto;opacity:1;display:block}
.selectr-container.multiple.selectr-mobile .selectr-selected{z-index:0}
.selectr-selected{position:relative;z-index:1;box-sizing:border-box;width:100%;padding:7px 28px 7px 14px;cursor:pointer;border:1px solid #999;border-radius:3px;background-color:#fff}
.selectr-selected::before{position:absolute;top:50%;right:10px;width:0;height:0;content:"";transform:rotate(0) translate3d(0,-50%,0);border-width:4px 4px 0 4px;border-style:solid;border-color:#6c7a86 transparent transparent}
.selectr-container.native-open .selectr-selected::before,.selectr-container.open .selectr-selected::before{border-width:0 4px 4px 4px;border-style:solid;border-color:transparent transparent #6c7a86}
.selectr-label{display:none;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}
.selectr-placeholder{color:#6c7a86}
.selectr-tags{margin:0;padding:0;white-space:normal}
.has-selected .selectr-tags{margin:0 0 -2px}
.selectr-tag{list-style:none;position:relative;float:left;padding:2px 25px 2px 8px;margin:0 2px 2px 0;cursor:default;color:#fff;border:medium none;border-radius:10px;background:#acb7bf none repeat scroll 0 0}
.selectr-container.multiple.has-selected .selectr-selected{padding:5px 28px 5px 5px}
.selectr-options-container{position:absolute;z-index:10000;top:calc(100% - 1px);left:0;display:none;box-sizing:border-box;width:100%;border-width:0 1px 1px;border-style:solid;border-color:transparent #999 #999;border-radius:0 0 3px 3px;background-color:#fff}
.selectr-container.open .selectr-options-container{display:block}
.selectr-input-container{position:relative;display:none}
.selectr-clear,.selectr-input-clear,.selectr-tag-remove{position:absolute;top:50%;right:22px;width:20px;height:20px;padding:0;cursor:pointer;transform:translate3d(0,-50%,0);border:medium none;background-color:transparent;z-index:11}
.selectr-clear,.selectr-input-clear{display:none}
.selectr-container.has-selected .selectr-clear,.selectr-input-container.active .selectr-input-clear{display:block}
.selectr-selected .selectr-tag-remove{right:2px}
.selectr-clear::after,.selectr-clear::before,.selectr-input-clear::after,.selectr-input-clear::before,.selectr-tag-remove::after,.selectr-tag-remove::before{position:absolute;top:5px;left:9px;width:2px;height:10px;content:" ";background-color:#6c7a86}
.selectr-tag-remove::after,.selectr-tag-remove::before{top:4px;width:3px;height:12px;background-color:#fff}
.selectr-clear:before,.selectr-input-clear::before,.selectr-tag-remove::before{transform:rotate(45deg)}
.selectr-clear:after,.selectr-input-clear::after,.selectr-tag-remove::after{transform:rotate(-45deg)}
.selectr-input-container.active,.selectr-input-container.active .selectr-clear{display:block}
.selectr-input{top:5px;left:5px;box-sizing:border-box;width:calc(100% - 30px);margin:10px 15px;padding:7px 30px 7px 9px;border:1px solid #999;border-radius:3px}
.selectr-notice{display:none;box-sizing:border-box;width:100%;padding:8px 16px;border-top:1px solid #999;border-radius:0 0 3px 3px;background-color:#fff}
.selectr-container.notice .selectr-notice{display:block}
.selectr-container.notice .selectr-selected{border-radius:3px 3px 0 0}
.selectr-options{position:relative;top:calc(100% + 2px);display:none;overflow-x:auto;overflow-y:scroll;max-height:200px;margin:0;padding:0}
.selectr-container.notice .selectr-options-container,.selectr-container.open .selectr-input-container,.selectr-container.open .selectr-options{display:block}
.selectr-option{position:relative;display:block;padding:5px 20px;list-style:outside none none;cursor:pointer;font-weight:400}
.selectr-options.optgroups>.selectr-option{padding-left:25px}
.selectr-optgroup{font-weight:700;padding:0}
.selectr-optgroup--label{font-weight:700;margin-top:10px;padding:5px 15px}
.selectr-match{text-decoration:underline}
.selectr-option.selected{background-color:#ddd}
.selectr-option.active{color:#fff;background-color:#5897fb}
.selectr-option.disabled{opacity:.4}
.selectr-option.excluded{display:none}
.selectr-container.open .selectr-selected{border-color:#999 #999 transparent #999;border-radius:3px 3px 0 0}
.selectr-container.open .selectr-selected::after{transform:rotate(180deg) translate3d(0,50%,0)}
.selectr-disabled{opacity:.6}
.has-selected .selectr-placeholder,.selectr-empty{display:none}
.has-selected .selectr-label{display:block}
.taggable .selectr-selected{padding:4px 28px 4px 4px}
.taggable .selectr-selected::after{display:table;content:" ";clear:both}
.taggable .selectr-label{width:auto}
.taggable .selectr-tags{float:left;display:block}
.taggable .selectr-placeholder{display:none}
.input-tag{float:left;min-width:90px;width:auto}
.selectr-tag-input{border:medium none;padding:3px 10px;width:100%;font-family:inherit;font-weight:inherit;font-size:inherit}
.selectr-input-container.loading::after{position:absolute;top:50%;right:20px;width:20px;height:20px;content:"";transform:translate3d(0,-50%,0);transform-origin:50% 0 0;animation:.5s linear 0s normal forwards infinite running selectr-spin;border-width:3px;border-style:solid;border-color:#aaa #ddd #ddd;border-radius:50%}
@keyframes selectr-spin{0%{transform:rotate(0) translate3d(0,-50%,0)}100%{transform:rotate(360deg) translate3d(0,-50%,0)}}
.selectr-container.open.inverted .selectr-selected{border-color:transparent #999 #999;border-radius:0 0 3px 3px}
.selectr-container.inverted .selectr-options-container{border-width:1px 1px 0;border-color:#999 #999 transparent;border-radius:3px 3px 0 0;background-color:#fff}
.selectr-container.inverted .selectr-options-container{top:auto;bottom:calc(100% - 1px)}
.selectr-container ::placeholder{color:#6c7a86;opacity:1}
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder; }
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap; }
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0; }
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1; }
.cal-month-view .cal-cell-row {
  -js-display: flex;
  display: flex; }
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  align-items: stretch; }
.cal-month-view .cal-cell .cal-event {
    pointer-events: all !important; }
.cal-month-view .cal-day-cell {
  min-height: 100px; }
@media all and (-ms-high-contrast: none) {
    .cal-month-view .cal-day-cell {
      display: block; } }
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid; }
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid; }
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px; }
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px; }
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap; }
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px; }
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer; }
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default; }
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em; }
.cal-month-view .cal-open-day-events {
  padding: 15px; }
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px; }
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3; }
.cal-month-view .cal-draggable {
  cursor: move; }
.cal-month-view .cal-drag-active * {
  pointer-events: none; }
.cal-month-view .cal-event-title {
  cursor: pointer; }
.cal-month-view .cal-event-title:hover {
    text-decoration: underline; }
.cal-month-view {
  background-color: #fff; }
.cal-month-view .cal-cell-row:hover {
    background-color: #fafafa; }
.cal-month-view .cal-cell-row .cal-cell:hover,
  .cal-month-view .cal-cell.cal-has-events.cal-open {
    background-color: #ededed; }
.cal-month-view .cal-days {
    border-color: #e1e1e1; }
.cal-month-view .cal-day-cell:not(:last-child) {
    border-right-color: #e1e1e1; }
.cal-month-view .cal-days .cal-cell-row {
    border-bottom-color: #e1e1e1; }
.cal-month-view .cal-day-badge {
    background-color: #b94a48;
    color: #fff; }
.cal-month-view .cal-event {
    background-color: #1e90ff;
    border-color: #d1e8ff;
    color: #fff; }
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
    color: #8b0000; }
.cal-month-view .cal-day-cell.cal-today {
    background-color: #e8fde7; }
.cal-month-view .cal-day-cell.cal-drag-over {
    background-color: #e0e0e0 !important; }
.cal-month-view .cal-open-day-events {
    color: #fff;
    background-color: #555;
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5); }
.cal-week-view {
  /* stylelint-disable-next-line selector-type-no-unknown */ }
.cal-week-view * {
    box-sizing: border-box; }
.cal-week-view .cal-day-headers {
    -js-display: flex;
    display: flex;
    padding-left: 70px;
    border: 1px solid; }
.cal-week-view .cal-day-headers .cal-header {
    flex: 1;
    text-align: center;
    padding: 5px; }
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
      border-right: 1px solid; }
.cal-week-view .cal-day-headers .cal-header:first-child {
      border-left: 1px solid; }
.cal-week-view .cal-day-headers span {
    font-weight: 400;
    opacity: 0.5; }
.cal-week-view .cal-day-column {
    flex-grow: 1;
    border-left: solid 1px; }
.cal-week-view .cal-event {
    font-size: 12px;
    border: 1px solid; }
.cal-week-view .cal-time-label-column {
    width: 70px;
    height: 100%; }
.cal-week-view .cal-current-time-marker {
    position: absolute;
    width: 100%;
    height: 2px;
    z-index: 2; }
.cal-week-view .cal-all-day-events {
    border: solid 1px;
    border-top: 0;
    border-bottom-width: 3px;
    padding-top: 3px;
    position: relative; }
.cal-week-view .cal-all-day-events .cal-day-columns {
      height: 100%;
      width: 100%;
      -js-display: flex;
      display: flex;
      position: absolute;
      top: 0;
      z-index: 0; }
.cal-week-view .cal-all-day-events .cal-events-row {
      position: relative;
      height: 31px;
      margin-left: 70px; }
.cal-week-view .cal-all-day-events .cal-event-container {
      display: inline-block;
      position: absolute; }
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
        z-index: 1;
        pointer-events: none; }
.cal-week-view .cal-all-day-events .cal-event {
      padding: 0 5px;
      margin-left: 2px;
      margin-right: 2px;
      height: 28px;
      line-height: 28px; }
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
.cal-week-view .cal-all-day-events .cal-time-label-column {
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px; }
.cal-week-view .cal-all-day-events .cal-resize-handle {
      width: 6px;
      height: 100%;
      cursor: col-resize;
      position: absolute;
      top: 0; }
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
        right: 0; }
.cal-week-view .cal-event,
  .cal-week-view .cal-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.cal-week-view .cal-drag-active {
    pointer-events: none;
    z-index: 1; }
.cal-week-view .cal-drag-active * {
      pointer-events: none; }
.cal-week-view .cal-time-events {
    position: relative;
    border: solid 1px;
    border-top: 0;
    -js-display: flex;
    display: flex; }
.cal-week-view .cal-time-events .cal-day-columns {
      -js-display: flex;
      display: flex;
      flex-grow: 1; }
.cal-week-view .cal-time-events .cal-day-column {
      position: relative; }
.cal-week-view .cal-time-events .cal-events-container {
      position: relative; }
.cal-week-view .cal-time-events .cal-event-container {
      position: absolute;
      z-index: 1; }
.cal-week-view .cal-time-events .cal-event {
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      margin: 1px;
      padding: 0 5px;
      line-height: 25px; }
.cal-week-view .cal-time-events .cal-resize-handle {
      width: 100%;
      height: 4px;
      cursor: row-resize;
      position: absolute; }
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
        bottom: 0; }
.cal-week-view .cal-hour-segment {
    position: relative; }
.cal-week-view .cal-hour-segment::after {
      content: '\00a0'; }
.cal-week-view .cal-event-container:not(.cal-draggable) {
    cursor: pointer; }
.cal-week-view .cal-draggable {
    cursor: move; }
.cal-week-view mwl-calendar-week-view-hour-segment,
  .cal-week-view .cal-hour-segment {
    display: block; }
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
  .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom: thin dashed; }
.cal-week-view .cal-time {
    font-weight: bold;
    padding-top: 5px;
    width: 70px;
    text-align: center; }
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
    display: none; }
.cal-week-view .cal-starts-within-day .cal-event {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
.cal-week-view .cal-ends-within-day .cal-event {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1; }
.cal-week-view .cal-day-headers {
    border-color: #e1e1e1;
    border-top: 0; }
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right-color: #e1e1e1; }
.cal-week-view .cal-day-headers .cal-header:first-child {
    border-left-color: #e1e1e1; }
.cal-week-view .cal-day-headers .cal-header:hover,
  .cal-week-view .cal-day-headers .cal-drag-over {
    background-color: #ededed; }
.cal-week-view .cal-day-column {
    border-left-color: #e1e1e1; }
.cal-week-view .cal-event {
    background-color: #d1e8ff;
    border-color: #1e90ff;
    color: #1e90ff; }
.cal-week-view .cal-all-day-events {
    border-color: #e1e1e1; }
.cal-week-view .cal-header.cal-today {
    background-color: #e8fde7; }
.cal-week-view .cal-header.cal-weekend span {
    color: #8b0000; }
.cal-week-view .cal-time-events {
    border-color: #e1e1e1; }
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
      background-color: #ededed; }
.cal-week-view .cal-hour-odd {
    background-color: #fafafa; }
.cal-week-view .cal-drag-over .cal-hour-segment {
    background-color: #ededed; }
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
  .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom-color: #e1e1e1; }
.cal-week-view .cal-current-time-marker {
    background-color: #ea4334; }
.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */ }
.cal-day-view mwl-calendar-week-view-header {
    display: none; }
.cal-day-view .cal-events-container {
    margin-left: 70px; }
.cal-day-view .cal-day-column {
    border-left: 0; }
.cal-day-view .cal-current-time-marker {
    margin-left: 70px;
    width: calc(100% - 70px); }
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9; }
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px; }
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0; }
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px; }
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0; }
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px; }
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px; }
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px; }
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px; }
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem; }
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000; }
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000; }
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000; }
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000; }
.cal-tooltip-inner {
  color: #fff;
  background-color: #000; }
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet:only-child{display:none!important}
.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white{--swiper-pagination-color:#ffffff}
.swiper-pagination-black{--swiper-pagination-color:#000000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}
.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5, .mat-typography h5 {
  font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6, .mat-typography h6 {
  font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong, .mat-body-2 {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p, .mat-body-1 p, .mat-typography p {
  margin: 0 0 12px;
}
.mat-small, .mat-caption {
  font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
.mat-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge-content {
  color: white;
  background: #3f51b5;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: white;
}
.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #3f51b5;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #3f51b5;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #ff4081;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone,
.mat-button-toggle-group {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(63, 81, 181, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 64, 129, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #3f51b5;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #3f51b5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #3f51b5;
}
.mat-icon.mat-accent {
  color: #ff4081;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #3f51b5;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff4081;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
  background-color: #eeeeee;
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #c5cae9;
}
.mat-progress-bar-buffer {
  background-color: #c5cae9;
}
.mat-progress-bar-fill::after {
  background-color: #3f51b5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #3f51b5;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #3f51b5;
}
.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-primary .mat-slider-focus-ring {
  background-color: rgba(63, 81, 181, 0.2);
}
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}
.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: white;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5;
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {
  background-color: #3f51b5;
}
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #3f51b5;
  color: white;
}
.mat-toolbar.mat-accent {
  background: #ff4081;
  color: white;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: white;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }

  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #ff4081;
}
/* You can add global styles to this file, and also import other style files */
@font-face {
  font-family: "Nunito Sans";
  src: url("/assets/fonts/NunitoSans-Regular.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Nunito Sans Black";
  src: url("/assets/fonts/NunitoSans-Black.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Nunito Sans ExtraBold";
  src: url("/assets/fonts/NunitoSans-ExtraBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Nunito Sans Light";
  src: url("/assets/fonts/NunitoSans-Light.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Nunito Sans SemiBold";
  src: url("/assets/fonts/NunitoSans-SemiBold.ttf") format("truetype");
  font-style: normal;
}
/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px;
  height: 5px;
  cursor: pointer !important;
}
textarea:focus, input:focus {
  outline: none !important;
}
::-webkit-scrollbar-track:hover {
  cursor: pointer;
}
::-webkit-scrollbar-track {
  background-color: #ebebeb;
  border-radius: 10px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #a0a0a5;
  cursor: pointer;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.form-control:focus {
  box-shadow: none !important;
}
.modal-dialog .custom-cards-view .no-data-section {
  min-height: calc(100vh - 400px) !important;
}
.no-data-section {
  display: flex;
  align-items: center;
  border-top: 0;
  position: absolute;
  margin-top: 0px;
  padding: 22px 0px;
  transform: translateY(-45%);
  top: 60%;
  min-height: calc(100vh - 335px);
  background: #ffffff;
  width: 100%;
}
.empty-img {
  width: 100%;
  text-align: center;
}
.empty-img .empty-place {
  border-radius: 12px;
}
.empty-img .loader-img {
  max-width: 85px !important;
  min-width: 85px !important;
}
.empty-img img {
  max-width: 250px;
  min-width: 250px;
  margin: 0px auto 0 auto;
  text-align: center;
  width: 100%;
}
.empty-img h4 {
  font-size: 23px;
  margin: 10px 0px;
  font-weight: 500;
  color: #323277;
}
.empty-img p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #323277;
}
.mat-drawer-side {
  border-right: 0px !important;
  box-shadow: -15px 15px 25px -10px #f4f7fc !important;
}
.mat-expansion-panel {
  box-shadow: none !important;
}
.custom-loader {
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #2E0587 !important;
}
button,
.mat-checkbox,
.mat-expansion-panel-header,
.mat-expansion-panel-content,
.mat-tab-group,
.mat-radio-button,
.mat-button,
.mat-tab-label,
.mat-tab-link,
table,
.mat-option,
.mat-form-field,
.mat-select,
.mat-button-toggle,
.mat-table,
.mat-input-element,
.mat-cell,
.mat-expansion-panel-header-title,
.mat-stepper-vertical,
.mat-stepper-horizontal,
.mat-list-item {
  font-family: "Nunito Sans", sans-serif !important;
}
.mat-chip {
  padding: 0 8px !important;
  font-size: 13px;
  letter-spacing: 0.5px;
  min-height: 26px !important;
  font-weight: 400 !important;
}
.mat-chip .mat-chip-remove.mat-icon {
  width: 15px !important;
  height: 15px !important;
  margin-left: 3px;
  margin-top: -4px;
}
.mat-chip .mat-chip-remove.mat-icon:hover {
  color: #FA236C !important;
  opacity: 1 !important;
}
.mat-chip.mat-standard-chip {
  background-color: #ecf4fe !important;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip:hover {
  background: #2E0587 !important;
  color: #ffffff !important;
}
.mat-chip.mat-standard-chip:active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  background: #2E0587 !important;
  color: #ffffff !important;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  background: #2E0587 !important;
  color: #ffffff !important;
}
table {
  margin: 0;
  padding: 0;
  width: 100%;
}
table tr {
  padding: 0;
  margin: 0;
}
table th {
  font-style: normal;
  padding: 0;
  margin: 0;
}
table td {
  padding: 0;
  margin: 0;
}
address {
  font-style: normal;
}
blockquote {
  margin: 0;
  padding: 0;
}
input[type=text],
textarea {
  outline: none;
  appearance: none;
  border-radius: 0;
}
input[type=submit] {
  border-radius: 0;
}
img {
  line-height: 2;
  text-align: center;
  height: auto;
  position: relative;
  max-width: 100%;
  display: inline-block;
}
img:before {
  display: block;
  margin-bottom: 10px;
}
img:after {
  content: "" "" attr(alt);
  font-size: 16px;
  font-family: FontAwesome;
  color: #646464;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
p {
  margin: 0 0 12px 0;
  padding: 0;
}
.custom-ul ol li {
  list-style: decimal !important;
  font-size: 14px;
  font-weight: 600;
}
.custom-ul ul {
  padding: 0px 40px 0px 40px !important;
  list-style: disc !important;
}
.custom-ul ul li {
  list-style: disc !important;
  font-size: 14px;
  font-weight: 600;
}
ul {
  margin: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
h1 {
  font-size: px2rem(40);
}
h2 {
  font-size: px2rem(34);
}
h3 {
  font-size: px2rem(30);
}
h4 {
  font-size: px2rem(26);
}
.mat-icon-button {
  width: 30px !important;
  height: 30px !important;
}
.clear-fix {
  *zoom: 1;
}
.clear-fix:before, .clear-fix:after {
  content: "";
  display: table;
}
.clear-fix:after {
  clear: both;
}
.no-gutter {
  margin-left: 0 !important;
}
.pull-right {
  float: right;
}
.mobile-hide {
  display: none !important;
}
button:focus {
  outline: 0px !important;
  box-shadow: none !important;
}
.left-arrow {
  position: relative;
  transform: rotate(180deg);
  cursor: pointer;
}
i.material-icons {
  position: relative;
}
::placeholder {
  color: #95A5BA !important;
  font-size: 13px !important;
}
.hide-split {
  display: none;
}
.timeline-wrapper {
  position: relative;
  height: 2px;
  width: 100%;
}
.timeline-wrapper .line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #dadce0;
  transform: rotate(180deg);
  width: 90%;
  margin: 0 auto;
}
.timeline-wrapper .word-wrapper {
  text-align: center;
  height: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin-top: 0;
  z-index: 2;
}
.timeline-wrapper .word {
  letter-spacing: 1px;
  padding: 3px;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  color: #000;
  text-align: center;
  margin: 0 auto;
  position: relative;
  bottom: 10px;
  background: #e8e8e8;
  border: 1px solid #e8e8e8;
}
.home-bred-crumb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
.home-bred-crumb p {
  width: 75%;
}
.home-bred-crumb p span {
  color: #686868;
  font-weight: 300;
  font-size: 16px;
  margin-right: 10px;
}
.date-range-filter {
  width: 25%;
}
.date-range-filter .custom-form-group .custom-form-control .mat-form-field-appearance-outline .mat-form-field-outline {
  background-color: rgba(224, 224, 224, 0.23) !important;
  color: #ffffff00 !important;
  border-radius: 4px !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 1px !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 6px 0 0 6px !important;
  border-right-style: none;
}
.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0px 6px 6px 0px !important;
}
mat-form-field.mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper > div.mat-form-field-flex > div.mat-form-field-infix {
  padding: 6px 8px 8px 8px;
  border-top: 0.5em solid transparent;
  color: #323277;
  letter-spacing: 0.5px;
  line-height: 18px;
}
mat-form-field.mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper > div.mat-form-field-flex > div.mat-form-field-infix > span.mat-form-field-label-wrapper {
  top: -1.5em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.1em) scale(0.75);
  width: 133.33333%;
}
.mat-form-field-flex {
  position: initial;
}
.mat-form-field-appearance-outline .mat-form-field-prefix, .mat-form-field-appearance-outline .mat-form-field-suffix {
  top: 0.4em !important;
}
.mat-form-field-subscript-wrapper {
  padding-left: 0px !important;
  padding-top: 5px !important;
}
.mat-tab-group {
  border: 0px !important;
  margin-left: -15px;
  margin-right: -15px;
}
.mat-tab-group .mat-ripple-element {
  display: none !important;
}
.mat-tab-group .mat-tab-header {
  overflow: visible;
}
.mat-tab-group .mat-tab-header .mat-tab-label-container {
  overflow: visible;
}
.mat-tab-group .mat-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label {
  height: 36px;
  position: relative;
  overflow: visible;
}
.mat-tab-group .mat-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  color: #000000de;
  font-weight: 600;
  font-size: 14px;
}
.mat-tab-group .mat-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  opacity: 1;
  background: #e9f6e2;
}
.mat-tab-group .mat-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #2FA84F !important;
}
.mat-tab-group .mat-tab-body {
  padding: 15px;
}
.mat-tab-group .mat-tab-body .mat-tab-body-content {
  height: 100%;
  overflow: hidden;
}
.mat-tab-group .mat-tab-body-wrapper {
  padding: 10px;
  overflow: visible;
}
.mat-tab-group .mat-ink-bar {
  background-color: #2FA84F !important;
}
.mat-select-search-inner {
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.mat-select-panel {
  max-width: 175px !important;
  border-radius: 4px !important;
}
.contains-mat-select-search .mat-select-search-inner {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #eee;
  box-shadow: none;
  height: 45px;
  line-height: 40px;
  padding-left: 10px;
}
.mat-error {
  color: #f44336;
  text-transform: initial;
  font-size: 11px;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #FA5D50 !important;
}
.mat-button-wrapper {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  letter-spacing: 0.5px;
  color: #323277;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mat-button-wrapper i {
  font-size: 20px;
  position: relative;
  top: 0;
  margin-right: 5px;
}
.mat-button-wrapper .btn-arrow {
  display: flex;
  align-items: center;
  outline: 0px !important;
}
.mat-button-wrapper img {
  margin-right: 5px;
}
.submit-btn .mat-button-wrapper {
  text-transform: uppercase;
}
.social-logins {
  margin-top: 50px;
}
.social-logins .social-login-btn {
  margin-bottom: 10px;
}
.social-logins .social-login-btn .mat-button-wrapper {
  font-family: "Nunito Sans", sans-serif !important;
}
.social-logins .social-login-btn p {
  display: flex;
  align-items: center;
  color: #ffffff;
}
.social-logins .social-login-btn p .btn-content {
  padding-left: 10px;
  font-size: 12px;
  text-transform: uppercase;
}
.social-logins .social-login-btn p img {
  width: 18px;
}
.social-logins .social-login-btn.fb-btn {
  background: #436bbe;
  border-color: #436bbe;
}
.social-logins .social-login-btn.google-btn {
  background: #db4932;
  border-color: #db4932;
}
.social-logins .social-login-btn i {
  color: #ffffff !important;
}
.social-logins .mat-button-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.flex-btn .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-toggles {
  margin: 35px 0px;
}
.custom-toggles .mat-button-toggle-group {
  box-shadow: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.custom-toggles .mat-button-toggle-group .mat-button-toggle {
  white-space: nowrap;
  position: relative;
  border: 1px solid #EEF3F9;
  margin: 10px 35px;
  padding: 10px 10px 10px 10px;
  border-radius: 20px;
  width: 195px;
  box-shadow: 1px 0px 10px 1px #1227454a;
  position: relative;
}
.custom-toggles .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content img {
  width: 70px;
}
.custom-toggles .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content .content {
  font-size: 14px;
  font-weight: 400;
  color: #1E3151;
  width: 95%;
  white-space: normal;
  line-height: 25px;
  margin: 0 auto;
  margin-top: 15px;
  color: #323277;
}
.custom-toggles .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked {
  background-color: transparent;
  color: transparent;
  border: 5px solid #2E0587;
}
.mat-menu-panel {
  position: relative;
}
.mat-menu-panel .mat-menu-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mat-menu-panel .mat-menu-content .mat-menu-item {
  line-height: 32px;
  height: 32px;
  font-weight: 400;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
}
.menu-dropdown {
  overflow: visible !important;
  margin-top: 15px;
}
.menu-dropdown .mat-menu-content .mat-menu-item {
  font-size: 16px;
}
.mat-form-field {
  width: 100% !important;
}
.mat-horizontal-stepper-header-container {
  display: none !important;
}
.assist-upload .custom-label {
  margin-bottom: 3px !important;
  font-size: 12px !important;
}
.assist-upload .mat-form-field-infix {
  padding: 0.4em 0px !important;
  width: 125px;
}
.assist-upload .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.tracks-sec .mat-progress-spinner {
  display: flex;
  position: relative;
  height: 35px !important;
  width: 35px !important;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-top: 8px;
}
.tracks-sec .mat-progress-spinner svg {
  width: 35px !important;
  height: 35px !important;
}
.tracks-sec circle {
  stroke: #f2f2f2 !important;
  stroke-width: 5px !important;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 100% !important;
    margin: 0px !important;
  }
}
.mat-dialog-container {
  padding: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.mat-select-arrow-wrapper {
  display: flex !important;
  align-items: center !important;
}
.mat-select-arrow {
  vertical-align: top !important;
  position: relative;
  top: 0px;
}
.mat-option-text {
  text-transform: initial !important;
}
.mat-progress-bar {
  display: block;
  height: 10px !important;
  border: 2px solid #fff6dd;
  border-radius: 6px;
}
.mat-progress-bar .mat-progress-bar-fill::after {
  background-color: #00ACF1 !important;
}
.mat-progress-bar .mat-progress-bar-background {
  fill: #00acf147;
}
.mat-progress-bar .mat-progress-bar-buffer {
  background-color: #fff6dd !important;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #2E0587 !important;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #2E0587 !important;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #2E0587 !important;
}
.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay, .mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
  opacity: 0 !important;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-size: 13px;
  color: #000;
  font-weight: 500;
  font-family: "Nunito Sans", sans-serif !important;
}
.mat-paginator-page-size-select {
  width: 56px !important;
}
.custom-modal .master-modal .modal-dialog {
  max-width: 100%;
  margin: 15px auto;
}
.custom-modal .master-modal .modal-dialog .modal-content {
  border: 0 !important;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid #eaf1f8;
  padding: 8px 18px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #eaf1f8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-header .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 17px;
  font-weight: 700;
  color: #323277;
  text-transform: initial;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-header .modal-close {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-header .modal-close img {
  width: 17px;
}
.custom-modal .master-modal .modal-dialog .modal-content .mat-dialog-content {
  padding: 0 0px !important;
  margin: 0 0px !important;
  max-height: 80vh;
  overflow: initial;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-body {
  padding: 15px 15px 15px 15px;
  width: 100%;
  background: #ffffff;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-body.modal-min-height {
  min-height: calc(100vh - 50vh);
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-body .custom-form-group .mat-checkbox-layout .mat-checkbox-label {
  color: #7d7b7b;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-body .timeslot-day .mat-tab-group {
  margin-top: 0px;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-body .timeslot-day .mat-tab-group .mat-tab-label {
  width: 99%;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-body .timeslot-day .mat-tab-group .mat-tab-body-wrapper {
  padding-top: 10px;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 10px 10px 10px 10px;
  border-top: 1px solid #DADCE0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #FFFFFF;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-footer .mat-dialog-actions {
  padding: 0px 0;
  display: flex;
  flex-wrap: wrap;
  min-height: 20px;
  align-items: center;
  margin-bottom: 0;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-footer .mat-dialog-actions .modal-footer-btn {
  height: 32px;
  line-height: 32px;
  letter-spacing: 0.5px;
  height: 32px;
  margin-left: 20px;
  border-radius: 20px;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-footer .mat-dialog-actions .modal-footer-btn.modal-cancel-btn {
  border: 1px solid #cccccc;
}
.custom-modal .master-modal .modal-dialog .modal-content .modal-footer .mat-hint {
  display: inline-block;
  margin-left: 10px;
}
.custom-modal.custom-delete-modal .modal-header {
  background: #2E0587 !important;
}
.custom-modal.custom-delete-modal .modal-header .modal-title {
  color: #ffffff !important;
}
.custom-modal.custom-delete-modal .modal-header .modal-close img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.custom-modal.custom-delete-modal .modal-header .modal-close i {
  color: #ffffff !important;
}
.custom-modal.custom-delete-modal .modal-body .notification-delete p {
  margin-bottom: 0;
  font-weight: 500;
  text-transform: initial;
}
.custom-modal.custom-delete-modal .modal-footer .delete-btn {
  background: #2E0587 !important;
  border-color: #2E0587 !important;
}
.custom-modal.custom-delete-modal .modal-footer .delete-btn .mat-button-wrapper {
  color: #ffffff !important;
}
.custom-modal .modal-footer .delete-btn .mat-button-wrapper {
  color: #ffffff !important;
}
.custom-modal .modal-footer .mat-button {
  margin-right: 5px;
}
.custom-modal .modal-footer .mat-button:first-child {
  border: 1px solid #cccccc !important;
  height: 30px;
  line-height: 20px;
  border-radius: 20px;
  padding: 0px 10px !important;
}
.custom-modal .modal-footer .modal-save-btn .mat-button-wrapper {
  color: #ffffff !important;
}
.dropdown-menu .dropdown-item {
  display: flex;
  padding: 5px 10px;
  margin-bottom: 5px;
  border-radius: 4px;
  clear: both;
  font-weight: 400;
  color: #575757;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-menu .dropdown-item img {
  width: 23px;
  margin-right: 5px !important;
}
.mat-menu-panel {
  position: relative;
  overflow: visible !important;
}
.mat-menu-panel .mat-menu-content .mat-menu-item {
  border-bottom: 1px solid #EEEEEE;
}
.mat-list-base {
  display: inline-block;
  margin-bottom: 15px;
}
.mat-list-base .mat-list-option {
  display: inline-block;
  width: 25%;
}
.mat-list-base .mat-list-option:hover {
  background: transparent;
}
.mat-list-base .mat-list-option:focus {
  background: transparent;
}
.mat-list-base .mat-list-item .mat-list-item-content {
  padding-left: 0 !important;
}
.mat-list-base .mat-list-item .mat-list-item-content .mat-pseudo-checkbox {
  border-radius: 100%;
  display: inline-block;
  border-color: #fcba04;
  width: 22px;
  height: 22px;
  position: relative;
  top: -1px;
  margin-right: 0;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
}
.mat-list-base .mat-list-item .mat-list-item-content .mat-list-text {
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
}
.mat-pseudo-checkbox-checked {
  background: #2E0587 !important;
}
.mat-pseudo-checkbox-checked::after {
  top: 2px !important;
  left: 0px !important;
}
.custom-snackbar {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #2E0587;
  text-transform: capitalize !important;
}
.custom-snackbar .mat-simple-snackbar {
  align-items: center !important;
  justify-content: center !important;
  text-transform: capitalize !important;
}
.custom-snackbar .mat-simple-snackbar span {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff;
  text-transform: capitalize !important;
}
.mat-checkbox-inner-container {
  height: 14px !important;
  width: 14px !important;
}
.mat-checkbox-frame {
  border-width: 1px !important;
}
.mat-checkbox-inner-container {
  height: 14px !important;
  width: 14px !important;
}
.mat-checkbox-frame {
  border-width: 1px !important;
  border-color: #95A5BA;
}
.mat-date-range-input-container {
  display: flex;
  align-items: center;
  justify-content: space-between !important;
}
.mat-radio-label {
  margin-right: 10px;
  margin-bottom: 5px;
}
.mat-calendar-next-button:after, .mat-calendar-previous-button:after {
  margin: 10.5px !important;
}
/* ************************  PERFECT-SCROLL-BAR-SCSS **************************  */
.perfect-scrollbar > .ps.ps--active-y > .ps__rail-y {
  width: 5px !important;
}
.perfect-scrollbar > .ps.ps--active-y > .ps__rail-y.ps--clicking {
  width: 5px !important;
}
.ps__rail-y {
  width: 5px !important;
}
.ps__rail-y:hover {
  width: 5px !important;
}
.ps__thumb-y {
  width: 5px !important;
  right: 0px !important;
}
.perfect-scrollbar > .ps.ps--active-y > .ps__rail-y {
  width: 5px !important;
}
.ps__thumb-x {
  width: 100% !important;
  opacity: 0 !important;
  right: 0;
}
::ng-deep .tooltip {
  background-color: red;
  color: blue;
  font-size: 20px;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
section {
  clear: both;
}
.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.fx-display {
  display: flex !important;
}
.block {
  display: block !important;
}
.align-center {
  align-items: center;
}
.justify-space {
  justify-content: space-between !important;
}
.d-none {
  display: none;
}
.white {
  color: #FFFFFF;
}
.bg-white {
  background: #FFFFFF;
}
h1,
h2 {
  font-weight: 400;
  font-size: 26px;
}
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
}
p {
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 20px;
}
a {
  text-decoration: none;
}
ul {
  padding: 0px;
  list-style: none;
}
li {
  outline: 0;
}
.opacity-0 {
  opacity: 0;
}
.min-height {
  min-height: calc(100vh - 215px);
  max-width: 100%;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
  display: flex;
}
.f-12 {
  font-size: 12px !important;
}
.f-14 {
  font-size: 14px !important;
}
.f-15 {
  font-size: 15px !important;
}
.f-16 {
  font-size: 16px !important;
}
.f-18 {
  font-size: 18px !important;
}
.sec-padding {
  padding: 0px 0 30px 0px;
}
.inner-sec-padding {
  padding: 15px 0px;
}
.br-0 {
  border: 0px !important;
}
.br-left {
  border-left: 1px solid #e0e4e8;
}
.br-r-0 {
  border-radius: 0px !important;
}
.br-list-25 {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-right: 25px;
}
.br-r-4 {
  border-radius: 4px !important;
}
.pad-0 {
  padding: 0px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-5 {
  padding: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-40 {
  padding-bottom: 40px !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;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.mr-auto {
  margin-right: auto !important;
}
.m-0 {
  margin: 0px;
}
.m-30 {
  margin: 30px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt--20 {
  margin-top: -20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-5 {
  margin-right: 10px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.hide {
  display: none;
}
::placeholder {
  color: #ccc !important;
  font-size: 13px !important;
}
.global-btn {
  width: auto;
  border: 0px solid transparent !important;
  padding: 0px 20px !important;
  height: 30px !important;
  line-height: 20px !important;
  border-radius: 20px !important;
  position: relative !important;
  overflow: hidden !important;
  color: #ffffff;
  letter-spacing: 0.8px;
  background-color: #2E0587;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative;
  transition: all 0.5s ease-in-out 0s !important;
}
.global-btn .mat-button-wrapper {
  color: #ffffff;
}
.global-btn img {
  margin-right: 5px;
  width: 19px;
}
.move-button-left {
  display: flex !important;
  margin-left: auto !important;
}
.mat-select-panel-wrap {
  flex-basis: 100%;
  position: relative;
  top: 40px;
  left: 0px;
  width: 100%;
  border-radius: 15px;
  padding: 0px 10px;
}
.cdk-overlay-container .cdk-overlay-pane .header-filter {
  margin-top: -5px;
  margin-left: -10px;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #ffffff !important;
  opacity: 1;
}
.mat-form-field-disabled .mat-form-field-outline {
  background-color: #f4f7fc !important;
  border-radius: 6px !important;
}
.input-disabled .mat-form-field-outline {
  background-color: #f4f7fc !important;
  border-radius: 6px !important;
  color: rgba(0, 0, 0, 0.38) !important;
}
.input-disabled .mat-form-field-infix {
  color: rgba(0, 0, 0, 0.38) !important;
  pointer-events: none;
}
.form-section.reset-form .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix {
  top: 0px !important;
  right: 5px;
  cursor: pointer;
}
.form-section.reset-form .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix img {
  width: 24px;
}
.form-section .custom-label {
  font-size: 13px;
  color: #323277;
  font-weight: 600;
  text-transform: initial;
  text-align: left;
  margin-bottom: 2px;
  padding-left: 0px;
  width: 100%;
  display: block;
}
.form-section .custom-label .star {
  color: #f44336;
  padding: 0 0 0 2px;
}
.form-section .custom-label .custom-hint {
  font-size: 11px;
  font-weight: 200;
  margin: 0px 0 0 0;
  display: block !important;
  width: 100%;
  letter-spacing: 0.5px;
  color: #7d7b7b;
}
.form-section .custom-form-group {
  margin-bottom: 10px;
}
.form-section .custom-form-group input[type=number]::-webkit-inner-spin-button,
.form-section .custom-form-group input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-section .custom-form-group input[type=number]::-webkit-inner-spin-button .mat-checkbox-layout .mat-checkbox-label,
.form-section .custom-form-group input[type=number]::-webkit-outer-spin-button .mat-checkbox-layout .mat-checkbox-label {
  color: #7d7b7b;
}
.form-section .custom-form-group mat-label {
  font-size: 14px;
  color: #202124;
  font-weight: 600;
  text-transform: capitalize;
  text-align: left;
  margin-bottom: 5px;
  padding-left: 0px;
  width: 100%;
  display: flex;
}
.form-section .custom-form-group.multi-btn-group {
  margin-bottom: 15px;
}
.form-section .custom-form-group.multi-btn-group .mat-button-toggle-button {
  background: #eaf1f8;
}
.form-section .custom-form-group.custom-flex-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.form-section .custom-form-group.custom-image-group {
  align-items: flex-start !important;
}
.form-section .custom-form-group.custom-image-group .custom-label {
  margin-bottom: 0 !important;
}
.form-section .custom-form-group.custom-description-group {
  align-items: flex-start !important;
}
.form-section .custom-form-group.custom-datetime-group svg {
  width: 18px !important;
}
.form-section .custom-form-group.custom-datetime-group .mat-form-field-wrapper {
  margin: 0 0 !important;
}
.form-section .custom-form-group.custom-datetime-group .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0 8px !important;
  border-top: 0 !important;
}
.form-section .custom-form-group.custom-datetime-group .mat-select {
  border-left: 1px solid #ccc;
  height: 29px;
  line-height: 29px;
  padding-left: 10px;
  padding-right: 10px;
  top: 0px;
}
.form-section .custom-form-group.custom-datetime-group .mat-form-field-outline {
  top: 0 !important;
  margin-top: 2px;
  margin-bottom: 2px;
}
.form-section .custom-form-group.custom-time-group svg {
  width: 18px !important;
}
.form-section .custom-form-group.custom-time-group .mat-form-field-wrapper {
  margin: 0 0 !important;
}
.form-section .custom-form-group.custom-time-group .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 10px 8px !important;
  border-top: 0 !important;
}
.form-section .custom-form-group.custom-time-group .mat-select {
  border-left: 1px solid #ccc;
  height: 18px;
  line-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  top: 0px;
}
.form-section .custom-form-group.custom-time-group .mat-select:first-child {
  border-left: 0px !important;
}
.form-section .custom-form-group.multi-check-group .custom-label {
  display: flex;
  justify-content: space-between;
}
.form-section .custom-form-group.multi-check-group .custom-label .right-checkbox-label .mat-checkbox {
  margin-right: 10px;
}
.form-section .custom-form-group .date-time-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.form-section .custom-form-group .date-time-container .mat-icon-button {
  height: 36px;
}
.form-section .custom-form-group .custom-form-control {
  position: relative;
  width: 100%;
}
.form-section .custom-form-group .custom-form-control .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #c0c3cb;
}
.form-section .custom-form-group .custom-form-control .mat-form-field {
  width: 100%;
  margin-bottom: 0px;
}
.form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 10px;
}
.form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  padding-left: 0;
  padding-right: 0;
}
.form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-input-element {
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px;
  padding-left: 0px;
  line-height: initial;
}
.form-section .custom-form-group .custom-form-control ::placeholder {
  font-size: 12px !important;
  text-transform: initial !important;
}
.form-section .custom-form-group .custom-form-control.date-control mat-form-field.mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper > div.mat-form-field-flex > div.mat-form-field-infix {
  padding: 0px 8px !important;
}
.form-section .custom-form-group .custom-form-control.date-control .mat-form-field-suffix {
  border-left: 1px solid #e0e4e8;
}
.form-section .custom-form-group .custom-form-control.date-control .mat-icon-button {
  height: 35px !important;
  border-radius: 0;
}
.form-section .custom-form-group .custom-form-control.date-control:hover .mat-form-field-suffix {
  border-color: #000000;
}
.form-section .custom-form-group .custom-form-control .mat-button-toggle-group {
  border-radius: 2px !important;
  background: #eaf1f8 !important;
}
.form-section .custom-form-group .custom-form-control .mat-button-toggle-group .mat-button-toggle-appearance-standard {
  color: #d1e3fe !important;
  background: #eee !important;
  border-radius: 0px !important;
  min-width: 100px;
  height: 34px;
  line-height: 34px;
}
.form-section .custom-form-group .custom-form-control .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 34px;
  font-size: 13px;
  color: #000;
}
.form-section .custom-form-group .custom-form-control .mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-button {
  background-color: #2E0587 !important;
  border-radius: 0px !important;
}
.form-section .custom-form-group .custom-form-control .mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #fff;
}
.form-section .custom-form-group .custom-form-control .mat-list-base {
  display: flex !important;
  margin-bottom: 15px;
  background: #eee !important;
  border-radius: 2px !important;
  padding-top: 0;
}
.form-section .custom-form-group .custom-form-control .mat-list-base .mat-list-item {
  display: block;
  height: 36px;
  line-height: 36px;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  color: #000 !important;
  padding: 0 0 0 10px;
  cursor: pointer;
  border-right: 1px solid #ccc;
}
.form-section .custom-form-group .custom-form-control .mat-list-base .mat-list-item:last-child {
  border-right: 0px !important;
}
.form-section .custom-form-group .custom-form-control .mat-list-base .mat-list-item .mat-list-item-content {
  font-size: 13px;
  font-weight: 400;
  padding: 0 0 0 0;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #000;
}
.form-section .custom-form-group .custom-form-control .mat-list-base .mat-list-item.active {
  background-color: #2E0587 !important;
  border-radius: 0px !important;
}
.form-section .custom-form-group .custom-form-control .mat-list-base .mat-list-item.active .mat-list-item-content {
  color: #fff;
}
.form-section .custom-form-group .custom-form-control .multi-checkbox-list {
  display: inline-block;
}
.form-section .custom-form-group .custom-form-control .multi-checkbox-list h3 {
  font-size: 13px;
  color: #2E0587;
  font-weight: 600;
  text-transform: initial;
}
.form-section .custom-form-group .custom-form-control .multi-checkbox-list .mat-checkbox-label {
  color: #95A5BA;
  margin-right: 5px;
}
.form-section .custom-form-group .custom-form-control .multi-checkbox-list li {
  display: inline-block;
  width: 33%;
}
.form-section .custom-form-group.status-toggle-group .custom-form-control {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.form-section .custom-form-group.status-toggle-group .custom-form-control .mat-slide-toggle {
  margin: 0px 10px;
  margin-top: 5px;
}
.form-section .custom-form-group.status-toggle-group .custom-form-control .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #2E0587 !important;
}
.form-section .custom-form-group.status-toggle-group .custom-form-control .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff !important;
}
.form-section .custom-form-group.status-toggle-group .custom-form-control .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  left: 3px;
}
.form-section .custom-form-group.status-toggle-group .custom-form-control .mat-slide-toggle-thumb-container {
  top: 2px;
}
.form-section .custom-form-group.status-toggle-group .custom-form-control .mat-slide-toggle-bar {
  height: 24px !important;
  width: 40px !important;
  border-radius: 25px !important;
  background-color: #4f627d;
  box-shadow: none !important;
}
.form-section .custom-form-group.assign-group .custom-form-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-section .custom-form-group.assign-group .custom-form-control span {
  font-size: 13px;
}
.form-section .custom-form-group.assign-group .custom-form-control .mat-button {
  background-color: #2E0587;
  height: 30px;
  line-height: 30px;
}
.form-section .custom-form-group.assign-group .custom-form-control .mat-button .mat-button-wrapper {
  color: #fff;
}
.form-section .custom-form-group.custom-radio-group .custom-form-control .mat-radio-group .mat-radio-button {
  border: 1px solid #eee;
  padding: 10px 10px 10px 10px;
}
.form-section .custom-form-group.custom-radio-group .custom-form-control .mat-radio-group .mat-radio-button .mat-radio-label {
  margin: 0px;
}
.form-section .custom-form-group.custom-radio-group .custom-form-control .mat-radio-group .mat-radio-button:nth-child(2) {
  border-left: 0px !important;
  border-right: 0px !important;
}
.form-section .custom-form-group.custom-geo-location {
  margin-bottom: 0px !important;
}
.form-section .custom-form-group.custom-geo-location .address-lines {
  margin: 0;
}
.form-section .custom-form-group.custom-geo-location .address-lines .custom-form-group {
  margin-bottom: 10px;
}
.form-section .custom-form-group.custom-geo-location .address-lines .custom-form-group .mat-form-field-wrapper {
  padding-bottom: 10px;
}
.form-section .custom-form-group.custom-geo-location .address-lines .flex-group {
  display: flex;
  width: 100%;
}
.form-section .custom-form-group.custom-geo-location .address-lines .flex-group .custom-form-group {
  width: 50%;
  margin-right: 10px;
}
.form-section ::placeholder {
  color: #95a5ba !important;
  opacity: 1;
  font-weight: 500 !important;
  font-size: 12px !important;
}
.mat-form-field-prefix {
  top: 0 !important;
}
.address-lines .flex-group {
  display: flex;
  width: 100%;
}
.address-lines .flex-group .custom-form-group {
  width: 50%;
  margin-right: 10px !important;
  margin: 0;
  padding: 0 0px !important;
}
.mat-calendar-body-selected {
  background-color: #2E0587 !important;
  color: white;
}
.maps-view {
  height: 300px;
  width: 100%;
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 5px;
}
agm-map .agm-map-container-inner {
  overflow: hidden !important;
  position: relative !important;
  height: 300px !important;
}
.main-view-box .maps-view {
  width: 65%;
}
.main-view-box .maps-view .agm-map-container-inner {
  width: 100%;
}
.main-view-box .chip-flex {
  display: flex;
}
.assign-media {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  text-align: left;
}
.assign-media .media {
  align-items: flex-start;
  border: 1px solid #eee;
  margin: 5px 15px 5px 5px;
  padding: 2px;
  display: inline-block;
  width: 33%;
  height: 80px;
  overflow: hidden;
}
.assign-media .media .media-left img {
  height: 80px;
  width: 100%;
  object-fit: cover;
}
.assign-media .media .media-body {
  padding-left: 10px;
  padding-top: 5px;
  padding-right: 10px;
}
.assign-media .media .media-body h4 {
  font-size: 15px;
  letter-spacing: 0px;
}
.selection-list {
  border: 0px !important;
  border-radius: 0px !important;
  margin: 10px 0px;
  flex-wrap: wrap;
}
.selection-list .select-box {
  background: #f4f7fc !important;
  border-radius: 4px;
  text-align: left;
  padding-right: 30px;
  align-items: center;
  white-space: break-spaces;
}
.selection-list .select-box .heading {
  font-size: 14px;
  color: #323277;
  font-weight: 600;
  position: relative;
}
.selection-list .select-box .sub-heading {
  color: #7189A7;
  font-weight: 400;
  font-size: 14px;
  word-break: break-all;
}
.selection-list .select-box .media-right-master {
  position: absolute;
  top: 25%;
  right: 10px;
}
.selection-list .select-box .media-right-master img {
  width: 20px;
  display: block;
}
.selection-list .select-box .media-right {
  position: absolute;
  top: 25%;
  right: 10px;
}
.selection-list .select-box .media-right img {
  width: 20px;
  display: none;
}
.selection-list .select-box:hover .media-right img {
  display: block;
}
.selection-list .mat-button-toggle {
  border-left: 1px solid #f4f7fc !important;
}
.selection-list .mat-button-toggle-focus-overlay {
  display: none;
}
.selection-list .mat-button-toggle-checked .mat-button-toggle-focus-overlay {
  visibility: hidden !important;
}
.selection-list .mat-button-toggle {
  border-radius: 4px !important;
}
.selection-list .mat-button-toggle:hover .driver-box.media .media-right .call-btn {
  opacity: 1 !important;
}
.selection-list .mat-button-toggle-appearance-standard {
  color: #173458 !important;
  background: #f4f7fc;
  margin: 10px 10px 10px 10px;
  border-radius: 4px !important;
  border: 1px solid #f4f7fc;
  width: 100%;
}
.selection-list .mat-button-toggle-appearance-standard:hover {
  border: 1px solid #2E0587 !important;
}
.selection-list .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 30px;
  padding: 5px 15px;
  background: #f4f7fc;
  border-radius: 4px;
  width: 100%;
}
.selection-list .mat-button-toggle-appearance-standard .mat-button-toggle-label-content:hover .media-right img {
  display: block;
}
.selection-list .mat-button-toggle-checked {
  background-color: #fff !important;
  border: 1px solid #2E0587 !important;
  border-radius: 4px !important;
}
.selection-list .mat-button-toggle-checked .select-box .media-right img {
  display: block;
}
.select-box {
  background: #f5f5f5;
  border-radius: 4px;
  text-align: left;
  padding-right: 30px;
}
.select-box .heading {
  font-size: 20px;
  color: #323277;
  font-weight: 400;
  position: relative;
}
.select-box .sub-heading {
  color: #7189A7;
  font-weight: 400;
  font-size: 12px;
  word-break: break-all;
}
.select-box .media-right {
  position: absolute;
  top: 25%;
  right: 10px;
}
.select-box .media-right img {
  width: 20px;
  display: none;
}
.view-section-list {
  margin: 10px 0px;
  padding: 0px;
}
.view-section-list li {
  display: inline-block;
  width: auto;
  margin: 5px 5px;
}
.view-section-list li .select-box {
  background: #f4f7fc !important;
  border-radius: 4px;
  text-align: left;
  padding-right: 0px;
  padding: 5px 10px;
  align-items: center;
  white-space: break-spaces;
}
.view-section-list li .select-box .heading {
  font-size: 14px;
  color: #323277;
  font-weight: 600;
  position: relative;
}
.view-section-list li .select-box .sub-heading {
  color: #7189A7;
  font-weight: 400;
  font-size: 14px;
  word-break: break-all;
}
.view-section-list li .select-box .media-right {
  position: absolute;
  top: 25%;
  right: 10px;
}
.view-section-list li .select-box .media-right img {
  width: 20px;
  display: none;
}
.view-width {
  width: 65% !important;
}
.description-view {
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  padding: 5px 10px !important;
  display: block;
}
.view-button-toggles {
  margin: 0 0 15px 0px;
}
.view-button-toggles .mat-tab-link {
  height: 36px;
  opacity: 1;
  margin-right: 2px;
}
.view-button-toggles .mat-tab-link:hover {
  background: #2E0587;
  color: #ffffff;
}
.view-button-toggles .mat-tab-link.active {
  background: #2E0587;
  color: #ffffff;
}
.view-button-toggles .mat-button-toggle-group {
  background: #ffffff;
  border-radius: 0;
  border: 0px solid #f4f7fc !important;
  margin: 0 0 -3px;
  border-radius: 6px;
  padding: 5px 5px;
  flex-wrap: wrap;
}
.view-button-toggles .mat-button-toggle-group .mat-button-toggle {
  border: 0;
  height: 36px;
  border-right: 1px solid #ebeef6;
  margin-left: 5px;
  min-width: 150px;
  margin-bottom: 5px;
  background: transparent;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.view-button-toggles .mat-button-toggle-group .mat-button-toggle:last-child {
  border-right: 0px !important;
}
.view-button-toggles .mat-button-toggle-group .mat-button-toggle:hover .mat-button-toggle-label-content {
  color: #ffffff !important;
}
.view-button-toggles .mat-button-toggle-group .mat-button-toggle:hover .mat-button-toggle-button {
  background: #2E0587;
}
.view-button-toggles .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #ffffff !important;
}
.view-button-toggles .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button {
  background: #2E0587;
}
.view-button-toggles .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button {
  height: 36px;
  border-radius: 4px;
}
.view-button-toggles .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  line-height: 36px;
  color: #7189A7;
  font-size: 14px;
  font-weight: 600;
}
.main-view-box .view-router-outlet {
  padding: 10px 0px;
  min-height: calc(100vh - 135px);
  overflow: auto;
}
.main-view-box .custom-sticky-table {
  min-height: calc(100vh - 275px) !important;
}
.main-view-box .custom-employee-award-table {
  min-height: calc(100vh - 560px) !important;
}
.main-view-box .view-details {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-right: 0 !important;
}
.main-view-box .view-course-details {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-right: 0 !important;
  min-height: calc(100vh - 285px);
}
.main-view-box .assign-media {
  text-align: left;
}
.main-view-box .assign-media .media {
  width: 25%;
  height: 80px;
  overflow: hidden;
}
.main-view-box .assign-media .media .media-left img {
  height: 80px;
  width: 100%;
  object-fit: cover;
}
.main-view-box .assign-media .media .media-body {
  padding-right: 10px;
}
.main-view-box .assign-media .media .media-body h4 {
  font-size: 15px;
  letter-spacing: 0px;
  margin: 0;
}
.main-view-box .assign-media .media .media-body p {
  margin: 0;
}
.main-view-box .master-left-tabs {
  max-height: calc(100vh - 150px);
  border-right: 1px solid #ccc;
}
.main-view-box .master-left-tabs .related-heading {
  height: 32px;
  position: relative;
}
.main-view-box .master-left-tabs .related-heading .add-btn {
  position: absolute;
  right: 0px;
  top: 5px;
}
.main-view-box .master-left-tabs .related-heading h4 {
  font-size: 18px;
  font-weight: 600;
  background-color: #ffffff;
  border-bottom: 1px solid #e0e4e8;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 15px;
  margin: 0 0 0 0;
  border-top-left-radius: 6px;
}
.main-view-box .master-left-tabs .mat-list-base {
  padding-top: 0;
  height: calc(100vh - 200px);
  overflow: auto;
}
.main-view-box .master-left-tabs .mat-list-base .mat-list-option {
  height: 36px;
  padding: 0 5px 0 15px;
  border-bottom: 1px solid #eee;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.main-view-box .master-left-tabs .mat-list-base .mat-list-option .mat-list-item-content i {
  margin-right: 8px;
}
.main-view-box .master-left-tabs .mat-list-base .mat-list-option:hover {
  background-color: #2E0587;
  color: #fff;
}
.main-view-box .master-left-tabs .mat-list-base .mat-list-option:hover i {
  color: #fff;
}
.main-view-box .master-left-tabs .mat-list-base .mat-list-option .mat-list-text {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.main-view-box .master-left-tabs .mat-list-base .mat-list-option.mat-list-single-selected-option {
  background-color: #2E0587;
  color: #fff;
}
.main-view-box .master-left-tabs .mat-list-base .mat-list-option.mat-list-single-selected-option i {
  color: #fff;
}
.main-view-box .view-80-column {
  min-height: calc(100vh - 150px);
  max-height: calc(100vh - 150px);
}
.main-view-box .view-80-column .view-button-toggles {
  margin: 0px !important;
}
.main-view-box .view-80-column .related-heading {
  display: flex;
  justify-content: space-between;
  height: 45px;
  padding: 0 15px 0 15px;
  line-height: 45px;
  align-items: center;
  background-color: #ffffff;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #e0e4e8;
}
.main-view-box .view-80-column .related-heading .mat-form-field {
  width: auto !important;
}
.main-view-box .view-80-column .related-heading h4 {
  font-size: 18px;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 0px;
  margin: 0 0 0 0;
  color: #323277;
}
.main-view-box .view-80-column .maps-view {
  width: 100%;
}
.main-view-box .view-80-column .form-array-view {
  width: 100%;
}
.main-view-box .view-80-column .main-view-box {
  margin: 0px !important;
}
.main-view-box .view-80-column .main-view-box .master-left-tabs .related-heading h4 {
  border-bottom: 0px !important;
}
.main-view-box .view-80-column .main-view-box .filed-selection-section .fileds-img-list .img-selection-list .mat-button-toggle-appearance-standard {
  width: 45%;
}
.main-view-box .view-100-column {
  height: calc(100vh - 285px);
}
.main-view-box .view-100-column .view-button-toggles {
  margin: 0px !important;
}
.main-view-box .view-100-column .related-heading {
  display: flex;
  justify-content: space-between;
  height: 45px;
  padding: 0 15px 0 15px;
  line-height: 45px;
  align-items: center;
  background-color: #ffffff;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #e0e4e8;
}
.main-view-box .view-100-column .related-heading h4 {
  font-size: 16px;
  font-weight: 600;
  color: #323277;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 0px;
  margin: 0 0 0 0;
}
.main-view-box .view-100-column .maps-view {
  width: 100%;
}
.main-view-box .view-100-column .form-array-view {
  width: 100%;
}
.main-view-box .view-accordion {
  display: none;
}
.main-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  background: #eeeeee !important;
  margin: 10px 0px 0px 0px;
}
.main-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content {
  padding-left: 15px !important;
}
.main-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  padding-left: 10px !important;
  font-size: 14px;
}
.main-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  background: #f1f4fb !important;
}
.main-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 0px 10px;
  border: 1px solid #eee;
  margin: 0px 0px 0px 0px;
  border-top: 0;
}
.main-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body ul {
  margin: 0;
}
.main-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body ul li {
  height: 36px;
  position: relative;
  transition: all 0.5s ease-in-out;
  line-height: 36px;
  margin: 0 -10px 0 -10px;
  padding: 0 0 0 15px;
  border-bottom: 1px solid #eee;
}
.main-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body ul li:last-child {
  border-bottom: 0px;
}
.main-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body ul li:hover {
  background-color: #eee;
}
.main-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body ul li.active {
  border-bottom: 1px solid #2FA84F;
  color: #2FA84F;
}
.form-array-section {
  margin-top: 10px;
}
.form-array-section h4 {
  margin-bottom: 10px;
}
.form-array-section .mat-expansion-panel {
  border-radius: 4px !important;
  box-shadow: none;
  margin-bottom: 15px !important;
  margin-bottom: 10px !important;
}
.form-array-section .mat-expansion-panel .mat-expansion-panel-header {
  padding-left: 0px !important;
  background: transparent !important;
  border-radius: 4px !important;
  background: #f4f7fc !important;
}
.form-array-section .mat-expansion-panel .mat-expansion-panel-header .header {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.form-array-section .mat-expansion-panel .mat-expansion-panel-header .header .title {
  color: #173458;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 0px;
  letter-spacing: 1.2px;
  display: flex;
  align-items: center;
}
.form-array-section .mat-expansion-panel .mat-expansion-panel-header .header .title i {
  margin-right: 5px;
  font-weight: 600;
  font-size: 16px;
}
.form-array-section .mat-expansion-panel .mat-expansion-panel-header .header .sub-title {
  color: #173458;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 5px;
  letter-spacing: 1.2px;
}
.form-array-section .mat-expansion-panel .mat-expansion-panel-header .header .sub-title span {
  margin-right: 5px;
  color: #feb403;
}
.form-array-section .mat-expansion-panel .mat-expansion-panel-header .mat-content {
  padding-left: 0px !important;
}
.form-array-section .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  padding-left: 20px !important;
}
.form-array-section .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  background: #f4f7fc !important;
}
.form-array-section .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .menu-name {
  color: #000 !important;
}
.form-array-section .mat-expansion-panel .mat-expansion-panel-body {
  padding: 10px 15px;
  border: 1px solid #f4f7fc;
}
.form-array-section .mat-expansion-indicator::after {
  color: #000;
}
.form-array-section .from-array-add {
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-array-section .from-array-add .global-btn {
  margin: 10px 0;
  border-color: #333 !important;
  background-color: #fff !important;
}
.form-array-section .from-array-add .global-btn .mat-button-wrapper {
  color: #ffffff;
}
.form-array-section .from-array-shift-add {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.form-array-section .from-array-shift-add .global-btn {
  margin: 10px 0;
  border-color: #333 !important;
  background-color: #fff !important;
}
.form-array-section .from-array-shift-add .global-btn .mat-button-wrapper {
  color: #ffffff;
}
.form-array-section .remove-form-array i {
  font-size: 18px;
  border-radius: 2px;
  color: #FA236C;
  width: 20px;
  height: 15px;
  line-height: 13px;
  text-align: center;
  font-weight: 400;
  margin: 10px 0px 0px 5px;
}
.form-array-view .array-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.form-array-view .array-box .custom-form-group {
  width: 48%;
  padding: 0 0 0 5px;
  margin: 5px;
  border: 1px solid #e0e4e8;
}
.iframe-sec .basic-no-data-found {
  min-height: 300px;
}
.iframe-sec .basic-no-data-found img {
  width: 85px;
  margin: 0px auto;
}
.iframe-sec .iframe-box {
  margin: 15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  border-radius: 6px;
}
.iframe-sec .iframe-box .iframe-header {
  height: 45px;
  line-height: 45px;
  padding: 0 15px 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.iframe-sec .iframe-box .iframe-header h4 {
  color: #2E0587;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.iframe-sec .iframe-box .iframe-header .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0px;
  padding: 0px;
}
.iframe-sec .openclose-filter-sec {
  border: 0;
}
.iframe-sec .iframe-body {
  background: #ffffff;
  padding: 15px 0px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.iframe-sec .iframe-body .advanced-pie-legend .total-label {
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 24px;
  color: #95A5BA;
}
.iframe-sec .iframe-body .advanced-pie-legend .total-value {
  font-size: 36px;
  color: #323258;
  font-weight: 600;
  line-height: 40px;
}
.iframe-sec .iframe-body .advanced-pie-legend .legend-items-container .legend-items .legend-item .item-color {
  border-radius: 25px;
}
.iframe-sec .iframe-body .advanced-pie-legend .legend-items-container .legend-items .legend-item .item-value {
  font-size: 24px;
  color: #323258;
  font-weight: 600;
}
.iframe-sec .iframe-body .advanced-pie-legend .legend-items-container .legend-items .legend-item .item-label {
  opacity: 1;
  color: #95A5BA;
  font-weight: 500;
}
.iframe-sec .iframe-body .ngx-charts {
  float: none;
}
.iframe-sec .iframe-body iframe {
  width: 100%;
  height: 100%;
}
.iframe-sec .iframe-body .category-card {
  border-radius: 8px;
  margin: 15px 10px;
  background: #ffffff;
}
.iframe-sec .iframe-body .category-card.bg-red {
  color: #f66565;
}
.iframe-sec .iframe-body .category-card.bg-red .card-header {
  background: #f66565;
}
.iframe-sec .iframe-body .category-card.bg-red .card-body {
  background: #fde0e0;
}
.iframe-sec .iframe-body .category-card.bg-orange {
  color: #fca003;
}
.iframe-sec .iframe-body .category-card.bg-orange .card-header {
  background: #fca003;
}
.iframe-sec .iframe-body .category-card.bg-orange .card-body {
  background: #fff5e5;
}
.iframe-sec .iframe-body .category-card.bg-blue {
  color: #6590f6;
}
.iframe-sec .iframe-body .category-card.bg-blue .card-header {
  background: #6590f6;
}
.iframe-sec .iframe-body .category-card.bg-blue .card-body {
  background: #e3edff;
}
.iframe-sec .iframe-body .category-card.bg-green {
  color: #34d43e;
}
.iframe-sec .iframe-body .category-card.bg-green .card-header {
  background: #34d43e;
}
.iframe-sec .iframe-body .category-card.bg-green .card-body {
  background: #e6fae7;
}
.iframe-sec .iframe-body .category-card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-bottom: 1px solid #e0e4e8;
}
.iframe-sec .iframe-body .category-card .card-header .cat-icon {
  margin-right: 10px;
}
.iframe-sec .iframe-body .category-card .card-header .cat-icon img {
  filter: brightness(0) invert(1);
}
.iframe-sec .iframe-body .category-card .card-header .card-title {
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  margin: 0px;
}
.iframe-sec .iframe-body .category-card .card-body {
  padding: 10px 15px;
}
.iframe-sec .iframe-body .category-card .card-body .stats-content i {
  font-size: 60px;
}
.iframe-sec .iframe-body .category-card .card-body .stats-content img {
  width: 60px;
  height: 100%;
}
.iframe-sec .iframe-body .category-card .card-body .stats-content .count {
  font-size: 40px;
  font-weight: 700;
  color: #323277;
  margin: 0px;
}
.iframe-sec .iframe-body .category-card .card-body .stats-content h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0px;
}
.page-builder-modal .mat-dialog-content {
  max-height: 100vh !important;
}
.page-builder-modal .modal-dialog {
  margin: 0 !important;
}
.page-builder-modal .page-builder-container iframe {
  height: 500px !important;
}
.page-builder-modal .btn-group-flex {
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.page-builder-modal .btn-group-flex .mat-button {
  margin-right: 10px;
}
.page-builder-modal .btn-group-flex .mat-button .mat-button-wrapper {
  color: #ffffff !important;
}
.delete-hint {
  display: block;
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
  font-size: 13px;
}
.popup-view-box .view-router-outlet {
  padding: 10px;
  height: calc(100vh - 210px);
  overflow: auto;
}
.popup-view-box .view-details {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-right: 0 !important;
}
.popup-view-box .assign-media {
  text-align: left;
}
.popup-view-box .assign-media .media {
  width: 25%;
  height: 80px;
  overflow: hidden;
}
.popup-view-box .assign-media .media .media-left img {
  height: 80px;
  width: 100%;
  object-fit: cover;
}
.popup-view-box .assign-media .media .media-body {
  padding-right: 10px;
}
.popup-view-box .assign-media .media .media-body h4 {
  font-size: 15px;
  letter-spacing: 0px;
  margin: 0;
}
.popup-view-box .assign-media .media .media-body p {
  margin: 0;
}
.popup-view-box .master-left-tabs .related-heading {
  height: 40px;
}
.popup-view-box .master-left-tabs .related-heading h4 {
  font-size: 14px;
  font-weight: 500;
  background: #EEEEEE;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 15px;
  margin: 0 0 0 0;
  border-top-left-radius: 6px;
}
.popup-view-box .master-left-tabs .mat-list-base {
  padding-top: 0;
  height: calc(100vh - 210px);
  overflow: auto;
}
.popup-view-box .master-left-tabs .mat-list-base .mat-list-option {
  height: 36px;
  padding: 0 5px 0 15px;
  border-bottom: 1px solid #eee;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.popup-view-box .master-left-tabs .mat-list-base .mat-list-option .mat-list-item-content i {
  margin-right: 8px;
}
.popup-view-box .master-left-tabs .mat-list-base .mat-list-option:hover {
  background-color: #2E0587;
  color: #fff;
}
.popup-view-box .master-left-tabs .mat-list-base .mat-list-option:hover i {
  color: #fff;
}
.popup-view-box .master-left-tabs .mat-list-base .mat-list-option .mat-list-text {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.popup-view-box .master-left-tabs .mat-list-base .mat-list-option.mat-list-single-selected-option {
  background-color: #2E0587;
  color: #fff;
}
.popup-view-box .master-left-tabs .mat-list-base .mat-list-option.mat-list-single-selected-option i {
  color: #fff;
}
.popup-view-box .view-80-column {
  border-left: 1px solid #ccc;
  min-height: calc(100vh - 210px);
  max-height: calc(100vh - 210px);
}
.popup-view-box .view-80-column .view-button-toggles {
  margin: 0px !important;
}
.popup-view-box .view-80-column .related-heading {
  display: flex;
  justify-content: space-between;
  height: 45px;
  padding: 0 15px 0 15px;
  line-height: 45px;
  align-items: center;
  background-color: #EEEEEE;
  border-top-right-radius: 6px;
}
.popup-view-box .view-80-column .related-heading h4 {
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 0px;
  margin: 0 0 0 0;
}
.popup-view-box .view-80-column .related-heading.form-section .custom-form-group {
  margin-bottom: 0px !important;
}
.popup-view-box .view-80-column .related-heading.form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.popup-view-box .view-80-column .maps-view {
  width: 100%;
}
.popup-view-box .view-80-column .form-array-view {
  width: 100%;
}
.popup-view-box .view-100-column {
  min-height: 100vh;
}
.popup-view-box .view-100-column .view-button-toggles {
  margin: 0px !important;
}
.popup-view-box .view-100-column .related-heading {
  display: flex;
  justify-content: space-between;
  height: 45px;
  padding: 0 15px 0 15px;
  line-height: 45px;
  align-items: center;
  background-color: #EEEEEE;
  border-top-right-radius: 6px;
}
.popup-view-box .view-100-column .related-heading h4 {
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 0px;
  margin: 0 0 0 0;
}
.popup-view-box .view-100-column .maps-view {
  width: 100%;
}
.popup-view-box .view-100-column .form-array-view {
  width: 100%;
}
.popup-view-box .view-accordion {
  display: none;
}
.popup-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  background: #eeeeee !important;
  margin: 10px 0px 0px 0px;
}
.popup-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content {
  padding-left: 15px !important;
}
.popup-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  padding-left: 10px !important;
  font-size: 14px;
}
.popup-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  background: #f1f4fb !important;
}
.popup-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 0px 10px;
  border: 1px solid #eee;
  margin: 0px 0px 0px 0px;
  border-top: 0;
}
.popup-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body ul {
  margin: 0;
}
.popup-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body ul li {
  height: 36px;
  position: relative;
  transition: all 0.5s ease-in-out;
  line-height: 36px;
  margin: 0 -10px 0 -10px;
  padding: 0 0 0 15px;
  border-bottom: 1px solid #eee;
}
.popup-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body ul li:last-child {
  border-bottom: 0px;
}
.popup-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body ul li:hover {
  background-color: #eee;
}
.popup-view-box .view-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-body ul li.active {
  border-bottom: 1px solid #2FA84F;
  color: #2FA84F;
}
/* ------------------------- ===> ::: TABLE--SCSS ::: <=== ----------------------*/
mat-footer-row,
mat-row {
  min-height: 40px;
}
.column-search-box {
  width: 90%;
}
.column-search-box .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.group-by-button {
  border: 1px solid #EEEEEE !important;
  line-height: 30px !important;
  height: 36px !important;
}
.group-by-button i {
  font-size: 28px !important;
  top: 0 !important;
}
.group-by-button .mat-button-wrapper {
  font-weight: 600;
}
.table-search-group {
  margin: 10px 0px;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.table-search-group .group-by-buttons {
  margin-top: 0px;
  width: 100%;
}
.table-search-group .group-by-buttons .mat-button-toggle-group {
  border-radius: 4px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-color: #EEEEEE;
  border-left: 0px solid #EEEEEE;
  z-index: 5;
  width: 100%;
}
.table-search-group .group-by-buttons .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 3px 22.5px 2px 22.5px !important;
  line-height: 36px !important;
  font-weight: 600;
  font-size: 14px;
}
.table-search-group .group-by-buttons .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content i {
  color: #ccc;
  font-size: 22px;
}
.table-search-group .group-by-buttons .mat-button-toggle-group .mat-button-toggle-appearance-standard:hover i {
  color: #2E0587;
}
.table-search-group .tables-chips-group {
  margin: 0px 0;
}
.table-search-group .tables-chips-group .chips-group {
  min-height: 36px;
  margin: 10px 0;
  width: 97%;
}
.table-search-group .tables-chips-group .chips-group .mat-standard-chip {
  background: #ffffff;
  color: #323277;
  margin: 0 0 0 5px;
  border: 1px solid #ccc;
}
.table-search-group .tables-chips-group .chips-group .mat-standard-chip .mat-chip-remove {
  color: #FA236C;
}
.tables-chips-group {
  margin: 0px 0;
}
.tables-chips-group .chips-group {
  min-height: 36px;
  margin: 10px 0;
  width: 97%;
}
.tables-chips-group .chips-group .mat-chip-list-wrapper {
  display: inline-block !important;
}
.tables-chips-group .chips-group .mat-standard-chip {
  background: #ffffff;
  color: #323277;
  border: 1px solid #ccc;
  margin: 0 0 0 5px;
  padding: 0 10px !important;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 22px;
  min-height: 22px !important;
  font-weight: 500 !important;
  min-width: 80px;
  text-align: center !important;
  align-items: center;
  display: flex;
  cursor: not-allowed;
  justify-content: center;
  text-transform: capitalize !important;
}
.tables-chips-group .chips-group .mat-standard-chip .mat-chip-remove {
  color: #FA236C;
}
.mat-table-sticky {
  min-width: 50px;
  max-width: 50px;
}
.master-tables-section {
  padding: 0px 15px 0px 15px;
  background: #f4f7fc;
}
.tables-section {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-top: 0;
  background: #ffffff;
  min-height: 50px;
  position: relative;
  margin-bottom: 0px;
  border: 0;
  border-radius: 6px;
}
.tables-section .view-button-toggles {
  margin: 0 0 0px 0px !important;
}
.tables-section .mat-table {
  border-bottom: 0;
  width: 100%;
  overflow: auto;
  display: table;
}
.tables-section .mat-sort-header-content {
  white-space: nowrap !important;
  font-size: 14px;
  font-weight: 500;
  color: #323277;
  text-align: left;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  font-family: "Nunito Sans", sans-serif;
  text-transform: initial;
}
.tables-section tr.mat-header-row {
  height: 40px;
  line-height: 40px;
  background: #f4f6f8;
  border-top: 1px solid #e0e4e8;
  border-bottom: 1px solid #e0e4e8;
}
.tables-section tr.mat-header-row .mat-header-cell {
  font-size: 14px;
  font-weight: 500;
  color: #323277;
}
.tables-section tr.mat-header-row .mat-header-cell .tab_head {
  font-size: 12px;
  letter-spacing: 0.5px;
  font-weight: 800;
  color: #323277;
  text-align: left;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  font-family: "Nunito Sans", sans-serif;
  text-transform: initial;
  white-space: nowrap;
}
.tables-section tr.mat-header-row .mat-header-cell:last-child .mat-sort-header-container .mat-sort-header-content {
  border-right: 0px;
}
.tables-section tr.mat-header-row .mat-checkbox-layout {
  margin-bottom: 0;
}
.tables-section tr.mat-header-row:first-child .mat-header-cell {
  border: 0;
}
.tables-section tr.mat-header-row:first-child .mat-header-cell:first-child {
  padding-left: 15px !important;
}
.tables-section tr.mat-header-row:first-child .mat-header-cell:last-child .tab_head {
  position: relative;
  right: 5px;
}
.tables-section tr.mat-header-row .mat-sort-header-container {
  display: flex;
  padding: 5px 5px;
}
.tables-section tr.mat-header-row .mat-sort-header-container .mat-sort-header-content {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tables-section tr.mat-header-row .mat-sort-header-container .mat-sort-header-content i {
  color: #7189A7 !important;
  font-size: 16px;
}
.tables-section .mat-row {
  height: 48px;
  background: #ffffff;
  border: 0;
}
.tables-section .mat-row.example-expanded-row {
  background: #ffffff;
}
.tables-section .mat-row .mat-cell {
  color: #323277;
  font-weight: 500;
  font-size: 13px;
  padding: 8px 8px 8px 8px;
  vertical-align: middle;
  border: 0;
  text-transform: initial;
  white-space: nowrap;
}
.tables-section .mat-row .mat-cell .hyper-link {
  color: #2E0587;
  font-weight: 600;
  cursor: pointer;
}
.tables-section .mat-row .mat-cell .hyper-link:hover {
  text-decoration: underline;
}
.tables-section .mat-row .mat-cell .hyper-danger {
  color: red;
  font-weight: 600;
}
.tables-section .mat-row .mat-cell .more-icon {
  height: 24px;
}
.tables-section .mat-row .mat-cell .mat-icon {
  position: relative;
}
.tables-section .mat-row .mat-cell .table-expand-box img.invoice-img {
  width: auto;
  height: auto;
  border-radius: 0;
}
.tables-section .mat-row .mat-cell .mat-checkbox-layout {
  margin-bottom: 0;
}
.tables-section table {
  text-align: left;
  border-bottom: 0;
  width: 100%;
  overflow: auto;
}
.tables-section table tbody .mat-row {
  height: 48px;
  background: #ffffff;
  border: 0;
}
.tables-section table tbody .mat-row.example-expanded-row {
  background: #fff6dd;
}
.tables-section table tbody .mat-row .mat-cell {
  color: #323277;
  font-weight: 400;
  font-size: 13px;
  padding: 2px 8px 2px 8px;
  vertical-align: middle;
  border: 0;
  text-transform: initial;
  white-space: nowrap;
}
.tables-section table tbody .mat-row .mat-cell .mat-icon {
  position: relative;
}
.tables-section table tbody .mat-row .mat-cell .table-expand-box img.invoice-img {
  width: auto;
  height: auto;
  border-radius: 0;
}
.tables-section table tr:hover td {
  background: #ffffff;
}
.tables-section table .mat-checkbox-layout {
  margin-bottom: 4px !important;
}
.tables-section .mat-column-noData {
  font-size: 16px;
  font-weight: 500;
}
.tables-section .table-img {
  max-width: 100%;
  border: 1px solid #EEEEEE;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: inline-block;
  margin-top: 0px;
  box-shadow: 0 2px 2px 0 rgba(105, 103, 103, 0.5);
  object-fit: cover;
  padding: 0px;
}
.tables-section .table-img img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.tables-section .table-img.product-img {
  border-radius: 4px;
  width: 40px;
  height: 50px;
  object-fit: contain;
  object-position: 100%;
}
.tables-section .table-over-content {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
}
.tables-section .cdk-column-description {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  white-space: pre;
}
.tables-section .table-video {
  max-width: 100px;
}
.table-img-list {
  display: inline-block;
  white-space: nowrap;
}
.table-img-list li {
  display: inline-block;
  position: relative;
  width: 40px;
  white-space: nowrap;
  border-radius: 50%;
  vertical-align: bottom;
}
.table-img-list li img {
  border: 2px solid #fff !important;
  box-shadow: 0 2px 10px 0 rgba(107, 111, 130, 0.3) !important;
  border-radius: 50% !important;
}
.more-imgs-td {
  white-space: nowrap;
}
.table-img-list li + li {
  margin-left: -14px;
}
.table-video-list {
  display: inline-block;
  white-space: nowrap;
}
.table-video-list li {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  white-space: nowrap;
  vertical-align: bottom;
}
.table-video-list li img {
  border: 2px solid #fff !important;
  background: #fff;
  width: 40px;
}
.table-video-list:hover li + li {
  margin-left: 0px;
  transition: margin 2s;
}
.table-video-list li + li {
  margin-left: -14px;
  transition: margin 2s;
}
.table-attachment-list {
  display: inline-block;
  white-space: nowrap;
}
.table-attachment-list li {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  white-space: nowrap;
  border-radius: 4px;
  vertical-align: bottom;
}
.table-attachment-list li img {
  border: 1px solid #e0e4e8 !important;
  border-radius: 4px !important;
  background: #fff;
  object-fit: contain;
  width: 30px;
  height: 30px;
  position: relative;
  top: 5px;
  padding: 4px;
}
.table-attachment-list:hover li + li {
  margin-left: 1px;
  transition: margin 2s;
}
.preview-btn {
  width: auto;
  border: 1px solid #e0e4e8 !important;
  height: 30px !important;
  line-height: 20px !important;
  border-radius: 4px !important;
  position: relative !important;
  overflow: hidden !important;
  color: #ffffff;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative;
  transition: all 0.5s ease-in-out 0s !important;
}
.preview-btn img {
  margin-right: 5px;
  width: 20px;
}
.table-attachment-list li + li {
  margin-left: -14px;
  transition: margin 2s;
}
.mat-menu-panel {
  min-height: 34px !important;
}
.table-global-actions {
  background: #ffffff !important;
  min-width: 100px !important;
  max-width: 520px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  border: 1px solid #e0e4e8;
}
.table-global-actions .mat-menu-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.table-global-actions .mat-menu-item {
  color: #323277;
  align-items: center !important;
  height: 40px !important;
}
.table-global-actions .mat-menu-item:hover {
  background: #f2faf5 !important;
}
.table-global-actions .mat-menu-item.edit:hover span {
  color: #0484fe;
}
.table-global-actions .mat-menu-item.delete:hover span {
  color: red;
}
.table-global-actions .mat-menu-item.view img {
  width: 18px;
  margin-right: 15px;
  left: 2px;
}
.table-global-actions .mat-menu-item.block:hover span {
  color: #FE9014;
}
.table-global-actions .mat-menu-item.copy:hover span {
  color: #ff00ff;
}
.table-global-actions .mat-menu-item.paste:hover span {
  color: #FFA500;
}
.table-global-actions .mat-menu-item.duplicate:hover span {
  color: #800000;
}
.table-global-actions .mat-menu-item:focus {
  outline: 0 !important;
}
.table-global-actions .mat-menu-item i {
  font-size: 16px;
  font-weight: 600;
  color: #323277;
  position: relative;
  top: 8px;
  margin-right: 5px;
}
.table-global-actions .mat-menu-item .lnr {
  margin-right: 5px;
  font-size: 15px;
  position: relative;
}
.table-global-actions .mat-menu-item span {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 500;
  letter-spacing: 1px;
}
.table-global-actions:after {
  left: 12px !important;
  border-bottom: 7px solid #ccc !important;
}
.table-row-actions {
  background: #ffffff !important;
  min-width: 150px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  border: 1px solid #e0e4e8;
}
.table-row-actions .mat-menu-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.table-row-actions .actions-title {
  background: #f7f8f9;
  padding: 5px 16px;
  font-size: 16px;
}
.table-row-actions .mat-menu-item {
  color: #323277;
  align-items: center !important;
  justify-content: flex-start !important;
}
.table-row-actions .mat-menu-item.view img {
  width: 18px;
}
.table-row-actions .mat-menu-item:focus {
  outline: 0 !important;
}
.table-row-actions .mat-menu-item i {
  font-size: 16px;
  font-weight: 600;
  color: #323277;
  position: relative;
  top: 8px;
  margin-right: 5px;
}
.table-row-actions .mat-menu-item img {
  margin-right: 5px;
  height: 15px;
  position: relative;
}
.table-row-actions .mat-menu-item .lnr {
  margin-right: 5px;
  font-size: 14px;
  color: #323277;
}
.table-row-actions .mat-menu-item span {
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  padding: 0 0 0 5px;
}
.table-row-actions:after {
  left: 12px !important;
  border-bottom: 7px solid #ccc !important;
}
.custom-action-btn::after {
  right: 12px !important;
  left: auto !important;
}
.mat-column-expandedDetail {
  padding: 0 0px !important;
  overflow: hidden;
}
.table-detail-row {
  overflow: hidden;
  display: flex;
}
.example-detail-row {
  height: 0 !important;
}
.example-detail-row .mat-cell {
  border-bottom-width: 0 !important;
}
.example-element-row td {
  border-bottom-width: 0;
}
.mat-column-expandedDetail {
  padding-left: 0 !important;
}
.example-element-detail {
  overflow: hidden;
  display: flex;
  background: #F4F7FC;
  border-bottom: 1px solid #EEEEEE !important;
}
.custom-table-search-section {
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  margin: 0 0;
  margin-bottom: 20px;
}
.custom-table-search-section .search-header-top {
  background-color: #ffffff;
  color: #323277;
  z-index: 5;
  min-height: 36px;
  position: relative;
  border-radius: 4px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 25px;
  cursor: pointer;
}
.custom-table-search-section .search-header-top .search-header i {
  color: #323277;
  padding-left: 10px;
  margin-top: 7px;
}
.custom-table-search-section .overlay-search {
  position: relative;
  z-index: 9999;
  margin-left: 0px;
  margin-right: 0px;
  background: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
}
.custom-table-search-section .overlay-search i {
  position: absolute;
  margin-top: 10px;
  margin-right: 13px;
  padding-right: 15px;
  left: 10px;
  color: #EEEEEE;
}
.custom-table-search-section .overlay-search .mat-form-field {
  border: 0px solid currentColor !important;
}
.custom-table-search-section .overlay-search .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  margin-top: 0;
  padding-bottom: 0px !important;
  margin-right: 0px !important;
}
.custom-table-search-section .overlay-search .mat-form-field .mat-form-field-wrapper input.mat-input-element {
  padding-left: 30px !important;
}
.custom-table-search-section .overlay-search .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  height: 38px;
}
.custom-table-search-section .overlay-search .mat-form-field .mat-form-field-wrapper .mat-form-field-infix {
  padding-top: 10px;
}
.custom-table-search-section .overlay-search .mat-form-field .mat-form-field-wrapper .mat-form-field-outline {
  color: #ffffff !important;
}
.custom-table-search-section .overlay-search .mat-form-field .mat-form-field-wrapper input.mat-input-element {
  margin-top: 0;
  position: relative;
  top: 2px;
  font-weight: 500;
}
.custom-table-search-section .hide-show-box {
  background: #ffffff;
  padding: 0px 10px 0px 10px;
  transition: height 1s;
  position: relative;
  animation-name: filter-fadeInDown;
  transform: translateY(-10px);
  height: 100px;
  top: 10px;
  border-top: 1px solid #EEEEEE;
}
.custom-table-search-section .hide-show-box .hide-show-row {
  margin-top: 25px;
}
.custom-table-search-section .hide-show-box .table-filter-btn {
  width: auto;
  border: 0px solid transparent !important;
  padding: 0px 20px !important;
  height: 30px !important;
  line-height: 20px !important;
  border-radius: 20px !important;
  position: relative !important;
  overflow: hidden !important;
  color: #ffffff;
  letter-spacing: 0.8px;
  background-color: #2E0587;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative;
  transition: all 0.5s ease-in-out 0s !important;
  letter-spacing: 1px;
  font-weight: 100 !important;
}
td.mat-cell:first-of-type {
  padding-left: 15px !important;
}
tr.mat-row,
tr.mat-footer-row {
  height: 0px !important;
}
.mat-sort-header-arrow {
  margin: 1px 0 0 5px !important;
}
.table-fixed-add {
  border: 0px !important;
  background-color: transparent !important;
  position: fixed !important;
  bottom: 5%;
  right: 15px;
  z-index: 99999;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.table-fixed-add:hover {
  background-color: transparent !important;
}
.table-fixed-add:hover .mat-button-focus-overlay {
  opacity: 0 !important;
  background-color: transparent !important;
}
.table-header {
  display: flex;
  justify-content: space-between !important;
  background: #ffffff !important;
  align-items: center;
  min-height: 55px;
  padding: 0 10px;
  width: 100%;
}
.table-header span.mat-button-wrapper {
  padding-left: 0 !important;
}
.total-heading {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  max-width: 25%;
  min-width: 150px;
  margin-right: 24px;
  flex-shrink: 1;
}
.total-heading .heading-title {
  color: #323277;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-actions {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 0px;
  justify-content: space-between;
}
.table-actions .form-section.selection-form .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-outline {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}
.table-actions .form-section.selection-form .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 20px !important;
}
.table-actions .form-section .custom-form-group {
  margin-bottom: 0px;
  margin-left: 10px;
}
.table-actions .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.table-actions .form-section .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-outline {
  background: #ebeef6 !important;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.table-btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  flex-wrap: nowrap;
}
.table-btn-group .add-filter-btn {
  border: 1px solid #2E0587 !important;
  color: #ffffff !important;
  background: #2E0587 !important;
  margin-right: 0;
  padding: 0 10px 0 10px;
}
.table-btn-group .add-filter-btn .mat-button-wrapper {
  color: #ffffff !important;
}
.table-btn-group .add-filter-btn .mat-button-wrapper img {
  opacity: 1;
  filter: brightness(0.5) invert(1);
  width: 15px;
}
.table-btn-group .filter-icon {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.table-btn-group .table-export-btn {
  background-color: #00bcd4 !important;
  color: #ffffff !important;
  border-color: #00bcd4 !important;
}
.table-btn-group .table-bulkdelete-btn {
  background-color: #f44336 !important;
  color: #ffffff !important;
  border-color: #f44336 !important;
}
.table-btn-group .action-btn {
  background-color: #ffffff;
  border: 1px dashed #e0e4e8;
  height: 30px !important;
  line-height: 20px !important;
  border-radius: 20px !important;
  padding: 0px 20px !important;
  margin-right: 10px;
}
.table-btn-group .action-btn .mat-button-wrapper {
  color: #323277;
}
.table-btn-group .action-btn img {
  width: 18px;
  margin-right: 5px;
}
.table-header-row {
  width: 100%;
}
.table-header-row .bulk-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.table-header-row .bulk-section.total-count-search {
  justify-content: flex-start;
  height: 50px;
}
.table-header-row .bulk-section .bulk-edit {
  background-color: transparent;
  box-shadow: none !important;
  border: 0px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: auto;
}
.table-header-row .bulk-section .bulk-edit .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.table-header-row .bulk-section .bulk-edit .mat-button-wrapper .btn-content {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 14px !important;
  border-bottom: 2px solid #434c54;
  line-height: 20px;
}
.table-header-row .bulk-section .bulk-edit .mat-button-wrapper img {
  width: 16px;
  position: relative;
  top: -1px;
  margin-right: 10px;
}
.table-header-row .bulk-section .table-search-box {
  width: 33%;
  margin-left: 25px;
}
.table-header-row .bulk-section .table-search-box .custom-form-group {
  position: relative;
}
.table-header-row .bulk-section .table-search-box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.table-header-row .bulk-section .table-search-box .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
  padding-bottom: 15px;
  padding-right: 30px;
  padding-left: 5px;
}
.table-header-row .bulk-section .table-search-box .search-icon {
  position: absolute;
  top: 22px;
  right: 0;
  width: 15px;
}
.table-header-row .bulk-section .bulk-upload-btn {
  height: 36px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-radius: 5px !important;
}
.table-header-row .bulk-section .export-btn {
  border-radius: 5px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.3);
  border: solid 1px #979797;
  background-color: #ffffff;
  margin-right: 15px;
}
.table-header-row .bulk-filter .bulk-filter-btn {
  background-color: transparent;
  box-shadow: none !important;
  border: 0px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0 0;
}
.table-header-row .bulk-filter .bulk-filter-btn:hover {
  background-color: transparent !important;
}
.table-header-row .bulk-filter .bulk-filter-btn:hover .mat-button-focus-overlay {
  opacity: 0 !important;
  background-color: transparent !important;
}
.table-header-row .bulk-filter .bulk-filter-btn .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 150px;
}
.table-header-row .bulk-filter .bulk-filter-btn .mat-button-wrapper i {
  font-size: 20px;
}
.table-header-row .bulk-filter .bulk-filter-btn .mat-button-wrapper .btn-content {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 14px !important;
  line-height: 15px;
}
.table-header-row .bulk-filter .bulk-filter-btn .mat-button-wrapper img {
  width: 15px;
  position: relative;
  top: -3px;
}
.table-empty-img {
  width: 100%;
  margin: 0px auto;
  padding: 50px 10px 0 10px;
  text-align: center;
  border: 1px solid #EEEEEE;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: -1px;
}
.table-empty-img img {
  max-width: 400px;
  min-width: 400px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.toggle-status-btn {
  padding: 0px !important;
}
.toggle-status-btn:hover .mat-button-focus-overlay {
  background-color: transparent !important;
}
.mat-column-tags {
  white-space: nowrap;
}
.video-chip {
  border-radius: 2px;
  letter-spacing: 0.5px;
  margin-right: 4px;
  padding: 4px 4px;
  line-height: 12px;
  border: 1px solid #e0e4e8;
  font-weight: 400;
  font-size: 12px;
  max-width: 100px;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.video-chip img {
  width: 25px;
}
.table-chip-list {
  max-width: 400px;
  display: flex;
  flex-wrap: wrap;
}
.table-chip-list .tag-chip {
  display: inline-flex !important;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #f4f7fc;
  color: #323277;
  border-radius: 25px !important;
  padding: 4px 4px;
  line-height: 12px;
  border: 1px solid #f4f7fc;
  font-weight: 600;
  font-size: 10px;
}
.table-chip {
  border-radius: 2px;
  letter-spacing: 0.5px;
  margin-right: 4px;
  padding: 4px 4px;
  line-height: 12px;
  border: 1px solid;
  font-weight: 600;
  font-size: 12px;
  min-width: 100px;
  display: inline-block;
  text-align: center;
}
.table-chip.tags-chip {
  display: inline !important;
  margin-right: 5px;
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
  border-color: #e0e0e0;
  border-radius: 25px !important;
}
.active-chip {
  background: #DCF7E3 !important;
  color: #2FA84F !important;
  text-transform: capitalize !important;
  border-color: #DCF7E3 !important;
}
.pending-chip {
  background: #FFEDD8 !important;
  color: #FE9014 !important;
  text-transform: capitalize !important;
  border-color: #FFEDD8 !important;
}
.cancelled-chip {
  background: #f2712140 !important;
  color: #f27121 !important;
  text-transform: capitalize !important;
  border-color: #f2712140 !important;
}
.processing-chip {
  background: #00b4db30 !important;
  color: #00b4db !important;
  text-transform: capitalize !important;
  border-color: #00b4db30 !important;
}
.inactive-chip {
  background: #FEE4E2 !important;
  color: #FA236C !important;
  text-transform: capitalize !important;
  border-color: #FEE4E2 !important;
}
.cancel-chip {
  background: #efefef !important;
  border-color: #efefef !important;
  color: #efefef !important;
  text-transform: capitalize !important;
  border-color: #efefef !important;
}
.status-box {
  width: 17px;
  height: 17px;
  border-radius: 2px;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.status-box img {
  width: 15px;
  height: 15px;
}
.status-box.active {
  background-color: #2FA84F !important;
}
.status-box.inactive {
  background-color: #FA236C !important;
}
.custom-table {
  margin: 15px;
}
.custom-table .table-head {
  border: 1px solid #1d1d1d;
  border-bottom: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.custom-table .table-head h4 {
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 0 10px 10px;
  background: #142035;
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.custom-table .table-body table,
.custom-table .table-body th,
.custom-table .table-body td {
  border: 1px solid #eee;
  border-collapse: collapse;
}
.custom-table .table-body table {
  background: #fff;
}
.custom-table .table-body table thead tr th {
  font-size: 14px !important;
  font-weight: 600;
  color: #202124;
  text-align: left;
  padding: 8px;
  vertical-align: middle;
  border: 1px solid #142035;
}
.custom-table .table-body table tbody tr td {
  color: #202124;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #142035;
  position: relative;
  padding: 8px;
  vertical-align: middle;
}
.custom-sticky-table {
  height: 100%;
  min-width: 100%;
  overflow: auto;
  background: #ffffff;
  position: relative;
  border-radius: 8px;
  min-height: calc(100vh - 235px);
}
th.mat-header-cell:last-of-type,
td.mat-cell:last-of-type,
td.mat-footer-cell:last-of-type {
  padding-right: 0px !important;
}
.mat-table-sticky {
  min-width: 45px;
  max-width: 55px;
}
.mat-table-sticky {
  position: sticky !important;
}
.mat-table-sticky:first-child {
  z-index: 1 !important;
  overflow: visible;
}
.mat-table-sticky:nth-child(2) {
  overflow: visible;
  left: 0px !important;
}
.mat-table-sticky:last-child {
  overflow: visible;
}
.openclose-filter-sec {
  position: relative;
  z-index: 1000;
  margin-right: 5px;
  right: 0px;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.openclose-filter-sec .filter-form {
  min-width: 545px;
  max-height: 250px !important;
  overflow: auto;
}
.openclose-filter-sec .filter-form .filter-operator {
  position: relative;
  margin: 2px 0px;
}
.openclose-filter-sec .filter-form .filter-operator .filter-operator-separator {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #e0e4e8;
}
.openclose-filter-sec .filter-form .filter-operator .filter-tag {
  position: relative;
  z-index: 2;
  margin-left: 16px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  height: 20px;
  width: 40px;
  line-height: 16px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition-duration: 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.openclose-filter-sec .filter-form .filter-operator .filter-tag.or-tag {
  background-color: #feb403;
  border-color: #DBA100;
  color: #ffffff;
}
.openclose-filter-sec .filter-form .filter-operator .filter-tag.add-tag {
  background-color: #2E0587;
  border-color: #2E0587;
  color: #ffffff;
}
.openclose-filter-sec .filter-form-task {
  min-width: 745px;
  max-height: 250px !important;
  overflow: auto;
}
.openclose-filter-sec .filter-form-task .filter-operator {
  position: relative;
  margin: 2px 0px;
}
.openclose-filter-sec .filter-form-task .filter-operator .filter-operator-separator {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #e0e4e8;
}
.openclose-filter-sec .filter-form-task .filter-operator .filter-tag {
  position: relative;
  z-index: 2;
  margin-left: 16px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  height: 20px;
  width: 40px;
  line-height: 16px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition-duration: 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.openclose-filter-sec .filter-form-task .filter-operator .filter-tag.or-tag {
  background-color: #feb403;
  border-color: #DBA100;
  color: #ffffff;
}
.openclose-filter-sec .filter-form-task .filter-operator .filter-tag.add-tag {
  background-color: #2E0587;
  border-color: #2E0587;
  color: #ffffff;
}
.openclose-filter-sec .filter-form-footer {
  display: flex;
  padding: 10px 5px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e0e4e8;
  z-index: 9999;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #ffffff;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.openclose-filter-sec .filter-form-footer .add-filter-btn {
  min-width: 25px !important;
  height: 25px !important;
  border-radius: 4px !important;
  line-height: 20px !important;
}
.openclose-filter-sec .filter-form-footer .add-filter-btn .mat-button-wrapper {
  color: #2FA84F !important;
}
.openclose-filter-sec .filter-form-footer .add-filter-btn i {
  font-size: 16px;
  position: relative;
  bottom: 1px;
  color: #323277;
  font-weight: 400;
  margin-right: 0;
}
.openclose-filter-sec .filter-form-footer .clear-filter-btn {
  background-color: #ffffff !important;
  border: 1px solid #c8ced7 !important;
  margin-right: 15px !important;
  position: relative !important;
  min-width: 25px !important;
  height: 25px !important;
  border-radius: 4px !important;
  line-height: 20px !important;
  left: 0 !important;
  top: 0px !important;
}
.openclose-filter-sec .filter-form-footer .clear-filter-btn .mat-button-wrapper {
  color: #323277 !important;
}
.openclose-filter-sec .filter-form-footer .apply-filter-btn {
  background-color: #0fb269 !important;
  color: #ffffff;
  min-width: 25px !important;
  height: 25px !important;
  border-radius: 4px !important;
  line-height: 20px !important;
}
.openclose-filter-sec .filter-form-footer .apply-filter-btn .mat-button-wrapper {
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #ffffff;
  text-transform: initial;
}
.openclose-filter-sec .filter-form-footer p {
  font-size: 12px;
  color: #7189A7;
  margin: 0px 5px;
}
.filter-action-group {
  display: block;
  align-items: center;
  justify-content: space-between;
}
.filter-action-group .remove-filter-btn {
  min-width: 25px !important;
  height: 25px !important;
  border-radius: 10px !important;
  line-height: 20px !important;
  padding: 0px !important;
}
.filter-action-group .remove-filter-btn span {
  font-size: 16px;
  position: relative;
  color: #323277;
  font-weight: 600;
  margin-right: 0;
}
.table-filter-sec .table-filter-row {
  padding: 0px 0px 0px 10px;
  position: relative;
  line-height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.table-filter-sec .table-filter-row .filter-where-text {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #7189A7;
  letter-spacing: 1px;
}
.table-filter-sec .table-filter-row .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
  margin: 0px 15px;
}
.table-filter-sec .table-filter-row .custom-form-group .custom-form-control .mat-form-field .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #c8ced7 !important;
}
.table-filter-sec .table-filter-row .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #c8ced7 !important;
}
.table-filter-btn {
  background-color: #ebeef6;
  border: 1px solid #ebeef6 !important;
  margin: 0 !important;
  border-radius: 20px !important;
  line-height: 22px !important;
  height: 32px !important;
  padding: 4px 24px !important;
}
.table-filter-btn .mat-button-wrapper {
  font-weight: 700;
  letter-spacing: 1px;
  color: #323277;
}
.table-filter-btn .mat-button-wrapper i {
  font-size: 20px;
}
.table-filter-btn .mat-button-wrapper img {
  width: 16px;
  margin-right: 10px;
}
.table-add-btn {
  background-color: #2E0587;
  color: #ffffff;
  height: 32px !important;
  border-radius: 20px !important;
  margin-left: 15px !important;
  line-height: 22px !important;
  padding: 4px 24px !important;
}
.table-add-btn .mat-button-wrapper {
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #ffffff;
  text-transform: initial;
}
.table-add-btn .mat-button-wrapper i {
  font-size: 20px;
}
.table-add-btn .mat-button-wrapper img {
  width: 15px;
  opacity: 1;
  filter: brightness(0) invert(1);
}
.table-action-btn {
  background-color: #2E0587;
  margin-left: 15px !important;
  position: relative !important;
  border-radius: 20px !important;
  line-height: 22px !important;
  height: 32px !important;
  padding: 4px 24px !important;
  left: 0 !important;
  top: 0px !important;
}
.table-action-btn .mat-button-wrapper {
  color: #ffffff !important;
  font-weight: 700;
}
.table-action-btn .mat-button-wrapper i {
  color: #ffffff !important;
}
.table-action-btn .mat-button-wrapper img {
  line-height: 20px;
  height: 16px;
  margin-left: 8px;
}
.table-delete-btn {
  background-color: #FA236C !important;
  border: 1px solid #FA236C !important;
  margin-left: 15px !important;
  position: relative !important;
  border-radius: 20px !important;
  line-height: 22px !important;
  height: 32px !important;
  padding: 4px 24px !important;
  left: 0 !important;
  top: 0px !important;
}
.table-delete-btn .mat-button-wrapper {
  color: #ffffff !important;
  font-weight: 700;
}
.table-delete-btn .mat-button-wrapper i {
  color: #323277 !important;
}
.table-delete-btn .mat-button-wrapper img {
  line-height: 20px;
  height: 16px;
  margin-left: 8px;
}
.table-change-btn {
  background-color: #0484fe !important;
  border: 1px solid #0484fe !important;
  margin-left: 15px !important;
  position: relative !important;
  border-radius: 4px !important;
  line-height: 22px !important;
  height: 32px !important;
  padding: 4px 24px !important;
  left: 0 !important;
  top: 0px !important;
}
.table-change-btn .mat-button-wrapper {
  color: #ffffff !important;
  font-weight: 500;
}
.table-change-btn .mat-button-wrapper i {
  color: #323277 !important;
}
.table-change-btn .mat-button-wrapper img {
  line-height: 20px;
  height: 16px;
  margin-left: 8px;
}
.table-expanded-description {
  padding: 10px 0px;
  width: 100%;
}
.table-expanded-description .desc-box {
  border-radius: 6px;
  background: #ffffff;
  padding: 10px 0px;
  margin: 10px 0px;
}
.table-expanded-description h5 {
  font-size: 18px;
  font-weight: 600;
  padding-left: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.table-expanded-description .desc-heading {
  margin: 5px 10px;
}
.table-expanded-description .desc-heading p {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  color: #2E0587;
  position: relative;
  margin-bottom: 10px;
}
.table-expanded-description .custom-form-group {
  width: 100%;
  padding-bottom: 10px;
  padding-left: 10px;
  max-width: 100%;
  margin-bottom: 10px;
}
.table-expanded-description .custom-form-group label {
  font-weight: 600;
  text-transform: capitalize;
  text-align: left;
  font-size: 14px;
  margin-bottom: 2px;
  margin-right: 10px;
  color: #323277;
}
.table-expanded-description .custom-form-group label .dots {
  width: 60px;
  float: right;
  font-weight: 600;
  display: none;
}
.table-expanded-description .custom-form-group h5 {
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-left: 10px;
}
.table-expanded-description .custom-form-group p {
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  margin: 0 !important;
  color: #7189A7;
  white-space: pre-wrap;
}
.table-expanded-description .custom-form-group .attachment-download {
  border: 1px solid #2E0587;
  background: #ffffff;
  padding: 5px 10px;
  border-radius: 4px;
  color: #2E0587;
}
.table-expanded-description .custom-form-group .attachment-download img {
  margin-right: 5px;
}
.table-expanded-description .custom-form-group .view-chip {
  height: 26px;
  line-height: 21px;
  text-align: center;
  max-width: 125px !important;
  min-width: 125px !important;
  width: 125px !important;
  font-size: 12px;
}
.table-expanded-description .custom-form-group .profile-img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 4px;
  overflow: hidden;
}
.table-expanded-description .custom-form-group .expand-img {
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
  width: 150px;
  height: 150px;
  margin-right: 5px;
  padding: 4px;
  border: 2px solid #eee;
}
.table-expanded-description .custom-form-group .expand-video {
  object-fit: fill;
  object-position: center;
  width: 200px;
  margin-right: 10px;
  border-radius: 4px;
}
.table-expanded-description .custom-form-group:last-child {
  padding-bottom: 0;
}
.table-expanded-description .tracking.media {
  margin: 5px 20px;
}
.table-expanded-description .tracking.media .media-left {
  width: 45px;
}
.table-expanded-description .tracking.media .media-left img {
  width: 100%;
  border-radius: 50%;
}
.table-expanded-description .tracking.media .media-body .heading-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 15px;
  color: #173458;
  letter-spacing: 1.2px;
  margin-bottom: 5px;
}
.table-expanded-description .tracking.media .media-body .tracked-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 0px;
  max-width: 100%;
  margin-bottom: 2px;
}
.table-expanded-description .tracking.media .media-body .tracked-item p {
  font-weight: 500;
  text-transform: capitalize;
  text-align: left;
  font-size: 13px;
  margin-bottom: 0px;
  max-width: 70px;
  min-width: 60px;
  padding-left: 5px;
}
.table-expanded-description .tracking.media .media-body .tracked-item span {
  font-size: 13px;
  text-align: left;
  font-weight: 500;
  margin-bottom: 0 !important;
}
.table-expanded-description .profile-img img {
  width: 100px;
  border-radius: 4px;
}
.table-expanded-description .view-img img {
  width: 100%;
  border-radius: 4px;
  height: 150px;
  object-fit: cover;
  object-position: 100%;
}
.table-expanded-description .view-ul-img {
  display: inline-block;
}
.table-expanded-description .view-ul-img li {
  display: inline-block;
  width: 85px;
  margin: 5px 4px 5px 4px;
  border: 1px solid #e0e4e8;
  padding: 2px;
}
.table-expanded-description .view-ul-img li img {
  height: 85px;
  width: 100%;
  object-fit: contain;
}
.table-expanded-description .view-video video {
  height: 250px;
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  border-radius: 4px;
  border: 1px solid #cccccc;
  padding: 4px;
  object-fit: cover;
  object-position: 100%;
}
.table-expanded-description .view-map img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: 100%;
  border-radius: 4px;
  border: 1px solid #eee;
  padding: 3px;
}
.table-expanded-description .file-list {
  border: 1px solid #eee;
  width: 100%;
  height: 25px;
  line-height: 20px;
  text-align: center;
  border-radius: 4px;
  display: flex;
  padding: 0 10px 0 10px;
}
.table-expanded-description .file-list a {
  display: flex;
  align-items: center;
}
.table-expanded-description .file-list span {
  font-size: 12px;
  padding-left: 15px;
}
.table-expanded-description .file-list img {
  height: 20px !important;
}
.example-detail-row td.mat-cell:first-of-type {
  padding-left: 0px !important;
}
@keyframes filter-fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@media screen and (max-width: 991px) {
  td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
    padding: 10px !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }

  .mat-table .mat-cell {
    height: auto !important;
    min-width: 100%;
  }

  .mat-header-row {
    display: none;
  }

  .example-element-detail {
    border-bottom: 0 !important;
  }
  .example-element-detail .mat-cell {
    border-width: 0 !important;
  }

  .mat-row {
    flex-direction: column;
    align-items: start;
    padding: 8px 24px;
  }

  td.mat-cell.cdk-column-expandedDetail.mat-column-expandedDetail.ng-tns-c12-2.ng-star-inserted {
    padding: 0px;
  }

  .mat-table {
    border: 0;
    vertical-align: middle;
  }

  .expanded-table td {
    padding: 0px;
  }

  .mat-table caption {
    font-size: 1em;
  }

  /*  Enable this to hide header
  .mat-table .mat-header-cell {
    border: 10px solid;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  */
  .mat-table .mat-row {
    border-bottom: 5px solid #ddd;
    display: contents;
  }

  /*
  .mat-table .mat-row:nth-child(even) {background: #CCC}
  .mat-table .mat-row:nth-child(odd) {background: #FFF}
  */
  .mat-table .mat-cell {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    align-items: center;
    justify-content: space-between;
    font-size: 1em;
    text-align: right;
    margin-bottom: 0;
    height: 40px;
    line-height: 20px;
    width: 100%;
  }

  .mat-table .mat-cell:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 13px;
  }

  .mat-table .mat-cell:last-child {
    border-bottom: 0;
  }

  .mat-table .mat-cell:first-child {
    margin-top: 0px;
    border-top: 1px solid #eee;
  }

  .mat-icon-button {
    line-height: 0 !important;
  }

  .table-expanded-description .example-element-detail {
    margin-right: -15px;
  }
  .table-expanded-description .custom-form-group {
    padding-left: 0;
    text-align: left;
  }
  .table-expanded-description .custom-form-group label {
    max-width: initial !important;
    min-width: auto !important;
    margin-right: 20px;
    padding-left: 10px;
  }
  .table-expanded-description .custom-form-group label .dots {
    width: auto;
    float: none;
  }
  .table-expanded-description .custom-form-group p {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .tables-section table tbody .mat-row .mat-cell.email-td {
    max-width: 100px;
    word-break: break-all;
  }
  .tables-section table tbody .mat-row .mat-cell.status-td {
    max-width: 110px;
    width: 110px;
  }
}
/* Animate items as they're being sorted. */
.cdk-drop-list-dragging .cdk-drag {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drag-preview {
  background: #ffffff;
}
.mat-row.example-expanded-row {
  background: #fff6dd;
}
.mat-row .mat-cell {
  color: #323277;
  font-weight: 400;
  font-size: 13px;
  padding: 4px 8px 4px 8px;
  vertical-align: middle;
  border: 0;
  text-transform: initial;
}
.mat-row .mat-cell .mat-icon {
  position: relative;
}
.mat-row .mat-cell .table-expand-box img.invoice-img {
  width: auto;
  height: auto;
  border-radius: 0;
}
.mat-paginator {
  background: #ffffff !important;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-top: 10px;
}
.mat-paginator-page-size-select {
  width: 50px !important;
}
.mat-paginator-container {
  margin: 0px auto !important;
  width: auto !important;
  min-height: 35px !important;
  padding: 0 5px !important;
}
.mat-paginator-container .mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0px solid transparent !important;
}
.mat-paginator-container .mat-icon-button {
  height: 25px !important;
  width: 25px !important;
  border: 1px solid #e0e4e8;
  border-radius: 50%;
  line-height: 25px !important;
}
.mat-paginator-container .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: transparent !important;
  height: 0px !important;
}
.mat-paginator-container .mat-form-field-underline {
  opacity: 0 !important;
}
.mat-paginator-container .mat-form-field-label-wrapper {
  top: 0px !important;
  padding-top: 0px !important;
}
.mat-paginator-container .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.mat-paginator-container .mat-paginator-page-size-select {
  margin: 0px 5px !important;
}
.mat-paginator-container .mat-paginator,
.mat-paginator-container .mat-paginator-page-size .mat-select-trigger {
  font-size: 13px;
  color: #323277 !important;
  font-weight: 400 !important;
}
.mat-paginator-range-actions {
  display: flex;
  align-items: center;
  width: 165px !important;
  position: relative !important;
}
.mat-paginator-range-actions .mat-paginator-range-label {
  margin: 0px auto !important;
}
.mat-paginator-range-actions .mat-paginator-navigation-previous {
  position: absolute;
  left: 0;
}
.mat-paginator-range-actions .mat-paginator-navigation-next {
  position: absolute;
  right: 0;
}
.custom-cards-view {
  height: 100%;
  min-width: 100%;
  overflow: auto;
  background: #f4f7fc;
  min-height: calc(100vh - 235px);
}
.custom-cards-view .no-data-section {
  min-height: calc(100vh - 235px) !important;
}
.custom-cards-view .card {
  margin: 5px 5px 5px 5px;
  overflow: auto;
  position: relative;
}
.custom-cards-view .card .mat-icon-button {
  position: absolute;
  right: 15px;
  top: 10px;
}
.custom-cards-view .card .mat-icon-button img {
  width: 24px;
}
.custom-cards-view .card .mat-icon-button .mat-icon {
  color: #acb1c0;
  transform: rotate(90deg);
}
.custom-cards-view .card .custom-form-group {
  display: block;
  margin-bottom: 0;
  padding: 5px 10px 0px 10px;
}
.custom-cards-view .card .custom-form-group .custom-label {
  font-size: 14px;
  color: #323277;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}
.custom-cards-view .card .custom-form-group .custom-label .dots {
  width: 50px;
  margin-left: 10px;
  float: right;
  font-weight: 800;
  display: none;
}
.custom-cards-view .card .custom-form-group .view-tag {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 0px;
  color: #323277;
  margin-top: 0;
  margin-bottom: 8px;
}
.custom-cards-view .card .custom-form-group .view-tag.profile-img img {
  width: 100px;
  border-radius: 4px;
}
.custom-cards-view .card .custom-form-group .view-tag.view-img img {
  width: 100%;
  border-radius: 4px;
  height: 150px;
  object-fit: fill;
  object-position: 100%;
}
.custom-cards-view .card .custom-form-group .view-tag.view-ul-img {
  display: inline-block;
}
.custom-cards-view .card .custom-form-group .view-tag.view-ul-img li {
  display: inline-block;
  width: 115px;
  margin: 5px 4px 5px 4px;
  border: 1px solid #eee;
  padding: 2px;
}
.custom-cards-view .card .custom-form-group .view-tag.view-ul-img li img {
  height: 100px;
}
.custom-cards-view .card .custom-form-group .view-tag.view-video video {
  height: 250px;
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  border-radius: 4px;
  border: 1px solid #cccccc;
  padding: 4px;
  object-fit: cover;
  object-position: 100%;
}
.custom-cards-view .card .custom-form-group .view-tag.view-map img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: 100%;
  border-radius: 4px;
  border: 1px solid #eee;
  padding: 3px;
}
.custom-cards-view .card .custom-form-group .view-tag .file-list {
  border: 1px solid #EEEEEE;
  width: 100%;
  height: 25px;
  line-height: 20px;
  text-align: center;
  border-radius: 4px;
  display: flex;
  padding: 0 10px 0 10px;
}
.custom-cards-view .card .custom-form-group .view-tag .file-list a {
  display: flex;
  align-items: center;
}
.custom-cards-view .card .custom-form-group .view-tag .file-list span {
  font-size: 12px;
  padding-left: 15px;
}
.custom-cards-view .card .custom-form-group .view-tag .file-list img {
  height: 20px !important;
}
.custom-cards-view .card .view-form-array {
  border: 1px solid #efefef;
  margin-bottom: 10px;
  border-radius: 4px;
}
.custom-cards-view .card .view-form-array .table-header {
  padding: 5px 5px 0px 10px !important;
}
.custom-cards-view .card .view-form-array .table-header .heading {
  font-size: 16px;
  color: #2c2c2d;
  font-weight: 500;
}
.custom-cards-view .card .view-form-array .custom-form-group {
  padding-left: 10px;
}
.custom-cards-view .card .view-form-array .custom-form-group .custom-form-control .view-tag {
  display: inline-block;
}
.custom-cards-view .card .view-form-array .custom-form-group .custom-form-control .view-tag span.view-chip {
  margin: 5px 5px 5px 0px;
  border: 1px solid #efefef;
  padding: 6px 10px;
  border-radius: 15px;
  font-size: 13px;
  display: inline-block;
  width: auto;
  font-weight: 600;
  text-transform: capitalize;
}
.custom-cards-view .card .view-form-array .custom-form-group .custom-form-control .view-tag.view-ul li span {
  border: 0px !important;
}
.custom-cards-view .card .view-form-array .custom-form-group .custom-form-control .view-tag.view-chips {
  padding-left: 0px;
}
.custom-cards-view .card .view-custom-chip {
  background-color: #ccc;
}
.custom-cards-view .card .table-chip {
  background-color: #cccccc91;
  border: 1px solid #cccccc91;
  width: 125px !important;
  max-width: 125px;
  min-width: 125px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding: 4px 4px;
}
.mat-menu-item {
  justify-content: space-between !important;
}
.main-view-box .master-tables-section {
  margin-top: 0 !important;
  padding: 0 !important;
}
.main-view-box .master-tables-section .tables-section {
  box-shadow: none !important;
}
.main-view-box .master-tables-section .table_search .custom-form-group {
  padding: 0 !important;
}
.view-80-column .view-router-outlet {
  padding: 0 !important;
  position: relative;
  min-height: calc(100vh - 150px);
}
.view-80-column .main-add-box {
  margin: 0 0px 0 0px !important;
}
.heading-title1 {
  color: #323277;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  min-width: 0;
  display: block;
}
.inventory-dashboard .mat-sort-header-content {
  white-space: nowrap !important;
  font-size: 14px;
  font-weight: 600;
  color: #323277;
  text-align: left;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  font-family: "Nunito Sans", sans-serif;
  text-transform: initial;
}
.inventory-dashboard .mat-tab-group .mat-tab-body {
  padding: 0%;
}
.inventory-dashboard .mat-tab-group .mat-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: white !important;
}
.inventory-dashboard .mat-tab-group .mat-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  color: #ffffff !important;
  background: #2e0587 !important;
  border-bottom: none;
  border-radius: 5px;
  margin-left: 8px;
}
.inventory-dashboard .mat-tab-group .mat-ink-bar {
  display: none !important;
}
.inventory-dashboard .mat-expansion-indicator::after {
  color: white !important;
}
.inventory-dashboard span.mat-sort-header.mat-header-cell {
  justify-items: center;
}
.inventory-dashboard .mat-tab-group .mat-tab-body .mat-tab-body-content {
  height: 25rem;
  overflow: auto;
}
.table-wrapper thead {
  position: sticky !important;
  top: 0px !important;
}
.dropdown-select .mat-select-trigger {
  padding-left: 8px !important;
}
@media screen and (max-width: 1290px) {
  .view-80-column .view-router-outlet {
    padding: 0 !important;
    position: relative;
    min-height: calc(100vh - 150px);
  }
  .view-80-column .main-add-box {
    margin: 0 0px 0 0px !important;
  }
}
@media screen and (min-width: 2200px) and (max-width: 2600px) {
  .mat-tab-group .mat-tab-body .mat-tab-body-content {
    overflow: auto !important;
  }
}
.main-label {
  color: #323277;
  font-weight: 700;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #2E0587;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2E0587;
}
input:checked + .slider:before {
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.switch input:disabled + .slider {
  cursor: not-allowed;
  opacity: 0.6;
}
.mat-form-field-appearance-outline .mat-form-field-flex {
  padding: 0px !important;
}
.warpper {
  max-width: 1140px;
  width: 85%;
  margin: 0px auto;
  margin-top: 60px;
}
.background {
  background: #dbe5f8 !important;
}
.view-min-height {
  min-height: calc(100vh - 175px);
}
.mat-drawer-container {
  background-color: #f4f7fc !important;
}
.master-content-view {
  min-height: calc(100vh - 65px);
}
.mat-drawer-content {
  background: #f4f7fc !important;
}
.row-wrap {
  flex-wrap: wrap !important;
}
.card-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #ecf4fe;
  padding: 5px 10px 5px 10px;
}
.card-heading span {
  margin: 0;
  padding-left: 0px;
  font-size: 14px;
  font-weight: 500;
  color: #0e1f29;
}
.add-btn img {
  width: 20px;
}
.cursor-pointer {
  cursor: pointer !important;
}
.media {
  display: flex;
  align-items: flex-start;
}
.media .media-left {
  margin-right: 15px;
  display: table-cell;
  vertical-align: top;
}
.media .media-body {
  flex: 1;
  display: table-cell;
  vertical-align: top;
}
.media .media-body .media-heading,
.media .media-body h4 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 5px;
}
.modal-body .custom-cards-view {
  min-height: calc(100vh - 310px);
}
.top-bred-crumb {
  display: flex;
  align-content: flex-start;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  max-height: 65px;
  min-height: 65px;
  margin-top: 0px;
  border-radius: 8px;
  justify-content: flex-start;
}
.top-bred-crumb h2 {
  color: #323277;
  font-weight: 600;
  font-style: normal;
  margin: 0px;
  font-size: 18px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}
.top-bred-crumb h2 .heading-icon {
  background-image: linear-gradient(to bottom, #24c0f2 0, #3697f8 100%);
  box-shadow: 0 2px 10px rgba(54, 151, 248, 0.42);
  padding: 10px;
  display: inline-block;
  border-radius: 4px;
  /* padding: 10px; */
  line-height: 1px;
  height: 40px;
  width: 40px;
  margin-right: 10px;
}
.top-bred-crumb h2 .heading-icon img {
  width: 20px;
}
.top-bred-crumb .edit-btn {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 20px;
  background: #f0f0f0;
  /* Light gray background */
  color: #333366;
  /* Adjust color to match the Edit button */
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.3s ease-in-out;
}
.top-bred-crumb .how-it-btn {
  background-color: #ff9962;
  background-image: linear-gradient(90deg, #ff9962 0%, #ffc03b 100%);
  height: 32px !important;
  border-radius: 20px !important;
  margin-left: 25px !important;
  line-height: 22px !important;
  padding: 4px 24px !important;
  border: 0px solid transparent;
}
.top-bred-crumb .how-it-btn .mat-button-wrapper {
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #ffffff;
  text-transform: initial;
}
.top-bred-crumb ul.breadcrumb {
  padding: 0px 0px 0px 0px;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  align-items: center;
  font-style: italic;
  line-height: 25px;
  border-radius: 0;
  margin-left: auto;
}
.top-bred-crumb ul.breadcrumb li {
  font-size: 12px;
}
.top-bred-crumb ul.breadcrumb li:last-child a {
  color: #2E0587 !important;
}
.top-bred-crumb ul.breadcrumb .page-title {
  padding: 0 15px 0px 0px;
}
.top-bred-crumb ul.breadcrumb .page-title a {
  color: #323277;
}
.top-bred-crumb ul.breadcrumb .page-title::before {
  display: none;
}
.top-bred-crumb ul.breadcrumb li.breadcrumb-item {
  cursor: pointer;
  position: relative;
  padding: 0 15px 0px 15px;
}
.top-bred-crumb ul.breadcrumb li.breadcrumb-item.bcrumb-1::before {
  display: none;
}
.top-bred-crumb ul.breadcrumb li.breadcrumb-item a {
  color: #323277;
}
.top-bred-crumb ul.breadcrumb li.breadcrumb-item.active a {
  color: #323277;
}
.top-bred-crumb ul.breadcrumb li.breadcrumb-item::before {
  content: "";
  font-family: Linearicons-Free;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  padding-right: 0.5em;
  position: absolute;
  top: 6px;
  left: -4px;
  color: #2E0587;
}
.top-bred-crumb .global-btn {
  background-color: #fff !important;
  border: 1px solid #fff !important;
  color: #2E0587 !important;
}
.horizontal-custom-tabs {
  border: 1px solid #F1F4FB !important;
  border-radius: 4px;
  overflow: hidden;
  background-color: #eef1f6;
}
.horizontal-custom-tabs .horizontal-toggle-buttons {
  border: 0;
  overflow: visible;
}
.horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle {
  white-space: nowrap;
  position: relative;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 0;
  position: relative;
  margin-right: 5px;
}
.horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle:hover {
  background-color: #2E0587 !important;
}
.horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle:hover .mat-button-toggle-label-content {
  color: #ffffff !important;
}
.horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  padding: 0px 25px 0 25px !important;
  line-height: 25px !important;
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #323277;
  display: flex;
  align-items: center;
  justify-content: center;
}
.horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content span {
  margin-left: 5px;
}
.horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content .count {
  font-size: 14px;
  background-color: #0e1f29;
  color: #2E0587;
  border-radius: 50%;
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content i {
  margin-left: 5px;
}
.horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked {
  background-color: #2E0587 !important;
}
.horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #ffffff !important;
  font-weight: 600;
}
.horizontal-custom-tabs .tabs-body {
  border-top: 1px solid #F1F4FB;
  margin-top: 10px;
}
.horizontal-custom-tabs .tabs-body .tables-section {
  border-radius: 0px !important;
  border: 0px !important;
}
.uploader-tabs {
  border-radius: 4px;
  overflow: hidden;
  min-height: 400px !important;
}
.uploader-tabs .horizontal-toggle-buttons {
  border: 0;
  margin-bottom: 10px;
  overflow: visible;
  border: 1px solid #F1F4FB !important;
}
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle-group-appearance-standard {
  border: 0px !important;
}
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle {
  white-space: nowrap;
  position: relative;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 0;
  position: relative;
  margin-right: 5px;
}
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle:hover {
  background-color: #ffffff !important;
}
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle:hover:before {
  content: "";
  background: #2E0587;
  width: 100%;
  height: 4px;
  position: absolute;
  right: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  left: 0px;
  bottom: 0px;
  display: inline-block;
}
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  padding: 0px 25px 0 25px !important;
  line-height: 25px !important;
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #2e384d;
  display: flex;
  align-items: center;
}
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content span {
  margin-left: 5px;
}
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content .count {
  font-size: 14px;
  background-color: #0e1f29;
  color: #2E0587;
  border-radius: 50%;
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content i {
  margin-left: 5px;
}
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked {
  background-color: #ffffff !important;
}
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked:before {
  content: "";
  background: #2E0587;
  width: 100%;
  height: 4px;
  position: absolute;
  right: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  left: 0px;
  bottom: 0px;
  display: inline-block;
}
.uploader-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #2e384d !important;
  font-weight: 600;
}
.uploader-tabs .mat-tab-group .mat-tab-body {
  padding: 0px 15px !important;
}
.uploader-tabs .tabs-body {
  border-top: 1px solid #F1F4FB;
  margin-top: 10px;
}
.search-head-flex {
  display: flex;
  align-items: center;
}
.search-head-flex .head-listing-flex {
  display: flex;
  align-items: center;
}
.search-head-flex .head-listing-flex span {
  margin: 0;
  font-size: 18px;
  font-weight: 600 !important;
  color: #323277 !important;
}
.custom-search .search-expand input {
  outline: none;
}
.custom-search .search-expand input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  font-family: inherit;
  font-size: 100%;
}
.custom-search .search-expand input::-webkit-search-decoration,
.custom-search .search-expand input::-webkit-search-cancel-button {
  display: none;
}
.custom-search .search-expand input[type=search] {
  background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
  border: solid 1px #ccc;
  padding: 4px 10px 4px 32px;
  width: 100px;
  border-radius: 4px;
  transition: all 0.5s;
}
.custom-search .search-expand input[type=search]:focus {
  width: 100%;
  background-color: #fff;
  border-color: #367bf5;
  box-shadow: 0 0 5px #e6efff;
}
.custom-search .search-expand input:-moz-placeholder {
  color: #95a5ba;
}
.custom-search .search-expand input::-webkit-input-placeholder {
  color: #95a5ba;
}
.custom-search.table-search {
  margin-left: 30px;
  min-width: 350px;
}
.table-add-btn {
  display: flex;
}
.table-add-btn .mat-button {
  margin-left: 10px;
}
.custom-tabs {
  border: 1px solid #EEEEEE;
  margin-top: 25px;
}
.master-add-sec {
  display: block !important;
}
.master-add-sec .custom-sticky-table {
  min-height: auto !important;
}
.master-add-sec .main-add-box {
  background: #ffffff;
  border-top: 0;
  margin: 0 0px 0 0px;
  padding: 0px 15px 15px 15px;
  border-radius: 5px;
  margin-top: 0px;
  margin-left: 15px;
  margin-right: 15px;
  background-color: #ffffff;
}
.master-add-sec .main-add-box .detail-type-heading {
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 5px;
}
.master-add-sec .main-add-box .card-heading {
  margin: 0px -15px 15px -15px !important;
  display: flex;
  justify-content: space-between;
  background: #ffffff !important;
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.master-add-sec .main-add-box .card-heading h4 {
  margin: 0;
  padding-left: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #323277;
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.master-add-sec .main-add-box .card-heading h4 .back-arrow {
  background: #2E0587;
  width: 35px;
  height: 35px;
  padding: 0px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.master-add-sec .main-add-box .card-heading h4 .back-arrow img {
  width: 23px;
}
.master-add-sec .main-add-box .card-heading .save-cancel-btn {
  border-top: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  border-radius: 0px !important;
  background: #ffffff;
}
.master-add-sec .main-add-box .card-heading .save-cancel-btn .mat-button:first-child {
  border: 1px solid #cccccc !important;
  height: 30px;
  line-height: 20px;
  border-radius: 20px !important;
}
.master-add-sec .main-add-box .card-heading .save-cancel-btn .save-btn .mat-button-wrapper span {
  color: #ffffff !important;
}
.master-add-sec .main-add-box .card-heading .save-cancel-btn .cancel-btn {
  background-color: transparent !important;
  height: 30px !important;
  line-height: 20px !important;
}
.master-add-sec .main-add-box .add-edit-form .form-section {
  padding: 10px;
}
.master-add-sec .main-add-box .form-subheading {
  font-weight: 700;
  font-size: 16px;
  margin: 10px 0px;
  color: #323277;
}
.master-add-sec .save-cancel-btn {
  border-top: 1px solid #EEEEEE;
  margin: 10px -15px 0 -15px;
  padding: 10px 10px;
  border-radius: 0px 0px 6px 6px;
  background: #ffffff;
}
.master-add-sec .save-cancel-btn .mat-button:first-child {
  border: 1px solid #cccccc !important;
  height: 30px;
  line-height: 20px;
  border-radius: 20px !important;
}
.master-add-sec .save-cancel-btn .save-btn .mat-button-wrapper span {
  color: #ffffff !important;
}
.master-add-sec .save-cancel-btn .cancel-btn {
  background-color: transparent !important;
  height: 30px !important;
  line-height: 20px !important;
}
.master-add-sec .add-forms-array {
  border: 1px solid #0000004d !important;
  margin-bottom: 15px;
  border-radius: 4px;
  padding: 10px;
}
.master-add-sec .add-forms-array .table-header {
  border-radius: 4px;
}
.master-add-sec .add-forms-array .table-header .heading {
  font-size: 16px !important;
  font-weight: 600;
}
.master-add-sec .add-forms-array .form-array-body {
  padding: 8px 8px 8px 8px;
  border: 1px solid #EEEEEE;
  margin-bottom: 10px;
  position: relative;
  margin: 5px 5px 5px 5px;
  border-radius: 4px;
}
.master-add-sec .add-forms-array .form-array-body .remove-form-array {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  color: #db0000;
}
.master-view-sec {
  display: block !important;
  background: #f4f7fc;
  max-height: 50px;
}
.main-view-box {
  border-radius: 6px;
  background-color: #f4f7fc;
  margin: 10px 15px 25px 15px;
}
.main-view-box .card-heading {
  display: flex;
  justify-content: flex-start;
  background: #ffffff !important;
  border-bottom: 1px solid #e0e4e8;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.main-view-box .card-heading h4 {
  margin: 0;
  padding-left: 5px;
  font-size: 16px;
  font-weight: 400;
  color: #2E0587;
}
.main-view-box .view-details {
  padding: 15px 15px 15px 0px;
  min-height: calc(100vh - 185px);
}
.main-view-box .view-details .custom-form-group {
  display: block;
  margin-bottom: 0;
  padding: 5px 10px 5px 10px;
}
.main-view-box .view-details .custom-form-group .custom-label {
  font-size: 15px;
  color: #323277;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 5px;
}
.main-view-box .view-details .custom-form-group .custom-label .dots {
  width: 50px;
  margin-left: 10px;
  float: right;
  font-weight: 800;
  display: none;
}
.main-view-box .view-details .custom-form-group .view-tag {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 0px;
  color: #7189A7;
  margin-top: 0;
  margin-bottom: 8px;
}
.main-view-box .view-details .custom-form-group .view-tag.profile-img img {
  width: 100px;
  border-radius: 4px;
}
.main-view-box .view-details .custom-form-group .view-tag.view-img img {
  width: 100%;
  border-radius: 4px;
  height: 150px;
  object-fit: fill;
  object-position: 100%;
}
.main-view-box .view-details .custom-form-group .view-tag.view-ul-img {
  display: inline-block;
}
.main-view-box .view-details .custom-form-group .view-tag.view-ul-img li {
  display: inline-block;
  width: 115px;
  margin: 5px 4px 5px 4px;
  border: 1px solid #eee;
  padding: 2px;
}
.main-view-box .view-details .custom-form-group .view-tag.view-ul-img li img {
  height: 100px;
}
.main-view-box .view-details .custom-form-group .view-tag.view-video video {
  height: 250px;
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  border-radius: 4px;
  border: 1px solid #cccccc;
  padding: 4px;
  object-fit: cover;
  object-position: 100%;
}
.main-view-box .view-details .custom-form-group .view-tag.view-map img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: 100%;
  border-radius: 4px;
  border: 1px solid #eee;
  padding: 3px;
}
.main-view-box .view-details .custom-form-group .view-tag .file-list {
  border: 1px solid #EEEEEE;
  width: 100%;
  height: 25px;
  line-height: 20px;
  text-align: center;
  border-radius: 4px;
  display: flex;
  padding: 0 10px 0 10px;
}
.main-view-box .view-details .custom-form-group .view-tag .file-list a {
  display: flex;
  align-items: center;
}
.main-view-box .view-details .custom-form-group .view-tag .file-list span {
  font-size: 12px;
  padding-left: 15px;
}
.main-view-box .view-details .custom-form-group .view-tag .file-list img {
  height: 20px !important;
}
.main-view-box .view-details .view-form-array {
  border: 1px solid #efefef;
  margin-bottom: 10px;
  border-radius: 4px;
}
.main-view-box .view-details .view-form-array .table-header {
  padding: 5px 5px 0px 10px !important;
}
.main-view-box .view-details .view-form-array .table-header .heading {
  font-size: 16px;
  color: #2c2c2d;
  font-weight: 500;
}
.main-view-box .view-details .view-form-array .custom-form-group {
  padding-left: 10px;
}
.main-view-box .view-details .view-form-array .custom-form-group .custom-form-control .view-tag {
  display: inline-block;
}
.main-view-box .view-details .view-form-array .custom-form-group .custom-form-control .view-tag span.view-chip {
  margin: 5px 5px 5px 0px;
  border: 1px solid #efefef;
  padding: 6px 10px;
  border-radius: 15px;
  font-size: 13px;
  display: inline-block;
  width: auto;
  font-weight: 600;
  text-transform: capitalize;
}
.main-view-box .view-details .view-form-array .custom-form-group .custom-form-control .view-tag.view-ul li span {
  border: 0px !important;
}
.main-view-box .view-details .view-form-array .custom-form-group .custom-form-control .view-tag.view-chips {
  padding-left: 0px;
}
.main-view-box .view-custom-chip {
  background-color: #ccc;
}
.main-view-box .table-chip {
  background-color: #cccccc91;
  border: 1px solid #cccccc91;
  width: 125px !important;
  max-width: 125px;
  min-width: 125px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding: 4px 4px;
}
.custom-chips .mat-chip {
  min-height: 28px;
  padding: 7px !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.custom-chips .mat-chip-remove:hover {
  color: #2E0587 !important;
  opacity: 1 !important;
}
.back-to-list {
  font-size: 15px !important;
  display: flex !important;
  color: #000001 !important;
  align-items: center;
  background: transparent !important;
  border: 1px solid #ccc !important;
  margin-right: 10px !important;
  padding: 0px 5px !important;
  min-width: auto !important;
  display: none !important;
}
.back-to-list .mat-button-wrapper {
  font-weight: 600 !important;
}
.back-to-list img {
  width: 15px;
  margin-right: 0;
  position: relative;
  top: 0;
}
.custom-accordion-tabs {
  border: 1px solid #fff6dd;
  border-top: 0;
  margin-top: 30px;
}
.custom-accordion-tabs .custom-tabs {
  margin: 15px;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box {
  padding: 15px;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-button-toggle-group {
  border: 1px solid #efefef !important;
  margin: 10px 0 15px 0;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-button-toggle-group:last-child {
  border-right: 0px !important;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel {
  margin-bottom: 20px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  border: 1px solid #eeeeee;
  border-bottom: 0;
  border-radius: 2px;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
  padding-left: 0px !important;
  background: #142035;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content {
  padding-left: 10px;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  padding-left: 0 !important;
  margin-right: 0 !important;
  color: #5e6366;
  font-size: 14px;
  font-weight: 600;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title .custom-header-ul {
  align-items: center;
  justify-content: space-between;
  width: 100%;
  display: flex;
  margin-bottom: 0;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title .custom-header-ul li {
  color: #fff;
  font-size: 16px;
  font-weight: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title .custom-header-ul li span {
  text-align: left;
  display: block;
  text-align: center;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title .custom-header-ul li span:last-child {
  padding-left: 5px;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after {
  color: #ffffff !important;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 10px 10px 20px 10px;
  border: 1px solid #142035;
  border-top: 0;
  margin: -1px 1px 0 1px;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .custom-table-bordered {
  border-top: 1px solid #eee;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .custom-table-bordered .table-img {
  width: 80px;
  height: 90px;
  border-radius: 4px;
  object-fit: cover;
  object-position: 100%;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .custom-table-bordered tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .custom-table-bordered tr td {
  padding: 8px 10px;
  border: 1px solid #444e5f30;
  color: #000;
  font-size: 13px;
  font-weight: 100;
  line-height: 25px;
}
.custom-accordion-tabs .custom-tabs .custom-accordion-box .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .custom-table-bordered tr td:first-child {
  width: 25%;
  font-weight: 600;
  font-size: 13px;
}
.normal-datepicker {
  display: flex;
  align-items: center;
}
.normal-datepicker input {
  height: 32px;
  line-height: 32px;
  border: 1px solid #0000004d;
  padding-left: 10px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.normal-datepicker .mat-datepicker-toggle {
  border: 1px solid #0000004d;
  height: 32px !important;
  line-height: 32px;
  width: 30px;
  padding: 0 !important;
  border-radius: 0px !important;
  margin: 0px !important;
  border-left: 0;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.normal-datepicker .mat-datepicker-toggle .mat-icon-button {
  width: 30px !important;
  height: 36px !important;
  line-height: 16px !important;
  border-radius: 50%;
}
.custom-datetime-group svg {
  width: 18px !important;
}
.custom-datetime-group .mat-form-field-wrapper {
  margin: 0 0 !important;
}
.custom-datetime-group .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0 !important;
  border-top: 0 !important;
}
.custom-datetime-group .mat-select {
  border-left: 1px solid #ccc;
  height: 18px;
  line-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  top: 0px;
}
.date-time-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.date-time-container .mat-select {
  margin: 0px 5px;
}
.doc-name-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap;
}
.doc-name-container .mat-select {
  margin: 0px 5px;
}
.doc-name-container .mat-form-field-infix {
  width: 110px !important;
}
.doc-name-container .mat-form-field {
  width: 33% !important;
}
.flex-form-section .flex-form .custom-form-group .custom-form-control {
  width: 70%;
}
.flex-form-section .user-detail-middle {
  padding: 0 10px;
  margin: 0px 10px !important;
}
.signup {
  max-height: calc(100vh - 75px);
  min-height: calc(100vh - 75px);
  background: url("/assets/images/login-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.signup .login-right-content {
  background: #ffffff;
}
.signup .login-right-img {
  border-top-left-radius: 45px;
  border-bottom-left-radius: 45px;
}
.signup .login-right-img img {
  height: 100vh;
  object-fit: cover;
  width: 100%;
  border-top-left-radius: 45px;
  border-bottom-left-radius: 45px;
}
.signup .master-login {
  justify-content: center;
  display: flex;
  max-height: 100%;
  min-height: 100vh;
}
.signup .master-login ::placeholder {
  color: #340095 !important;
  opacity: 1;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: 11px !important;
}
.signup .master-login .mat-form-field-appearance-outline .mat-form-field-outline-start,
.signup .master-login .mat-form-field-appearance-outline .mat-form-field-outline-end,
.signup .master-login .mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border-width: 0px !important;
  border-bottom-width: 1px !important;
}
.signup .master-login .logo-bottom .logo {
  position: absolute;
  top: 10px;
  z-index: 1;
  margin: 0 0 15px 0;
  border: 0;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  box-shadow: none;
  border-radius: 12px;
  padding: 10px 35px;
  width: 285px;
  opacity: 1;
}
.signup .master-login .login-left-content {
  width: 100%;
  margin: 0px 0px;
  padding: 0px 15px 0px 15px;
  justify-content: center;
}
.signup .master-login .login-left-content .from-desc {
  margin: 0 0 25px 0;
}
.signup .master-login .login-left-content .from-desc .logo-tagline {
  font-size: 24px;
  font-weight: 700;
  margin: 0px 0 10px 0;
  color: #34019C;
  text-align: center;
}
.signup .master-login .login-left-content .from-desc .short-desc {
  font-size: 14px;
  color: #6633CC;
  text-align: center;
  text-transform: uppercase;
}
.signup .master-login .login-left-content .login-btn {
  display: flex;
  margin: 25px auto;
  border-radius: 20px;
  background-color: #ffffff;
  letter-spacing: 0;
  z-index: 9999;
  opacity: 1;
  min-width: 135px;
  position: relative;
  padding: 0px 25px;
  padding-left: 45px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}
.signup .master-login .login-left-content .login-btn span.mat-button-wrapper {
  font-weight: 600;
  font-size: 15px;
  color: #09061B;
  letter-spacing: 0.5px;
}
.signup .master-login .login-left-content .login-btn .arrow-icon {
  background: #f89945;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 2px;
}
.signup .master-login .login-left-content .login-btn .arrow-icon img {
  width: 17px;
  margin: 0px !important;
}
.signup .master-login .login-left-content .mat-checkbox-label {
  line-height: 24px;
}
.signup .master-login .login-left-content .mat-checkbox-frame {
  border-radius: 4px;
  border-width: 1px;
  border-color: #e0e4e8;
}
.signup .master-login .login-left-content .mat-checkbox-label {
  line-height: 24px;
  color: #6633CC;
  font-weight: 600;
  font-size: 14px;
}
.signup .master-login .login-left-content mat-icon {
  width: auto !important;
  height: auto !important;
}
.signup .master-login .login-left-content .input-icon {
  padding-right: 5px;
  margin-right: 5px;
}
.signup .master-login .login-left-content .input-icon img {
  width: 25px;
  height: 25px;
  vertical-align: text-top;
  opacity: 1;
  filter: brightness(1) invert(1);
}
.signup .master-login .login-left-content a {
  color: #6633CC;
  font-weight: 600;
  font-size: 13px;
}
.signup .master-login .login-left-content .create-account-here {
  text-align: right;
  padding: 0 0 10px 0;
}
.signup .master-login .login-left-content .custom-form-group .custom-label {
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  margin: 0 0 3px 0;
}
.signup .master-login .login-left-content .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix {
  top: 0px !important;
  right: 5px;
  cursor: pointer;
}
.signup .master-login .login-left-content .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix img {
  width: 24px;
}
.signup .master-login .login-left-content .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 0px !important;
  background-color: #ffffff;
}
.signup .master-login .login-left-content .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.signup .master-login .login-left-content .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0px !important;
  border-left-style: solid;
}
.signup .master-login .login-left-content .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-select .mat-select-placeholder {
  color: #34019C;
  font-weight: 600;
}
.signup .master-login .login-left-content .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 8px 12px 8px 12px !important;
  border-top: 3px solid transparent !important;
}
.signup .master-login .login-left-content .custom-form-group .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  color: #6633cc !important;
}
.signup .master-login .mat-input-element {
  color: #0e1f29 !important;
  opacity: 1;
  font-family: "Nunito Sans SemiBold", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px;
}
.signup .logo-text {
  font-size: 34px !important;
  font-weight: 800 !important;
  margin-bottom: 25px !important;
  color: #0e1f29;
}
.signup .loginForm {
  background-color: #ffffff;
  width: 30%;
  padding: 35px 35px 35px 35px;
  border-radius: 22px;
  margin-right: auto;
  margin-left: 5%;
}
.signup .login-toggle {
  margin: 10px auto;
  text-align: center;
}
.signup .login-toggle .mat-button-toggle-group {
  border-radius: 20px !important;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}
.signup .login-toggle .mat-button-toggle-group .mat-button-toggle-appearance-standard {
  border-radius: 20px !important;
  border: 0px !important;
  min-width: 100px;
  height: 34px;
  line-height: 34px;
}
.signup .login-toggle .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 34px;
  font-size: 13px;
  color: #350096;
}
.signup .login-toggle .mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-button {
  border-radius: 20px !important;
  background-color: #6633cc !important;
}
.signup .login-toggle .mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #fff;
}
.signup .custom-form-control .wrapper {
  text-align: center;
  margin-bottom: 25px;
}
.signup .custom-form-control .otp-input {
  border: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #6633cc;
  text-align: center;
  background: none;
  color: #323277;
}
.login-footer {
  height: 75px;
  overflow: hidden;
  position: relative;
}
.login-footer .login-footer-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 5%;
  height: 75px;
  z-index: 1;
}
.login-footer .login-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  background-image: linear-gradient(0deg, #ffffff 0%, #c7c7c7 100%);
  z-index: -1;
}
.login-footer p {
  font-size: 15px;
  font-weight: 600;
  margin: 0px;
}
.login-footer img {
  width: 150px;
}
.reports-sec .reports-row .box {
  width: 300px;
  border: 1px solid #fff;
  height: 150px;
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  margin: 0 0 30px;
}
.reports-sec .reports-row .box h4 {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  text-align: left;
  text-transform: capitalize;
  height: 40px;
}
.reports-sec .reports-row .box .box-media-right {
  display: flex;
  align-items: center;
}
.reports-sec .reports-row .box .box-media-right img {
  width: 50px;
  height: 50px;
  margin-right: 25px;
}
.reports-sec .reports-row .box .box-media-right h5 {
  font-size: 22px;
  font-weight: 500;
  font-family: "Nunito Sans SemiBold", sans-serif;
  margin: 0;
}
.cdk-drag-dragging tbody .mat-row {
  height: 48px;
  background: #f2f4f5 !important;
  border: 0;
  border-radius: 12px !important;
  border-spacing: 10px;
  margin-bottom: 10px !important;
  width: 100% !important;
  justify-content: space-between !important;
  align-items: center !important;
  display: flex !important;
}
.dragTable tbody .mat-row .mat-cell {
  font-weight: 600;
  font-size: 13px;
  position: relative;
  padding: 4px 8px 4px 8px;
  vertical-align: middle;
  border: 0;
}
.dragTable tbody .mat-row .mat-cell .mat-icon {
  position: relative;
}
.cdk-drag-dragging .table-img {
  width: 40px !important;
  height: 40px !important;
}
.dragTable .table-img {
  width: 40px !important;
  height: 40px !important;
}
.browse-btn {
  margin: 5px 0 0;
  line-height: 30px !important;
  padding: 0 15px !important;
  overflow: visible;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.3);
  background-color: #ff7101 !important;
  color: #ffffff !important;
  position: relative;
  height: 36px !important;
  border-color: #ff7101 !important;
  display: flex !important;
  cursor: pointer !important;
  margin-bottom: 10px !important;
  border-radius: 4px !important;
}
.browse-btn .input-upload {
  width: 100%;
  height: 36px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  cursor: pointer;
  margin: 0 auto;
}
.order-details-box {
  padding: 10px 10px 10px 10px;
  background: #f2f4f5;
  width: 100%;
  margin: 15px;
  border-radius: 6px;
}
.order-details-box h4 {
  font-size: 14px;
  color: #138808;
  font-weight: 600;
  margin: 10px 0 20px 0;
}
.order-details-box .custom-form-group .custom-label {
  font-size: 13px !important;
  margin: 0;
  min-width: 150px !important;
}
.order-sub-details {
  width: 100%;
}
.order-sub-details h4 {
  font-size: 14px;
  color: #138808;
  font-weight: 600;
  margin: 10px 0 10px 0;
}
.order-sub-details ul li.product-name {
  color: #000;
  font-weight: 600;
}
.order-sub-details ul li.product-order-details {
  display: flex;
  justify-content: space-between;
  width: 65%;
  margin: 10px 0 10px 0;
  border-bottom: 1px solid #eee;
  padding: 0 0 10px 0;
}
.order-sub-details ul li.product-order-details .price {
  color: #2fa84f;
}
.order-sub-details .order-total-detail li {
  display: flex;
  justify-content: space-between;
  width: 85%;
  font-size: 13px;
  margin: 10px 0 10px 0;
}
.order-sub-details .order-total-detail li .price {
  color: #2fa84f;
  width: 150px;
}
.order-btn-group {
  display: flex;
  justify-content: flex-end;
  margin: 15px 15% 0 0;
}
.order-btn-group .mat-button {
  border: 1px solid;
  height: 32px;
  line-height: 30px;
  margin: 0 10px 0 10px;
}
.order-btn-group .mat-button .mat-button-wrapper {
  font-size: 12px;
}
.order-btn-group .mat-button.accept-btn {
  background-color: #2FA84F;
  border-color: #2FA84F;
}
.order-btn-group .mat-button.accept-btn .mat-button-wrapper {
  color: #fff;
}
.order-btn-group .mat-button.shipped-btn {
  background-color: #FE9014;
  border-color: #FE9014;
}
.order-btn-group .mat-button.shipped-btn .mat-button-wrapper {
  color: #fff;
}
.order-btn-group .mat-button.cancel-btn {
  background-color: #686868;
  border-color: #686868;
}
.order-btn-group .mat-button.cancel-btn .mat-button-wrapper {
  color: #fff;
}
.order-btn-group .mat-button.delivered-btn {
  background-color: #2FA84F;
  border-color: #2FA84F;
}
.order-btn-group .mat-button.delivered-btn .mat-button-wrapper {
  color: #fff;
}
.custom-hint {
  font-size: 11px;
  font-weight: 500;
  margin: 3px 0 0 0;
}
.custom-btn-tabs .mat-button-toggle-group {
  background: #fff;
  width: 100%;
  border-radius: 0px;
  box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border: 1px solid #eee;
  margin: 0 0 -3px 0;
}
.custom-btn-tabs .mat-button-toggle-group .mat-button-toggle {
  border: 0;
  height: 40px;
  min-width: 150px;
  background: transparent;
  position: relative;
}
.custom-btn-tabs .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button {
  height: 40px;
}
.custom-btn-tabs .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  line-height: 40px;
  font-size: 15px;
  color: #000;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.custom-btn-tabs .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #fff;
  font-weight: 800;
  font-size: 16px;
}
.custom-btn-tabs .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked:before {
  background: #2FA84F !important;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  right: 0;
  bottom: 0px;
  position: absolute;
  width: auto;
  z-index: 1;
  margin: 0 auto;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  transition: all 0.8s ease-in-out 0s;
  transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
.custom-btn-tabs .tables-section {
  box-shadow: none;
  border-radius: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.custom-btn-tabs .mat-button-toggle-checked .mat-button-toggle-button {
  background: #64e764 !important;
}
.custom-btn-tabs .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #000;
}
.inner-tab-header .table-add-btn {
  position: relative !important;
  margin: 0 0 15px 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border-radius: 6px !important;
  height: 36px !important;
  float: right;
}
.tab-save-cancel-btn .mat-button-wrapper {
  color: #fff;
}
.inner-app .custom-sticky-table {
  min-height: auto;
}
.inner-app .uploader-sec .uploader-box {
  width: 33% !important;
}
.inner-app .uploader-sec .uploaded-imgs .img-listing .listing-img {
  width: 24% !important;
}
.inner-app .uploader-sec .upload-btn {
  width: auto;
}
.view-video {
  width: 250px !important;
  height: 200px;
}
.view-video video {
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.setting-btn {
  border: 1px solid #eee !important;
  margin: 5px 0 0 0 !important;
}
.selection-form {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selection-form .custom-form-group {
  margin-bottom: 0 !important;
}
.selection-form .mat-form-field-outline {
  color: #ebeef6 !important;
}
.selection-form .mat-form-field-appearance-outline .mat-form-field-prefix {
  top: 0px !important;
}
.selection-form .mat-form-field-appearance-outline .mat-form-field-prefix img {
  width: 16px;
}
.selection-form .custom-form-control {
  position: relative;
}
.selection-form .custom-form-control .mat-form-field {
  background: #ffffff !important;
  border-radius: 0px !important;
}
.selection-form .custom-form-control .mat-form-field {
  width: 100%;
}
.selection-form .custom-form-control .mat-form-field .mat-form-field-infix {
  color: #173458 !important;
  font-weight: 500 !important;
}
.selection-form .custom-form-control .mat-form-field .mat-form-field-wrapper {
  background-color: #ffffff !important;
}
.selection-form .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0px 15px !important;
}
.selection-form .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0px !important;
  border-left-style: solid;
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.selection-form .custom-form-control .mat-form-field {
  width: 100%;
}
.selection-form .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
  margin: 0px !important;
}
.selection-form .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.selection-form .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-left-style: solid;
}
.selection-form .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-input-element {
  padding-left: 5px !important;
}
.selection-form ::placeholder {
  color: #95a5ba !important;
  opacity: 1;
  font-weight: 600 !important;
  font-size: 12px !important;
}
.table_search {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table_search .search-btn {
  background: #ebeef6 !important;
  border: 1px solid #ebeef6;
  border-left: 1px solid #3d446536 !important;
  margin: 0 !important;
  line-height: 22px !important;
  height: 35px !important;
  padding: 4px 18px !important;
  border-radius: 0px !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}
.table_search .search-btn .mat-button-wrapper {
  font-weight: 700;
  letter-spacing: 1px;
  color: #323277 !important;
}
.table_search .search-btn .mat-button-wrapper span {
  font-size: 16px;
  margin-left: 10px;
}
.table_search .search-btn:hover {
  background: #2E0587 !important;
  border: 1px solid #2E0587;
}
.table_search .search-btn:hover .mat-button-wrapper {
  color: #ffffff !important;
}
.table_search .custom-form-group {
  margin-bottom: 0 !important;
}
.table_search .mat-form-field-outline {
  color: #ebeef6 !important;
}
.table_search .mat-form-field-appearance-outline .mat-form-field-prefix {
  top: 0px !important;
}
.table_search .mat-form-field-appearance-outline .mat-form-field-prefix img {
  width: 16px;
}
.table_search .custom-form-control {
  position: relative;
}
.table_search .custom-form-control .mat-form-field {
  background: #ffffff !important;
  border-radius: 0px !important;
}
.table_search .custom-form-control .mat-form-field {
  width: 100%;
}
.table_search .custom-form-control .mat-form-field .mat-form-field-infix {
  color: #173458 !important;
  font-weight: 500 !important;
}
.table_search .custom-form-control .mat-form-field .mat-form-field-wrapper {
  background-color: #ffffff !important;
}
.table_search .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0px 15px !important;
}
.table_search .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0px !important;
  border-left-style: solid;
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.table_search .custom-form-control .mat-form-field {
  width: 100%;
}
.table_search .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
  margin: 0px !important;
}
.table_search .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.table_search .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-left-style: solid;
}
.table_search .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-input-element {
  padding-left: 5px !important;
}
.table_search ::placeholder {
  color: #95a5ba !important;
  opacity: 1;
  font-weight: 600 !important;
  font-size: 12px !important;
}
.custom-popup {
  background: #ffffff !important;
  min-width: 380px !important;
  max-width: 520px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  border: 1px solid #e0e4e8;
}
.custom-popup .pop-up-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-top: 1px solid #F1F4FB;
}
.custom-popup .pop-up-footer p {
  font-size: 14px;
  color: #173458 !important;
  letter-spacing: 1.2px;
  margin: 0px;
}
.custom-popup .selection-list {
  border: 0px !important;
  border-radius: 0px !important;
  margin: 10px 0px;
  flex-wrap: wrap;
}
.custom-popup .selection-list .mat-button-toggle {
  border-radius: 4px !important;
}
.custom-popup .selection-list .mat-button-toggle-appearance-standard {
  color: #323277 !important;
  background: none;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 4px;
  border: 1px solid #e0e4e8;
}
.custom-popup .selection-list .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 28px;
  padding: 0 20px;
  letter-spacing: 1.2px;
  border-radius: 4px;
}
.custom-popup .selection-list .mat-button-toggle-checked {
  background-color: #2E0587 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
}
.custom-popup .pop-up-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  min-width: 500px;
}
.custom-popup .pop-up-header h4 {
  font-size: 14px;
  color: #323277 !important;
  letter-spacing: 1.2px;
  margin: 0px;
  font-weight: 400;
}
.custom-popup .pop-up-header .form-section .custom-form-group {
  margin-bottom: 0px !important;
}
.custom-popup .pop-up-body {
  padding: 0px 10px;
}
.custom-popup .custom-calendar .mat-calendar {
  color: #ffffff;
}
.custom-popup .custom-calendar .mat-calendar-table-header {
  color: #ffffff;
}
.custom-popup .custom-calendar .mat-calendar-body-label {
  color: #ffffff;
}
.custom-popup .custom-calendar .mat-calendar-body-cell-content {
  color: #ffffff;
  border-radius: 25%;
}
.custom-popup .custom-calendar .mat-calendar-body-selected {
  background-color: #feb403;
  color: #B8C2D8 !important;
  border-radius: 25%;
  box-shadow: none !important;
}
.custom-popup .custom-calendar .mat-calendar-arrow {
  border-top-color: #173458;
}
.br-50 .upload-single-img .uploader {
  border-radius: 50% !important;
}
.upload-single-img .icon-upload .uploader {
  background: none !important;
  border: 2px dashed #F1F4FB !important;
}
.upload-single-img.file-upload .uploader {
  align-items: center;
  margin: 15px 0px;
  cursor: pointer;
  background-color: #fff !important;
  position: relative;
  height: 185px !important;
  width: auto;
}
.upload-single-img.file-upload .uploader .img-upload-hint {
  position: absolute;
  margin-top: 30px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.upload-single-img.file-upload .uploader .upload-icon {
  width: 25px !important;
  margin: 10px 0px;
}
.upload-single-img.file-upload .uploader .preview-img {
  pointer-events: none;
  opacity: 1;
  z-index: 99;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transition: all 300ms ease-in;
  transform: translate(-50%, -50%);
  width: 100%;
  border-radius: 5px !important;
  padding: 2px;
  object-fit: scale-down;
}
.upload-single-img.file-upload .uploader .mat-progress-spinner {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
}
.upload-single-img.file-upload .primary-btn {
  margin: 5px auto 0 auto;
  min-width: 170px;
  line-height: 20px !important;
  padding: 0 20px !important;
  border-radius: 25px !important;
  overflow: visible;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  background: #036dd6;
  color: #ffffff;
  position: relative;
  height: 36px !important;
  border-color: #036dd6;
  display: flex;
  border: 1px solid;
}
.upload-single-img.file-upload .primary-btn img {
  margin: 0px;
  border-radius: 50%;
  padding: 4px;
  margin-left: 5px;
  height: 35px;
  position: absolute;
  top: -1px;
  right: 0;
}
.upload-single-img.file-upload .primary-btn .mat-button-wrapper {
  font-size: 13px !important;
  color: #ffffff !important;
  padding-right: 30px;
}
.upload-single-img .master-img-upload {
  padding: 0px;
  border-radius: 12px;
}
.upload-single-img .uploader {
  align-items: center;
  margin: 0px 0px 10px 0px;
  cursor: pointer;
  display: block;
  border: 1px dashed #2E0587;
  text-align: center;
  justify-content: center;
  border-radius: 8px;
  background-color: #ecf4fe;
  position: relative;
  height: 125px;
  max-width: 125px;
}
.upload-single-img .uploader .img-upload-hint {
  position: absolute;
  margin-top: 30px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.upload-single-img .uploader .upload-icon {
  width: 22px;
  margin: 25px 0px;
}
.upload-single-img .uploader h2 {
  padding: 0;
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 600;
  white-space: normal;
  color: #323277;
  width: 85%;
  letter-spacing: 1.2px;
  margin: 0 auto;
  margin-top: 0px;
  padding-bottom: 0px !important;
}
.upload-single-img .uploader .mat-progress-spinner circle,
.upload-single-img .uploader .mat-spinner circle {
  stroke: #fff !important;
}
.upload-single-img .uploader .filesize-box {
  color: #9e9e9e;
  position: relative;
  top: 0px;
  font-weight: 500;
  font-size: 11px;
  width: 100%;
  display: block;
}
.upload-single-img .uploader .preview-img {
  pointer-events: none;
  opacity: 1;
  z-index: 99;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transition: all 300ms ease-in;
  transform: translate(-50%, -50%);
  width: 100%;
  border-radius: 5px !important;
  padding: 2px;
  object-fit: scale-down;
}
.upload-single-img .uploader .mat-progress-spinner {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
}
.upload-single-img .input-upload {
  width: 100%;
  height: 155px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  cursor: pointer;
  margin: 0 auto;
}
.url-add-field {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.url-add-field .search-btn {
  background: #ebeef6 !important;
  border-left: 1px solid #3d446536 !important;
  margin: 0 !important;
  line-height: 22px !important;
  height: 36px !important;
  padding: 4px 18px !important;
  border-radius: 0px 20px 20px 0px;
}
.url-add-field .search-btn .mat-button-wrapper {
  font-weight: 700;
  letter-spacing: 1px;
  color: #323277 !important;
}
.url-add-field .search-btn .mat-button-wrapper span {
  font-size: 16px;
  margin-right: 10px;
}
.url-add-field .custom-form-group {
  margin-bottom: 0 !important;
  width: 100%;
}
.url-add-field .mat-form-field-appearance-outline .mat-form-field-prefix,
.url-add-field .mat-form-field-appearance-outline .mat-form-field-suffix {
  top: 0px !important;
}
.url-add-field .custom-form-control {
  position: relative;
}
.url-add-field .custom-form-control .mat-form-field {
  background: #ffffff !important;
  border-radius: 0px !important;
}
.url-add-field .custom-form-control .mat-form-field {
  width: 100%;
}
.url-add-field .custom-form-control .mat-form-field .mat-form-field-infix {
  color: #323277 !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
}
.url-add-field .custom-form-control .mat-form-field .mat-form-field-wrapper {
  background-color: #ebeef6 !important;
}
.url-add-field .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0px 15px !important;
}
.url-add-field .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  color: #ebeef6 !important;
}
.url-add-field .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 20px 0px 0px 20px !important;
  border-left-style: solid;
}
.url-add-field .custom-form-control .mat-form-field {
  width: 100%;
}
.url-add-field .custom-form-control .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
  margin: 0px !important;
  border-radius: 20px 0px 0px 20px;
}
.url-add-field .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.url-add-field .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-left-style: solid;
}
.url-add-field .custom-form-control .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-input-element {
  padding-left: 5px !important;
}
.upload-section-three .search-header {
  margin: 10px 0px;
}
.upload-section-three .search-header .url-add-field .custom-form-group {
  margin-bottom: 0 !important;
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.upload-section-three .search-header .url-add-field .custom-form-group .custom-label {
  margin-right: 15px;
}
.upload-section-three .search-img-list {
  height: 165px;
  overflow: auto;
}
.upload-section-three .search-img-list .img-selection-list {
  border: 0px !important;
  border-radius: 0px !important;
  margin: 10px 0px;
  flex-wrap: wrap;
}
.upload-section-three .search-img-list .img-selection-list .mat-button-toggle {
  border-radius: 4px !important;
}
.upload-section-three .search-img-list .img-selection-list .mat-button-toggle-appearance-standard {
  color: #323277 !important;
  background: none;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  border: 1px solid #e0e4e8;
  width: 15%;
}
.upload-section-three .search-img-list .img-selection-list .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 28px;
  padding: 0px;
  letter-spacing: 1.2px;
  border-radius: 4px;
}
.upload-section-three .search-img-list .img-selection-list .mat-button-toggle-checked {
  background-color: #ffffff !important;
  border-radius: 4px !important;
  border: #2E0587 1px solid;
  width: 15%;
}
.upload-section-three .search-img-list .card {
  border-color: #e0e4e8;
  border: 0px !important;
}
.upload-section-three .search-img-list .card .card-body {
  padding: 0px;
  position: relative;
  min-height: 115px;
}
.upload-section-three .search-img-list .card .card-body img {
  width: 100%;
  object-fit: contain;
  height: 115px;
}
.upload-section-three .search-img-list .card .card-body video {
  width: 100%;
  object-fit: contain;
  height: 115px;
}
.upload-section-three .search-img-list .card .card-body .overlay {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  left: 0px;
  border-radius: 5px;
  background: #00000094;
  z-index: 1;
}
.upload-section-three .search-img-list .card .card-body .overlay .icon-list {
  display: flex;
  margin: 30% auto 0px auto;
  text-align: center;
  justify-content: center;
}
.upload-section-three .search-img-list .card .card-body .overlay .icon-list li {
  display: inline-block;
  cursor: pointer;
}
.upload-section-three .search-img-list .card .card-body .overlay .icon-list li .icon {
  width: 25px;
  height: auto;
  margin-right: 10px;
}
.upload-section-three .search-img-list .card .card-body:hover .overlay {
  opacity: 1;
}
.upload-section-three .search-img-list .card .card-footer {
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.upload-section-three .search-img-list .card .card-footer .image-name {
  color: #323277;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  min-width: 0;
  display: block;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85px;
  min-width: 75px;
}
.image-preview-box .image-preview {
  width: 100%;
  min-height: 250px !important;
  position: relative;
  border-radius: 5px;
  margin-top: 60px;
}
.image-preview-box .image-preview img {
  width: 100%;
  object-fit: contain;
  height: 65vh;
  margin: 10px 0px;
}
.image-preview-box .image-preview video {
  height: 250px;
  object-fit: contain;
  width: 100%;
}
.image-preview-box .image-preview .overlay {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  left: 0px;
  border-radius: 5px;
  background: #00000094;
  z-index: 1;
}
.image-preview-box .image-preview .overlay .icon-list {
  display: flex;
  margin: 30% auto 0px auto;
  text-align: center;
  justify-content: center;
}
.image-preview-box .image-preview .overlay .icon-list li {
  display: inline-block;
  cursor: pointer;
}
.image-preview-box .image-preview .overlay .icon-list li .icon {
  width: 20px;
  height: auto;
  margin-right: 10px;
}
.image-preview-box .image-preview:hover .overlay {
  opacity: 1;
}
.uploader-tabs {
  position: relative;
}
.uploader-tabs .global-btn {
  margin: 10px auto;
}
.uploader-tabs .image-thumbs {
  z-index: 1;
  box-sizing: border-box;
  padding: 5px 5px 5px 15px;
  margin-top: 5px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #dadce0;
  border-radius: 4px;
}
.image-thumbs-flex {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: auto;
  height: 132px;
  gap: 10px;
  list-style: none;
  scrollbar-width: auto;
  padding: 0;
  margin: 0;
}
.image-thumb-item {
  flex: 0 0 auto;
  width: 108px;
  height: 108px;
  background: #f5f5f5;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.image-thumbs-flex::-webkit-scrollbar {
  height: 8px;
  /* Adjust scrollbar height */
}
.image-thumbs-flex::-webkit-scrollbar-thumb {
  background: #ccc;
  /* Scrollbar color */
  border-radius: 4px;
  /* Scrollbar thumb rounded edges */
}
.image-thumbs-flex::-webkit-scrollbar-thumb:hover {
  background: #aaa;
  /* Darker color on hover */
}
@media (max-width: 600px) {
  .image-thumbs-flex {
    width: 100%;
    /* Adjust width to fit smaller screens */
    height: auto;
    /* Allow flexible height */
  }

  .image-thumb-item {
    width: 100px;
    /* Reduce thumbnail size for smaller screens */
    height: 100px;
  }
}
.image-thumbs {
  box-sizing: border-box;
  padding: 0px 5px 0 15px;
  margin-top: 5px;
  position: relative;
  display: inline-block;
  flex-wrap: wrap;
}
.image-thumbs .img-thumbs-list, .image-thumbs .cdk-drag-preview {
  display: inline-block;
  opacity: 0.9;
  padding-left: 0px;
  min-height: 65px !important;
  min-height: auto !important;
  border-radius: 4px;
  border: 1px solid #eee;
  position: relative;
  width: 75px;
}
.image-thumbs .img-thumbs-list img, .image-thumbs .cdk-drag-preview img {
  height: 75px;
  object-fit: contain;
  width: 100%;
  border-radius: 4px;
}
.image-thumbs .img-thumbs-list .overlay, .image-thumbs .cdk-drag-preview .overlay {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  left: 0px;
  border-radius: 5px;
  background: #00000094;
  z-index: 1;
}
.image-thumbs .img-thumbs-list .overlay .icon-list, .image-thumbs .cdk-drag-preview .overlay .icon-list {
  display: flex;
  margin: 30% auto 0px auto;
  text-align: center;
  justify-content: center;
  padding: 0px 8px;
}
.image-thumbs .img-thumbs-list .overlay .icon-list li, .image-thumbs .cdk-drag-preview .overlay .icon-list li {
  display: inline-block;
  cursor: pointer;
}
.image-thumbs .img-thumbs-list .overlay .icon-list li .icon, .image-thumbs .cdk-drag-preview .overlay .icon-list li .icon {
  width: 20px;
  height: auto;
  margin-right: 10px;
}
.image-thumbs .img-thumbs-list:hover .overlay, .image-thumbs .cdk-drag-preview:hover .overlay {
  opacity: 1;
}
.image-thumbs .img-thumbs-list video, .image-thumbs .cdk-drag-preview video {
  width: 100%;
  object-fit: cover;
  min-height: 65px;
}
.img-thumbs-list, .cdk-drag-preview {
  display: inline-block;
  opacity: 0.9;
  padding-left: 0px;
  min-height: 65px !important;
  min-height: auto !important;
  border-radius: 4px;
  border: 1px solid #eee;
  position: relative;
  width: 75px;
  margin-top: 10px;
}
.img-thumbs-list img, .cdk-drag-preview img {
  height: 75px;
  object-fit: contain;
  width: 100%;
}
.img-thumbs-list .overlay, .cdk-drag-preview .overlay {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  left: 0px;
  border-radius: 5px;
  background: #00000094;
  z-index: 1;
}
.img-thumbs-list .overlay .icon-list, .cdk-drag-preview .overlay .icon-list {
  display: flex;
  margin: 30% auto 0px auto;
  text-align: center;
  justify-content: center;
  padding: 0px 8px;
}
.img-thumbs-list .overlay .icon-list li, .cdk-drag-preview .overlay .icon-list li {
  display: inline-block;
  cursor: pointer;
}
.img-thumbs-list .overlay .icon-list li .icon, .cdk-drag-preview .overlay .icon-list li .icon {
  width: 20px;
  height: auto;
  margin-right: 10px;
}
.img-thumbs-list:hover .overlay, .cdk-drag-preview:hover .overlay {
  opacity: 1;
}
.img-thumbs-list video, .cdk-drag-preview video {
  width: 100%;
  object-fit: cover;
  min-height: 65px;
}
.image-property-box {
  border: 1px solid #e0e4e8;
  border-radius: 4px;
}
.image-property-box .property-header {
  border-bottom: 1px solid #e0e4e8;
  background: #f2faf5;
}
.image-property-box .property-header h5 {
  font-size: 16px;
  font-weight: 500;
  padding: 5px 10px;
}
.image-property-box .property-body {
  padding: 5px 10px;
}
.image-property-box .property-body .property-list {
  margin: 0px;
  padding: 0px;
}
.image-property-box .property-body .property-list li {
  display: inline-block;
  width: 50%;
}
.image-property-box .property-body .property-list li .property-type {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
}
.image-property-box .property-body .property-list li p {
  font-size: 13px;
  margin-bottom: 5px;
}
.mat-progress-bar {
  display: block;
  height: 15px !important;
  border: 2px solid outline;
  border-radius: 10px;
}
.mat-progress-bar .mat-progress-bar-fill::after {
  background-color: #2E0587 !important;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.mat-progress-bar .mat-progress-bar-background {
  fill: #ecf4fe;
}
.mat-progress-bar .mat-progress-bar-buffer {
  background-color: #fff6dd !important;
}
.uploader-sec .upload-single-img {
  width: 100%;
}
.uploader-sec .uploader-box {
  -webkit-box-align: center;
  cursor: pointer;
  display: block;
  text-align: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px dashed #1c97fc;
  background-color: #f2f4f5;
  margin-bottom: 15px;
  height: 200px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0px 0;
  overflow: hidden;
  word-break: break-all;
}
.uploader-sec .uploader-box .upload-icon {
  width: 55px;
}
.uploader-sec .uploader-box h2 {
  padding: 0;
  background: none;
  border: none;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  white-space: normal;
  color: #323277 !important;
  width: 85%;
  margin: 8px auto 0 auto;
  padding-bottom: 0px !important;
}
.uploader-sec .uploader-box .file-size {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #323277 !important;
  width: 85%;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
.uploader-sec .uploader-box .file-size i {
  font-size: 14px;
  position: relative;
  top: 3px;
}
.uploader-sec .uploader-box .upload-btn {
  margin: 40px 0 0 0;
  min-width: 64px;
  height: 36px;
  line-height: 30px;
  padding: 0 20px;
  border-radius: 25px;
  overflow: visible;
  font-size: 12px;
  background: #f2faf5;
  position: relative;
  width: auto;
  border: 1px solid #1c97fc;
}
.uploader-sec .uploader-box .upload-btn .input-upload {
  width: 100%;
  height: 34px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  cursor: pointer;
  margin: 0 auto;
}
.uploader-sec .uploader-box .upload-btn .mat-button-wrapper {
  font-size: 14px;
  font-weight: 400;
  color: #323277;
}
.uploader-sec .uploader-box .upload-btn .upload-btn-img {
  position: relative;
  left: 15px;
  bottom: 0px;
  width: 25px;
}
.uploader-sec .uploader-box .support-file {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #323277 !important;
  margin-top: 10px;
  padding: 0px 5px;
}
.uploader-sec .uploaded-imgs .img-listing {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.uploader-sec .uploaded-imgs .img-listing .listing-img {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  margin-right: 15px;
  width: 46%;
  border: 1px solid #eee;
  height: 175px;
  padding: 3px;
  background: #fff;
  border-radius: 10px;
}
.uploader-sec .uploaded-imgs img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 10%;
  object-fit: cover;
}
.uploader-sec .uploaded-imgs video {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.uploader-sec .uploaded-imgs i {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  text-align: center;
  z-index: 9;
  color: #fff;
  border: 1px solid #fa5d50;
  background: #fa5d50;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  line-height: 16px;
  font-size: 14px;
  font-weight: 600;
}
.upload-progress-bar {
  position: relative;
}
.upload-progress-bar h5 {
  position: absolute;
  top: 0px;
  left: 50%;
  color: #000000;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 400;
}
.ngx-shimmer {
  display: inline-block;
  width: 100%;
  height: 12px;
  background-color: #e8e8e8;
  background-image: linear-gradient(to right, #ffffff 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1000px 1000px;
}
.full-screen-modal {
  width: 100%;
  height: 95%;
  margin: 0px auto;
}
.full-screen-modal .mat-dialog-container {
  max-height: 100vh !important;
}
.full-screen-modal .mat-dialog-container {
  max-height: 100vh !important;
  margin: 0px !important;
  padding: 0px !important;
}
.full-screen-modal .mat-dialog-container .modal-close {
  cursor: pointer;
}
.full-screen-modal .mat-dialog-container .mat-dialog-content {
  display: block;
  margin: 0px !important;
  padding: 0px !important;
  max-height: 100vh;
  background: #fff;
}
.full-screen-body {
  padding: 0px 5px 0px 5px;
}
.cdk-overlay-backdrop.backdropBackground {
  background: rgba(0, 0, 0, 0.32) !important;
}
.detail-header {
  width: 100%;
  padding: 5px 10px;
  align-items: center;
  display: flex;
  background: #e4e4e4;
  justify-content: space-between;
  border: 1px solid #e0e4e8;
}
.detail-header .title {
  color: #323277;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  min-width: 0;
  display: block;
  width: 180px;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-header .modal-close {
  cursor: pointer;
}
.view-full-box {
  position: relative;
  height: 100vh;
  width: 100%;
  padding: 0px 10px;
  overflow: auto;
}
.view-full-box .full-view-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.view-full-box .video-frame {
  border-radius: 5px;
  width: 100%;
  max-height: 500px;
  object-fit: contain;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ngx-view iframe {
  width: 100%;
  height: 530px;
  margin-top: 0px;
}
.file-import-section .header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.file-import-section .header-section h5 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0px;
}
.file-import-section .header-section .search-btn {
  background: #2FA84F !important;
  border: 1px solid #2FA84F;
  margin: 0 !important;
  color: #ffffff !important;
  line-height: 22px !important;
  height: 32px !important;
  padding: 4px 15px !important;
  border-radius: 0px !important;
  border-left: 0px !important;
}
.file-import-section .header-section .search-btn .mat-button-wrapper {
  font-weight: 400;
  letter-spacing: 1px;
  color: #ffffff !important;
}
.file-import-section .header-section .search-btn .mat-button-wrapper span {
  font-size: 16px;
  margin-right: 10px;
}
.file-import-section .file-uploaded .search-btn {
  background: #2FA84F !important;
  border: 1px solid #2FA84F;
  display: flex;
  margin: 10px auto;
  color: #ffffff !important;
  line-height: 22px !important;
  height: 32px !important;
  padding: 4px 15px !important;
  border-radius: 0px !important;
  border-left: 0px !important;
}
.file-import-section .file-uploaded .search-btn .mat-button-wrapper {
  font-weight: 400;
  letter-spacing: 1px;
  color: #ffffff !important;
}
.file-import-section .file-uploaded .search-btn .mat-button-wrapper span {
  font-size: 16px;
  margin-right: 10px;
}
.file-import-section .file-uploaded .info-btn {
  color: #ffffff !important;
  line-height: 22px !important;
  height: 45px !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  width: 80%;
  display: flex;
  margin: 10px auto;
}
.file-import-section .file-uploaded .info-btn.success-btn {
  border: 1px solid #2FA84F;
}
.file-import-section .file-uploaded .info-btn.success-btn .mat-button-wrapper {
  color: #2FA84F !important;
}
.file-import-section .file-uploaded .info-btn.danger-btn {
  border: 1px solid #FA236C;
}
.file-import-section .file-uploaded .info-btn.danger-btn .mat-button-wrapper {
  color: #FA236C !important;
}
.file-import-section .file-uploaded .info-btn .mat-button-wrapper {
  font-weight: 400;
  letter-spacing: 1px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.file-import-section .file-uploaded .info-btn .mat-button-wrapper span {
  font-size: 16px;
  margin-right: 10px;
}
.cdk-global-scrollblock {
  position: initial !important;
  overflow: hidden !important;
}
.custom-icons path {
  fill: green;
}
.no-data {
  margin: 0px auto;
  text-align: center;
}
.no-data img {
  max-height: 300px;
  object-fit: contain;
}
.page-builder-section :host {
  height: 100%;
  display: block;
}
.page-builder-section .container {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.page-builder-section #bar {
  flex: 1;
  background-color: #2E0587;
  color: #ffffff;
  justify-content: space-between;
  padding: 10px;
  display: flex;
  align-items: center;
}
.page-builder-section .flex-btns {
  display: flex;
}
.page-builder-section #bar h1 {
  flex: 1;
  font-size: 16px;
  text-align: left;
  margin-bottom: 0px;
}
.page-builder-section #bar button {
  flex: 1;
  padding: 10px;
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
  background-color: #000;
  color: #fff;
  border: 0px;
  max-width: 150px;
  cursor: pointer;
}
.master-button-toggles {
  margin: 0 0 15px 0px;
}
.master-button-toggles .mat-tab-links {
  background: #fff;
  width: 100%;
  border-radius: 0;
  border: 1px solid #eee;
  margin: 0 0 -3px;
}
.master-button-toggles .mat-tab-links .mat-tab-link {
  border: 0;
  height: 36px;
  min-width: 150px;
  background: transparent;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.master-button-toggles .mat-tab-links .mat-tab-link:hover {
  color: #2FA84F;
  border-bottom: 1px solid #2FA84F;
}
.master-button-toggles .mat-tab-links .mat-tab-link.active {
  color: #2FA84F;
  border-bottom: 1px solid #2FA84F;
}
.document-card {
  background-color: #ecf4fe;
  border-radius: 10px;
  margin: 10px 15px;
  padding: 15px 25px;
}
.document-card .card-body {
  padding: 0px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.document-card .card-body .doc-details img {
  width: 25px;
  margin-bottom: 10px;
}
.document-card .card-body .doc-details h4 {
  color: #01048a;
  font-size: 18px;
  font-weight: 500;
}
.document-card .card-body .version-list {
  list-style: none;
  display: flex;
}
.document-card .card-body .version-list li {
  display: inline-block;
  color: #7e7f80;
  font-size: 12px;
  font-weight: 600;
  margin-right: 10px;
  line-height: 24px !important;
}
.document-card .card-body .version-list li .mat-icon-button {
  height: 24px !important;
  line-height: 24px !important;
  width: 24px !important;
}
.document-card .card-footer {
  background-color: #ecf4fe;
  border-top: 0px;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.document-card .card-footer p {
  font-size: 14px;
  font-weight: 500;
  color: #323277;
}
.document-card .card-footer .status-btn {
  border-radius: 25px;
  margin-top: 15px;
}
.document-card .card-footer .status-btn.draft {
  background-color: #FEE4E2;
  color: #FA236C !important;
}
.document-card .card-footer .status-btn.pending_app {
  background-color: #FFEDD8;
  color: #FE9014 !important;
}
.document-card .card-footer .status-btn.approved {
  background-color: #DCF7E3;
  color: #2FA84F !important;
}
.document-card .card-footer .time-date {
  font-size: 12px;
  font-weight: 500;
}
.document-view-sec {
  background: #323232 !important;
  padding: 0 !important;
}
.document-view-sec .document-left {
  background: #000;
  position: relative;
}
.document-view-sec .document-left .left-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 15px 0 15px;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 999;
  background: black;
}
.document-view-sec .document-left .left-head .doc-name {
  display: flex;
  align-items: center;
}
.document-view-sec .document-left .left-head .doc-name h4 {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}
.document-view-sec .document-left .left-head .doc-name a {
  text-decoration: underline;
  display: inline-block;
  margin-left: 10px;
}
.document-view-sec .document-left .left-head img {
  width: 22px;
}
.document-view-sec .document-left .left-head i {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.document-view-sec .document-right {
  background: #323232;
}
.document-view-sec .document-right .heading_right {
  height: 60px;
  padding: 0 15px 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  background: #323232;
}
.document-view-sec .document-right .heading_right h4 {
  color: #fff;
  font-weight: 500;
}
.document-view-sec .document-right .heading_right i {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.document-view-sec .document-right .document-info ul li {
  color: #fff;
  display: flex;
  padding: 0 0 0 20px;
  margin: 10px 0 10px 0;
  max-width: 70%;
  justify-content: space-between;
  align-items: center;
}
.document-view-sec .document-right .document-info ul li .property-type {
  color: #fcfcfc;
}
.document-view-sec .document-right .document-info ul li p {
  padding-right: 20px;
  font-size: 13px;
  min-width: 150px;
}
.document-changes-card {
  background-color: #edf2ff;
  border-radius: 10px;
  padding: 10px 15px;
  margin: 10px;
}
.document-changes-card .change-type {
  color: #3e424a;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.document-changes-card .changes-list {
  list-style: none;
  margin: 0px;
}
.document-changes-card .changes-list li {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #3e424a;
}
.document-changes-card .document-card-footer {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 10px 15px;
  margin: 15px;
}
.document-changes-card .document-card-footer .author-type {
  color: #7189A7;
  font-weight: 500;
  font-size: 12px;
}
.document-changes-card .document-card-footer .author-name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #373759;
}
.document-changes-card .document-card-footer .time-stamp {
  font-size: 10px;
  margin-bottom: 10px;
  color: #323277;
  font-weight: 500;
}
.chat-sec {
  border-radius: 6px;
  overflow: hidden;
}
.chat-sec.outer-chat-sec .chat-row .chat-right .chat-body {
  min-height: calc(100vh - 195px);
  max-height: calc(100vh - 195px);
  height: calc(100vh - 195px);
}
.chat-sec.quotation-chat-sec .quote-expansion {
  border-bottom: 1px solid #F1F4FB;
}
.chat-sec.quotation-chat-sec .chat-row .chat-right .support-right-head li {
  border-bottom: 0px !important;
}
.chat-sec.quotation-chat-sec .chat-row .chat-right .support-right-head li .media {
  align-items: center;
}
.chat-sec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .media-left {
  width: 35px;
  margin-right: 5px;
}
.chat-sec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card {
  margin-top: 10px !important;
  max-width: max-content;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.chat-sec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list {
  min-width: 325px;
}
.chat-sec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li {
  line-height: 34px;
  border-bottom: 1px solid #eee;
  letter-spacing: 0;
  padding: 0px 5px;
}
.chat-sec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li .field-type {
  font-weight: 600;
  text-transform: capitalize;
  text-align: left;
  font-size: 14px;
  margin-bottom: 2px;
  margin-right: 10px;
  max-width: 140px;
  min-width: 80px;
  padding-left: 5px;
  color: #000;
}
.chat-sec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li .field-type .dots {
  width: 25px;
  float: right;
  font-weight: 600;
  text-align: right;
}
.chat-sec.quotation-chat-sec .view-more {
  background: #ffffff !important;
  color: #ffffff !important;
  text-transform: capitalize !important;
  height: 30px;
  border: 1px solid #e0e4e8 !important;
  line-height: 30px;
  padding: 0 8px 0 8px;
}
.chat-sec.quotation-chat-sec .view-more .mat-button-wrapper {
  font-size: 14px;
  font-weight: 500;
  color: #323277 !important;
  letter-spacing: 0.5px;
}
.chat-sec .chat-row .chat-left {
  background: #ffffff;
}
.chat-sec .chat-row .chat-left .horizontal-custom-tabs {
  margin-top: 0px !important;
  background: #ffffff;
}
.chat-sec .chat-row .chat-left .horizontal-custom-tabs .mat-paginator-range-actions {
  width: 125px !important;
}
.chat-sec .chat-row .chat-left .horizontal-custom-tabs .horizontal-toggle-buttons {
  border-bottom: 1px solid #e0e4e8;
  width: 100%;
  display: flex;
  padding: 5px 10px;
  background: #ffffff;
  border-radius: 0px;
  justify-content: space-between;
}
.chat-sec .chat-row .chat-left .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle {
  width: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  border-radius: 4px;
}
.chat-sec .chat-row .chat-left .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle:last-child {
  border-right: 0px !important;
}
.chat-sec .chat-row .chat-left .request-ul {
  list-style: none;
  min-height: calc(100vh - 235px);
  max-height: calc(100vh - 235px);
  height: calc(100vh - 200px);
  overflow: auto;
  background: #ffffff;
  position: relative;
}
.chat-sec .chat-row .chat-left .request-ul li {
  list-style: none;
  padding: 10px 8px;
  border-radius: 6px;
  margin: 5px 10px 15px 10px;
  cursor: pointer;
  background: #f4f7fc;
  color: #2b4058;
  position: relative;
}
.chat-sec .chat-row .chat-left .request-ul li.group-chat-list {
  padding-bottom: 10px;
}
.chat-sec .chat-row .chat-left .request-ul li .request-ticket {
  display: flex;
  justify-content: space-between;
  padding: 0 5px 0 0;
}
.chat-sec .chat-row .chat-left .request-ul li .request-ticket .date-time-tag {
  position: absolute;
  right: 3px;
  top: 0px;
  padding: 2px 3px;
  color: #2E0587;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #2E0587;
  line-height: 14px;
}
.chat-sec .chat-row .chat-left .request-ul li .request-ticket .date-time-tag span {
  font-size: 10px;
  font-weight: 500;
  margin-right: 5px;
}
.chat-sec .chat-row .chat-left .request-ul li .media {
  align-items: center !important;
}
.chat-sec .chat-row .chat-left .request-ul li .request-id {
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1px;
  background: #0e1f29;
  height: 26px;
  color: #ffffff;
  padding: 0 20px 0 20px;
  position: absolute;
  top: -1px;
  left: 0px;
  border-radius: 40px;
  border-top-left-radius: 0;
  line-height: 25px;
}
.chat-sec .chat-row .chat-left .request-ul li .request-content {
  font-size: 13px;
  color: #7189A7;
  line-height: 20px;
  font-weight: 400;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin-bottom: 3px;
  padding-right: 30px;
  margin: 20px 0 0 0;
}
.chat-sec .chat-row .chat-left .request-ul li .closed-date .date-time-tag {
  text-align: right;
  color: #000;
  margin: 0 5px 0 0;
}
.chat-sec .chat-row .chat-left .request-ul li .closed-date .date-time-tag span {
  font-size: 11px;
  font-weight: 600;
  margin-right: 5px;
}
.chat-sec .chat-row .chat-left .request-ul li .closed-date .date-time-tag .closed {
  color: #000;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.chat-sec .chat-row .chat-left .request-ul li .proceed-icon {
  position: absolute;
  top: -1px;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  right: -1px;
  bottom: -1px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  font-size: 36px;
  width: 25px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #173458;
  justify-content: center;
  color: #2c2c2d;
}
.chat-sec .chat-row .chat-left .request-ul li .media.group-card {
  align-items: center;
  margin-top: 0px !important;
}
.chat-sec .chat-row .chat-left .request-ul li .media .media-left .media-object {
  width: 45px;
  height: 45px;
  border-radius: 25px;
  object-fit: cover;
}
.chat-sec .chat-row .chat-left .request-ul li .media .media-body h4 {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #323277 !important;
}
.chat-sec .chat-row .chat-left .request-ul li .media .media-body p {
  margin: 0;
  font-size: 13px;
  padding: 0;
  line-height: 18px;
  color: #7189A7 !important;
}
.chat-sec .chat-row .chat-left .request-ul li .media .media-body p span {
  font-size: 12px;
  font-weight: 400;
  margin-right: 5px;
}
.chat-sec .chat-row .chat-right {
  background-color: #ffffff;
  border-top: 1px solid #F1F4FB;
  padding: 0px;
  position: relative;
  min-height: calc(100vh - 85px);
}
.chat-sec .chat-row .chat-right .mat-expansion-panel-header {
  cursor: pointer;
}
.chat-sec .chat-row .chat-right .support-right-head {
  position: relative;
  width: 100%;
}
.chat-sec .chat-row .chat-right .support-right-head li {
  list-style: none;
  padding: 5px 0 5px 10px;
  border-bottom: 2px solid #eee;
  border-radius: 0px;
  margin: 5px 0;
}
.chat-sec .chat-row .chat-right .support-right-head li .request-id {
  font-weight: 500;
  font-size: 13px;
  background: #ebeef6;
  padding: 2px 5px;
  border-radius: 4px;
  letter-spacing: 1px;
  font-family: "Nunito Sans SemiBold", sans-serif;
}
.chat-sec .chat-row .chat-right .support-right-head li .request-content {
  font-size: 14px;
  padding-right: 25px;
  color: #000;
  line-height: 20px;
  font-weight: 500;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "Nunito Sans SemiBold", sans-serif;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin: 0 0 5px 0;
}
.chat-sec .chat-row .chat-right .support-right-head li .request-ticket {
  display: flex;
  justify-content: space-between;
  padding: 0 5px 5px 0px;
  align-items: center;
}
.chat-sec .chat-row .chat-right .support-right-head li .request-ticket .date-time-tag span {
  font-size: 12px;
  font-weight: 500;
  margin-right: 5px;
  font-family: "Nunito Sans SemiBold", sans-serif;
}
.chat-sec .chat-row .chat-right .support-right-head .media .media-left .media-object {
  width: 45px;
  height: 45px;
  border-radius: 25px;
  object-fit: cover;
}
.chat-sec .chat-row .chat-right .support-right-head .media .media-body h4 {
  font-size: 13px;
  margin: 0;
  color: #323277;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}
.chat-sec .chat-row .chat-right .support-right-head .media .media-body span {
  font-size: 13px;
  font-weight: 400;
  color: #95a5ba;
}
.chat-sec .chat-row .chat-right .support-right-head .media .media-body p {
  margin: 0;
  padding: 0;
}
.chat-sec .chat-row .chat-right .support-right-head .media .media-body p span {
  font-size: 12px;
  font-weight: 400;
  margin-right: 5px;
}
.chat-sec .chat-row .chat-right .support-right-head .date-time-tag {
  margin: 0 0 4px 0;
  padding: 2px 3px;
  color: #2E0587;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #2E0587;
  line-height: 14px;
}
.chat-sec .chat-row .chat-right .support-right-head .close-chat-btn {
  position: absolute;
  right: 10px;
  bottom: 15px;
}
.chat-sec .chat-row .chat-right .support-right-head .close-chat-btn .mat-button {
  background: #2E0587;
  text-transform: capitalize !important;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  border-radius: 20px;
  padding: 0 8px 0 8px;
}
.chat-sec .chat-row .chat-right .support-right-head .close-chat-btn .mat-button .mat-button-wrapper {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.5px;
}
.chat-sec .chat-row .chat-right .chat-body {
  min-height: calc(100vh - 290px);
  max-height: calc(100vh - 300px);
  height: calc(100vh - 250px);
  overflow: auto;
  background-position: center;
  background-color: #ffffff;
  background-attachment: fixed;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  width: 100%;
}
.chat-sec .chat-row .chat-right .chat-body .chatbot-card {
  min-width: 200px;
  overflow: hidden;
  padding: 8px 10px;
  border-radius: 15px;
  transition: opacity 0.5s, background-color 0.75s, color 0.75s;
  position: relative;
  background-color: white;
  color: #333333;
  font-weight: 600;
}
.chat-sec .chat-row .chat-right .chat-body .chatbot-card .chat-time {
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  bottom: 1px;
  right: 10px;
}
.chat-sec .chat-row .chat-right .chat-body .card-container {
  display: block;
}
.chat-sec .chat-row .chat-right .chat-body .card-container .chatbot-card-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 17px 0px;
  padding: 0px 35px;
  position: relative;
}
.chat-sec .chat-row .chat-right .chat-body .card-container .chatbot-card-list p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.chat-sec .chat-row .chat-right .chat-body .card-container .chatbot-card-list .left-user-img {
  width: 35px;
  height: 35px;
  top: -12px;
  left: 10px;
  position: absolute;
  border-radius: 50%;
}
.chat-sec .chat-row .chat-right .chat-body .card-container .chatbot-card-list .right-user-img {
  width: 35px;
  height: 35px;
  top: -12px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
}
.chat-sec .chat-row .chat-right .chat-body .card-container .chatbot-avatar {
  min-width: 40px;
  width: 40px;
  margin-right: 10px;
  opacity: 0;
}
.chat-sec .chat-row .chat-right .chat-body .card-container .chatbot-card {
  min-width: 170px;
  max-width: 500px;
  overflow: hidden;
  padding: 10px 10px 10px 10px;
  border-radius: 15px;
  border-top-left-radius: 0;
  transition: opacity 0.5s, background-color 0.75s, color 0.75s;
  position: relative;
  font-weight: 600;
}
.chat-sec .chat-row .chat-right .chat-body .card-container .chatbot-card.left-message {
  background-color: #f4f7fc;
  color: #2b4058;
}
.chat-sec .chat-row .chat-right .chat-body .card-container .chatbot-card.right-message {
  background-color: #eef7fc;
  color: #2b4058;
}
.chat-sec .chat-row .chat-right .chat-body .admin-message {
  display: flex;
  align-items: flex-end;
  float: right;
  justify-content: flex-end;
  width: 100%;
  margin-right: 15px;
}
.chat-sec .chat-row .chat-right .chat-body .admin-message .chatbot-card {
  border-top-left-radius: 15px;
  border-top-right-radius: 0;
}
.chat-sec .chat-row .chat-right .chat-body .user-message {
  display: flex;
  align-items: flex-end;
  float: right;
  justify-content: flex-start;
  width: 100%;
  margin-left: 15px;
}
.chat-sec .chat-row .chat-right .chat-footer {
  display: flex;
  align-items: center;
  padding: 5px 10px 0px 0px;
  background-color: #ffffff;
}
.chat-sec .chat-row .chat-right .chat-footer .chat-attachment {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f4f6f8;
  border-radius: 50%;
  margin-right: 10px;
}
.chat-sec .chat-row .chat-right .chat-footer .chat-attachment.raduis-zero {
  border-radius: 0px !important;
}
.chat-sec .chat-row .chat-right .chat-footer .chat-attachment img {
  width: 25px;
  height: 24px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.chat-sec .chat-row .chat-right .chat-footer .chat-input {
  display: flex;
  align-items: center;
  width: 100%;
}
.chat-sec .chat-row .chat-right .chat-footer .chat-input input {
  height: 50px;
  float: left;
  border-radius: 25px;
  padding-left: 15px;
  border: 1px solid #f4f6f8;
  width: 100%;
  position: relative;
  padding-right: 35px;
  background: #f4f6f8;
}
.chat-sec .chat-row .chat-right .chat-footer .chat-input .send-icon {
  /* border: 2px solid #173458; */
  width: 45px;
  height: 45px;
  min-width: 45px;
  line-height: 45px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  margin-left: -50px;
  padding: 0px;
  background: #2E0587;
}
.chat-sec .chat-row .chat-right .chat-footer .chat-input .send-icon img {
  width: 25px;
}
.chat-sec .chat-row .chat-right .chat-emp-card {
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 10px;
  border: 1px solid #f4f7fc;
  margin: 5px;
  background: #f4f7fc;
  border-radius: 4px;
}
.chat-sec .chat-row .chat-right .chat-emp-card .emp-img {
  width: 33px;
  height: 33px;
  border-radius: 50%;
}
.chat-sec .chat-row .chat-right .chat-emp-card .emp-img img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.chat-sec .chat-row .chat-right .chat-emp-card .emp-body {
  margin-left: 10px;
}
.chat-sec .chat-row .chat-right .chat-emp-card .emp-body .emp-name {
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 14px;
  color: #323277;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}
.chat-sec .chat-row .chat-right .chat-emp-card .emp-body p {
  font-size: 12px;
  color: #323277;
}
.chat-sec .chat-row .chat-right .chat-emp-card .custom-icon {
  position: absolute !important;
  right: 10px;
  top: 5px;
  color: #323277;
  cursor: pointer;
}
.chat-sec .user-msg .yes-btn {
  background: #2FA84F;
  padding: 0px 5px !important;
  height: 30px !important;
  line-height: 20px !important;
  border-radius: 4px !important;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.chat-sec .user-msg .yes-btn .mat-button-wrapper {
  color: #ffffff;
}
.chat-sec .user-msg .no-btn {
  background: #FA236C;
  padding: 0px 5px !important;
  height: 30px !important;
  line-height: 20px !important;
  border-radius: 4px !important;
  margin-top: 10px;
  margin-bottom: 5px;
}
.chat-sec .user-msg .no-btn .mat-button-wrapper {
  color: #ffffff;
}
.attachment-view {
  min-width: 170px;
  min-height: 30px;
  line-height: 30px;
  padding: 0px 10px 0 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.attachment-view a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.attachment-view a .file-name {
  padding-left: 10px;
  color: #000;
  font-weight: 600;
  padding-right: 10px;
  font-size: 13px;
}
.attachment-view img {
  width: 18px;
}
.quote-expansion .mat-expansion-panel {
  border-radius: 4px !important;
  box-shadow: none;
  background: #fff !important;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-header {
  padding-left: 0px !important;
  background: transparent !important;
  border-radius: 4px !important;
  padding-right: 0px !important;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-header .header {
  padding: 5px 10px;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-header .header .title {
  color: #173458;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 5px;
  letter-spacing: 1.2px;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-header .header .sub-title {
  color: #173458;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 5px;
  letter-spacing: 1.2px;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-header .header .sub-title span {
  margin-right: 5px;
  color: #feb403;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-header .mat-content {
  padding-left: 0px !important;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  padding-left: 20px !important;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  background: #ffffff !important;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .menu-name {
  color: #000 !important;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 5px 5px;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-body .expansion-body {
  border: 1px #eee solid;
  border-radius: 10px;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-body .expansion-body .table-expanded-description .custom-form-group {
  display: block !important;
  padding: 0px 5px !important;
  margin-bottom: 10px;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-body .expansion-body .table-expanded-description .custom-form-group label {
  min-width: auto !important;
  max-width: auto !important;
  padding-left: 0px !important;
  color: #2E0587;
  display: block;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-body .expansion-body .table-expanded-description .custom-form-group label .dots {
  margin-left: 5px;
}
.quote-expansion .mat-expansion-panel .mat-expansion-panel-body .expansion-body .table-expanded-description .custom-form-group p {
  margin-top: 0px !important;
  word-break: break-all;
}
.quote-expansion .mat-expansion-indicator::after {
  color: #0e1f29;
  opacity: 0;
}
.forgot-password {
  cursor: pointer;
}
.approve-changes-expansion {
  margin-top: 10px;
  padding: 0px 5px;
  border-radius: 10px;
}
.approve-changes-expansion .mat-expansion-panel {
  border-radius: 4px !important;
  box-shadow: none;
  margin-bottom: 5px !important;
}
.approve-changes-expansion .mat-expansion-panel .mat-expansion-panel-header {
  padding-left: 0px !important;
  background: #ecf4fe !important;
  border-radius: 4px !important;
  padding-right: 10px !important;
}
.approve-changes-expansion .mat-expansion-panel .mat-expansion-panel-header .header {
  padding: 5px 10px;
}
.approve-changes-expansion .mat-expansion-panel .mat-expansion-panel-header .header .title {
  color: #173458;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 5px;
  letter-spacing: 1.2px;
}
.approve-changes-expansion .mat-expansion-panel .mat-expansion-panel-header .header .sub-title {
  color: #2E0587;
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 5px;
  letter-spacing: 1.2px;
}
.approve-changes-expansion .mat-expansion-panel .mat-expansion-panel-header .header .sub-title span {
  margin-right: 5px;
  color: #feb403;
}
.approve-changes-expansion .mat-expansion-panel .mat-expansion-panel-header .mat-content {
  padding-left: 0px !important;
}
.approve-changes-expansion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  padding-left: 20px !important;
}
.approve-changes-expansion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  background: #ecf4fe !important;
}
.approve-changes-expansion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .menu-name {
  color: #000 !important;
}
.approve-changes-expansion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 5px 5px;
}
.approve-changes-expansion .mat-expansion-panel .mat-expansion-panel-body .expansion-body {
  border: 1px #eee solid;
  border-radius: 10px;
}
.approve-changes-expansion .mat-expansion-indicator::after {
  color: #0e1f29;
}
.api-list {
  margin: 10px;
}
.api-list .mat-list-base {
  cursor: pointer;
}
.api-list .mat-list-base .mat-list-option {
  margin: 5px 10px !important;
}
.api-list .mat-list-item-content .count {
  margin-right: 10px;
}
.api-list .mat-list-item-content .delete-icon {
  align-items: center;
  justify-content: center;
  width: 25px;
  margin: 0px 5px;
  height: 25px;
  background: #FA236C;
  border-radius: 50%;
  display: none;
  animation: fadeIn 1s;
}
.api-list .mat-list-item-content .delete-icon img {
  width: 12px;
}
.api-list .mat-list-item-content:hover .delete-icon {
  display: flex;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.master-before-section {
  margin-top: 65px;
}
.welcome-section {
  position: relative;
  width: 100%;
}
.welcome-section .media {
  border-radius: 6px;
  background: #ffffff;
}
.welcome-section .media.welcome-card {
  box-shadow: 0px 10px 25px 5px rgba(24, 98, 204, 0.1);
  -moz-box-shadow: 0px 10px 25px 5px rgba(24, 98, 204, 0.1);
  -webkit-box-shadow: 0px 10px 25px 5px rgba(24, 98, 204, 0.1);
  border-radius: 6px;
  padding: 15px 20px;
  align-items: center;
  margin-bottom: 25px;
}
.welcome-section .media.welcome-card .media-body h4 {
  color: #2E0587;
  font-size: 22px;
}
.welcome-section .media.welcome-card .media-body p {
  font-weight: 500;
  width: 75%;
}
.welcome-section .duties-card {
  background-color: #edf2f8;
  border-radius: 6px;
  margin: 0px 10px 15px 0px;
}
.welcome-section .duties-card .duties-header {
  padding: 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #ffffff;
}
.welcome-section .duties-card .duties-header h3 {
  font-size: 18px;
  color: #323277;
  font-weight: 600;
}
.welcome-section .duties-card .duties-body {
  padding: 10px;
  min-height: 175px;
  max-height: 175px;
  overflow-y: auto;
}
.welcome-section .duties-card .duties-body ul {
  margin: 0px;
  padding: 0px;
}
.welcome-section .duties-card .duties-body ul li {
  background: #ffffff;
  padding: 5px 5px;
  font-size: 16px;
  color: #323277;
  font-weight: 500;
  border-radius: 6px;
  margin-bottom: 10px;
}
.welcome-section .roster-card {
  background-color: #ffffff;
  border-radius: 6px;
  margin-bottom: 15px;
  margin-right: 20px;
}
.welcome-section .roster-card .roster-header {
  padding: 10px 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #ffffff;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e0e4e8;
}
.welcome-section .roster-card .roster-header a {
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #323277;
}
.welcome-section .roster-card .roster-header h3 {
  font-size: 18px;
  color: #2E0587;
  font-weight: 600;
}
.welcome-section .roster-card .roster-body {
  min-height: 350px;
  max-height: 350px;
  overflow-y: auto;
  padding: 5px 5px;
  background-color: #ffffff;
}
.welcome-section .roster-card .roster-body .basic-no-data-found {
  min-height: 340px;
}
.welcome-section .roster-card .roster-body .basic-no-data-found img {
  width: 85px;
  margin: 0px auto;
}
.welcome-section .roster-card .roster-body ul {
  margin: 0px;
  padding: 0px;
}
.welcome-section .roster-card .roster-body ul li {
  background: #ffffff;
  padding: 5px 5px;
  margin-bottom: 5px;
  border-radius: 6px;
}
.welcome-section .roster-card .roster-body ul li .media {
  display: flex;
  align-items: center;
  position: relative;
}
.welcome-section .roster-card .roster-body ul li .media .status-badge {
  position: absolute;
  right: 0px;
  top: 0px;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 12px;
}
.welcome-section .roster-card .roster-body ul li .media .status-badge.online {
  color: #2E0587;
  background: #eaf5ff;
}
.welcome-section .roster-card .roster-body ul li .media .status-badge.offline {
  color: #fa236c;
  background: #ffe4ed;
}
.welcome-section .roster-card .roster-body ul li .media .media-left {
  margin-right: 10px;
}
.welcome-section .roster-card .roster-body ul li .media .media-left .user-img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.welcome-section .roster-card .roster-body ul li .media .media-left .icon-primary {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
  background: #eaf5ff;
}
.welcome-section .roster-card .roster-body ul li .media .media-left .icon-primary img {
  width: 25px;
}
.welcome-section .roster-card .roster-body ul li .media .media-left .icon-green {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
  background: #e6fae7;
}
.welcome-section .roster-card .roster-body ul li .media .media-left .icon-green img {
  width: 25px;
}
.welcome-section .roster-card .roster-body ul li .media .media-body h4 {
  font-size: 15px;
  color: #323277;
  font-weight: 400;
  margin-bottom: 5px;
}
.welcome-section .roster-card .roster-body ul li .media .media-body p {
  font-size: 13px;
  color: #acb1c0;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 5px;
}
.welcome-section .support-card {
  background: #ffffff;
  border-radius: 6px;
  margin-bottom: 15px;
  margin-right: 20px;
}
.welcome-section .support-card .support-header {
  padding: 10px 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #ffffff;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e0e4e8;
}
.welcome-section .support-card .support-header a {
  font-weight: 600;
  color: #323277;
}
.welcome-section .support-card .support-header h3 {
  font-size: 18px;
  color: #2E0587;
  font-weight: 600;
}
.welcome-section .support-card .support-body {
  background-color: #ffffff;
  min-height: 350px;
  max-height: 350px;
  overflow-y: auto;
  padding: 5px 5px;
}
.welcome-section .support-card .support-body .basic-no-data-found {
  min-height: 340px;
}
.welcome-section .support-card .support-body .basic-no-data-found img {
  width: 85px;
  margin: 0px auto;
}
.welcome-section .support-card .support-body ul {
  margin: 0px;
  padding: 0px;
}
.welcome-section .support-card .support-body ul li {
  background: #ffffff;
  padding: 5px 5px;
  margin-bottom: 5px;
  border-radius: 6px;
}
.welcome-section .support-card .support-body ul li .media {
  display: flex;
  align-items: center;
  position: relative;
}
.welcome-section .support-card .support-body ul li .media .status-badge {
  position: absolute;
  right: 0px;
  top: 0px;
  border-radius: 6px;
  padding: 2px 5px;
  font-size: 12px;
  color: #ffffff;
  background: #686868;
}
.welcome-section .support-card .support-body ul li .media .media-left {
  margin-right: 10px;
}
.welcome-section .support-card .support-body ul li .media .media-left .user-symbol {
  width: 40px;
  border-radius: 50%;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #2E0587;
  font-size: 18px;
  font-weight: 600;
  margin-right: 5px;
  text-transform: uppercase;
  position: relative;
}
.welcome-section .support-card .support-body ul li .media .media-body h4 {
  font-size: 15px;
  color: #323277;
  font-weight: 400;
  margin-bottom: 5px;
}
.welcome-section .support-card .support-body ul li .media .media-body p {
  font-size: 13px;
  color: #acb1c0;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 5px;
}
.sats-row {
  margin: 25px 0px;
}
.dashboard-stat {
  position: relative;
  display: block;
  margin: 0 35px 25px 0px;
  overflow: hidden;
  border-radius: 4px;
}
.dashboard-stat .visual {
  width: 80px;
  height: 80px;
  display: block;
  float: left;
  padding-top: 10px;
  padding-left: 15px;
  margin-bottom: 15px;
  font-size: 35px;
  line-height: 35px;
}
.dashboard-stat .visual > img {
  margin-left: -15px;
  width: 110px;
  height: 110px;
  opacity: 0.1;
}
.dashboard-stat .details {
  position: absolute;
  right: 15px;
  padding-right: 15px;
  color: #fff;
}
.dashboard-stat .details .number {
  padding-top: 25px;
  text-align: right;
  font-size: 34px;
  line-height: 36px;
  letter-spacing: -1px;
  margin-bottom: 0;
  font-weight: 300;
}
.dashboard-stat .details .number .desc {
  text-transform: capitalize;
  text-align: right;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 300;
}
.dashboard-stat.blue {
  background-color: #FE9014;
}
.dashboard-stat.red {
  background-color: #FA236C;
}
.dashboard-stat.purple {
  background-color: #2FA84F;
}
.profile-thumb {
  margin: 20px auto;
  text-align: center;
}
.profile-thumb img {
  width: 85px;
  border-radius: 10px;
  object-fit: cover;
  margin-bottom: 15px;
}
.profile-thumb h4 {
  font-size: 18px;
  font-weight: 600;
  color: #323277;
}
.select-box.media .media-left img {
  width: 65px;
  height: 65px;
  object-fit: cover;
  border-radius: 50%;
}
.select-box .listing-head {
  color: #6e7d94;
  font-weight: 400;
  font-size: 12px;
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-bottom: 5px;
  line-height: 25px;
  display: flex;
  align-items: center;
}
.select-box .listing-head i {
  border: 1px solid #e0e4e8;
  border-radius: 50%;
}
.select-box .listing-head img {
  height: 25px;
  margin-right: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}
.board {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  position: relative;
  min-height: calc(100vh - 210px);
}
.board .board-header {
  background: #fa236c;
  padding: 8px 15px;
  border-radius: 8px 8px 0px 0px;
}
.board .board-header .board-name {
  font-size: 20px;
  font-weight: bold;
  color: white;
}
.board .board-wrapper {
  display: flex;
  flex-grow: 1;
  overflow-x: auto;
  padding: 0px 10px;
}
.board .board-wrapper .board-columns {
  display: flex;
  flex-grow: 1;
}
.board .board-wrapper .board-columns .board-column {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 285px;
  margin: 15px 15px 0px 0px;
  padding: 15px 10px;
  border-radius: 4px;
  position: relative;
  background: #edf2f8;
  min-height: calc(100vh - 210px);
  max-height: calc(100vh - 210px);
}
.board .board-wrapper .board-columns .board-column:last-child {
  margin: 15px 0px 0px 0px !important;
}
.board .board-wrapper .board-columns .board-column .board-loader {
  min-height: calc(100vh - 375px);
  max-height: calc(100vh - 375px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.board .board-wrapper .board-columns .board-column .board-loader .loader {
  min-width: 85px;
  max-width: 85px;
}
.board .board-wrapper .board-columns .board-column .board-loader .placeholder {
  min-width: 125px;
  max-width: 125px;
}
.board .board-wrapper .board-columns .board-column .board-loader h4 {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 600;
  color: #323277;
}
.board .board-wrapper .board-columns .board-column:not(:first-child) {
  margin-left: 0;
}
.board .board-wrapper .board-columns .board-column .column-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.board .board-wrapper .board-columns .board-column .column-title h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #323277;
}
.board .board-wrapper .board-columns .board-column .column-title span {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  display: inline-block;
  color: #323277;
}
.board .board-wrapper .board-columns .board-column .column-title:before {
  content: "";
  position: absolute;
  height: 6px;
  bottom: 10px;
  border-radius: 25px;
  right: 0px;
  left: 0px;
}
.board .board-wrapper .board-columns .board-column .column-title .is-2 {
  color: #fa236c;
}
.board .board-wrapper .board-columns .board-column:nth-child(1) .column-title:before {
  background-color: #ff0057;
}
.board .board-wrapper .board-columns .board-column:nth-child(2) .column-title:before {
  background-color: #00b9ff;
}
.board .board-wrapper .board-columns .board-column:nth-child(3) .column-title:before {
  background-color: #34d43e;
}
.board .board-wrapper .board-columns .board-column:nth-child(4) .column-title:before {
  background-color: #fca003;
}
.board .board-wrapper .board-columns .board-column:nth-child(5) .column-title:before {
  background-color: #f66565;
}
.tasks-container {
  flex-grow: 1;
  overflow-y: auto;
  min-height: calc(100vh - 275px);
  max-height: calc(100vh - 275px);
  position: relative;
}
.task-card, .cdk-drag-dragging, .cdk-drag-preview {
  display: flex;
  padding: 5px 5px;
  background: #ffffff;
  border: 0px !important;
  border-radius: 4px;
  margin-bottom: 10px;
  position: relative;
  cursor: move;
}
.task-card .card-body, .cdk-drag-dragging .card-body, .cdk-drag-preview .card-body {
  padding: 0px;
}
.task-card .card-body .task-name, .cdk-drag-dragging .card-body .task-name, .cdk-drag-preview .card-body .task-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.task-card .card-body .task-name h4, .cdk-drag-dragging .card-body .task-name h4, .cdk-drag-preview .card-body .task-name h4 {
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  color: #323277;
}
.task-card .card-body .task-name ul, .cdk-drag-dragging .card-body .task-name ul, .cdk-drag-preview .card-body .task-name ul {
  display: flex;
}
.task-card .card-body .task-name ul li, .cdk-drag-dragging .card-body .task-name ul li, .cdk-drag-preview .card-body .task-name ul li {
  display: inline-flex;
  align-items: center;
  padding: 2px;
  margin: 0px;
}
.task-card .card-body .task-name ul li img, .cdk-drag-dragging .card-body .task-name ul li img, .cdk-drag-preview .card-body .task-name ul li img {
  width: 26px;
}
.task-card .card-body .task-name ul li i, .cdk-drag-dragging .card-body .task-name ul li i, .cdk-drag-preview .card-body .task-name ul li i {
  font-size: 24px;
  color: #323277;
  cursor: pointer;
}
.task-card .card-body .short-desc, .cdk-drag-dragging .card-body .short-desc, .cdk-drag-preview .card-body .short-desc {
  color: #323277;
  font-weight: 600;
  font-size: 13px;
}
.task-card .card-body .short-desc span, .cdk-drag-dragging .card-body .short-desc span, .cdk-drag-preview .card-body .short-desc span {
  color: #7189A7;
  font-weight: 400;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 14px;
  text-overflow: ellipsis;
  display: -webkit-box;
  min-height: 25px;
}
.task-card .card-body .user-details, .cdk-drag-dragging .card-body .user-details, .cdk-drag-preview .card-body .user-details {
  margin-top: 0px;
}
.task-card .card-body .user-details .user-name, .cdk-drag-dragging .card-body .user-details .user-name, .cdk-drag-preview .card-body .user-details .user-name {
  color: #7189A7;
  font-size: 12px;
  font-weight: bold;
}
.task-card .card-body .user-details .user-name img, .cdk-drag-dragging .card-body .user-details .user-name img, .cdk-drag-preview .card-body .user-details .user-name img {
  width: 17px;
  height: 17px;
  margin-right: 5px;
  border-radius: 50%;
}
.task-card .card-body .user-details .status-tag, .cdk-drag-dragging .card-body .user-details .status-tag, .cdk-drag-preview .card-body .user-details .status-tag {
  color: #ffffff;
  border-radius: 20px;
  padding: 2px 5px;
  font-size: 12px;
  color: #2E0587;
  background: #ecf4fe;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  text-transform: capitalize;
}
.task-card .card-body .user-details .status-tag.pending, .cdk-drag-dragging .card-body .user-details .status-tag.pending, .cdk-drag-preview .card-body .user-details .status-tag.pending {
  background: #FFEDD8 !important;
  color: #FE9014 !important;
}
.task-card .card-body .user-details .status-tag.high, .cdk-drag-dragging .card-body .user-details .status-tag.high, .cdk-drag-preview .card-body .user-details .status-tag.high {
  color: #FA236C !important;
  background: #FEE4E2 !important;
}
.task-card .card-body .user-details .status-tag.medium, .cdk-drag-dragging .card-body .user-details .status-tag.medium, .cdk-drag-preview .card-body .user-details .status-tag.medium {
  color: #FE9014 !important;
  background: #FFEDD8 !important;
}
.task-card .card-body .user-details .status-tag.low, .cdk-drag-dragging .card-body .user-details .status-tag.low, .cdk-drag-preview .card-body .user-details .status-tag.low {
  color: #2FA84F !important;
  background: #DCF7E3 !important;
}
.task-card .date-action, .cdk-drag-dragging .date-action, .cdk-drag-preview .date-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}
.task-card .date-action .end-time, .cdk-drag-dragging .date-action .end-time, .cdk-drag-preview .date-action .end-time {
  color: #7189A7;
  font-size: 12px;
}
.task-card .date-action .end-time img, .cdk-drag-dragging .date-action .end-time img, .cdk-drag-preview .date-action .end-time img {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
.task-card .date-action .task-acion-btn img, .cdk-drag-dragging .date-action .task-acion-btn img, .cdk-drag-preview .date-action .task-acion-btn img {
  width: 18px;
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.tasks-container.cdk-drop-list-dragging .task-card:not(.cdk-drag-placeholder), .tasks-container.cdk-drop-list-dragging .cdk-drag-preview:not(.cdk-drag-placeholder), .tasks-container.cdk-drop-list-dragging .cdk-drag-dragging:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drag-placeholder {
  background: rgba(255, 255, 255, 0.5);
  border: dashed 2px #b0bec5;
  min-height: 60px;
  width: 100%;
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drag-placeholder div {
  opacity: 0;
}
.holiday-cal-section {
  width: 100%;
  min-width: 735px;
  max-width: 100%;
  margin-top: 0;
  background: #ffffff;
  min-height: 50px;
  position: relative;
  margin-bottom: 0px;
  border: 0;
  position: relative;
  min-height: calc(100vh - 135px);
  border-radius: 6px;
  padding-bottom: 25px;
}
.holiday-cal-section .calender-header {
  padding: 15px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.holiday-cal-section .calender-header .cal-nav-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.holiday-cal-section .calender-header .cal-nav-buttons li {
  margin: 0px 20px;
}
.holiday-cal-section .calender-header .cal-nav-buttons li h4 {
  font-size: 16px;
  font-weight: 600;
  color: #323277;
}
.holiday-cal-section .calender-header .cal-nav-buttons li .nav-btns {
  background: #2E0587;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.holiday-cal-section .calender-header .cal-nav-buttons li .nav-btns img {
  width: 16px;
  height: 16px;
}
.holiday-cal-section .cal-month-view .cal-day-badge {
  margin-top: 5px !important;
}
.holiday-cal-section .cal-month-view .cal-days {
  border: 0px !important;
}
.holiday-cal-section .cal-month-view .cal-days .cal-cell-row {
  border-bottom: 0px !important;
}
.holiday-cal-section .cal-month-view .cal-cell-top {
  position: relative;
}
.holiday-cal-section .cal-month-view .cal-cell-top:focus {
  outline: none !important;
}
.holiday-cal-section .cal-month-view .cal-day-number {
  font-weight: 700;
  opacity: 1;
}
.holiday-cal-section .cal-month-view .cal-open-day-events {
  color: #323277;
  background: #f4f7fc;
  box-shadow: none !important;
}
.holiday-cal-section .cal-month-view .cal-header {
  pointer-events: none;
}
.holiday-cal-section .cal-month-view .cal-header .cal-cell {
  padding: 10px 10px;
  background: #eaf1f8;
  color: #323277;
  font-weight: 700;
  letter-spacing: 1.2px;
  font-size: 15px;
}
.holiday-cal-section .cal-month-view .cal-day-cell {
  min-height: 100px;
  border-radius: 8px;
  margin: 5px;
  outline: 0px;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(1) {
  background: #e3edff !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(1) .cal-day-number {
  color: #4786ff !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(2) {
  background: #fff5e5 !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(2) .cal-day-number {
  color: #fca102;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(3) {
  background: #e6fae7 !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(3) .cal-day-number {
  color: #34d43e;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(4) {
  background: #ffe4ed !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(4) .cal-day-number {
  color: #fa236c;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(5) {
  background: #dbf5f1 !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(5) .cal-day-number {
  color: #2ee1c9 !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(6) {
  background: #f2efff !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(6) .cal-day-number {
  color: #7461fb !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(7) {
  background: #f6656540 !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell:nth-child(7) .cal-day-number {
  color: #f66565 !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 0px solid !important;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay {
  background: #00000052;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-add-badge {
  text-align: center;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-add-badge i {
  color: #2E0587;
  border-radius: 50%;
  background: #ffffff;
  z-index: 999;
  width: 30px;
  height: 30px;
  margin: 3px auto;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-add-badge span {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-add-badge img {
  width: 25px;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-add-badge:hover span {
  opacity: 1;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-delete-badge {
  text-align: center;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-delete-badge i {
  color: red;
  border-radius: 50%;
  background: #ffffff;
  z-index: 999;
  width: 30px;
  height: 30px;
  margin: 3px auto;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-delete-badge span {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-delete-badge img {
  width: 25px;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-delete-badge:hover span {
  opacity: 1;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-list-btns {
  display: flex;
  align-items: center;
  z-index: 999;
  cursor: pointer;
}
.holiday-cal-section .cal-month-view .cal-day-cell .day-overlay .cal-list-btns li i {
  color: #2E0587;
  border-radius: 50%;
  background: #ffffff;
  z-index: 999;
  width: 30px;
  height: 30px;
  margin: 3px auto;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}
.holiday-cal-section .cal-month-view .cal-day-cell:hover .day-overlay {
  opacity: 1;
}
.holiday-cal-section .cal-month-view .cal-open {
  background-color: #d1e5ee;
}
.holiday-cal-section .cal-month-view .cal-day-badge {
  background-color: #2E0587;
  font-size: 10px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 125px;
}
.holiday-cal-section .cal-month-view .cal-cell-row:hover {
  background-color: #ffffff !important;
}
.holiday-cal-section .cal-month-view .cal-cell-row .cal-cell:hover {
  background-color: #d1e5ee;
}
.holiday-cal-section .cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #646464 !important;
}
.roasters-room-card {
  border-radius: 6px;
  border: 1px solid #e0e4e8;
  margin-bottom: 15px;
}
.roasters-room-card .room-card-heading {
  background: #2E0587;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 10px;
  margin-bottom: 10px;
}
.roasters-room-card .room-card-heading h4 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  padding: 5px 10px;
}
.roasters-room-card .room-card-heading .add-icon {
  border: 1px solid #ffffff;
  padding: 3px;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.roasters-room-card .room-card-heading .add-icon img {
  width: 15px;
  height: 15px;
}
.roasters-room-card .roasters-shift-card {
  border-radius: 6px;
  border: 1px solid #e0e4e8;
  margin: 5px 10px;
}
.roasters-room-card .roasters-shift-card .shift-card-heading {
  background: #c4c6d8;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 10px;
  margin-bottom: 10px;
}
.roasters-room-card .roasters-shift-card .shift-card-heading.morning {
  background: #eaf5ff !important;
}
.roasters-room-card .roasters-shift-card .shift-card-heading.morning h4 {
  color: #3598f8 !important;
}
.roasters-room-card .roasters-shift-card .shift-card-heading.afternoon {
  background: #ffe4ed !important;
}
.roasters-room-card .roasters-shift-card .shift-card-heading.afternoon h4 {
  color: #fa236c !important;
}
.roasters-room-card .roasters-shift-card .shift-card-heading h4 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  padding: 5px 10px;
}
.roasters-room-card .roasters-shift-card .shift-card-heading .add-icon {
  border: 1px solid #ffffff;
  padding: 3px;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.roasters-room-card .roasters-shift-card .shift-card-heading .add-icon img {
  width: 15px;
  height: 15px;
}
.roasters-room-card .roasters-shift-card .slot-card {
  border-radius: 6px;
  margin: 10px 15px;
  margin-bottom: 10px;
  background: #f4f6f8;
}
.roasters-room-card .roasters-shift-card .slot-card .no-emp-found {
  width: 250px;
  margin: 10px auto;
}
.roasters-room-card .roasters-shift-card .slot-card .no-emp-found img {
  width: 100%;
  height: 120px;
}
.roasters-room-card .roasters-shift-card .slot-card .slot-card-header {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  padding: 0px 10px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e0e4e8;
}
.roasters-room-card .roasters-shift-card .slot-card .slot-card-header h4 {
  font-size: 14px;
  color: #323277;
  font-weight: 500;
  padding: 5px 10px;
}
.roasters-room-card .roasters-shift-card .slot-card .slot-card-header .action-list {
  padding: 5px 0px;
  display: flex;
  align-items: center;
}
.roasters-room-card .roasters-shift-card .slot-card .slot-card-header .action-list li {
  display: inline-flex;
  margin-left: 5px;
  cursor: pointer;
}
.roasters-room-card .roasters-shift-card .slot-card .slot-card-header .action-list li i {
  color: #7189a7;
}
.roasters-room-card .roasters-shift-card .slot-card .slot-card-header .action-list li img {
  width: 18px;
}
.roasters-room-card .roasters-shift-card .slot-card .slot-card-header .action-list li .change-btn {
  color: #FA236C;
  border: 1px solid #FA236C;
  border-radius: 20px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
.roasters-room-card .roasters-shift-card .slot-card .slot-card-header .action-list li .change-btn img {
  width: 15px;
  margin-right: 5px;
}
.roasters-room-card .roasters-shift-card .slot-card .slot-card-header .action-list li .check-in-btn {
  color: #2FA84F;
  border: 1px solid #2FA84F;
  border-radius: 20px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
.roasters-room-card .roasters-shift-card .slot-card .status-badge {
  color: #323277;
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.roasters-room-card .roasters-shift-card .slot-card .status-badge.accepted {
  color: #2FA84F !important;
}
.roasters-room-card .roasters-shift-card .slot-card .status-badge.accepted i {
  color: #2FA84F !important;
}
.roasters-room-card .roasters-shift-card .slot-card .status-badge.pending {
  color: #FE9014 !important;
}
.roasters-room-card .roasters-shift-card .slot-card .status-badge.pending i {
  color: #FE9014 !important;
}
.roasters-room-card .roasters-shift-card .slot-card .status-badge i {
  color: #323277;
  font-size: 14px;
  margin-right: 5px;
}
.roasters-room-card .roasters-shift-card .slot-card .slot-card-body {
  padding: 5px 0px;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 5px 10px;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body {
  margin-left: 10px;
  width: 90%;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .emp-name {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
  color: #323277;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .emp-desc {
  color: #7189A7;
  font-size: 12px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 14px;
  text-overflow: ellipsis;
  display: -webkit-box;
  min-height: 25px;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-in-img {
  width: 45px;
  border: 1px solid #e0e4e8;
  border-radius: 50%;
  height: 45px;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-in-img img {
  object-fit: cover;
  border-radius: 50%;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body p {
  font-size: 12px;
  color: #2E0587;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-ins-list {
  display: inline-flex;
  width: 100%;
  padding: 5px 0px;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins {
  display: inline-block;
  width: 50%;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc {
  margin-bottom: 5px;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc .title {
  font-weight: 600;
  font-size: 13px;
  color: #323277;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc .check-in-timing {
  background: #2E0587;
  border: 1px solid #2E0587;
  border-radius: 20px;
  padding: 5px 15px;
  padding-left: 35px;
  position: relative;
  display: inline-block;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc .check-in-timing img {
  border: 1px solid #e0e4e8 !important;
  object-fit: cover;
  width: 25px;
  height: 25px;
  border-radius: 50% !important;
  margin-right: 5px;
  position: absolute;
  left: 2px;
  top: 2px;
  cursor: pointer;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc .check-in-timing .time-in {
  color: #ffffff;
  font-size: 11px;
  font-weight: 500;
  margin-right: 5px;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc .check-in-timing .time-out {
  color: #ffffff;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 500;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .attachment-list {
  display: inline-block;
  white-space: nowrap;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .attachment-list li {
  display: inline-block;
  position: relative;
  width: 35px;
  height: 35px;
  white-space: nowrap;
  border-radius: 4px;
  vertical-align: bottom;
}
.roasters-room-card .roasters-shift-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .attachment-list li img {
  border: 1px solid #e0e4e8 !important;
  border-radius: 4px !important;
  background: #fff;
  object-fit: contain;
  width: 30px;
  height: 30px;
  position: relative;
  top: 5px;
  padding: 4px;
}
.roasters-room-card .room-card-body {
  padding: 10px;
}
.roasters-room-card .slot-card {
  border-radius: 6px;
  margin: 15px 20px;
  margin-bottom: 10px;
  background: #f4f6f8;
}
.roasters-room-card .slot-card .no-emp-found {
  width: 250px;
  margin: 10px auto;
}
.roasters-room-card .slot-card .no-emp-found img {
  width: 100%;
  height: 120px;
}
.roasters-room-card .slot-card .slot-card-header {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  padding: 0px 10px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e0e4e8;
}
.roasters-room-card .slot-card .slot-card-header h4 {
  font-size: 14px;
  color: #323277;
  font-weight: 500;
  padding: 5px 10px;
}
.roasters-room-card .slot-card .slot-card-header .action-list {
  padding: 5px 10px;
}
.roasters-room-card .slot-card .slot-card-header .action-list li {
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
}
.roasters-room-card .slot-card .slot-card-header .action-list li i {
  color: #7189a7;
}
.roasters-room-card .slot-card .slot-card-header .action-list li img {
  width: 18px;
}
.roasters-room-card .slot-card .slot-card-header .action-list li .change-btn {
  color: #FA236C;
  border: 1px solid #FA236C;
  border-radius: 20px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
.roasters-room-card .slot-card .slot-card-header .action-list li .change-btn img {
  width: 15px;
  margin-right: 5px;
}
.roasters-room-card .slot-card .slot-card-header .action-list li .check-in-btn {
  color: #2FA84F;
  border: 1px solid #2FA84F;
  border-radius: 20px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
.roasters-room-card .slot-card .status-badge {
  color: #2E0587;
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
.roasters-room-card .slot-card .status-badge.accepted {
  color: #2FA84F !important;
}
.roasters-room-card .slot-card .status-badge.accepted i {
  color: #2FA84F !important;
}
.roasters-room-card .slot-card .status-badge.pending {
  color: #FE9014 !important;
}
.roasters-room-card .slot-card .status-badge.pending i {
  color: #FE9014 !important;
}
.roasters-room-card .slot-card .status-badge i {
  font-size: 14px;
  margin-right: 5px;
}
.roasters-room-card .slot-card .slot-card-body {
  padding: 5px 0px;
}
.roasters-room-card .slot-card .roaster-emp-card {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 5px 10px;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body {
  margin-left: 10px;
  width: 90%;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .emp-name {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
  color: #323277;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .emp-desc {
  color: #7189A7;
  font-size: 12px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 14px;
  text-overflow: ellipsis;
  display: -webkit-box;
  min-height: 25px;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-in-img {
  width: 45px;
  border: 1px solid #e0e4e8;
  border-radius: 50%;
  height: 45px;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-in-img img {
  object-fit: cover;
  border-radius: 50%;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body p {
  font-size: 12px;
  color: #2E0587;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-ins-list {
  display: inline-block;
  width: 100%;
  padding: 10px 0px;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins {
  display: inline-block;
  width: 50%;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc {
  margin-bottom: 10px;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc .title {
  font-weight: 600;
  font-size: 13px;
  color: #323277;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc .check-in-timing {
  background: #2E0587;
  border-radius: 20px;
  padding: 5px 15px;
  padding-left: 35px;
  position: relative;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc .check-in-timing img {
  border: 1px solid #e0e4e8 !important;
  object-fit: cover;
  width: 25px;
  height: 25px;
  border-radius: 50% !important;
  margin-right: 5px;
  position: absolute;
  left: 2px;
  top: 2px;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc .check-in-timing .time-in {
  color: #ffffff;
  font-size: 11px;
  font-weight: 500;
  margin-right: 5px;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .check-in-desc .check-in-timing .time-out {
  color: #ffffff;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 500;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .attachment-list {
  display: inline-block;
  white-space: nowrap;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .attachment-list li {
  display: inline-block;
  position: relative;
  width: 35px;
  height: 35px;
  white-space: nowrap;
  border-radius: 4px;
  vertical-align: bottom;
}
.roasters-room-card .slot-card .roaster-emp-card .emp-body .check-ins-list .list-ins .attachment-list li img {
  border: 1px solid #e0e4e8 !important;
  border-radius: 4px !important;
  background: #fff;
  object-fit: contain;
  width: 30px;
  height: 30px;
  position: relative;
  top: 5px;
  padding: 4px;
}
.snap-camera {
  margin: 15px auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.snap-camera h4 {
  color: #323277;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}
.snap-camera .global-btn {
  margin: 10px auto;
}
.snap-camera .vedio-cam {
  background: #eaf1f8;
  padding: 5px;
  border-radius: 50%;
  width: 260px;
  height: 260px;
}
.snap-camera .vedio-cam .webcam-wrapper {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  padding: 5px;
}
.snap-camera .vedio-cam .webcam-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.mini-cart-menu.mat-elevation-z4 {
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.17);
  border: 1px solid #EBEBEB;
}
.mini-cart-menu.mat-menu-panel {
  min-width: 300px !important;
}
.mini-cart-menu .mat-menu-content:not(:empty) {
  padding: 0px 0px 0 0px !important;
}
.mini-cart-menu .mini-cart-body {
  max-height: 250px;
  overflow: auto;
  padding-left: 10px;
  padding-top: 10px;
}
.mini-cart-menu .mini-cart-body .menu-list {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.mini-cart-menu .mini-cart-body .menu-list li .cart-item {
  margin-bottom: 5px;
  position: relative;
  padding: 5px 0px;
  cursor: pointer;
}
.mini-cart-menu .mini-cart-body .menu-list li .cart-item .remove-item {
  position: absolute;
  display: inline-block;
  right: 5px;
  top: 0px;
  border: 1px solid #fa5d50;
  width: 20px;
  height: 20px;
  line-height: 15px;
  text-align: center;
  background: #fa5d50;
  border-radius: 50%;
}
.mini-cart-menu .mini-cart-body .menu-list li .cart-item .remove-item img {
  width: 8px;
  opacity: 1;
  filter: brightness(0) invert(1);
}
.mini-cart-menu .mini-cart-body .menu-list li .cart-item.media {
  display: flex;
  align-items: flex-start;
}
.mini-cart-menu .mini-cart-body .menu-list li .cart-item.media .media-left {
  width: 45px;
}
.mini-cart-menu .mini-cart-body .menu-list li .cart-item.media .media-left img {
  width: 100%;
  border-radius: 4px;
}
.mini-cart-menu .mini-cart-body .menu-list li .cart-item.media .media-body .item-title {
  font-size: 12px;
  color: #0e1f29;
  font-weight: 600;
  line-height: 13px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.mini-cart-menu .mini-cart-body .menu-list li .cart-item.media .media-body .item-sub-title {
  font-size: 12px;
  color: #0e1f29;
  font-weight: 400;
  margin-bottom: 5px;
}
.mini-cart-menu .mini-cart-body .menu-list li .cart-item.media .media-body .item-cost {
  font-weight: 600;
  font-size: 14px;
}
.mini-cart-menu .mini-cart-body .menu-list li .cart-item.media .media-body .item-cost del {
  font-weight: 400 !important;
}
.mini-cart-menu .mini-cart-footer {
  text-align: right;
  padding: 10px 10px;
  border-top: 1px solid #EBEBEB;
}
.mini-cart-menu .mini-cart-footer p {
  font-size: 12px;
  font-weight: 600;
}
.mini-cart-menu .mini-cart-footer p .final-prize {
  font-weight: 400 !important;
}
.mini-cart-menu .mini-cart-footer .view-cart {
  background: #0e1f29 !important;
  margin-right: 10px;
  line-height: 30px !important;
  color: #ffffff !important;
  border-color: #0e1f29 !important;
}
.mini-cart-menu .mini-cart-footer .global-btn {
  border-radius: 0px !important;
  line-height: 30px !important;
}
.mini-cart-menu .mini-cart-footer .global-btn .mat-button-wrapper {
  font-size: 12px !important;
}
.user-card.card {
  text-align: center;
  margin: 10px 10px 0px 0px;
  border: 0px;
  height: auto !important;
  cursor: pointer;
  min-height: 245px;
  border-radius: 8px;
}
.user-card.card .card-img {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
  margin: 25px auto 10px auto;
  border: 5px solid #2E0587;
}
.user-card.card .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-card.card .card-body {
  padding: 10px 15px;
}
.user-card.card .card-body .joining-date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0px;
}
.user-card.card .card-body .joining-date .date-type {
  color: #95a5ba;
}
.user-card.card .card-body .joining-date .date {
  color: #2E0587;
}
.user-card.card .card-body .user-name {
  color: #3d4465;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-card.card .card-body p {
  color: #7189a7;
  font-size: 13px;
  line-height: 16px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.user-card.card .card-body .view-more {
  background-color: #ecf4fe;
  border: 1px solid #ecf4fe !important;
  padding: 5px 22px !important;
  height: 34px !important;
  line-height: 20px !important;
  border-radius: 20px !important;
  position: relative !important;
  margin-top: 25px;
}
.user-card.card .card-body .view-more .mat-button-wrapper {
  color: #2E0587;
  font-weight: 700;
}
.user-card:hover {
  box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.08);
}
.award-card.card {
  text-align: center;
  margin: 15px 10px;
  border: 0px;
  box-shadow: 0 6px 15px rgba(36, 37, 38, 0.08);
  height: auto !important;
  cursor: pointer;
}
.award-card.card .card-img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  overflow: hidden;
  margin: 15px auto;
}
.award-card.card .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.award-card.card .card-body .user-name {
  color: #3d4465;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.award-card.card .card-body p {
  color: #95a5ba;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.client-department-card.media {
  box-shadow: 0 6px 15px rgba(36, 37, 38, 0.08);
  align-items: center;
  padding: 10px 15px;
  margin: 10px 15px;
  background: #ffffff;
  min-height: 95px;
  border-radius: 8px;
  cursor: pointer;
}
.client-department-card.media .media-icon .department-color {
  border: 1px solid #e0e4e8;
  height: 45px;
  width: 45px;
  display: inline-block;
  margin-right: 15px;
  border-radius: 8px;
  transform: rotate(45deg);
}
.client-department-card.media .media-body .department-name {
  color: #3d4465;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.client-department-card.media .media-body p {
  color: #95a5ba;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.user-details-box {
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #eee;
}
.user-details-box .detail-type-heading {
  margin: 0px !important;
  padding: 10px 10px !important;
  color: #2E0587;
  font-size: 15px;
  font-weight: 600;
}
.user-details-box h3 {
  color: #2E0587;
}
.user-details-box .mat-standard-chip {
  text-transform: capitalize !important;
}
.user-details-section .custom-form-group.custom-geo-location .address-lines .custom-form-group {
  padding: 0px !important;
}
.user-details-section .custom-form-group {
  display: block;
  margin-bottom: 0;
  padding: 5px 10px 5px 10px;
}
.user-details-section .custom-form-group .custom-label {
  font-size: 13px;
  color: #323277;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 5px;
}
.user-details-section .custom-form-group .custom-label .dots {
  width: 50px;
  margin-left: 10px;
  float: right;
  font-weight: 800;
  display: none;
}
.user-details-section .user-details-card {
  padding: 10px 15px;
  text-align: center;
}
.user-details-section .user-details-card .user-img {
  position: relative;
  overflow: hidden;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 25px;
}
.user-details-section .user-details-card .user-img .img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: #00000061;
  opacity: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-details-section .user-details-card .user-img .img-overlay img {
  width: 25px;
  height: 25px;
}
.user-details-section .user-details-card .user-img:hover .img-overlay {
  opacity: 1;
}
.user-details-section .user-details-card .card-img {
  width: 180px;
  height: 180px;
  background: #f4f7fc;
  padding: 10px;
  object-fit: cover;
  border-radius: 50%;
}
.user-details-section .user-details-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: #323277;
}
.user-details-section .user-details-card p {
  color: #8694a5;
}
.user-details-section .user-details-card .global-btn {
  margin: 15px auto;
}
.user-details-section .media {
  margin: 15px 0px;
}
.user-details-section .media.user-details-card {
  cursor: pointer;
}
.user-details-section .media.user-details-card .media-left img {
  width: 125px;
  height: 125px;
  object-fit: cover;
  border-radius: 50%;
}
.user-details-section .media.user-details-card .media-body p {
  color: #7189A7;
  font-size: 15px;
}
.user-details-section .detail-list {
  margin: 15px 0px;
}
.user-details-section .detail-list li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.user-details-section .detail-list li .detail-type {
  font-size: 15px;
  font-weight: 500;
  color: #323277;
  min-width: 200px;
}
.user-details-section .detail-list li .detail-desc {
  color: #7189A7;
  font-size: 15px;
  margin-left: 10px;
  font-weight: 500;
}
.user-details-section .profile_left_column {
  background-color: #ffffff;
  margin-right: 10px;
  border-radius: 6px;
}
.user-details-section .profile_left_column .profile_listing {
  padding: 0px 0px 0px 0px;
  border-radius: 6px;
  margin: 0px 0 0 0;
  min-height: calc(100vh - 150px);
  position: relative;
}
.user-details-section .profile_left_column .profile_listing .my_profile_heading {
  margin: 15px 0 25px 0;
  padding: 0;
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  display: none;
}
.user-details-section .profile_left_column .profile_listing .profile-pic {
  margin-bottom: 0;
  padding: 10px 5px 25px 5px;
}
.user-details-section .profile_left_column .profile_listing .profile-pic .media {
  align-items: center;
}
.user-details-section .profile_left_column .profile_listing .profile-pic .media .media-left {
  margin-right: 10px;
}
.user-details-section .profile_left_column .profile_listing .profile-pic .media .media-left .profile-image-box {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: relative;
}
.user-details-section .profile_left_column .profile_listing .profile-pic .media .media-left .profile-image-box img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.user-details-section .profile_left_column .profile_listing .profile-pic .media .media-left .profile-image-box .img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: #00000061;
  opacity: 0;
  bottom: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-details-section .profile_left_column .profile_listing .profile-pic .media .media-left .profile-image-box .img-overlay img {
  width: 25px;
  height: 25px;
}
.user-details-section .profile_left_column .profile_listing .profile-pic .media .media-left .profile-image-box:hover .img-overlay {
  opacity: 1;
}
.user-details-section .profile_left_column .profile_listing .profile-pic .media .media-body {
  z-index: 1;
}
.user-details-section .profile_left_column .profile_listing .profile-pic .media .media-body h4 {
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 5px;
  color: #182133;
  letter-spacing: 0px;
  font-weight: 600;
}
.user-details-section .profile_left_column .profile_listing .profile-pic .media .media-body p {
  color: #7189a7;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 15px;
  margin-top: 0px;
}
.user-details-section .profile_left_column .profile_listing .profile_list_ul li a {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #4f627d;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #e0e4e8;
  outline: 0;
  padding: 0px 0 0px 15px;
  height: 40px;
  cursor: pointer;
  margin-bottom: 0px;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.user-details-section .profile_left_column .profile_listing .profile_list_ul li a .icon {
  width: 18px;
  margin-right: 15px;
}
.user-details-section .profile_left_column .profile_listing .profile_list_ul li a.router-active {
  background: #2E0587;
  color: #2E0587;
  font-weight: 600;
}
.user-details-section .profile_left_column .profile_listing .profile_list_ul li a.router-active span {
  color: #ffffff;
}
.user-details-section .profile_left_column .profile_listing .profile_list_ul li a.router-active img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.user-details-section .profile_left_column .profile_listing .profile_list_ul li a.router-active::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: -30px;
  transform: rotate(90deg) scale(1.04);
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
}
.user-details-section .profile_left_column .profile_listing .profile_list_ul li a.router-active::after {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: 45px;
  transform: scale(1.04);
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
}
.user-details-section .profile_left_column .profile_listing .profile_list_ul li a:hover {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
  background: #2E0587;
  color: #ffffff;
  text-decoration: none !important;
  font-weight: 600;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.user-details-section .profile_left_column .profile_listing .profile_list_ul li a:hover img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.user-details-section .profile_right_column {
  position: relative;
  min-height: calc(100vh - 235px);
  background: #ffffff;
}
.ce-qualification.card {
  margin: 15px 10px;
  min-height: 185px;
  border: 0px;
  box-shadow: 0 6px 15px rgba(36, 37, 38, 0.08);
  height: auto !important;
  cursor: pointer;
}
.ce-qualification.card .card-img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
  margin: 10px 10px 10px 10px;
}
.ce-qualification.card .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ce-qualification.card .role-color {
  border: 1px solid #858586;
  position: absolute;
  border-radius: 50%;
  right: 5px;
  top: 5px;
  font-size: 15px;
}
.ce-qualification.card .card-body {
  padding: 10px;
}
.ce-qualification.card .card-body .user-name {
  color: #3d4465;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ce-qualification.card .card-body p {
  color: #95a5ba;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.ce-qualification.card .card-body .view-more {
  background-color: #dfe1e7;
  border: 1px solid #dfe1e7 !important;
  padding: 0px 10px !important;
  height: 30px !important;
  line-height: 20px !important;
  border-radius: 20px !important;
  position: relative !important;
  margin-top: 15px;
}
.clinic-card.card {
  margin: 10px 10px 0px 0px;
  min-height: 185px;
  border: 0px;
  padding: 10px 15px;
  box-shadow: none !important;
  height: auto !important;
  cursor: pointer;
}
.clinic-card.card .card-img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
  margin: 15px auto;
  background-color: #2E0587;
  background-image: linear-gradient(90deg, #037fde 0%, #00d3ff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.clinic-card.card .card-img img {
  width: 35px;
  height: 35px;
  filter: brightness(0) invert(1);
}
.clinic-card.card .card-body {
  padding: 10px;
  text-align: center;
}
.clinic-card.card .card-body .user-name {
  color: #3d4465;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clinic-card.card .card-body p {
  color: #7189A7;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.clinic-card.card .card-body .code-badge {
  background-color: #ecf4fe;
  border: 1px solid #ecf4fe;
  color: #509eff;
  border-radius: 20px;
  padding: 5px 15px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
}
.clinic-card.card:hover {
  box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.08) !important;
}
.clinic-user.card {
  margin: 10px 10px 0px 0px;
  min-height: 185px;
  border: 0px;
  padding: 10px 15px;
  cursor: pointer;
}
.clinic-user.card .card-img {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
  margin: 10px auto;
}
.clinic-user.card .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.clinic-user.card .card-body {
  padding: 10px;
  text-align: center;
}
.clinic-user.card .card-body .user-name {
  color: #323277;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clinic-user.card .card-body p {
  color: #7189A7;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.clinic-user.card .card-body .code-badge {
  background-color: #ecf4fe;
  border: 1px solid #ecf4fe;
  color: #509eff;
  border-radius: 20px;
  padding: 5px 15px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
}
.clinic-user:hover {
  box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.08) !important;
}
.client-training-grade {
  box-shadow: 0 6px 15px rgba(36, 37, 38, 0.08);
  padding: 10px 15px;
  margin: 10px 15px;
  background: #ffffff;
  min-height: 105px;
  border-radius: 8px;
  cursor: pointer;
}
.client-training-grade .media-body .department-name {
  color: #3d4465;
  margin-bottom: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 25px;
  padding: 3px 10px 3px 5px;
  background-color: #ecf4fe;
}
.client-training-grade .media-body .department-name .grade-icon {
  background: #2E0587;
  color: #ffffff;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.client-training-grade .media-body .department-name .grade-percentage {
  font-size: 14px;
  color: #323277;
}
.client-training-grade .media-body p {
  color: #95a5ba;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.dashboard-cat-section .category-card {
  border-radius: 8px;
  margin: 15px 10px;
  background: #ffffff;
}
.dashboard-cat-section .category-card .card-header {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border-bottom: 1px solid #e0e4e8;
}
.dashboard-cat-section .category-card .card-header.bg-red {
  background: #f66565;
}
.dashboard-cat-section .category-card .card-header.bg-orange {
  background: #fca003;
}
.dashboard-cat-section .category-card .card-header.bg-blue {
  background: #6590f6;
}
.dashboard-cat-section .category-card .card-header .cat-icon {
  background-color: #FA236C;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.dashboard-cat-section .category-card .card-header .cat-icon img {
  height: 25px;
}
.dashboard-cat-section .category-card .card-header .card-title {
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  margin: 0px;
}
.dashboard-cat-section .category-card .card-body .stats-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 15px;
}
.dashboard-cat-section .category-card .card-body .stats-content img {
  width: 60px;
  height: 100%;
}
.dashboard-cat-section .category-card .card-body .stats-content h2 {
  font-size: 36px;
  font-weight: 700;
  color: #323277;
  margin: 0px;
}
.clinic-room-card {
  margin: 15px 10px;
  border: 0px;
  height: auto !important;
  cursor: pointer;
  border-bottom: 1px solid #e0e4e8;
  background: #ffffff;
  border-radius: 8px !important;
  position: relative;
}
.clinic-room-card .card-action-btn {
  position: absolute;
  right: 0px;
  top: 0px;
}
.clinic-room-card .action_property {
  position: absolute;
  right: 3px !important;
  top: 32px !important;
}
.clinic-room-card .room-media {
  border-bottom: 1px solid #e0e4e8;
  padding: 5px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  min-height: 30px;
}
.clinic-room-card .card-body {
  padding: 25px 15px;
  text-align: center;
}
.clinic-room-card .card-body .image-view .img-thumbs-list, .clinic-room-card .card-body .image-view .cdk-drag-preview {
  margin-right: 0px !important;
}
.clinic-room-card .card-body .user-name {
  color: #323277;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clinic-room-card .card-body .inter-code {
  color: #323277;
  font-size: 15px;
  font-weight: 500;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.clinic-room-card .card-body .detail-list {
  margin: 15px 0px;
}
.clinic-room-card .card-body .detail-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.clinic-room-card .card-body .detail-list li .detail-type {
  font-size: 15px;
  font-weight: 500;
  color: #323277;
}
.clinic-room-card .card-body .detail-list li .detail-desc {
  color: #7189A7;
  font-size: 15px;
  margin-left: 10px;
  font-weight: 500;
}
.clinic-room-card .day-overlay {
  background: #00000052;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clinic-room-card .day-overlay .cal-list-btns {
  display: flex;
  align-items: center;
  z-index: 999;
  cursor: pointer;
}
.clinic-room-card .day-overlay .cal-list-btns li:nth-child(2) {
  margin-left: 10px;
}
.clinic-room-card .day-overlay .cal-list-btns li i {
  color: #2E0587;
  border-radius: 50%;
  background: #ffffff;
  z-index: 999;
  width: 30px;
  height: 30px;
  margin: 3px auto;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}
.clinic-room-card:hover .day-overlay {
  opacity: 1;
}
.clinic-tasks-card {
  margin: 15px 10px;
  border: 0px;
  height: auto !important;
  cursor: pointer;
  border-bottom: 1px solid #e0e4e8;
  background: #ffffff;
  border-radius: 8px !important;
  position: relative;
}
.clinic-tasks-card .card-action-btn {
  position: absolute;
  right: 0px;
  top: 0px;
}
.clinic-tasks-card .room-media {
  background: #2E0587;
  border-bottom: 1px solid #e0e4e8;
  padding: 5px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  min-height: 20px;
}
.clinic-tasks-card .card-body {
  padding: 25px 15px;
  text-align: center;
}
.clinic-tasks-card .card-body .image-view .img-thumbs-list, .clinic-tasks-card .card-body .image-view .cdk-drag-preview {
  margin-right: 0px !important;
}
.clinic-tasks-card .card-body .user-name {
  color: #323277;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clinic-tasks-card .card-body .inter-code {
  color: #323277;
  font-size: 15px;
  font-weight: 500;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.clinic-tasks-card .card-body .detail-list {
  margin: 15px 0px;
}
.clinic-tasks-card .card-body .detail-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.clinic-tasks-card .card-body .detail-list li .detail-type {
  font-size: 15px;
  font-weight: 500;
  color: #323277;
}
.clinic-tasks-card .card-body .detail-list li .detail-desc {
  color: #7189A7;
  font-size: 15px;
  margin-left: 10px;
  font-weight: 500;
}
.clinic-tasks-card .day-overlay {
  background: #00000052;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clinic-tasks-card .day-overlay .cal-list-btns {
  display: flex;
  align-items: center;
  z-index: 999;
  cursor: pointer;
}
.clinic-tasks-card .day-overlay .cal-list-btns li:nth-child(2) {
  margin-left: 10px;
}
.clinic-tasks-card .day-overlay .cal-list-btns li i {
  color: #2E0587;
  border-radius: 50%;
  background: #ffffff;
  z-index: 999;
  width: 30px;
  height: 30px;
  margin: 3px auto;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}
.clinic-tasks-card:hover .day-overlay {
  opacity: 1;
}
.notification-section {
  padding: 5px 5px 5px 5px;
  margin-top: 80px !important;
  min-width: 345px;
  max-width: 345px;
  box-shadow: -15px 15px 25px -10px #f4f7fc !important;
}
.notification-section .notification-wrapper {
  height: calc(100vh - 150px);
  position: relative;
}
.notification-section .notification-wrapper .notification-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 0px 10px 0px;
  padding: 5px;
  padding: 10px;
  height: 45px;
  background: #edf1ff;
}
.notification-section .notification-wrapper .notification-header .title {
  font-weight: 500;
  color: #323277;
}
.notification-section .notification-wrapper .notification-header img {
  width: 15px;
  cursor: pointer;
}
.notification-section .notification-wrapper .notification-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 0px 10px 0px;
  padding: 5px;
  padding: 10px;
  height: 45px;
  position: fixed;
  width: 345px;
  background: #f7f8f9;
}
.notification-section .notification-wrapper .notification-footer .clear-btn {
  padding: 0px 10px !important;
  line-height: 20px !important;
  text-decoration: underline !important;
  color: #323277;
  font-weight: 600;
}
.notification-section .notification-wrapper .notification-footer .clear-btn:focus-visible {
  outline: none !important;
}
.notification-section .notification-wrapper .notification-footer .clear-btn .mat-button-wrapper {
  color: #ffffff;
}
.notification-section .notification-wrapper .notification-list {
  padding: 5px;
  border: 1px solid #e0e4e8;
  border-radius: 4px;
  background: #edf1ff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.notification-section .notification-wrapper .notification-list .notification-icon {
  background-color: #ffffff;
  display: inline-flex;
  width: 75px;
  height: 75px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.notification-section .notification-wrapper .notification-list .notification-icon img {
  width: 35px;
  object-fit: contain;
  height: 35px;
}
.notification-section .notification-wrapper .notification-list .notification-content:focus-visible {
  outline: none !important;
}
.notification-section .notification-wrapper .notification-list .notification-content .main-title {
  font-weight: 500;
  font-size: 15px;
  color: #323277;
  overflow: hidden;
  max-width: 310px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.notification-section .notification-wrapper .notification-list .notification-content .desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  display: -webkit-box;
  cursor: pointer;
}
.notification-section .notification-wrapper .notification-list .notification-content .mark-badge {
  cursor: pointer;
  border: 1px solid #2E0587;
  padding: 2px 3px;
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
  background: #2E0587;
  border-radius: 4px;
}
.notification-section .notification-wrapper .empty-img img {
  max-width: 125px !important;
  min-width: 125px !important;
}
.notification-section .notification-wrapper .empty-img h4 {
  font-size: 15px !important;
}
.clinic-check-section {
  background-color: #ffffff;
  padding: 10px 15px;
  min-height: calc(100vh - 135px);
}
.clinic-check-section .heading-title {
  color: #323277;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clinic-check-section .clinic-check-in-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
}
.clinic-check-section .clinic-check-in-header h3 {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #323277;
  font-weight: 600;
}
.clinic-check-section .clinic-check-in-header h3 .global-btn {
  margin-left: 10px;
}
.clinic-check-section .slot-card {
  border-radius: 6px;
  border: 1px solid #e0e4e8;
  margin: 10px;
}
.clinic-check-section .slot-card .slot-card-header {
  background-color: #f4f7fc;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.clinic-check-section .slot-card .slot-card-header h4 {
  font-size: 14px;
  color: #323277;
  font-weight: 500;
  padding: 5px 10px;
}
.clinic-check-section .slot-card .slot-card-header .action-list li {
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
}
.clinic-check-section .slot-card .slot-card-header .action-list li img {
  width: 18px;
}
.clinic-check-section .slot-card .slot-card-body {
  padding: 5px 0px;
}
.clinic-check-section .slot-card .roaster-emp-card {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 5px 10px;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-img {
  width: 65px;
  height: 65px;
  border-radius: 6px;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-img img {
  width: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body {
  margin-left: 10px;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body .emp-name {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body .emp-desc {
  color: #7189A7;
  font-size: 12px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body .check-in-img {
  width: 45px;
  border: 1px solid #e0e4e8;
  border-radius: 4px;
  height: 45px;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body .check-in-img img {
  object-fit: cover;
  border-radius: 4px;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body p {
  font-size: 12px;
  color: #2E0587;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body .check-in-desc .title {
  font-weight: 500;
  font-size: 15px;
  color: #323277;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body .check-in-desc .check-in-timing {
  background: #DCF7E3;
  border-radius: 4px;
  padding: 0px 5px;
  border: 1px solid #2FA84F;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body .check-in-desc .check-in-timing .time-in {
  color: #2FA84F;
  font-size: 11px;
  font-weight: 500;
  margin-right: 5px;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body .check-in-desc .check-in-timing .time-out {
  color: #2FA84F;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 500;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body .attachment-list {
  display: inline-block;
  white-space: nowrap;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body .attachment-list li {
  display: inline-block;
  position: relative;
  width: 35px;
  height: 35px;
  white-space: nowrap;
  border-radius: 4px;
  vertical-align: bottom;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-body .attachment-list li img {
  border: 1px solid #e0e4e8 !important;
  border-radius: 4px !important;
  background: #fff;
  object-fit: contain;
  width: 30px;
  height: 30px;
  position: relative;
  top: 5px;
  padding: 4px;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-action-btn {
  position: absolute !important;
  right: 10px;
  display: flex;
  top: 5px;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-action-btn .global-btn {
  margin-left: 5px;
}
.clinic-check-section .slot-card .roaster-emp-card .emp-action-btn .global-btn .mat-button-wrapper {
  color: #ffffff;
}
.clinic-check-section .user-checkin-form {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 350px);
}
.clinic-check-section .user-checkin-form .otp-form {
  text-align: center;
}
.clinic-check-section .user-checkin-form .otp-form .heading-title {
  margin-bottom: 35px;
}
.clinic-check-section .user-checkin-form .otp-form .global-btn {
  margin: 35px auto 0px auto;
}
.clinic-check-section .user-checkin-form .otp-input {
  width: 50px;
  height: 50px;
  border-radius: 0px;
  border: 0px;
  border-bottom: 2px solid #c5c5c5;
  text-align: center;
  font-size: 32px;
  margin-bottom: 10px;
}
.clinic-check-section .chat-row .chat-right .support-right-head li {
  border-bottom: 0px !important;
}
.clinic-check-section .chat-row .chat-right .support-right-head li .media {
  align-items: center;
}
.clinic-check-section .chat-row .chat-right .chat-body .user-message .media .media-left {
  width: 35px;
  margin-right: 5px;
}
.clinic-check-section .chat-row .chat-right .chat-body .user-message .media .chatbot-card {
  margin-top: 10px !important;
}
.clinic-check-section .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list {
  min-width: 325px;
}
.clinic-check-section .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li {
  line-height: 34px;
  border-bottom: 1px solid #eee;
  letter-spacing: 0;
  padding: 0px 5px;
}
.clinic-check-section .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li .field-type {
  font-weight: 600;
  text-transform: capitalize;
  text-align: left;
  font-size: 14px;
  margin-bottom: 2px;
  margin-right: 10px;
  max-width: 140px;
  min-width: 80px;
  padding-left: 5px;
  color: #000;
}
.clinic-check-section .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li .field-type .dots {
  width: 25px;
  float: right;
  font-weight: 600;
  text-align: right;
}
.emp-timesheet-section .emp-timesheet-header .custom-form-group {
  background: #ffffff;
  min-height: 175px;
  padding: 20px 25px;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  border-radius: 10px;
  margin: 15px 10px;
}
.emp-timesheet-section .emp-timesheet-header .custom-form-group .select-cat-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  padding: 5px;
  justify-content: center;
  margin-bottom: 10px;
}
.emp-timesheet-section .emp-timesheet-header .custom-form-group .select-cat-icon.light-pink {
  background: #fa236c38;
}
.emp-timesheet-section .emp-timesheet-header .custom-form-group .select-cat-icon.light-orange {
  background: #fdae473b;
}
.emp-timesheet-section .emp-timesheet-header .custom-form-group .select-cat-icon.light-brinjal {
  background: #e380f040;
}
.emp-timesheet-section .emp-timesheet-header .custom-form-group .select-cat-icon img {
  width: 25px;
}
.emp-timesheet-section .timesheet-sats-card {
  border: 1px solid #e0e4e8;
  border-radius: 8px;
  background: #ffffff;
  margin: 15px 10px;
  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);
}
.emp-timesheet-section .timesheet-sats-card .card-header {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border-bottom: 1px solid #e0e4e8;
}
.emp-timesheet-section .timesheet-sats-card .card-header.bg-blue {
  background: #6590f6;
}
.emp-timesheet-section .timesheet-sats-card .card-header.bg-primary {
  background: #2E0587 !important;
}
.emp-timesheet-section .timesheet-sats-card .card-header.bg-green {
  background: #3eae4d;
}
.emp-timesheet-section .timesheet-sats-card .card-header .card-title {
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  margin: 0px;
}
.emp-timesheet-section .timesheet-sats-card .card-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emp-timesheet-section .timesheet-sats-card .card-body .cat-icon {
  width: 55px;
  margin-right: 10px;
}
.emp-timesheet-section .timesheet-sats-card .card-body .cat-icon img {
  width: 100%;
  height: 100%;
}
.emp-timesheet-section .timesheet-sats-card .card-body .time-cost h2 {
  font-size: 60px;
  font-weight: 600;
  color: #323277;
  margin: 0px;
}
.emp-timesheet-section .timesheet-sats-card .card-body .time-cost p {
  font-size: 12px;
  color: #7189A7;
  margin: 0px;
}
.emp-timesheet-section .emp-shift-card {
  border: 1px solid #e0e4e8;
  border-radius: 8px;
  background: #ffffff;
  margin: 15px 10px;
  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);
}
.emp-timesheet-section .emp-shift-card .card-header {
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-bottom: 1px solid #e0e4e8;
}
.emp-timesheet-section .emp-shift-card .card-header .card-title {
  font-weight: 500;
  font-size: 18px;
  color: #323277;
  margin: 0px;
}
.emp-timesheet-section .emp-shift-card .card-header span {
  font-weight: 500;
  font-size: 15px;
  background: #f4f7fc;
  padding: 5px 10px;
  border-radius: 6px;
  color: #323277;
}
.emp-timesheet-section .emp-shift-card .card-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emp-timesheet-section .emp-shift-card .card-body .cat-icon {
  width: 45px;
  height: 45px;
  background-color: #f4f7fc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
.emp-timesheet-section .emp-shift-card .card-body .cat-icon img {
  width: 25px;
  height: 100%;
}
.emp-timesheet-section .emp-shift-card .card-body .time-cost h3 {
  font-size: 16px;
  font-weight: 500;
  color: #323277;
  margin-bottom: 5px;
}
.emp-timesheet-section .emp-shift-card .card-body .time-cost p {
  font-size: 12px;
  font-weight: 500;
  color: #7189A7;
  margin: 0px;
}
.emp-timesheet-section .emp-shift-card .card-body .time-cost .approve-label {
  font-size: 12px;
  background: #ffffff;
  padding: 5px 10px;
  border-radius: 20px;
  margin: 5px 0px;
  display: inline-block;
  color: #323277;
  cursor: pointer;
  border: 1px solid #e0e4e8;
}
.emp-timesheet-section .emp-shift-card .card-body .time-cost .approve-label.approved {
  background: #3eae4d !important;
  color: #ffffff !important;
  border: 1px solid #3eae4d !important;
}
.emp-timesheet-section .emp-shift-card .card-footer {
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-top: 1px solid #e0e4e8;
}
.emp-timesheet-section .emp-shift-card .card-footer .card-title {
  font-weight: 500;
  font-size: 18px;
  color: #323277;
  margin: 0px;
}
.emp-timesheet-section .emp-shift-card .card-footer span {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  background: #3eae4d;
  padding: 5px 10px;
  border-radius: 6px;
}
.weeks-roasters-section {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  min-height: calc(100vh - 175px);
  position: relative;
}
.weeks-roasters-section .mat-icon-button img {
  transform: rotate(90deg);
  width: 16px;
  height: 20px;
}
.weeks-roasters-section .budget-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #ecf4fe;
  padding: 5px 15px;
}
.weeks-roasters-section .budget-btn p {
  font-size: 13px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 16px;
}
.weeks-roasters-section .budget-btn .weekly-budget {
  color: #2E0587 !important;
}
.weeks-roasters-section .budget-btn .allocate-budget {
  cursor: pointer;
  color: #fa236c !important;
  margin-left: 10px;
}
.weeks-roasters-section .emp-timesheet-header .custom-form-group {
  background: #ffffff;
  min-height: 200px;
  padding: 20px 25px;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  border-radius: 10px;
  margin: 15px 10px;
}
.weeks-roasters-section .emp-timesheet-header .custom-form-group .select-cat-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  padding: 5px;
  justify-content: center;
  margin-bottom: 10px;
}
.weeks-roasters-section .emp-timesheet-header .custom-form-group .select-cat-icon.light-pink {
  background: #fa236c38;
}
.weeks-roasters-section .emp-timesheet-header .custom-form-group .select-cat-icon.light-orange {
  background: #fdae473b;
}
.weeks-roasters-section .emp-timesheet-header .custom-form-group .select-cat-icon.light-brinjal {
  background: #e380f040;
}
.weeks-roasters-section .emp-timesheet-header .custom-form-group .select-cat-icon img {
  width: 25px;
}
.weeks-roasters-section .emp-timesheet-header .custom-form-group .action-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.weeks-roasters-section .emp-timesheet-header .custom-form-group .action-btns .action-btn {
  background-color: #ffffff;
  border: 1px dashed #e0e4e8;
  height: 30px !important;
  line-height: 20px !important;
  border-radius: 20px !important;
  padding: 0px 10px !important;
}
.weeks-roasters-section .emp-timesheet-header .custom-form-group .action-btns .action-btn .mat-button-wrapper {
  color: #323277;
}
.weeks-roasters-section .emp-timesheet-header .custom-form-group .action-btns .action-btn img {
  width: 18px;
  margin-right: 5px;
}
.weeks-roasters-section .check-in-timing {
  padding: 3px 6px;
  position: relative;
  margin: 5px 5px 0px 0px;
  display: inline-flex;
  align-items: center;
  min-width: 100px;
  justify-content: center;
  cursor: pointer;
}
.weeks-roasters-section .check-in-timing:hover .copy-roster {
  display: block;
}
.weeks-roasters-section .check-in-timing .copy-roster {
  color: #323277;
  font-size: 16px;
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
}
.weeks-roasters-section .check-in-timing .user-symbol {
  width: 35px;
  border-radius: 50%;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  margin-right: 5px;
  text-transform: uppercase;
  position: relative;
}
.weeks-roasters-section .check-in-timing .user-symbol .accepted {
  background-color: #2FA84F !important;
}
.weeks-roasters-section .check-in-timing .user-symbol .pending {
  background-color: #FE9014 !important;
}
.weeks-roasters-section .check-in-timing .user-symbol .status-dot {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  border: 2px solid #ffffff !important;
}
.weeks-roasters-section .check-in-timing img {
  border: 1px solid #e0e4e8 !important;
  object-fit: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  border-radius: 50% !important;
}
.weeks-roasters-section .check-in-timing .time-in {
  font-size: 11px;
  font-weight: 600;
  margin-right: 5px;
  display: block;
}
.weeks-roasters-section .check-in-timing .emp-leave {
  font-size: 11px;
  font-weight: 600;
  margin-right: 5px;
  display: block;
  color: #FA236C;
}
.weeks-roasters-section .check-in-timing .time-out {
  margin-left: 5px;
  font-size: 11px;
  font-weight: 600;
}
.weeks-roasters-section .check-in-empty {
  padding: 5px 10px;
  position: relative;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  border: 1px solid #f4f7fc;
  color: #2E0587;
}
.weeks-roasters-section .check-in-empty .time-in {
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column {
  margin: 15px 0px;
  border-radius: 8px;
  background: #ffffff;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column .day-body {
  position: relative;
  max-height: 450px;
  min-height: 450px;
  overflow-y: auto;
  padding: 15px 10px;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column .day-body .roasters-room-card {
  min-width: 450px;
  max-width: 450px;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column:nth-child(1) .roasters-room-card .room-card-heading {
  background: #ffa105 !important;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column:nth-child(2) .roasters-room-card .room-card-heading {
  background: #da65f6 !important;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column:nth-child(3) .roasters-room-card .room-card-heading {
  background: #4c4c4c !important;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column:nth-child(4) .roasters-room-card .room-card-heading {
  background: #0bacf5 !important;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column:nth-child(5) .roasters-room-card .room-card-heading {
  background: #fb5641 !important;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column:nth-child(6) .roasters-room-card .room-card-heading {
  background: #6590f6 !important;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column:nth-child(7) .roasters-room-card .room-card-heading {
  background: #008000 !important;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column .day-title {
  padding: 10px 10px;
  background: #cad4dd;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column .day-title h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0px;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column .day-title .action-list li {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column .day-title .action-list li img {
  width: 18px;
}
.weeks-roasters-section .roaster-wrapper .week-columns .day-column .day-title .action-list li span {
  margin-left: 5px;
  display: inline-block;
}
.summary-section {
  margin-top: 15px;
}
.summary-section .section-heading {
  padding: 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.summary-section .section-heading h4 {
  font-size: 18px;
  font-weight: 600;
  color: #2E0587;
  margin: 0px;
}
.weekly-summary {
  padding: 10px 15px;
  text-align: center;
}
.weekly-summary h4 {
  font-size: 18px;
  font-weight: 600;
  color: #323277;
  margin-bottom: 15px;
}
.weekly-summary p {
  font-size: 16px;
  font-weight: 600;
}
.weekly-summary .c-primary {
  color: #2E0587;
}
.weekly-summary .c-green {
  color: #2FA84F;
}
.weekly-summary .c-danger {
  color: #FA236C;
}
.weekly-summary .budgets {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.approve-popup .time-chart {
  margin-bottom: 10px;
}
.approve-popup .time-chart .cat-icon {
  width: 45px;
  height: 45px;
  background-color: #f4f7fc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
.approve-popup .time-chart .cat-icon img {
  width: 25px;
  height: 100%;
}
.approve-popup .time-chart .time-cost h3 {
  font-size: 16px;
  font-weight: 500;
  color: #323277;
  margin-bottom: 5px;
}
.approve-popup .time-chart .time-cost p {
  font-size: 12px;
  font-weight: 500;
  color: #7189A7;
  margin: 0px;
}
.approve-popup h3 {
  font-size: 16px;
  font-weight: 500;
  color: #323277;
  margin-bottom: 5px;
}
.approve-popup .approve-label {
  font-size: 12px;
  background: #ffffff;
  padding: 5px 10px;
  border-radius: 20px;
  margin: 5px 0px;
  display: inline-block;
  color: #323277;
  cursor: pointer;
  border: 1px solid #e0e4e8;
}
.approve-popup .approve-label.approved {
  background: #3eae4d !important;
  color: #ffffff !important;
  border: 1px solid #3eae4d !important;
}
::ng-deep .custom-frame .mat-checkbox-background,
::ng-deep .custom-frame .mat-checkbox-frame {
  border-radius: 50% !important;
  border-width: 0px !important;
}
.user-roles-section {
  background: #f4f7fc;
  min-width: 100%;
  overflow-y: auto;
  position: relative;
}
.user-roles-section .user-role-card {
  background: #ffffff;
  border-radius: 6px;
  margin: 10px 15px;
  min-height: 275px;
  max-height: 275px;
}
.user-roles-section .user-role-card .mat-checkbox-frame {
  border-width: 1px !important;
  border-radius: 20px !important;
  overflow: hidden;
}
.user-roles-section .user-role-card .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.user-roles-section .user-role-card .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  border-radius: 20px !important;
}
.user-roles-section .user-role-card .mat-checkbox-inner-container {
  height: 20px !important;
  width: 20px !important;
  margin-right: 15px;
}
.user-roles-section .user-role-card label {
  margin-bottom: 0px;
}
.user-roles-section .user-role-card .roles-header {
  border-bottom: 1px solid #ebeef6;
  padding: 10px 10px;
}
.user-roles-section .user-role-card .roles-header .mat-checkbox-label {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  white-space: normal !important;
}
.user-roles-section .user-role-card .roles-body {
  padding: 10px 15px;
}
.user-roles-section .user-role-card .roles-body .permission-list {
  display: block;
}
.user-roles-section .user-role-card .roles-body .permission-list li {
  display: flex;
  padding: 5px 15px;
  border-radius: 20px;
  margin: 10px auto;
  /* text-align: center; */
  justify-content: flex-start;
  width: 60%;
}
.user-roles-section .user-role-card .roles-body .permission-list li .mat-checkbox-label {
  font-weight: 700;
  font-size: 14px;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(1) {
  border: 3px solid #ecf4fe;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(1) .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #509eff !important;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(1).checked {
  background: #ecf4fe;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(1) .mat-checkbox-label {
  color: #509eff !important;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(1) .mat-checkbox-frame {
  border-color: #509eff !important;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(2) {
  border: 3px solid #fff4e0;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(2).checked {
  background: #fff4e0;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(2) .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #fca003 !important;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(2) .mat-checkbox-label {
  color: #fca003 !important;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(2) .mat-checkbox-frame {
  border-color: #fca003 !important;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(3) {
  border: 3px solid #ffedf3;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(3).checked {
  background: #ffedf3;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(3) .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #fa1f71 !important;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(3) .mat-checkbox-label {
  color: #fa1f71 !important;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(3) .mat-checkbox-frame {
  border-color: #fa1f71 !important;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(4) {
  border: 3px solid #FEE4E2;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(4).checked {
  background: #FEE4E2;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(4) .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #FA236C !important;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(4) .mat-checkbox-label {
  color: #FA236C !important;
}
.user-roles-section .user-role-card .roles-body .permission-list li:nth-child(4) .mat-checkbox-frame {
  border-color: #FA236C !important;
}
.user-roles-section .user-role-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
}
.user-roles-section .user-role-header .main-title {
  font-size: 18px;
  font-weight: 500;
  color: #323277;
  margin-bottom: 0px;
}
.user-roles-section .user-role-header .custom-form-group {
  margin-bottom: 0px !important;
}
.user-roles-section .user-role-modules {
  padding: 10px 10px;
  display: block;
}
.user-roles-section .user-role-modules .role-header {
  background: #ebeef6;
}
.user-roles-section .user-role-modules label {
  margin-bottom: 0px;
}
.user-roles-section .user-role-modules .mat-expanded {
  border: 1px solid #ebeef6;
}
.user-roles-section .user-role-modules .mat-expansion-panel {
  margin-bottom: 10px;
}
.user-roles-section .user-role-modules .mat-expansion-panel-spacing {
  margin: 10px 0;
}
.user-roles-section .user-role-modules .mat-expansion-panel-body {
  padding: 15px;
}
.user-roles-section .user-role-modules .mat-expansion-panel-body .permission-list {
  display: inline-block;
}
.user-roles-section .user-role-modules .mat-expansion-panel-body .permission-list li {
  display: inline-block;
  padding: 5px 15px;
  background: #f4f7fc;
  border-radius: 20px;
  margin-right: 10px;
}
.feeds-wrapper-section {
  width: 50%;
  margin: 10px auto;
  min-height: calc(100vh - 228px);
  position: relative;
}
.feeds-wrapper-section .add-new-feed {
  padding: 10px 10px;
  background: #ffffff;
  border-radius: 8px;
}
.feeds-wrapper-section .add-new-feed .mat-button-toggle-group {
  background: #ffffff;
  width: 100%;
  border-radius: 0;
  border: 0px !important;
  margin-bottom: 5px;
  border-bottom: 1px solid #f4f7fc !important;
  padding: 5px 5px;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.feeds-wrapper-section .add-new-feed .mat-button-toggle-group .mat-button-toggle {
  border: 0;
  border-radius: 8px;
  height: 40px;
  min-width: auto;
  background: transparent;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.feeds-wrapper-section .add-new-feed .mat-button-toggle-group .mat-button-toggle:hover .mat-button-toggle-label-content {
  color: #2E0587;
}
.feeds-wrapper-section .add-new-feed .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #2E0587;
}
.feeds-wrapper-section .add-new-feed .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button {
  height: 40px;
}
.feeds-wrapper-section .add-new-feed .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  padding: 0 15px;
}
.feeds-wrapper-section .add-new-feed .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content img {
  width: 20px;
  margin-right: 5px;
}
.feeds-wrapper-section .add-new-feed .upload-media {
  margin-top: 5px;
}
.feeds-wrapper-section .add-new-feed .upload-media.media {
  align-items: center;
}
.feeds-wrapper-section .add-new-feed .upload-media.media .media-left {
  margin-right: 10px;
}
.feeds-wrapper-section .add-new-feed .upload-media.media .media-left img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.feeds-wrapper-section .add-new-feed .upload-media.media .media-body .upload-tab {
  padding: 10px 15px;
  border-radius: 20px;
  background-color: #f4f7fc;
  cursor: pointer;
}
.feeds-wrapper-section .add-new-feed .upload-media.media .media-body .upload-tab p {
  color: #7189A7;
  margin: 0px;
}
.feeds-wrapper-section .feed-card {
  padding: 15px 15px;
  background: #ffffff;
  border-radius: 8px;
  margin: 10px 0px;
}
.feeds-wrapper-section .feed-card .feed-card-header .media .media-left {
  margin-right: 10px;
}
.feeds-wrapper-section .feed-card .feed-card-header .media .media-left img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.feeds-wrapper-section .feed-card .feed-card-header .media .media-body {
  position: relative;
}
.feeds-wrapper-section .feed-card .feed-card-header .media .media-body .feed-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 5px;
  color: #323277;
}
.feeds-wrapper-section .feed-card .feed-card-header .media .media-body .feed-time-stamp {
  font-weight: 400;
  font-size: 12px;
  margin-top: 0px;
  line-height: 14px;
  color: #7189A7;
}
.feeds-wrapper-section .feed-card .feed-card-header .media .media-body .custom-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.feeds-wrapper-section .feed-card .feed-card-header .media .media-body .custom-icon .unpublished {
  color: red;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-item {
  margin: 10px 0px;
  position: relative;
  overflow: hidden;
  background: #f4f7fc;
  border-radius: 8px;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-item .feed-single-img {
  max-height: 350px;
  min-height: 250px;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-item .img-thumbs-list, .feeds-wrapper-section .feed-card .feed-card-body .feed-item .cdk-drag-preview {
  width: 100%;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-item .img-thumbs-list img, .feeds-wrapper-section .feed-card .feed-card-body .feed-item .cdk-drag-preview img {
  height: auto;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-video {
  margin: 10px 0px;
  position: relative;
  max-height: 350px;
  overflow: hidden;
  border-radius: 8px;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-video video {
  width: 100%;
  max-height: 350px;
  min-height: 250px;
  object-fit: contain;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-desc {
  margin: 5px 0px;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-desc .desc-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  font-size: 16px;
  font-weight: 500;
  color: #323277;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-desc .post-desc {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #323277;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-desc .short-desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 12px;
  font-weight: 400;
  color: #7189A7;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-media.media {
  margin: 10px 0px;
  position: relative;
  max-height: 350px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #e0e4e8;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-media.media .media-left {
  max-width: 115px;
  margin-right: 5px;
  height: 100%;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-media.media .media-left img {
  width: 115px;
  height: 115px;
  object-fit: cover;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-media.media .media-body {
  padding: 10px 10px;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-media.media .media-body .ogg-title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 16px;
  color: #323277;
  font-weight: 600;
}
.feeds-wrapper-section .feed-card .feed-card-body .feed-media.media .media-body .ogg-url {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
  font-size: 16px;
  font-weight: 500;
}
.feeds-wrapper-section .feed-card .feed-card-footer {
  border-top: 1px solid #f4f7fc;
  padding: 10px 0px;
}
.feeds-wrapper-section .feed-card .feed-card-footer .like-comment {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  align-items: center;
  margin-bottom: 5px;
}
.feeds-wrapper-section .feed-card .feed-card-footer .like-comment h5 {
  font-size: 14px;
  font-weight: 400;
  margin: 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.feeds-wrapper-section .feed-card .feed-card-footer .like-comment h5 img {
  width: 23px;
  margin-right: 5px;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-box .mat-form-field {
  position: relative;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-box .mat-form-field .mat-form-field-wrapper {
  margin-bottom: 10px !important;
  padding-bottom: 0px !important;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-box .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  background: transparent;
  border-radius: 12px !important;
  background-color: #f4f7fc;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-box .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  min-width: 0;
  border-left-style: none;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-box .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 12px !important;
  border-left-style: solid;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-box .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 5px ​28px 5px 12px !important;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-box .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  color: #f2f2f2 !important;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-box .mat-form-field .custom-icon {
  position: absolute;
  right: 0px;
  bottom: 5px;
  cursor: pointer;
  color: #959fab;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-media {
  margin: 5px 0px;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-media.media {
  align-items: flex-start;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-media.media .media-left {
  margin-right: 10px;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-media.media .media-left img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-media.media .media-body {
  position: relative;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-media.media .media-body .comment-desc {
  padding: 10px 10px;
  border-radius: 10px;
  background-color: #f4f7fc;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-media.media .media-body .comment-desc h6 {
  font-size: 14px;
  font-weight: 500;
  color: #323277;
  margin-bottom: 5px;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-media.media .media-body .comment-desc h6 span {
  font-size: 11px;
  display: block;
  margin-top: 2px;
  font-weight: 400;
  color: #7189A7;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-media.media .media-body .comment-desc p {
  color: #7189A7;
  margin: 0px;
  font-size: 12px;
  line-height: 18px;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-media.media .media-body .comment-desc i {
  color: red;
}
.feeds-wrapper-section .feed-card .feed-card-footer .feed-comments-container .comment-media.media .media-body .custom-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.rooms-list:nth-child(1) .card-header:before {
  background-color: #ff0057;
}
.rooms-list:nth-child(2) .card-header:before {
  background-color: #00b9ff;
}
.rooms-list:nth-child(3) .card-header:before {
  background-color: #34d43e;
}
.room-duties-section {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  position: relative;
  min-height: calc(100vh - 245px);
}
.room-duties-section .room-wrapper {
  display: flex;
  flex-grow: 1;
  overflow-x: auto;
  padding: 0px 10px;
}
.room-duties-section .room-wrapper .room-columns {
  display: flex;
  flex-grow: 1;
}
.room-duties-section .room-wrapper .room-columns .room-column {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 364px;
  max-width: 500px;
  margin: 15px 15px 0px 0px;
  border-radius: 4px;
  background: #edf2f8;
  min-height: calc(100vh - 255px);
  max-height: calc(100vh - 265px);
}
.room-duties-section .room-wrapper .room-columns .room-column:last-child {
  margin: 15px 0px 0px 0px !important;
}
.room-duties-section .room-wrapper .room-columns .room-column .duites-loader {
  min-height: calc(100vh - 375px);
  max-height: calc(100vh - 375px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.room-duties-section .room-wrapper .room-columns .room-column .duites-loader .loader {
  min-width: 85px;
  max-width: 85px;
}
.room-duties-section .room-wrapper .room-columns .room-column .duites-loader .placeholder {
  min-width: 125px;
  max-width: 125px;
}
.room-duties-section .room-wrapper .room-columns .room-column .duites-loader h4 {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 600;
  color: #323277;
}
.room-duties-card {
  min-height: 185px;
  position: relative;
}
.room-duties-card .room-duties-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 12px 15px;
}
.room-duties-card .room-duties-header .bottom-line {
  position: absolute;
  height: 6px;
  bottom: 0px;
  border-radius: 25px;
  right: 15px;
  left: 15px;
  background-color: #2E0587;
}
.room-duties-card .room-duties-header h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #323277;
}
.room-duties-card .room-duties-header .add-icon {
  border: 1px solid #415574;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.room-duties-card .room-duties-header .add-icon img {
  width: 19px;
  height: 19px;
}
.room-duties-card .room-duties-body {
  padding: 10px 15px;
  position: relative;
  min-height: calc(100vh - 295px);
  max-height: calc(100vh - 295px);
  overflow-y: auto;
}
.room-duties-card .duty-person-card {
  border-top: 1px solid #e0e4e8;
  padding: 10px 0px;
  margin-top: 10px;
}
.room-duties-card .duty-person-card .user-header {
  display: flex;
  align-items: center;
}
.room-duties-card .duty-person-card .user-header img {
  width: 25px;
  object-fit: cover;
  height: 25px;
  border-radius: 50%;
  margin-right: 5px;
}
.room-duties-card .duty-person-card .user-header span {
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.room-duties-card .duties-list {
  display: block;
}
.room-duties-card .duties-list li {
  margin-bottom: 10px;
  font-size: 15px;
}
.room-duties-card .duties-list li .duty-title {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 10px 10px;
  border: 1px solid #f4f7fc;
  border-radius: 20px;
}
.room-duties-card .duties-list li .duty-title ul {
  display: flex;
  transform: translateX(-50%);
  transition: transform 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  align-items: center;
  border-radius: 20px;
  background: #ffffff;
}
.room-duties-card .duties-list li .duty-title ul li {
  display: inline-flex;
  align-items: center;
  padding: 2px;
  margin: 0px;
}
.room-duties-card .duties-list li .duty-title ul li i {
  font-size: 24px;
}
.room-duties-card .duties-list li .duty-title ul li span {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90px;
}
.room-duties-card .duties-list li .duty-title ul li img {
  width: 25px;
  object-fit: cover;
  height: 25px;
  border-radius: 50%;
  margin-right: 5px;
}
.room-duties-card .duties-list li .duty-title:hover ul {
  transform: translateX(0);
  opacity: 1;
}
.room-duties-card .duties-list li label {
  margin-bottom: 0px;
  margin-right: 10px;
}
.room-duties-card .duties-list li .mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
  display: flex;
  align-items: center;
}
.room-duties-card .duties-list li .mat-checkbox-layout .mat-checkbox-label i {
  margin-left: 10px;
}
.room-duties-card .duties-list li .job-media {
  margin: 5px 0px;
}
.room-duties-card .duties-list li .job-media.media {
  align-items: flex-start;
}
.room-duties-card .duties-list li .job-media.media .media-left {
  margin-right: 8px;
}
.room-duties-card .duties-list li .job-media.media .media-left img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.room-duties-card .duties-list li .job-media.media .media-body .job-desc {
  padding: 8px 10px;
  border-radius: 20px;
  background-color: #f4f7fc;
}
.room-duties-card .duties-list li .job-media.media .media-body .job-desc h6 {
  font-size: 14px;
  font-weight: 500;
  color: #323277;
  margin-bottom: 5px;
}
.room-duties-card .duties-list li .job-media.media .media-body .job-desc h6 span {
  font-size: 11px;
  display: block;
  margin-top: 2px;
  font-weight: 400;
  color: #7189A7;
}
.room-duties-card .duties-list li .job-media.media .media-body .job-desc p {
  color: #7189A7;
  margin: 0px;
  font-size: 12px;
}
.room-duties-card .empty-img img {
  max-width: 100px !important;
  min-width: 100px !important;
}
.duty-card {
  display: flex;
  padding: 5px 5px;
  background: #ffffff;
  border: 0px !important;
  border-radius: 4px;
  margin-bottom: 10px;
  position: relative;
  cursor: move;
}
.duty-card .card-body {
  padding: 0px;
}
.duty-card .card-body .task-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.duty-card .card-body .task-name h4 {
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  color: #323277;
}
.duty-card .card-body .task-name ul {
  display: flex;
}
.duty-card .card-body .task-name ul li {
  display: inline-flex;
  align-items: center;
  padding: 2px;
  margin: 0px;
}
.duty-card .card-body .task-name ul li i {
  font-size: 24px;
  color: #323277;
  cursor: pointer;
}
.duty-card .card-body .task-name .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.duty-card .card-body .task-name .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  border-radius: 20px !important;
}
.duty-card .card-body .task-name .mat-checkbox-inner-container {
  height: 20px !important;
  width: 20px !important;
}
.duty-card .card-body .task-name label {
  margin-bottom: 0px;
}
.duty-card .card-body .task-name .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #2E0587 !important;
}
.duty-card .card-body .task-name.checked {
  background: #ecf4fe;
}
.duty-card .card-body .task-name .mat-checkbox-label {
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  color: #323277;
}
.duty-card .card-body .task-name .mat-checkbox-frame {
  border-color: #2E0587 !important;
  border-radius: 50% !important;
}
.duty-card .card-body .short-desc {
  color: #323277;
  font-weight: 600;
  font-size: 13px;
}
.duty-card .card-body .short-desc span {
  color: #7189A7;
  font-weight: 400;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 14px;
  text-overflow: ellipsis;
  display: -webkit-box;
  min-height: 25px;
}
.ngb-tp {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 7px;
}
.preformatted-letter-section .pre-letter-card {
  padding: 25px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  margin: 15px;
}
.preformatted-letter-section .pre-letter-card .card-action-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
.preformatted-letter-section .pre-letter-card:hover {
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15), 0 5px 5px rgba(0, 0, 0, 0.03);
}
.preformatted-letter-section .pre-letter-card .letter-img img {
  width: 100%;
  height: 100%;
}
.preformatted-letter-section .pre-letter-card .letter-info {
  text-align: center;
  padding: 10px 12px;
  border-top: 1px solid #c1c1c1;
  position: absolute;
  background: #ffffff;
  right: 0px;
  left: 0px;
  bottom: 0px;
}
.preformatted-letter-section .pre-letter-card .letter-info h4 {
  font-size: 20px;
  font-weight: 500;
  color: #323277;
}
.preformatted-letter-section .pre-letter-card .letter-info p {
  color: #7189A7;
  font-size: 15px;
}
.comment-listing {
  list-style-type: none;
}
.comment-listing li {
  position: relative;
  margin: 0;
  padding-bottom: 1em;
  padding-left: 32px;
}
.comment-listing li:before {
  content: "";
  background-color: #ffb101;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 10px;
  width: 3px;
}
.comment-listing li:after {
  content: "";
  background-image: url('message.png');
  position: absolute;
  left: 0;
  background-size: contain;
  top: 0px;
  background-position: center;
  height: 25px;
  width: 25px;
}
.comment-listing li .comment-media {
  margin: 5px 0px;
}
.comment-listing li .comment-media.media {
  align-items: flex-start;
}
.comment-listing li .comment-media.media .media-left {
  margin-right: 10px;
}
.comment-listing li .comment-media.media .media-left img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.comment-listing li .comment-media.media .media-body .comment-desc {
  padding: 8px 10px;
  border-radius: 20px;
  background-color: #f4f7fc;
}
.comment-listing li .comment-media.media .media-body .comment-desc h6 {
  font-size: 14px;
  font-weight: 500;
  color: #323277;
  margin-bottom: 5px;
}
.comment-listing li .comment-media.media .media-body .comment-desc h6 span {
  font-size: 11px;
  display: block;
  margin-top: 2px;
  font-weight: 400;
  color: #7189A7;
}
.comment-listing li .comment-media.media .media-body .comment-desc p {
  color: #323277;
  margin: 0px;
  font-size: 12px;
}
.flex-group-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0px;
}
.flex-group-btns .global-btn {
  margin-right: 10px;
}
.clinic-product-section {
  height: 100%;
  min-width: 100%;
  overflow: auto;
  background: #f4f7fc;
  min-height: calc(100vh - 228px);
}
.clinic-product-section .product-card {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: #dddddd 0px 0px 10px;
  background: #ffffff;
  position: relative;
  z-index: 1;
  margin: 0px 20px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.clinic-product-section .product-card .product-img {
  max-width: 100%;
  min-width: 100%;
  min-height: 225px;
  max-height: 225px;
  height: 100%;
  width: 100%;
  position: relative;
  transition: all 0.5s ease !important;
  overflow: hidden;
  border-radius: 2px;
}
.clinic-product-section .product-card .product-img img {
  height: 225px;
  width: 100%;
  object-fit: contain;
  border-radius: 2px;
  position: relative;
  transition: all 0.5s ease !important;
  cursor: pointer;
}
.clinic-product-section .product-card .product-img:hover img {
  transform: scale(1.1);
}
.clinic-product-section .product-card .product-content {
  padding: 10px 10px;
  height: auto;
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.clinic-product-section .product-card .product-heading {
  font-size: 15px;
  color: #323277;
  font-weight: 500;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin-top: 8px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.clinic-product-section .product-card .product-sub-title {
  font-size: 14px;
  color: #7189A7;
  font-weight: 500;
  margin-bottom: 5px;
  height: auto;
}
.clinic-product-section .product-card .product-sub-title .type-title {
  color: #323277;
}
.clinic-product-section .product-card .rate-tag {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 15px;
}
.clinic-product-section .product-card .rate-tag .rupees {
  font-size: 16px;
  font-weight: 600;
  color: #2E0587;
}
.custom-table-section {
  background: #ffffff;
  overflow: auto !important;
}
.custom-table-section .weekly-roaster-table {
  border-bottom: 0;
  width: 100%;
  overflow: none !important;
}
.custom-table-section .weekly-roaster-table tr {
  border-bottom: 1px solid #d4dbe3;
}
.custom-table-section .weekly-roaster-table tr.empty-block-row {
  min-height: 20px !important;
}
.custom-table-section .weekly-roaster-table tr.empty-block-row td {
  border-right: 0px !important;
}
.custom-table-section .weekly-roaster-table tr:first-child {
  padding: 5px 0px;
  line-height: 25px;
}
.custom-table-section .weekly-roaster-table tr th {
  background: #f7f8f9;
}
.custom-table-section .weekly-roaster-table tr th .table-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
}
.custom-table-section .weekly-roaster-table tr th .table-heading h4 {
  font-size: 16px;
  color: #323277;
  font-weight: 500;
  line-height: 25px;
  text-transform: capitalize;
  padding: 5px 10px;
  min-width: 175px;
}
.custom-table-section .weekly-roaster-table tr th .table-heading .add-icon {
  border: 1px solid #323277;
  padding: 3px;
  border-radius: 4px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-table-section .weekly-roaster-table tr th .table-heading .add-icon img {
  width: 19px;
  height: 19px;
}
.custom-table-section .weekly-roaster-table tr th:last-child {
  padding-right: 5px !important;
}
.custom-table-section .weekly-roaster-table tr td {
  border-right: 1px solid #d4dbe3;
  max-width: 200px;
}
.custom-table-section .weekly-roaster-table tr td .check-in-timing {
  background-color: #ffffff;
  border: 1px solid #f4f7fc;
  color: #2E0587;
}
.custom-table-section .weekly-roaster-table tr td .check-in-timing .user-symbol {
  background: #2E0587;
}
.custom-table-section .weekly-roaster-table tr td .mat-menu-panel {
  max-width: 100px !important;
}
.custom-table-section .weekly-roaster-table tr td .action-list li {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.custom-table-section .weekly-roaster-table tr td .action-list li img {
  width: 18px;
}
.custom-table-section .weekly-roaster-table tr td .day-action {
  padding-left: 15px !important;
  font-size: 12px;
  color: #323277;
  font-weight: 600;
  min-width: 175px !important;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.custom-table-section .weekly-roaster-table tr td .day-action .mat-icon-button img {
  transform: rotate(90deg);
  width: 16px;
}
.custom-table-section .weekly-roaster-table tr td .day-action .day-date {
  padding: 5px 5px;
  position: relative;
  display: inline-block;
  color: #2E0587;
  font-size: 11px;
  font-weight: 600;
}
.custom-table-section .weekly-roaster-table tr td:last-child {
  padding-right: 1px !important;
  border-right: 0px !important;
}
.custom-table-section .weekly-roaster-table th {
  padding: 2px 2px;
  font-weight: 500;
  font-size: 16px;
}
.custom-table-section .weekly-roaster-table td {
  padding: 2px 2px;
  position: relative;
}
.custom-table-section .weekly-roaster-table td:hover .add-icon {
  opacity: 1;
}
.custom-table-section .weekly-roaster-table td .add-icon {
  position: absolute;
  right: -3px;
  top: 6px;
  padding: 3px;
  width: 17px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-table-section .weekly-roaster-table td .add-icon img {
  width: 15px;
  height: 15px;
}
.custom-table-section .weekly-roaster-table .roaster-emp-card {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  position: relative;
  padding: 3px 10px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e0e4e8;
}
.custom-table-section .weekly-roaster-table .roaster-emp-card .emp-img {
  width: 35px;
  height: 35px;
  border-radius: 6px;
  overflow: hidden;
}
.custom-table-section .weekly-roaster-table .roaster-emp-card .emp-img img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.custom-table-section .weekly-roaster-table .roaster-emp-card .emp-body {
  margin-left: 5px;
  max-width: 200px;
}
.custom-table-section .weekly-roaster-table .roaster-emp-card .emp-body .emp-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-table-section .weekly-roaster-table .roaster-emp-card .emp-body .emp-shift-badge {
  font-size: 11px;
  font-weight: 500;
  padding: 2px;
  background: #2E0587;
  color: #ffffff;
  border-radius: 4px;
}
.custom-table-section .weekly-roaster-table .roaster-emp-card .emp-action-btn {
  position: absolute !important;
  right: 10px;
  display: flex;
  top: 5px;
}
.custom-table-section .weekly-roaster-table .roaster-emp-card .emp-action-btn .global-btn {
  margin-left: 5px;
}
.custom-table-section .weekly-roaster-table .roaster-emp-card .emp-action-btn .global-btn .mat-button-wrapper {
  color: #ffffff;
}
.custom-table-section .print-weekly-roaster-table {
  border-bottom: 0;
  width: 100%;
  overflow: auto;
  table-layout: fixed;
}
.custom-table-section .print-weekly-roaster-table tr {
  border-bottom: 1px solid #d4dbe3;
}
.custom-table-section .print-weekly-roaster-table tr.empty-block-row {
  min-height: 20px !important;
}
.custom-table-section .print-weekly-roaster-table tr.empty-block-row td {
  border-right: 0px !important;
}
.custom-table-section .print-weekly-roaster-table tr:first-child {
  padding: 5px 0px;
  line-height: 25px;
}
.custom-table-section .print-weekly-roaster-table tr th {
  background: #f7f8f9;
}
.custom-table-section .print-weekly-roaster-table tr th .table-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
}
.custom-table-section .print-weekly-roaster-table tr th .table-heading h4 {
  font-size: 16px;
  color: #323277;
  font-weight: 500;
  line-height: 25px;
  padding: 5px 10px;
  min-width: 175px;
}
.custom-table-section .print-weekly-roaster-table tr th .table-heading .add-icon {
  border: 1px solid #323277;
  padding: 3px;
  border-radius: 4px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-table-section .print-weekly-roaster-table tr th .table-heading .add-icon img {
  width: 19px;
  height: 19px;
}
.custom-table-section .print-weekly-roaster-table tr th:last-child {
  padding-right: 15px !important;
}
.custom-table-section .print-weekly-roaster-table tr td {
  border-right: 1px solid #d4dbe3;
  width: 80px;
}
.custom-table-section .print-weekly-roaster-table tr td .check-in-empty {
  border: 1px solid #f4f7fc;
  color: #2E0587;
}
.custom-table-section .print-weekly-roaster-table tr td .check-in-timing {
  border: 1px solid #f4f7fc;
  color: #2E0587;
}
.custom-table-section .print-weekly-roaster-table tr td .check-in-timing .user-symbol {
  background: #2E0587;
}
.custom-table-section .print-weekly-roaster-table tr td:last-child {
  padding-right: 15px !important;
  border-right: 0px !important;
}
.custom-table-section .print-weekly-roaster-table th {
  padding: 5px 5px;
  font-weight: 500;
  font-size: 16px;
}
.custom-table-section .print-weekly-roaster-table td {
  padding: 5px 5px;
  position: relative;
}
.custom-table-section .print-weekly-roaster-table td:hover .add-icon {
  opacity: 1;
}
.custom-table-section .print-weekly-roaster-table td .add-icon {
  position: absolute;
  right: -3px;
  top: 6px;
  padding: 3px;
  width: 17px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-table-section .print-weekly-roaster-table td .add-icon img {
  width: 15px;
  height: 15px;
}
.custom-table-section .print-weekly-roaster-table .roaster-emp-card {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  position: relative;
  padding: 3px 10px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e0e4e8;
}
.custom-table-section .print-weekly-roaster-table .roaster-emp-card .emp-img {
  width: 35px;
  height: 35px;
  border-radius: 6px;
  overflow: hidden;
}
.custom-table-section .print-weekly-roaster-table .roaster-emp-card .emp-img img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.custom-table-section .print-weekly-roaster-table .roaster-emp-card .emp-body {
  margin-left: 5px;
  max-width: 200px;
}
.custom-table-section .print-weekly-roaster-table .roaster-emp-card .emp-body .emp-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-table-section .print-weekly-roaster-table .roaster-emp-card .emp-body .emp-shift-badge {
  font-size: 11px;
  font-weight: 500;
  padding: 2px;
  background: #2E0587;
  color: #ffffff;
  border-radius: 4px;
}
.custom-table-section .print-weekly-roaster-table .roaster-emp-card .emp-action-btn {
  position: absolute !important;
  right: 10px;
  display: flex;
  top: 5px;
}
.custom-table-section .print-weekly-roaster-table .roaster-emp-card .emp-action-btn .global-btn {
  margin-left: 5px;
}
.custom-table-section .print-weekly-roaster-table .roaster-emp-card .emp-action-btn .global-btn .mat-button-wrapper {
  color: #ffffff;
}
.custom-table-section .emp-time-sheet-table {
  border-bottom: 0;
  width: 100%;
  overflow: auto;
}
.custom-table-section .emp-time-sheet-table tr {
  border-bottom: 1px solid #d4dbe3;
  vertical-align: top;
}
.custom-table-section .emp-time-sheet-table tr:first-child {
  padding: 5px 0px;
  line-height: 25px;
}
.custom-table-section .emp-time-sheet-table tr th {
  background: #f7f8f9;
}
.custom-table-section .emp-time-sheet-table tr th .table-heading {
  display: flex;
  align-items: center;
}
.custom-table-section .emp-time-sheet-table tr th .table-heading h4 {
  font-size: 16px;
  color: #323277;
  font-weight: 500;
  line-height: 25px;
  padding: 5px 5px;
}
.custom-table-section .emp-time-sheet-table tr th:first-child {
  padding-left: 15px !important;
}
.custom-table-section .emp-time-sheet-table tr th:last-child {
  padding-right: 15px !important;
}
.custom-table-section .emp-time-sheet-table tr td .mat-menu-panel {
  max-width: 100px !important;
}
.custom-table-section .emp-time-sheet-table tr td .action-list li {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.custom-table-section .emp-time-sheet-table tr td .action-list li img {
  width: 18px;
}
.custom-table-section .emp-time-sheet-table tr td:first-child {
  padding-left: 15px !important;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.custom-table-section .emp-time-sheet-table tr td:first-child .approved-item {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  color: #323277;
}
.custom-table-section .emp-time-sheet-table tr td:first-child .custom-icon {
  color: #2E0587;
  font-size: 17px;
  border: 1px solid #2E0587;
  padding: 2px;
  border-radius: 50%;
  margin-right: 5px;
  cursor: pointer;
}
.custom-table-section .emp-time-sheet-table tr td:first-child .mat-checkbox-layout .mat-checkbox-label {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  color: #323277;
}
.custom-table-section .emp-time-sheet-table tr td:first-child .date {
  margin-left: 20px;
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #fa236c;
}
.custom-table-section .emp-time-sheet-table tr td:first-child .user-symbol {
  width: 35px;
  border-radius: 50%;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  margin-right: 5px;
  background: #2E0587;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}
.custom-table-section .emp-time-sheet-table tr td:first-child h4 {
  font-size: 12px;
  font-weight: 600;
  color: #323277;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85px;
}
.custom-table-section .emp-time-sheet-table tr td:first-child .mat-icon-button img {
  transform: rotate(90deg);
  width: 16px;
}
.custom-table-section .emp-time-sheet-table tr td:last-child {
  padding-right: 15px !important;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-shift-card {
  display: flex;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-shift-card .emp-time-picker {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-shift-card .emp-time-picker:first-child {
  margin-right: 6px;
}
.custom-table-section .emp-time-sheet-table tr td .ckeckInRest {
  margin: 0px 0px 0px 45px;
}
.custom-table-section .emp-time-sheet-table tr td .ckeckInMeals {
  margin: 0px 0px 0px 36px;
}
.custom-table-section .emp-time-sheet-table tr td .ckeckAcRest {
  margin: 0px 0px 0px 41px;
}
.custom-table-section .emp-time-sheet-table tr td .ckeckAcMeals {
  margin: 0px 0px 0px 51px;
}
.custom-table-section .emp-time-sheet-table tr td .emp-leave-time-shift-card {
  display: flex;
  justify-content: space-evenly;
}
.custom-table-section .emp-time-sheet-table tr td .emp-leave-time-shift-card .leave-title {
  text-align: center;
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #fa236c;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-picker .custom-form-group .ngb-tp {
  margin-top: 0px !important;
  border: 1px solid #e0e4e8;
  border-radius: 4px !important;
  margin-bottom: 5px;
  display: inline-flex;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-picker .custom-form-group .ngb-tp .ngb-tp-input-container {
  width: 35px !important;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-picker .custom-form-group .ngb-tp .ngb-tp-input-container .form-control {
  height: 24px !important;
  padding: 5px !important;
  color: #323277 !important;
  border: 0px !important;
  border-radius: 4px !important;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-picker .custom-form-group .ngb-tp .ngb-tp-spacer {
  width: 5px !important;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-picker .custom-form-group .btn {
  padding: 2px 5px;
  font-size: 12px;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-picker .custom-form-group .btn-outline-primary {
  color: #2E0587;
  border-color: #2E0587;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-picker .custom-form-group .btn-outline-primary:hover {
  color: #ffffff;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-picker .time-display {
  margin-bottom: 5px;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-picker .time-display .time-in {
  font-size: 10px;
  font-weight: 600;
  color: #2E0587;
  border-radius: 20px;
  padding: 2px 5px;
  cursor: pointer;
  background: #ecf4fe;
  margin-right: 5px;
}
.custom-table-section .emp-time-sheet-table tr td .emp-time-picker .time-display .time-out {
  font-size: 10px;
  font-weight: 600;
  color: #3eae4d;
  border-radius: 20px;
  cursor: pointer;
  background: #e9f6eb;
  padding: 2px 5px;
}
.custom-table-section .emp-time-sheet-table tr td .emp-ts-content {
  max-width: 250px;
  text-align: left;
}
.custom-table-section .emp-time-sheet-table tr td .emp-ts-content p {
  color: #323277;
  font-size: 12px;
  text-align: left;
  line-height: 15px;
  margin: 0px 0px 5px 0px;
}
.custom-table-section .emp-time-sheet-table tr td .emp-ts-content .green-tag {
  font-weight: 600;
  color: #3eae4d;
}
.custom-table-section .emp-time-sheet-table tr td .emp-ts-content .danger-tag {
  font-weight: 600;
  color: #fa236c;
}
.custom-table-section .emp-time-sheet-table tr td .emp-ts-content .empty-note-btn {
  font-size: 11px;
  font-weight: 500;
  color: #2E0587;
  border-radius: 20px;
  padding: 5px 15px;
  background: #ecf4fe;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}
.custom-table-section .emp-time-sheet-table tr td .emp-ts-content .add-note-btn {
  font-size: 11px;
  font-weight: 500;
  color: #2E0587;
  border-radius: 20px;
  padding: 5px 7px;
  background: #ecf4fe;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  cursor: pointer;
}
.custom-table-section .emp-time-sheet-table tr td .emp-ts-content .edit-note-btn {
  font-size: 14px;
  font-weight: 600;
  color: #fca102;
  border-radius: 20px;
  padding: 5px 15px;
  background: #fff5e5;
  margin-right: 5px;
  cursor: pointer;
}
.custom-table-section .emp-time-sheet-table .emp-ts-item {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-table-section .emp-time-sheet-table th {
  padding: 5px 0px;
  font-weight: 500;
  font-size: 16px;
}
.custom-table-section .emp-time-sheet-table td {
  padding: 5px 5px;
  position: relative;
}
.marketing-day-post-card {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  margin: 10px 10px;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}
.marketing-day-post-card .post-card-body .post-img {
  position: relative;
  max-height: 250px;
  overflow: hidden;
  background: #eeeeee;
}
.marketing-day-post-card .post-card-body .post-img img {
  max-height: 250px;
  min-height: 250px;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.marketing-day-post-card .post-card-body .post-video {
  position: relative;
  max-height: 250px;
  min-height: 250px;
  overflow: hidden;
  background: #eeeeee;
}
.marketing-day-post-card .post-card-body .post-video video {
  width: 100%;
  max-height: 250px;
  min-height: 250px;
  object-fit: contain;
}
.marketing-day-post-card .post-card-body .post-desc {
  margin: 5px 0px;
  padding: 5px 15px;
  position: relative;
}
.marketing-day-post-card .post-card-body .post-desc.min-height {
  min-height: 160px;
}
.marketing-day-post-card .post-card-body .post-desc .card-action-btn {
  position: absolute;
  right: 0px;
  top: 0px;
}
.marketing-day-post-card .post-card-body .post-desc .post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  font-size: 15px;
  font-weight: 500;
  color: #323277;
}
.marketing-day-post-card .post-card-body .post-desc .short-desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 13px;
  font-weight: 400;
  color: #7189A7;
}
.marketing-day-post-card .post-card-body .post-desc .author-media.media {
  align-items: center;
  margin-bottom: 5px;
}
.marketing-day-post-card .post-card-body .post-desc .author-media.media .media-img {
  width: 35px;
  height: 35px;
  border: 1px solid #e0e4e8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marketing-day-post-card .post-card-body .post-desc .author-media.media .media-img img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}
.marketing-day-post-card .post-card-body .post-desc .author-media.media .media-body {
  border-left: 1px solid #e0e4e8;
  margin-left: 10px;
  padding: 0px 5px;
}
.marketing-day-post-card .post-card-body .post-desc .author-media.media .media-body h3 {
  margin: 0px;
  font-size: 12px;
  text-transform: capitalize;
}
.marketing-day-post-card .post-card-footer {
  border-top: 1px solid #f4f7fc;
  padding: 10px 15px;
  width: 100%;
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
}
.marketing-day-post-card .post-card-footer h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  font-size: 15px;
  font-weight: 500;
  color: #323277;
  margin: 0px;
}
.marketing-day-post-card .post-card-footer label {
  margin-bottom: 0px !important;
}
.marketing-day-post-card .post-card-footer .attachment-list {
  display: inline-block;
  white-space: nowrap;
}
.marketing-day-post-card .post-card-footer .attachment-list li {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  white-space: nowrap;
  border-radius: 4px;
  margin-right: 5px;
  vertical-align: bottom;
  cursor: pointer;
}
.marketing-day-post-card .post-card-footer .attachment-list li img {
  border: 1px solid #e0e4e8 !important;
  border-radius: 4px !important;
  background: #fff;
  width: 32px;
  height: 32px;
  position: relative;
  padding: 4px;
}
.filed-selection-section {
  max-height: calc(100vh - 285px);
  min-height: calc(100vh - 285px);
  overflow-y: auto;
}
.filed-selection-section .fileds-img-list .img-selection-list {
  border: 0px !important;
  border-radius: 0px !important;
  margin: 10px 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.filed-selection-section .fileds-img-list .img-selection-list .mat-button-toggle {
  border-radius: 4px !important;
}
.filed-selection-section .fileds-img-list .img-selection-list .mat-button-toggle-appearance-standard {
  color: #323277 !important;
  background: none;
  margin-right: 5px;
  margin-bottom: 8px;
  border-radius: 4px;
  border: 1px solid #e0e4e8;
  width: 30%;
}
.filed-selection-section .fileds-img-list .img-selection-list .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 28px;
  padding: 0px;
  letter-spacing: 1.2px;
  border-radius: 4px;
  width: 100%;
}
.filed-selection-section .fileds-img-list .img-selection-list .mat-button-toggle-checked {
  background-color: #ffffff !important;
  border-radius: 4px !important;
  border: #2E0587 1px solid;
  width: 30%;
}
.filed-selection-section .fileds-img-list .card {
  border-color: #e0e4e8;
  border: 0px !important;
  border-radius: 4px;
  overflow: hidden;
}
.filed-selection-section .fileds-img-list .card .card-body {
  padding: 5px 5px;
  position: relative;
  min-height: 55px;
}
.filed-selection-section .fileds-img-list .card .card-body img {
  width: 100%;
  object-fit: contain;
  height: 40px;
}
.filed-selection-section .fileds-img-list .card .card-body video {
  width: 100%;
  object-fit: contain;
  height: 115px;
}
.filed-selection-section .fileds-img-list .card .card-body:hover {
  background: #2E0587;
}
.filed-selection-section .fileds-img-list .card .card-body:hover img {
  filter: brightness(0) invert(1);
}
.filed-selection-section .fileds-img-list .card .card-footer {
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filed-selection-section .fileds-img-list .card .card-footer .image-name {
  color: #323277;
  font-size: 8px;
  font-weight: 400;
  line-height: 14px;
  min-width: 0;
  display: block;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85px;
}
.builder-flied-section {
  padding: 10px 15px;
}
.builder-flied-section .builder-flied-card {
  border-radius: 4px;
  border: 1px solid #f4f7fc;
  margin-bottom: 10px;
}
.builder-flied-section .builder-flied-card .fileds-card-heading {
  background: #2E0587;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.builder-flied-section .builder-flied-card .fileds-card-heading h4 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  padding: 0px;
  margin: 0px;
}
.builder-flied-section .builder-flied-card .fileds-card-heading .action-list {
  display: inline-block;
  margin-right: 5px;
}
.builder-flied-section .builder-flied-card .fileds-card-heading .action-list li {
  border: 1px solid #e0e4e8;
  padding: 5px;
  display: inline-block;
  margin: 0px 5px;
  border-radius: 4px;
}
.builder-flied-section .builder-flied-card .fileds-card-heading .action-list li img {
  width: 20px;
  filter: brightness(0) invert(1);
}
.builder-flied-section .builder-flied-card .fileds-card-body {
  padding: 10px;
}
.builder-flied-section .builder-flied-card .validation-card {
  border-radius: 6px;
  border: 1px solid #e0e4e8;
  margin-bottom: 15px;
}
.builder-flied-section .builder-flied-card .validation-card .validation-card-header {
  background-color: #f4f7fc;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.builder-flied-section .builder-flied-card .validation-card .validation-card-header h4 {
  font-size: 15px;
  color: #323277;
  font-weight: 500;
  padding: 5px 10px;
}
.builder-flied-section .builder-flied-card .validation-card .validation-card-header h4 img {
  width: 20px;
  margin-right: 10px;
}
.builder-flied-section .builder-flied-card .validation-card .validation-card-body {
  padding: 10px 0px;
}
.builder-flied-section .mat-expansion-panel {
  border-radius: 4px !important;
  box-shadow: none;
  margin-bottom: 0px !important;
}
.builder-flied-section .mat-expansion-panel .mat-expansion-panel-header {
  padding-left: 0px !important;
  background: transparent !important;
  border-radius: 4px !important;
  background: #ffffff !important;
}
.builder-flied-section .mat-expansion-panel .mat-expansion-panel-header .header {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.builder-flied-section .mat-expansion-panel .mat-expansion-panel-header .header .title {
  color: #323277;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 0px;
  letter-spacing: 1.2px;
  display: flex;
  align-items: center;
}
.builder-flied-section .mat-expansion-panel .mat-expansion-panel-header .header .title i {
  margin-right: 5px;
  font-weight: 600;
  font-size: 16px;
}
.builder-flied-section .mat-expansion-panel .mat-expansion-panel-header .header .mat-button-wrapper {
  color: #ffffff !important;
}
.builder-flied-section .mat-expansion-panel .mat-expansion-panel-header .mat-content {
  padding-left: 0px !important;
}
.builder-flied-section .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  padding-left: 20px !important;
}
.builder-flied-section .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  background: #ffffff !important;
  height: auto;
}
.builder-flied-section .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .menu-name {
  color: #323277 !important;
}
.builder-flied-section .mat-expansion-panel .mat-expansion-panel-body {
  padding: 10px 10px;
  border-radius: 4px;
}
.builder-flied-section .mat-expansion-indicator::after {
  color: #323277 !important;
}
.course-card {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  margin: 10px 10px;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}
.course-card .course-body .course-img {
  position: relative;
  max-height: 175px;
  overflow: hidden;
  background: #f4f7fc;
}
.course-card .course-body .course-img img {
  max-height: 175px;
  min-height: 175px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.course-card .course-body .course-video {
  position: relative;
  max-height: 175px;
  overflow: hidden;
}
.course-card .course-body .course-video video {
  width: 100%;
  max-height: 175px;
  min-height: 175px;
  object-fit: contain;
}
.course-card .course-body .course-desc {
  margin: 5px 0px;
  padding: 10px 15px;
  position: relative;
  min-height: 170px;
}
.course-card .course-body .course-desc .course-action-btns {
  position: absolute;
  right: 0px;
}
.course-card .course-body .course-desc .media {
  align-items: center;
  margin-bottom: 15px;
}
.course-card .course-body .course-desc .media .media-img {
  width: 35px;
  height: 35px;
  border: 1px solid #e0e4e8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.course-card .course-body .course-desc .media .media-img img {
  width: 22px;
}
.course-card .course-body .course-desc .media .media-body {
  border-left: 1px solid #e0e4e8;
  margin-left: 10px;
  padding: 0px 5px;
}
.course-card .course-body .course-desc .media .media-body h3 {
  margin: 0px;
  text-transform: capitalize;
}
.course-card .course-body .course-desc .course-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #323277;
}
.course-card .course-body .course-desc .short-desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 12px;
  font-weight: 400;
  color: #7189A7;
}
.course-card .course-footer {
  border-top: 1px solid #f4f7fc;
  padding: 10px 15px;
  width: 100%;
  min-height: 50px;
}
.course-card .course-footer h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  color: #323277;
  margin: 0px;
  cursor: pointer;
}
.course-card .course-footer h4 .icon {
  width: 20px;
  margin-left: 10px;
  transition: margin ease 0.5s;
}
.course-card .course-footer h4:hover .icon {
  margin-left: 15px;
}
.course-details-section {
  padding: 15px;
}
.course-details-section .course-body {
  margin: 5px 0px;
  padding: 10px 15px;
}
.course-details-section .course-body .course-img {
  position: relative;
  max-height: 350px;
  overflow: hidden;
  background: #f4f7fc;
  border-radius: 8px;
}
.course-details-section .course-body .course-img img {
  max-height: 350px;
  min-height: 350px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.course-details-section .course-body .course-img .overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.course-details-section .course-body .course-img .overlay .BannerSection__videoBtnIcon {
  position: relative;
  display: inline-block;
  z-index: 9;
  width: 49px;
  height: 49px;
  border-radius: 50%;
  cursor: pointer;
  animation: pound 2s infinite;
  animation-timing-function: ease-out;
}
.course-details-section .course-body .course-img .overlay .BannerSection__videoBtnIcon .BannerSection__videoBtnIcon__circle {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  font-size: 8px;
  padding: 19px 10px 10px 20px;
  background-color: rgba(255, 255, 255, 0.9);
  transition: 0.2s ease-in-out background-color;
  transform: rotate(-30deg);
}
.course-details-section .course-body .course-img .overlay .BannerSection__videoBtnIcon .u-triangle {
  position: relative;
  text-align: left;
  background-color: #ef403d;
  transition: 0.2s ease-in-out background-color;
}
.course-details-section .course-body .course-img .overlay .BannerSection__videoBtnIcon .u-triangle:before {
  content: "";
  position: absolute;
  background-color: inherit;
  width: 1em;
  height: 1em;
  border-top-right-radius: 30%;
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}
.course-details-section .course-body .course-img .overlay .BannerSection__videoBtnIcon .u-triangle:after {
  content: "";
  position: absolute;
  background-color: inherit;
  width: 1em;
  height: 1em;
  border-top-right-radius: 30%;
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}
.course-details-section .course-body .course-img .overlay .BannerSection__videoBtnIcon:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -17px;
  left: -17px;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  opacity: 0.9;
  background-color: rgba(255, 255, 255, 0.1);
  animation: scaleout 1.5s infinite ease-in-out;
}
.course-details-section .course-body .course-img .overlay .BannerSection__videoBtnIcon:after {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -7px;
  left: -7px;
  width: 63px;
  height: 63px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  animation: scaleout 1.5s infinite ease-in-out;
}
.course-details-section .course-body .over-img {
  min-height: 80px;
  background: #ffffff;
  width: 95%;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin: 0px auto;
  justify-content: space-between;
  padding: 10px 15px;
  margin-top: -15px;
  margin-bottom: 15px;
  position: relative;
  box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.08);
}
.course-details-section .course-body .over-img .download-btn {
  width: auto;
  border: 1px solid #e0e4e8 !important;
  padding: 0px 10px !important;
  height: 36px !important;
  line-height: 20px !important;
  border-radius: 4px !important;
  position: relative !important;
  overflow: hidden !important;
  color: #ffffff;
  letter-spacing: 0.8px;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative;
  transition: all 0.5s ease-in-out 0s !important;
}
.course-details-section .course-body .over-img .download-btn .mat-button-wrapper {
  color: #323277;
}
.course-details-section .course-body .over-img .download-btn img {
  margin-left: 5px;
  width: 23px;
}
.course-details-section .course-body .course-video {
  position: relative;
  max-height: 350px;
  overflow: hidden;
  border-radius: 8px;
}
.course-details-section .course-body .course-video video {
  width: 100%;
  max-height: 350px;
  min-height: 350px;
  object-fit: contain;
}
.course-details-section .course-body .media {
  align-items: center;
  margin-bottom: 15px;
}
.course-details-section .course-body .media .media-img {
  width: 35px;
  height: 35px;
  border: 1px solid #e0e4e8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.course-details-section .course-body .media .media-img img {
  width: 22px;
}
.course-details-section .course-body .media .media-body {
  border-left: 1px solid #e0e4e8;
  margin-left: 10px;
  padding: 0px 5px;
}
.course-details-section .course-body .media .media-body h3 {
  margin: 0px;
  text-transform: capitalize;
}
.course-details-section .course-body .course-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: center;
}
.course-details-section .course-body .course-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
  color: #323277;
  margin-bottom: 0px;
}
.course-details-section .course-body .course-desc .short-desc {
  font-size: 12px;
  font-weight: 400;
  color: #7189A7;
}
.form-preview-media img {
  display: flex;
  height: 90px;
  object-fit: cover;
}
.form-preview-media video {
  display: flex;
  height: 90px;
  object-fit: cover;
}
.image-editor-section {
  width: 85%;
  margin: 15px auto;
}
.image-editor-section .editor-side-div {
  max-height: 800px;
  overflow: auto;
}
.image-editor-section .image-action-btns .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 36px;
  padding: 0 6px;
}
.image-editor-section .image-action-btns .mat-button-toggle-appearance-standard .mat-button-toggle-label-content img {
  height: 23px;
  width: 23px;
  display: inline-block;
}
.image-editor-section .images-item-upload {
  max-height: 150px;
  margin: 5px 0px;
}
.image-editor-section .main-title {
  margin: 10px auto;
  text-align: center;
}
.image-editor-section .main-title h3 {
  color: #323258;
  text-transform: uppercase;
  font-weight: 600;
  font-style: normal;
  margin: 0px;
  font-size: 22px;
}
.image-editor-section .actions-sections .actions-btns-list {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0px;
  background: #ffffff;
  padding: 5px 5px;
  border-radius: 4px;
}
.image-editor-section .actions-sections .actions-btns-list li {
  margin-left: 10px;
}
.image-editor-section .actions-sections .actions-btns-list li .global-btn {
  height: 35px !important;
}
.image-editor-section .actions-sections .actions-btns-list li .global-btn img {
  width: 19px !important;
}
.image-editor-section .card .file-input {
  width: 100%;
}
.image-editor-section .card .card-header {
  padding: 5px 10px;
  background-color: #2c343b;
}
.image-editor-section .card .card-header h4 {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}
.image-editor-section .card .card-body {
  padding: 10px 5px;
}
.image-editor-section .card .card-body .custom-item {
  margin-bottom: 10px;
}
.image-editor-section .card .card-body .custom-item .custom-item-title {
  position: relative;
  margin-bottom: 10px;
}
.image-editor-section .card .card-body .twitter-picker {
  width: 100% !important;
}
.image-editor-section .shape-selection-list {
  border: 0px !important;
  border-radius: 0px !important;
  margin: 0px;
  flex-wrap: wrap;
  justify-content: center;
}
.image-editor-section .shape-selection-list .mat-button-toggle {
  border-radius: 4px !important;
}
.image-editor-section .shape-selection-list .mat-button-toggle-appearance-standard {
  color: #323277 !important;
  background: none;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 4px;
  border: 1px solid #e0e4e8;
  width: 45%;
}
.image-editor-section .shape-selection-list .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 28px;
  padding: 0px;
  font-size: 12px;
  letter-spacing: 1.2px;
  border-radius: 4px;
  width: 100%;
  white-space: pre-wrap;
}
.image-editor-section .shape-selection-list .mat-button-toggle-checked {
  background-color: #ffffff !important;
  border-radius: 4px !important;
  border: #2E0587 1px solid;
  width: 45%;
}
.image-editor-section .canvas-container {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  padding-bottom: 100% !important;
}
.image-editor-section .upper-canvas {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
}
.editor-section {
  margin: 10px 0px;
  padding: 10px 5px;
}
.editor-section .swiper-container {
  width: 100%;
}
.editor-section .swiper-slide .team-card {
  margin: 0px 10px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.editor-section .swiper-slide .team-card .team-img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #f2f2f2;
  position: relative;
}
.editor-section .swiper-slide .team-card .team-img img {
  min-height: 150px;
  max-height: 150px;
  object-fit: contain;
}
.editor-section .swiper-slide .team-card .team-img .overlay {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  left: 0px;
  border-radius: 5px;
  background: #00000094;
  z-index: 1;
}
.editor-section .swiper-slide .team-card .team-img .overlay .icon-list {
  display: flex;
  margin: 30% auto 0px auto;
  text-align: center;
  justify-content: center;
}
.editor-section .swiper-slide .team-card .team-img .overlay .icon-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #ffffff;
  padding: 5px;
  border-radius: 4px;
  margin-right: 10px;
}
.editor-section .swiper-slide .team-card .team-img .overlay .icon-list li .icon {
  width: 19px;
  height: 19px;
  min-height: 19px;
}
.editor-section .swiper-slide .team-card .team-img:hover .overlay {
  opacity: 1;
}
.editor-section .swiper-slide .team-card .team-content {
  padding: 5px;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #2c343b85;
}
.editor-section .swiper-slide .team-card .team-content h4 {
  font-size: 13px;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 500;
  margin-bottom: 0px;
}
.editor-section .inner-custom-controls .swiper-button-next,
.editor-section .inner-custom-controls .swiper-container-rtl .swiper-button-prev {
  right: 15px !important;
}
.editor-section .inner-custom-controls .swiper-button-prev,
.editor-section .inner-custom-controls .swiper-container-rtl .swiper-button-next {
  left: 15px !important;
}
.editor-section .inner-custom-controls .swiper-button-next,
.editor-section .inner-custom-controls .swiper-button-prev {
  top: 60%;
}
.editor-section .inner-custom-controls .swiper-button-next {
  cursor: pointer;
  height: 30px;
  width: 30px;
  background: #f9f9f9;
  border-radius: 50%;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.141));
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
}
.editor-section .inner-custom-controls .swiper-button-next img {
  height: 19px;
}
.editor-section .inner-custom-controls .swiper-button-next:after {
  display: none;
}
.editor-section .inner-custom-controls .swiper-button-prev {
  cursor: pointer;
  height: 30px;
  width: 30px;
  background: #f9f9f9;
  border-radius: 50%;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.141));
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
}
.editor-section .inner-custom-controls .swiper-button-prev img {
  height: 19px;
}
.editor-section .inner-custom-controls .swiper-button-prev:after {
  display: none;
}
.editor-section .inner-custom-controls .swiper-button-next:after,
.editor-section .inner-custom-controls .swiper-container-rtl .swiper-button-prev:after {
  content: "next";
  display: none;
}
.editor-section .inner-custom-controls .swiper-button-prev:after,
.editor-section .inner-custom-controls .swiper-container-rtl .swiper-button-next:after {
  content: "prev";
  display: none;
}
.editor-section .editor-footer {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  min-height: 150px;
}
.editor-section .editor-footer .audio-section {
  width: 100%;
}
.editor-section .editor-footer .flex-btns {
  display: flex;
  align-items: center;
  margin-top: 10px;
  justify-content: flex-end;
}
.editor-section .editor-footer .flex-btns .global-btn {
  margin-left: 10px;
  padding: 0px 15px !important;
  height: 35px !important;
  line-height: 30px !important;
}
.editor-section .editor-footer audio {
  width: 100%;
}
.editor-item-dropdown {
  margin-top: 10px;
  border-radius: 12px !important;
  position: relative;
  background: #33414e;
}
.editor-item-dropdown:before {
  content: "";
  position: absolute;
  left: 22px;
  top: -10px;
  width: 0;
  height: 0;
  border-color: transparent transparent #33414e;
  border-style: solid;
  border-width: 0 10px 10px;
  z-index: 9999;
}
.editor-item-dropdown .mat-menu-content {
  padding: 5px 10px !important;
}
.editor-item-dropdown .editor-inner-controls {
  width: 100%;
  list-style: none;
  padding: 10px 15px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.editor-item-dropdown .editor-inner-controls .image-editor-item {
  position: relative;
  display: inline-flex;
  border-radius: 2px;
  padding: 7px 8px 3px;
  cursor: pointer;
  margin: 0 4px;
}
.editor-item-dropdown .editor-inner-controls .image-editor-item .item-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  opacity: 1;
  filter: brightness(0.6) invert(0.6);
}
.editor-item-dropdown .editor-inner-controls .image-editor-item .item-icon:hover {
  filter: brightness(0) invert(1);
}
.editor-item-dropdown .editor-inner-controls .image-editor-item .item-divider {
  display: inline-flex;
  background-color: #7a7a7a;
  width: 2px;
  height: 24px;
}
.new-image-editor-section .image-editor-header {
  background-color: #2c343b;
  width: 100%;
  height: 64px;
  display: flex;
  bottom: 0;
  z-index: 2;
  padding: 0px 25px;
  border-bottom: 1px solid #f5f6fd;
}
.new-image-editor-section .image-editor-header .mat-menu-panel {
  overflow: visible !important;
}
.new-image-editor-section .image-editor-header .editor-controls {
  width: 75%;
  list-style: none;
  padding: 0 15px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.new-image-editor-section .image-editor-header .editor-controls .image-editor-item {
  position: relative;
  display: inline-flex;
  border-radius: 2px;
  padding: 7px 8px 3px;
  cursor: pointer;
  margin: 0 4px;
}
.new-image-editor-section .image-editor-header .editor-controls .image-editor-item .item-icon {
  width: 24px;
  height: 24px;
  opacity: 1;
  filter: brightness(0.6) invert(0.6);
}
.new-image-editor-section .image-editor-header .editor-controls .image-editor-item .item-icon:hover {
  filter: brightness(0) invert(1);
}
.new-image-editor-section .image-editor-header .editor-controls .image-editor-item .item-divider {
  display: inline-flex;
  background-color: #7a7a7a;
  width: 2px;
  height: 24px;
}
.new-image-editor-section .image-editor-header .editor-control-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 35%;
}
.new-image-editor-section .image-editor-header .editor-control-btns .global-btn {
  display: inline-block !important;
  margin-left: 10px;
}
.new-image-editor-section .image-editor-header .editor-control-btns .save-btn {
  background-color: #fff !important;
  border: 1px solid #fff !important;
}
.new-image-editor-section .image-editor-header .editor-control-btns .save-btn .mat-button-wrapper {
  color: #2E0587 !important;
}
.new-image-editor-section .image-editor-side-nav .sketch-picker {
  background: #2c343b;
  border: 1px solid #707070;
}
.new-image-editor-section .image-editor-side-nav .card {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #707070;
}
.new-image-editor-section .image-editor-side-nav .card .card-header {
  font-size: 18px;
  color: #dcdcdc;
  font-weight: 500;
  border-bottom: 1px solid #707070;
  background: #2c343b;
  border-radius: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-image-editor-section .image-editor-side-nav .card .card-header .card-icon {
  width: 24px;
  height: 24px;
  opacity: 1;
}
.new-image-editor-section .image-editor-side-nav .card .card-body {
  background: #2c343b;
  padding: 10px 15px;
}
.new-image-editor-section .image-editor-side-nav .card .card-body .size-inputs {
  display: flex;
  align-items: center;
}
.new-image-editor-section .image-editor-side-nav .card .card-body .size-inputs .size-input {
  display: block;
  width: 100%;
  height: 32px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.new-image-editor-section .image-editor-side-nav .card .card-body .size-inputs .divider-cross {
  margin: 0px 10px;
}
.new-image-editor-section .image-editor-side-nav .card .card-body .size-inputs .divider-cross i {
  color: #ffffff;
}
.new-image-editor-section .image-editor-side-nav .custom-item {
  color: #dcdcdc;
}
.new-image-editor-section .image-editor-side-nav .custom-item .custom-item-title {
  font-size: 16px;
  color: #dcdcdc;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 5px;
}
.new-image-editor-section .image-editor-side-nav .custom-item .custom-item-body .btn-group {
  width: 100%;
}
.new-image-editor-section .image-editor-side-nav .custom-item .custom-item-body input {
  width: 100%;
}
.new-image-editor-section .image-editor-side-nav .editor-inner-controls {
  width: 100%;
  list-style: none;
  padding: 0px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.new-image-editor-section .image-editor-side-nav .editor-inner-controls .image-editor-item {
  position: relative;
  display: inline-flex;
  border-radius: 2px;
  padding: 7px 8px 3px;
  cursor: pointer;
  margin: 0 4px;
}
.new-image-editor-section .image-editor-side-nav .editor-inner-controls .image-editor-item .item-icon {
  width: 24px;
  height: 24px;
  opacity: 1;
  filter: brightness(0.6) invert(0.6);
}
.new-image-editor-section .image-editor-side-nav .editor-inner-controls .image-editor-item .item-icon:hover {
  filter: brightness(0) invert(1);
}
.new-image-editor-section .image-editor-side-nav .editor-inner-controls .image-editor-item .item-divider {
  display: inline-flex;
  background-color: #7a7a7a;
  width: 2px;
  height: 24px;
}
.new-image-editor-section .image-editor-side-nav .text-selection-list {
  border: 1px solid #e0e4e8;
}
.new-image-editor-section .image-editor-side-nav .text-selection-list .mat-button-toggle-appearance-standard {
  color: #ffffff !important;
  background: none;
}
.new-image-editor-section .image-editor-side-nav .text-selection-list .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 34px;
  padding: 0px 10px;
  font-size: 15px;
  letter-spacing: 1.2px;
  width: 100%;
}
.new-image-editor-section .image-editor-side-nav .text-selection-list .mat-button-toggle-checked {
  background-color: #ffffff !important;
  color: #2E0587 !important;
}
.new-image-editor-section .editor-view {
  padding: 10px;
  width: 75%;
  margin: 20px auto;
  background: #f5f6fd;
}
.new-image-editor-section .canvas-container {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  padding-bottom: 100% !important;
}
.new-image-editor-section .upper-canvas {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
}
.new-image-editor-section .image-editor-side-nav {
  min-height: 750px;
  max-height: 750px;
  overflow: auto;
  background-color: #2c343b;
}
.new-image-editor-section .image-editor-side-nav .main-heading h4 {
  padding: 10px 15px;
  font-size: 16px;
  color: #dcdcdc;
  font-weight: 500;
  border-bottom: 1px solid #707070;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-image-editor-section .image-editor-side-nav .main-heading .action-list {
  display: inline-block;
}
.new-image-editor-section .image-editor-side-nav .main-heading .action-list li {
  display: inline-block;
  margin: 0px 5px;
  cursor: pointer;
}
.new-image-editor-section .image-editor-side-nav .main-heading .audio-section {
  width: 100%;
  padding: 5px 15px;
}
.new-image-editor-section .image-editor-side-nav .main-heading .audio-section audio {
  height: 36px !important;
  width: 100%;
}
.new-image-editor-section .image-editor-side-nav .layers-list {
  margin: 15px 0px;
  padding: 0px 10px;
  min-height: 550px;
  max-height: 550px;
  overflow: auto;
}
.new-image-editor-section .image-editor-side-nav .layers-list .editor-slide-card, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-dragging, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-preview {
  margin: 0px 10px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.new-image-editor-section .image-editor-side-nav .layers-list .editor-slide-card .slide-img, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-dragging .slide-img, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-preview .slide-img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #f2f2f2;
  position: relative;
}
.new-image-editor-section .image-editor-side-nav .layers-list .editor-slide-card .slide-img img, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-dragging .slide-img img, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-preview .slide-img img {
  min-height: 150px;
  max-height: 150px;
  object-fit: contain;
  width: 100%;
}
.new-image-editor-section .image-editor-side-nav .layers-list .editor-slide-card .slide-img .overlay, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-dragging .slide-img .overlay, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-preview .slide-img .overlay {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  left: 0px;
  border-radius: 5px;
  background: #00000094;
  z-index: 1;
}
.new-image-editor-section .image-editor-side-nav .layers-list .editor-slide-card .slide-img .overlay .icon-list, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-dragging .slide-img .overlay .icon-list, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-preview .slide-img .overlay .icon-list {
  display: flex;
  margin: 30% auto 0px auto;
  text-align: center;
  justify-content: center;
}
.new-image-editor-section .image-editor-side-nav .layers-list .editor-slide-card .slide-img .overlay .icon-list li, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-dragging .slide-img .overlay .icon-list li, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-preview .slide-img .overlay .icon-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #ffffff;
  padding: 5px;
  border-radius: 4px;
  margin-right: 10px;
}
.new-image-editor-section .image-editor-side-nav .layers-list .editor-slide-card .slide-img .overlay .icon-list li .icon, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-dragging .slide-img .overlay .icon-list li .icon, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-preview .slide-img .overlay .icon-list li .icon {
  width: 19px;
  height: 19px;
  min-height: 19px;
}
.new-image-editor-section .image-editor-side-nav .layers-list .editor-slide-card .slide-img:hover .overlay, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-dragging .slide-img:hover .overlay, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-preview .slide-img:hover .overlay {
  opacity: 1;
}
.new-image-editor-section .image-editor-side-nav .layers-list .editor-slide-card .slide-content, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-dragging .slide-content, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-preview .slide-content {
  padding: 5px;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #2c343b85;
}
.new-image-editor-section .image-editor-side-nav .layers-list .editor-slide-card .slide-content h4, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-dragging .slide-content h4, .new-image-editor-section .image-editor-side-nav .layers-list .cdk-drag-preview .slide-content h4 {
  font-size: 13px;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 500;
  margin-bottom: 0px;
}
.new-image-editor-section .image-editor-side-nav .layers-list .items-list {
  width: 100%;
  border: 1px dashed #707070;
  padding: 5px 0px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.new-image-editor-section .image-editor-side-nav .layers-list .items-list .layer-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-image-editor-section .image-editor-side-nav .layers-list .items-list .layer-item .layer-icon {
  width: 45px;
  height: 45px;
  margin-right: 10px;
  padding: 10px;
  border-radius: 4px;
  background: #dcdcdc;
}
.new-image-editor-section .image-editor-side-nav .layers-list .items-list .layer-item .layer-icon img {
  width: 100%;
  height: 100%;
  filter: brightness(0.6) invert(0.6);
}
.new-image-editor-section .image-editor-side-nav .layers-list .items-list .layer-item .layer-body h5 {
  color: #dcdcdc;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
}
.new-image-editor-section .image-editor-side-nav .layers-list .items-list .layer-item .layer-body .icon-list {
  display: flex;
  text-align: center;
  justify-content: center;
}
.new-image-editor-section .image-editor-side-nav .layers-list .items-list .layer-item .layer-body .icon-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #ffffff;
  padding: 5px;
  border-radius: 4px;
  margin-right: 10px;
}
.new-image-editor-section .image-editor-side-nav .layers-list .items-list .layer-item .layer-body .icon-list li .icon {
  width: 19px;
  height: 19px;
  min-height: 19px;
}
.new-image-editor-section .custom-placeholder {
  min-height: 150px;
  max-height: 150px;
}
.editor-slide-card, .cdk-drag-dragging, .cdk-drag-preview {
  margin: 0px 10px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.editor-slide-card .slide-img, .cdk-drag-dragging .slide-img, .cdk-drag-preview .slide-img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #f2f2f2;
  position: relative;
}
.editor-slide-card .slide-img img, .cdk-drag-dragging .slide-img img, .cdk-drag-preview .slide-img img {
  min-height: 150px;
  max-height: 150px;
  object-fit: contain;
  width: 100%;
}
.editor-slide-card .slide-img .overlay, .cdk-drag-dragging .slide-img .overlay, .cdk-drag-preview .slide-img .overlay {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  left: 0px;
  border-radius: 5px;
  background: #00000094;
  z-index: 1;
}
.editor-slide-card .slide-img .overlay .icon-list, .cdk-drag-dragging .slide-img .overlay .icon-list, .cdk-drag-preview .slide-img .overlay .icon-list {
  display: flex;
  margin: 30% auto 0px auto;
  text-align: center;
  justify-content: center;
}
.editor-slide-card .slide-img .overlay .icon-list li, .cdk-drag-dragging .slide-img .overlay .icon-list li, .cdk-drag-preview .slide-img .overlay .icon-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #ffffff;
  padding: 5px;
  border-radius: 4px;
  margin-right: 10px;
}
.editor-slide-card .slide-img .overlay .icon-list li .icon, .cdk-drag-dragging .slide-img .overlay .icon-list li .icon, .cdk-drag-preview .slide-img .overlay .icon-list li .icon {
  width: 19px;
  height: 19px;
  min-height: 19px;
}
.editor-slide-card .slide-img:hover .overlay, .cdk-drag-dragging .slide-img:hover .overlay, .cdk-drag-preview .slide-img:hover .overlay {
  opacity: 1;
}
.editor-slide-card .slide-content, .cdk-drag-dragging .slide-content, .cdk-drag-preview .slide-content {
  padding: 5px;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #2c343b85;
}
.editor-slide-card .slide-content h4, .cdk-drag-dragging .slide-content h4, .cdk-drag-preview .slide-content h4 {
  font-size: 13px;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 500;
  margin-bottom: 0px;
}
.certificate-section {
  padding: 20px;
}
.certificate-section .certificate-frame {
  width: 1050px;
  height: 735px;
  margin: 10px auto;
  position: relative;
  background: #ffffff;
}
.certificate-section .certificate-frame .frame-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.certificate-section .certificate-frame .frame-overlay img {
  width: 100%;
}
.certificate-section .certificate-frame .certificate-logo {
  position: absolute;
  left: 50px;
  top: 50px;
}
.certificate-section .certificate-frame .certificate-header {
  margin: 0px auto;
  z-index: 999;
  position: relative;
  padding: 60px 0px;
  /* display: flex; */
  text-align: center;
}
.certificate-section .certificate-frame .certificate-header .certificate-title {
  font-family: "Cambo", serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
  color: #ee9716;
}
.certificate-section .certificate-frame .certificate-header .certificate-sub-title {
  color: #ee9716;
  font-family: "Cambo", serif;
  font-size: 21px;
}
.certificate-section .certificate-frame .certificate-header .certificate-sub-title img {
  margin: 0px 5px;
}
.certificate-section .certificate-frame .inner-frame-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 99;
}
.certificate-section .certificate-frame .inner-frame-overlay img {
  width: 50%;
  height: 100%;
}
.certificate-section .certificate-frame .certificate-body {
  margin: 20px auto;
  width: 60%;
  text-align: center;
}
.certificate-section .certificate-frame .certificate-body .course-discription {
  z-index: 999;
  position: relative;
}
.certificate-section .certificate-frame .certificate-body .course-discription h4 {
  color: #323258;
  font-family: "Josefin Sans", sans-serif;
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
}
.certificate-section .certificate-frame .certificate-body .course-discription h4 span {
  font-weight: 600;
}
.certificate-section .certificate-frame .certificate-body .certificate-footer {
  margin-top: 10%;
  z-index: 999;
  position: relative;
}
.certificate-section .certificate-frame .certificate-body .certificate-footer p {
  color: #ee9716;
  font-family: "Cambo", serif;
  font-size: 18px;
  margin-bottom: 15px;
}
.certificate-section .certificate-frame .certificate-body .certificate-footer .company-sign {
  font-size: 53px;
  line-height: 60px;
  color: #3698f8;
  font-family: "Great Vibes", cursive;
}
.inner-action-btns {
  display: flex;
  margin-left: auto;
  align-items: center;
}
.inner-action-btns li {
  margin-left: 5px;
  cursor: pointer;
  margin-top: 10px;
}
.inner-action-btns li i {
  color: #323277;
  font-size: 19px;
}
.inner-action-btns li .delete-icon {
  cursor: pointer;
  font-size: 19px;
  color: #fa236c !important;
}
.add-induction-form-main-box {
  margin-bottom: 15px;
}
.add-induction-form-main-box .main-view-box {
  margin: 0px !important;
}
.add-induction-form-main-box .related-heading {
  height: 45px !important;
}
.add-induction-form-main-box .related-heading h4 {
  height: 45px !important;
  line-height: 45px !important;
}
.add-induction-form-main-box .view-router-outlet {
  max-height: calc(100vh - 275px) !important;
  min-height: calc(100vh - 275px) !important;
}
.add-induction-form-main-box .view-80-column {
  min-height: calc(100vh - 235px) !important;
  max-height: calc(100vh - 235px) !important;
}
.add-induction-form-main-box .view-80-column .related-heading {
  height: 45px !important;
}
.add-induction-form-main-box .view-80-column .related-heading h4 {
  height: 45px !important;
  line-height: 45px !important;
}
.add-induction-form-main-box .view-details {
  padding: 15px 15px 15px 0px;
  min-height: calc(100vh - 235px) !important;
}
.add-induction-form-main-box .main-view-box .master-left-tabs {
  max-height: calc(100vh - 235px) !important;
  border-right: 1px solid #ccc;
}
.induction-form-attachment .signature-border canvas {
  border: 2px dashed #d5d5d6;
}
.induction-form-attachment .attachment-video {
  position: relative;
  max-height: 350px;
  min-height: 350px;
  overflow: hidden;
  background: #eeeeee;
}
.induction-form-attachment .attachment-video video {
  width: 100%;
  max-height: 350px;
  min-height: 350px;
  object-fit: contain;
}
.shared-select-sub-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.master-award-section {
  overflow: auto;
  height: 100%;
  min-width: 100%;
}
.master-award-section .tables-section {
  height: 100%;
  min-width: 100%;
  overflow: auto;
  min-height: calc(100vh - 135px);
  background: #ffffff !important;
  position: relative;
}
.master-award-section .tables-section .mat-table-sticky {
  max-width: 70px !important;
}
.master-award-section .tables-section .mat-row .mat-cell {
  border-bottom: 1px solid #acb1c0;
  border-right: 1px solid #acb1c0;
}
.master-award-section .tables-section .mat-row .mat-cell:last-child {
  border-right: 0px !important;
}
.master-award-section .tables-section .mat-row .mat-cell .mat-form-field {
  max-width: 100px;
}
.master-award-section .tables-section .mat-row .mat-cell .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.master-award-section .tables-section .mat-row .mat-cell .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0px !important;
}
.master-award-section .tables-section .mat-row .mat-cell .mat-form-field-infix {
  width: 80px !important;
  max-width: 100px;
  min-width: 60px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px !important;
  padding: 2px 8px 5px 8px !important;
}
.master-award-section .tables-section .mat-row .mat-cell .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0px 0 0 0px !important;
  border-right-style: none;
}
.master-award-section .tables-section .mat-row .mat-cell .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0px 0px 0px 0px !important;
}
.master-award-section .tables-section td:first-child {
  padding-left: 5px !important;
}
.master-award-section .tables-section td:nth-child(3) .mat-form-field-infix {
  width: 50px !important;
  min-width: 55px !important;
  max-width: 55px !important;
}
.master-award-section .tables-section tr.mat-header-row {
  height: 20px !important;
  line-height: 20px !important;
  background: #eaf5ff !important;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell {
  border-right: 1px solid #acb1c0;
  padding: 0px 5px;
  padding-top: 5px;
  line-height: 15px !important;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell:first-child {
  padding-left: 5px !important;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0px !important;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell .mat-form-field-wrapper .mat-form-field-prefix,
.master-award-section .tables-section tr.mat-header-row .mat-header-cell .mat-form-field-wrapper .mat-form-field-suffix {
  font-size: 12px;
  font-weight: 600;
  color: #323277;
  top: 0px !important;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell .mat-form-field-infix {
  width: 40px !important;
  font-size: 12px;
  font-weight: 600;
  min-width: 40px;
  max-width: 45px;
  line-height: 14px !important;
  padding: 2px 5px 5px 5px !important;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell .mat-form-field-appearance-outline .mat-form-field-outline-start,
.master-award-section .tables-section tr.mat-header-row .mat-header-cell .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: 0px !important;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0px 0 0 0px !important;
  border-right-style: none;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0px 0px 0px 0px !important;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell:last-child {
  border-right: 0px !important;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell:last-child .tab_head {
  position: relative;
  right: 0px !important;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell {
  max-width: 80px !important;
  position: relative;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell .tab_head {
  font-size: 12px !important;
  font-weight: 600;
  white-space: normal !important;
  max-width: 80px;
  min-height: 55px;
}
.master-award-section .tables-section tr.mat-header-row .mat-header-cell .mat-form-field {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
}
.master-award-section .tables-section .delete-btn {
  background: #ffffff;
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}
.master-award-section .tables-section .delete-btn i {
  font-size: 20px;
  color: #2E0587;
}
.master-award-section .level-accordion .experience-header {
  padding: 0px 10px 10px 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.master-award-section .level-accordion .experience-header .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.master-award-section .level-accordion .experience-header .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  border-radius: 20px !important;
}
.master-award-section .level-accordion .experience-header .mat-checkbox-inner-container {
  height: 20px !important;
  width: 20px !important;
  margin-right: 15px;
}
.master-award-section .level-accordion .experience-header label {
  margin-bottom: 0px;
}
.master-award-section .level-accordion .experience-header .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #2E0587 !important;
}
.master-award-section .level-accordion .experience-header.checked {
  background: #ecf4fe;
}
.master-award-section .level-accordion .experience-header .mat-checkbox-label {
  color: #323277 !important;
  font-size: 16px;
  font-weight: 600;
}
.master-award-section .level-accordion .experience-header .mat-checkbox-frame {
  border-color: #2E0587 !important;
  border-radius: 50% !important;
}
.master-award-section .level-accordion .experience-header .experience-picker {
  display: flex;
  align-items: center;
  margin-left: 25px;
}
.master-award-section .level-accordion .experience-header .experience-picker .from-divider {
  font-weight: 600;
  font-size: 16px;
  color: #323277;
  margin: 0px 15px;
}
.master-award-section .level-accordion .experience-header .experience-picker .day-year-picker {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #c0c3cb;
  border-radius: 6px;
}
.master-award-section .level-accordion .experience-header .experience-picker .day-year-picker .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0px !important;
}
.master-award-section .level-accordion .experience-header .experience-picker .day-year-picker .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.master-award-section .level-accordion .experience-header .experience-picker .day-year-picker .month-input {
  position: relative;
}
.master-award-section .level-accordion .experience-header .experience-picker .day-year-picker .month-input::before {
  content: "";
  position: absolute;
  right: 0px;
  top: 5px;
  bottom: 5px;
  border-right: 1px solid #c0c3cb;
}
.master-award-section .level-accordion .experience-header .experience-picker .day-year-picker .month-input .mat-form-field-infix {
  width: 45px !important;
}
.master-award-section .level-accordion .experience-header .experience-picker .day-year-picker .mat-form-field-infix {
  width: 80px !important;
}
.master-award-section .level-accordion .experience-header .experience-picker .day-year-picker .mat-form-field-appearance-outline .mat-form-field-outline-start,
.master-award-section .level-accordion .experience-header .experience-picker .day-year-picker .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: 0px !important;
}
.master-award-section .level-accordion .experience-header .experience-picker .day-year-picker .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0px 0 0 0px !important;
  border-right-style: none;
}
.master-award-section .level-accordion .experience-header .experience-picker .day-year-picker .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0px 0px 0px 0px !important;
}
.master-award-section .level-accordion .custom-sticky-table {
  border-radius: 0px !important;
}
.master-award-section .level-accordion .mat-expansion-panel-body {
  padding: 10px 0px;
  border: 1px solid #c0c3cb;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: relative;
}
.master-award-section .level-accordion .mat-expansion-panel-body .custom-employee-award-table {
  min-height: 250px;
}
.master-award-section .level-accordion .mat-expansion-panel-header-description,
.master-award-section .level-accordion .mat-expansion-indicator::after {
  color: #ffffff !important;
}
.master-award-section .level-accordion .mat-expansion-panel {
  margin: 10px 15px;
}
.master-award-section .level-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.master-award-section .level-accordion .mat-expansion-panel-header {
  background: #2E0587 !important;
  color: #ffffff !important;
  border-radius: 4px;
}
.master-award-section .level-accordion .mat-expansion-panel-header .level-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.master-award-section .level-accordion .mat-expansion-panel-header .level-header h4 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
}
.master-award-section .level-accordion .mat-expansion-panel-header .level-header .level-action-btn {
  display: flex;
  align-items: center;
  justify-items: flex-start;
}
.master-award-section .level-accordion .mat-expansion-panel-header .level-header .level-action-btn li {
  margin-right: 15px;
}
.master-award-section .level-accordion .mat-expansion-panel-header .level-header .level-action-btn li .add-btn {
  background: #ffffff;
  border-radius: 20px;
  line-height: 30px;
}
.master-award-section .level-accordion .mat-expansion-panel-header .level-header .level-action-btn li .add-btn .mat-button-wrapper {
  font-size: 14px;
  font-weight: 600;
  color: #2E0587;
}
.master-award-section .level-accordion .mat-expansion-panel-header .level-header .level-action-btn li .delete-btn {
  background: #ffffff;
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.master-award-section .level-accordion .mat-expansion-panel-header .level-header .level-action-btn li .delete-btn i {
  font-size: 20px;
  color: #2E0587;
}
.master-award-section .level-accordion .add-level {
  padding: 15px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.master-award-section .level-accordion .preview-btn {
  height: 24px !important;
  padding: 0px 5px !important;
}
.master-award-section .level-accordion .preview-btn img {
  width: 16px !important;
}
.master-award-section .level-accordion .preview-btn .mat-button-wrapper {
  font-size: 12px;
}
.swap-row {
  display: flex;
  justify-content: center !important;
  background: #ffffff !important;
  align-items: center;
  height: 55px;
  padding: 0px 16px;
  margin-top: 5px;
  width: 100%;
}
.swap-row .swap-column {
  display: flex;
  justify-content: space-between !important;
  background: #ffffff !important;
  align-items: center;
  height: 55px;
  padding: 0px 250px;
  margin-top: 5px;
  width: 100%;
}
.swap-row .swap-column .swap-roster-card {
  background-color: #ecf4fe;
  border: 1px solid #ecf4fe;
  border-radius: 35px;
  padding: 3px 6px;
  position: relative;
  margin: 5px 5px 0px 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.swap-row .swap-column .swap-roster-card img {
  border: 1px solid #e0e4e8 !important;
  object-fit: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  border-radius: 50% !important;
}
.swap-row .swap-column .swap-roster-card .emp-name {
  color: #323277;
  font-size: 11px;
  font-weight: 500;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85px;
}
.swap-row .swap-column .swap-roster-card .time-in {
  color: #2E0587;
  font-size: 11px;
  font-weight: 500;
  margin-right: 5px;
}
.swap-row .swap-column .swap-roster-card .time-out {
  color: #2E0587;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 500;
}
.openclose-swap-sec {
  position: fixed;
  top: 40vh;
  width: 350px;
  height: 380px;
  z-index: 1000;
  right: 0px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background: #ffffff;
  box-shadow: 0px 1px 15px 7px rgba(36, 37, 38, 0.25);
}
.openclose-swap-sec .swap-body {
  position: relative;
  min-height: 350px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 25px;
}
.openclose-swap-sec .swap-body .swap-header {
  font-size: 18px;
  font-weight: 600;
  color: #323277;
  margin-bottom: 15px;
  text-align: center;
}
.openclose-swap-sec .swap-body .swap-btn {
  position: absolute;
  left: 8px;
  top: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
}
.openclose-swap-sec .swap-body .swap-btn img {
  width: 16px;
  transform: rotate(180deg);
}
.openclose-swap-sec .swap-body .check-in-timing {
  border-radius: 8px;
  padding: 5px 10px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.openclose-swap-sec .swap-body .check-in-timing .user-symbol {
  width: 35px;
  border-radius: 50%;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  margin-right: 5px;
  position: relative;
  text-transform: uppercase;
}
.openclose-swap-sec .swap-body .check-in-timing img {
  border: 1px solid #e0e4e8 !important;
  object-fit: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  border-radius: 50% !important;
}
.openclose-swap-sec .swap-body .check-in-timing .time-in {
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
}
.openclose-swap-sec .swap-body .check-in-timing .time-out {
  margin-left: 5px;
  font-size: 12px;
  font-weight: 600;
}
.openclose-swap-sec .swap-body .swap-list {
  display: block;
  text-align: center;
  min-height: 220px;
}
.openclose-swap-sec .swap-body .swap-list li {
  padding: 15px 0px;
}
.openclose-swap-sec .swap-body .swap-list li .check-in-timing {
  border: 1px solid #f4f7fc;
  color: #2E0587;
  cursor: auto;
}
.openclose-swap-sec .swap-body .swap-list li .user-symbol {
  background-color: #2E0587;
  color: #ffffff;
  cursor: auto;
}
.openclose-swap-sec .swap-body .swap-icon {
  background-color: #037fde;
  background-image: linear-gradient(90deg, #037fde 0%, #00d3ff 100%);
  display: inline-flex;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.openclose-swap-sec .swap-body .swap-icon img {
  width: 16px;
}
.openclose-swap-sec .swap-body .swap-action-btns {
  margin: 15px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.openclose-swap-sec .swap-body .swap-action-btns .reject-btn {
  background-color: #fa236c !important;
  border: 1px solid #fa236c !important;
  background-color: #fc7a5a;
  background-image: linear-gradient(62deg, #d72e04 0%, #fc7a5a 100%);
  margin-left: 15px !important;
}
.employee-award-table-column {
  display: flex;
  justify-content: space-around;
}
.employee-award-table-column .custom-frame {
  margin-right: 5px;
}
.input[type=number] {
  -moz-appearance: textfield;
}
.input[type=number]::-webkit-inner-spin-button {
  display: none;
}
.selectDeselect > .mat-pseudo-checkbox {
  display: none !important;
}
.disableSelect > .mat-option-disabled {
  color: black !important;
}
.level-accordion-dialog {
  margin: 15px 0px;
}
.level-accordion-dialog .mat-expansion-panel-body {
  padding: 10px 15px;
  border: 1px solid #f4f7fc;
}
.level-accordion-dialog .mat-expansion-panel-body .sub-heading {
  color: #323277 !important;
}
.level-accordion-dialog .mat-expansion-panel-header-description,
.level-accordion-dialog .mat-expansion-indicator::after {
  color: #323277 !important;
}
.level-accordion-dialog .mat-expansion-panel {
  margin: 10px 0px;
}
.level-accordion-dialog .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.level-accordion-dialog .mat-expansion-panel-header {
  background: #f4f7fc !important;
  color: #323277 !important;
  border-radius: 4px;
}
.level-accordion-dialog .mat-expansion-panel-header .level-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.level-accordion-dialog .mat-expansion-panel-header .level-header .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.level-accordion-dialog .mat-expansion-panel-header .level-header .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  border-radius: 20px !important;
}
.level-accordion-dialog .mat-expansion-panel-header .level-header .mat-checkbox-inner-container {
  height: 20px !important;
  width: 20px !important;
  margin-right: 15px;
}
.level-accordion-dialog .mat-expansion-panel-header .level-header label {
  margin-bottom: 0px;
  font-size: 16px;
  color: #323277;
}
.level-accordion-dialog .mat-expansion-panel-header .level-header .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #2E0587 !important;
}
.level-accordion-dialog .mat-expansion-panel-header .level-header.checked {
  background: #ecf4fe;
}
.level-accordion-dialog .mat-expansion-panel-header .level-header .mat-checkbox-label {
  color: #323277 !important;
  font-size: 14px;
  font-weight: 500;
}
.level-accordion-dialog .mat-expansion-panel-header .level-header .mat-checkbox-frame {
  border-color: #2E0587 !important;
  border-radius: 50% !important;
}
.level-accordion-dialog .mat-expansion-panel-header .level-header h4 {
  font-size: 16px;
  color: #323277;
}
.level-accordion-dialog .mat-expansion-panel-header .level-header .level-action-btn {
  display: flex;
  align-items: center;
  justify-items: flex-start;
}
.list-items-selection {
  margin-bottom: 10px;
}
.list-items-selection p {
  font-weight: 600;
  color: #2FA84F;
}
.list-items-selection p span {
  color: #323277;
  margin-left: 5px;
  font-weight: 500;
}
.user-employee-role-mat-option {
  display: flex;
  justify-content: space-between;
}
.user-employee-role-mat-option img {
  height: 25px;
}
.available-days-card {
  display: flex;
  justify-content: space-between;
}
.available-days-card .day {
  padding: 12px;
}
.custom-error {
  color: red;
  font-size: 12px;
}
.clinic-chat-attachment-card {
  margin: 15px 10px;
  border: 0px;
  height: auto !important;
  cursor: pointer;
  border-bottom: 1px solid #e0e4e8;
  background: #ffffff;
  border-radius: 8px !important;
  position: relative;
}
.clinic-chat-attachment-card .attachment-media {
  align-items: center;
  border-bottom: 1px solid #e0e4e8;
  padding: 5px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  min-height: 20px;
}
.clinic-chat-attachment-card .card-body {
  padding: 5px 5px;
  text-align: center;
  min-height: 125px;
}
.clinic-chat-attachment-card .card-body .attachment-view {
  min-width: 10px;
  min-height: 30px;
  line-height: 30px;
  padding: 0px 10px 0 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.clinic-chat-attachment-card .card-body .attachment-view .img {
  height: 10px;
}
.clinic-chat-attachment-card .card-body .inter-code {
  color: #323277;
  font-size: 9px;
  font-weight: 600;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.document-builder-section {
  background: #ffffff;
}
.document-builder-section .category-card {
  border-radius: 8px;
  margin: 15px 10px;
  background: #ffffff;
  cursor: pointer;
}
.document-builder-section .category-card.bg-red {
  color: #2E0587;
}
.document-builder-section .category-card.bg-red .card-header {
  background: #2E0587;
}
.document-builder-section .category-card.bg-red .card-body {
  background: #ecf4fe;
}
.document-builder-section .category-card.bg-orange {
  color: #fca003;
}
.document-builder-section .category-card.bg-orange .card-header {
  background: #fca003;
}
.document-builder-section .category-card.bg-orange .card-body {
  background: #fff5e5;
}
.document-builder-section .category-card.bg-blue {
  color: #2E0587;
}
.document-builder-section .category-card.bg-blue .card-header {
  background: #2E0587;
}
.document-builder-section .category-card.bg-blue .card-body {
  background: #ecf4fe;
}
.document-builder-section .category-card.bg-green {
  color: #34d43e;
}
.document-builder-section .category-card.bg-green .card-header {
  background: #34d43e;
}
.document-builder-section .category-card.bg-green .card-body {
  background: #e6fae7;
}
.document-builder-section .category-card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 15px;
  border-bottom: 1px solid #e0e4e8;
}
.document-builder-section .category-card .card-header .cat-icon img {
  filter: brightness(0) invert(1);
}
.document-builder-section .category-card .card-header .card-title {
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  margin: 0px;
}
.document-builder-section .category-card .card-body {
  padding: 10px 15px;
}
.document-builder-section .category-card .card-body .stats-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 5px 10px;
}
.document-builder-section .category-card .card-body .stats-content i {
  font-size: 60px;
  margin-right: 10px;
}
.document-builder-section .category-card .card-body .stats-content img {
  width: 60px;
  height: 100%;
  margin-right: 10px;
}
.document-builder-section .category-card .card-body .stats-content h2 {
  font-size: 18px;
  font-weight: 600;
  color: #323277;
  margin: 0px;
}
.document-builder-section .category-card .card-body .stats-content p {
  font-weight: 600;
  font-size: 16px;
}
.task-completion-box {
  padding: 20px 10px;
}
.task-completion-box .user-img {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
  margin: 25px auto 10px auto;
}
.task-completion-box .user-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.task-completion-box h3 {
  color: #3d4465;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-completion-box .short-desc {
  color: #7189a7;
  font-size: 13px;
  line-height: 16px;
}
.signature-border canvas {
  border: 2px dashed #d5d5d6;
}
.document-custom-view {
  width: 85%;
  margin: 0px auto;
  background: #f4f7fc;
  margin-bottom: 15px;
  position: relative;
  min-height: calc(100vh - 235px);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.document-custom-view .user-details-box {
  padding: 0px 10px;
  display: block !important;
}
.document-custom-view .user-details-box .master-add-sec .main-add-box {
  padding: 0px !important;
  margin: 0px !important;
}
.document-custom-view .user-details-box .master-add-sec .main-add-box .card-heading {
  margin: 0px !important;
  display: none;
}
.document-custom-view .detail-type-heading {
  font-size: 15px;
  font-weight: 600;
  color: #3697f8;
  margin: 0px !important;
  padding: 10px 0px !important;
}
.document-custom-view .document-title-header {
  padding: 10px 15px;
  width: 100%;
  background: #3f3f46;
}
.document-custom-view .document-title-header h4 {
  color: #ffffff;
  font-weight: 600;
  font-style: normal;
  margin: 0px;
  font-size: 18px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.document-custom-view .document-body {
  display: block !important;
}
.document-custom-view .document-body .sign-uploader {
  align-items: center;
  margin: 0px 0px 10px 0px;
  cursor: pointer;
  display: block;
  border: 1px dashed #3697f8;
  text-align: center;
  justify-content: center;
  border-radius: 8px;
  background-color: #ecf4fe;
  position: relative;
  height: 150px;
  max-width: 185px;
}
.document-custom-view .document-body .sign-uploader .sign-icon {
  width: 50px;
  margin: 25px 0px;
}
.document-custom-view .document-body .sign-uploader p {
  padding: 0;
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 600;
  white-space: normal;
  color: #323277;
  width: 85%;
  letter-spacing: 1.2px;
  margin: 0 auto;
  margin-top: 0px;
  padding-bottom: 0px !important;
}
.document-custom-view .document-body .sign-uploader .img-thumbs-list, .document-custom-view .document-body .sign-uploader .cdk-drag-preview {
  display: inline-flex;
  opacity: 0.9;
  padding-left: 0px;
  border-radius: 4px;
  border: 1px solid #eee;
  position: relative;
  min-width: 185px;
  height: 150px;
}
.document-custom-view .document-body .sign-uploader .img-thumbs-list img, .document-custom-view .document-body .sign-uploader .cdk-drag-preview img {
  height: auto;
  object-fit: contain;
  width: 100%;
  border-radius: 4px;
}
.document-custom-view .document-body .sign-uploader .img-thumbs-list .overlay, .document-custom-view .document-body .sign-uploader .cdk-drag-preview .overlay {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  left: 0px;
  border-radius: 5px;
  background: #00000094;
  z-index: 1;
}
.document-custom-view .document-body .sign-uploader .img-thumbs-list .overlay .icon-list, .document-custom-view .document-body .sign-uploader .cdk-drag-preview .overlay .icon-list {
  display: flex;
  margin: 30% auto 0px auto;
  text-align: center;
  justify-content: center;
  padding: 0px 8px;
}
.document-custom-view .document-body .sign-uploader .img-thumbs-list .overlay .icon-list li, .document-custom-view .document-body .sign-uploader .cdk-drag-preview .overlay .icon-list li {
  display: inline-block;
  cursor: pointer;
}
.document-custom-view .document-body .sign-uploader .img-thumbs-list .overlay .icon-list li .icon, .document-custom-view .document-body .sign-uploader .cdk-drag-preview .overlay .icon-list li .icon {
  width: 20px;
  height: auto;
  margin-right: 10px;
}
.document-custom-view .document-body .sign-uploader .img-thumbs-list:hover .overlay, .document-custom-view .document-body .sign-uploader .cdk-drag-preview:hover .overlay {
  opacity: 1;
}
.user-experience-picker {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.user-experience-picker .from-divider {
  font-weight: 600;
  font-size: 16px;
  color: #323277;
  margin: 0px 15px;
}
.user-experience-picker .day-year-picker {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #c0c3cb;
  border-radius: 6px;
}
.user-experience-picker .day-year-picker .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0px !important;
}
.user-experience-picker .day-year-picker .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.user-experience-picker .day-year-picker .month-input {
  position: relative;
}
.user-experience-picker .day-year-picker .month-input .mat-form-field-infix {
  width: 45px !important;
}
.user-experience-picker .day-year-picker .mat-form-field-infix {
  width: 80px !important;
}
.user-experience-picker .day-year-picker .mat-form-field-appearance-outline .mat-form-field-outline-start,
.user-experience-picker .day-year-picker .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: 0px !important;
}
.user-experience-picker .day-year-picker .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0px 0 0 0px !important;
  border-right-style: none;
}
.user-experience-picker .day-year-picker .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0px 0px 0px 0px !important;
}
.view-chips-group .mat-standard-chip {
  width: 35%;
  justify-content: center;
  background-color: #ecf4fe;
  color: #323277;
}
.view-chips-group .mat-chip-ripple {
  display: none;
}
.my-tasks-box {
  background: #ffffff;
  border-radius: 6px;
  margin-bottom: 15px;
  margin-right: 20px;
}
.my-tasks-box .my-task-heading {
  padding: 10px 10px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #e0e4e8;
  border-top-left-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.my-tasks-box .my-task-heading a {
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #323277;
}
.my-tasks-box .my-task-heading h3 {
  font-size: 18px;
  font-weight: 600;
  color: #2E0587;
  line-height: 32px;
}
.my-tasks-box .my-task-body {
  padding: 10px 10px;
  min-height: 350px;
  max-height: 350px;
  overflow-y: auto;
}
.my-tasks-box .my-task-body .basic-no-data-found {
  min-height: 330px;
}
.my-tasks-box .my-task-body .basic-no-data-found img {
  width: 85px;
  margin: 0px auto;
}
.my-tasks-box .my-task-body ul {
  margin: 0px;
  padding: 0px;
}
.my-tasks-box .my-task-body ul li {
  margin-bottom: 10px;
}
.my-tasks-box .my-task-body ul li .list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.my-tasks-box .my-task-body ul li h4 {
  max-width: 65%;
  font-size: 16px;
  color: #323277;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-tasks-box .my-task-body ul li .list-body {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.my-tasks-box .my-task-body ul li .list-body .status-badge {
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 13px;
  color: #FE9014;
  background: #fff5e5;
}
.my-tasks-box .my-task-body ul li .list-body .assign-img {
  margin-left: 10px;
}
.my-tasks-box .my-task-body ul li .list-body .assign-img img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 2px solid #2E0587;
}
.my-tasks-box .my-task-body ul li .list-body .user-symbol {
  width: 45px;
  margin-left: 10px;
  border-radius: 50%;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #2E0587;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
}
.basic-no-data-found {
  text-align: center;
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-items: center;
  width: 100%;
}
.basic-no-data-found h4 {
  font-size: 18px;
  font-weight: 600;
  color: #323277;
  text-align: center;
  width: 100%;
}
.basic-no-data-found img {
  width: 85px;
  margin: auto;
}
.custom-tooltip .tooltip-inner {
  background-color: #0e1f29;
  border-radius: 6px;
  min-height: 40px;
  max-width: 285px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.custom-tooltip .custom-overlay {
  text-align: left;
}
.custom-tooltip .custom-overlay .created-card {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.custom-tooltip .custom-overlay .created-card .created-img {
  margin-right: 10px;
}
.custom-tooltip .custom-overlay .created-card .created-img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.custom-tooltip .custom-overlay .created-card .created-img .user-symbol {
  width: 35px;
  border-radius: 50%;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  background: #2E0587;
  color: #ffffff;
  margin-right: 5px;
  text-transform: uppercase;
  position: relative;
}
.custom-tooltip .custom-overlay .created-card .created-body h3 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 5px;
}
.custom-tooltip .custom-overlay .created-card .created-body p {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  margin: 0px;
  line-height: 16px;
}
.custom-tooltip h4 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 5px;
}
.custom-tooltip p {
  color: #ffffff;
  font-size: 13px;
  line-height: 15px;
  margin: 0px 0px 5px 0px;
  font-weight: 400;
  margin-bottom: 5px;
}
.custom-tooltip .date-action .end-time {
  color: #ffffff;
  font-size: 12px;
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: flex-start;
}
.custom-tooltip .date-action .end-time img {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
.duty-menu-button img {
  width: 5px;
  margin: 0px 0px 0px 10px;
}
.profile-view-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.profile-view-header img {
  height: 21px;
  margin-right: 10px;
  cursor: pointer;
}
.profile-view-header_edit {
  text-align: end;
}
.profile-view-header_edit img {
  height: 21px;
  margin-right: 10px;
  cursor: pointer;
  padding-top: 5px;
}
.user-short-name {
  width: 35px;
  border-radius: 50%;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #2E0587;
  font-size: 14px;
  font-weight: 600;
  margin-right: 5px;
  text-transform: uppercase;
  position: relative;
}
@keyframes loadingC {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.load-wrapp {
  float: left;
  width: 100%;
  margin: 0 10px 10px 0;
}
.load-wrapp .line {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 15px;
  margin-right: 5px;
  background-color: #2E0587;
}
.load-wrapp .load-3 .line:nth-last-child(1) {
  animation: loadingC 0.6s 0.1s linear infinite;
}
.load-wrapp .load-3 .line:nth-last-child(2) {
  animation: loadingC 0.6s 0.2s linear infinite;
}
.load-wrapp .load-3 .line:nth-last-child(3) {
  animation: loadingC 0.6s 0.3s linear infinite;
}
.from-chiplist .mat-chip {
  cursor: pointer;
}
.page {
  overflow: hidden;
}
.page .page-loader {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  z-index: 9999999;
  background: #000000a8;
  transition: 0.3s all ease;
}
.page .page-loader .page-loader-body {
  text-align: center;
}
.page .page-loader .page-loader-body img {
  width: 85px;
}
.feed-media-list {
  display: inline-block;
  padding: 10px 5px;
}
.feed-media-list .media-list-item {
  width: 175px;
  height: 115px;
  margin: 10px 5px;
  border-radius: 6px;
  display: inline-block;
}
.feed-media-list .media-list-item .feed-multi-item {
  object-fit: contain;
  background: #f4f7fc;
  width: 100%;
  height: 100%;
}
.feed-media-list .media-list-item .feed-multi-item:hover {
  transition: 0.3s;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
.view-feed-media-section .swiper-container.banner-top .swiper-wrapper .swiper-slide {
  max-height: 75vh;
}
.view-feed-media-section .swiper-container.banner-top .swiper-wrapper .swiper-slide img {
  width: 100%;
  max-height: 75vh;
  object-fit: contain;
}
.view-feed-media-section .swiper-container.banner-bottom .swiper-wrapper .swiper-slide {
  max-height: 20vh;
  width: 210px;
}
.view-feed-media-section .swiper-container.banner-bottom .swiper-wrapper .swiper-slide img {
  width: 100%;
  max-height: 20vh;
  object-fit: cover;
}
.subscription-card.card {
  text-align: center;
  margin: 10px 10px 0px 0px;
  border: 0px;
  height: auto !important;
  cursor: pointer;
  min-height: 125px;
  border-radius: 8px;
  width: 70% !important;
  padding: 15px;
  background-color: #0a051c !important;
}
.subscription-card.card .card-img {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
  margin: 25px auto 10px auto;
  border: 5px solid #2E0587;
}
.subscription-card.card .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.subscription-card.card .card-body {
  padding: 10px 15px;
}
.subscription-card.card .card-body .joining-date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0px;
}
.subscription-card.card .card-body .joining-date .date-type {
  color: #95a5ba;
}
.subscription-card.card .card-body .joining-date .date {
  color: #2E0587;
}
.subscription-card.card .card-body .user-name {
  color: #3d4465;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.subscription-card.card .card-body p {
  color: #7189a7;
  font-size: 13px;
  line-height: 16px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.subscription-card.card .card-body .view-more {
  background-color: #ecf4fe;
  border: 1px solid #ecf4fe !important;
  padding: 5px 22px !important;
  height: 34px !important;
  line-height: 20px !important;
  border-radius: 20px !important;
  position: relative !important;
  margin-top: 25px;
}
.subscription-card.card .card-body .view-more .mat-button-wrapper {
  color: #2E0587;
  font-weight: 700;
}
.subscription-card:hover {
  box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.08);
}
.resizable-textarea {
  height: 100px;
  min-height: 22px;
  max-height: auto;
  resize: vertical;
}
.chat-dec {
  border-radius: 6px;
  overflow: hidden;
}
.chat-dec.outer-chat-sec .chat-row .chat-right .chat-body {
  min-height: calc(100vh - 195px);
  max-height: calc(100vh - 195px);
  height: calc(100vh - 195px);
}
.chat-dec.quotation-chat-sec .quote-expansion {
  border-bottom: 1px solid #F1F4FB;
}
.chat-dec.quotation-chat-sec .chat-row .chat-right {
  min-height: calc(78vh - 185px) !important;
}
.chat-dec.quotation-chat-sec .chat-row .chat-right .support-right-head li {
  border-bottom: 0px !important;
}
.chat-dec.quotation-chat-sec .chat-row .chat-right .support-right-head li .media {
  align-items: center;
}
.chat-dec.quotation-chat-sec .chat-row .chat-right .chat-body {
  min-height: calc(87vh - 325px) !important;
  max-height: calc(100vh - 325px);
  height: calc(87vh - 325px) !important;
}
.chat-dec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .media-left {
  width: 35px;
  margin-right: 5px;
}
.chat-dec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card {
  margin-top: 10px !important;
}
.chat-dec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list {
  min-width: 325px;
}
.chat-dec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li {
  line-height: 34px;
  border-bottom: 1px solid #eee;
  letter-spacing: 0;
  padding: 0px 5px;
}
.chat-dec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li .field-type {
  font-weight: 600;
  text-transform: capitalize;
  text-align: left;
  font-size: 14px;
  margin-bottom: 2px;
  margin-right: 10px;
  max-width: 140px;
  min-width: 80px;
  padding-left: 5px;
  color: #000;
}
.chat-dec.quotation-chat-sec .chat-row .chat-right .chat-body .user-message .media .chatbot-card .quotation-list li .field-type .dots {
  width: 25px;
  float: right;
  font-weight: 600;
  text-align: right;
}
.chat-dec.quotation-chat-sec .view-more {
  background: #ffffff !important;
  color: #ffffff !important;
  text-transform: capitalize !important;
  height: 30px;
  border: 1px solid grey !important;
  line-height: 30px;
  padding: 0 8px 0 8px;
}
.chat-dec.quotation-chat-sec .view-more .mat-button-wrapper {
  font-size: 14px;
  font-weight: 500;
  color: red-text !important;
  letter-spacing: 0.5px;
}
.chat-dec .chat-row .chat-left {
  background: #ffffff;
}
.chat-dec .chat-row .chat-left .horizontal-custom-tabs {
  margin-top: 0px !important;
  background: #ffffff;
}
.chat-dec .chat-row .chat-left .horizontal-custom-tabs .mat-paginator-range-actions {
  width: 125px !important;
}
.chat-dec .chat-row .chat-left .horizontal-custom-tabs .horizontal-toggle-buttons {
  border-bottom: 1px solid grey;
  width: 100%;
  display: flex;
  padding: 5px 10px;
  background: #ffffff;
  border-radius: 0px;
  justify-content: space-between;
}
.chat-dec .chat-row .chat-left .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle {
  width: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  border-radius: 4px;
}
.chat-dec .chat-row .chat-left .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle:last-child {
  border-right: 0px !important;
}
.chat-dec .chat-row .chat-left .request-ul {
  list-style: none;
  min-height: calc(100vh - 235px);
  max-height: calc(100vh - 235px);
  height: calc(100vh - 200px);
  overflow: auto;
  background: #ffffff;
  position: relative;
}
.chat-dec .chat-row .chat-left .request-ul li {
  list-style: none;
  padding: 10px 8px;
  border-radius: 6px;
  margin: 5px 10px 15px 10px;
  cursor: pointer;
  background: #f4f7fc;
  color: #2b4058;
  position: relative;
}
.chat-dec .chat-row .chat-left .request-ul li.group-chat-list {
  padding-bottom: 10px;
}
.chat-dec .chat-row .chat-left .request-ul li .request-ticket {
  display: flex;
  justify-content: space-between;
  padding: 0 5px 0 0;
}
.chat-dec .chat-row .chat-left .request-ul li .request-ticket .date-time-tag {
  position: absolute;
  right: 3px;
  top: 0px;
  padding: 2px 3px;
  color: red;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solidred;
  line-height: 14px;
}
.chat-dec .chat-row .chat-left .request-ul li .request-ticket .date-time-tag span {
  font-size: 10px;
  font-weight: 500;
  margin-right: 5px;
}
.chat-dec .chat-row .chat-left .request-ul li .media {
  align-items: center !important;
}
.chat-dec .chat-row .chat-left .request-ul li .request-id {
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1px;
  background: #0e1f29;
  height: 26px;
  color: #ffffff;
  padding: 0 20px 0 20px;
  position: absolute;
  top: -1px;
  left: 0px;
  border-radius: 40px;
  border-top-left-radius: 0;
  line-height: 25px;
}
.chat-dec .chat-row .chat-left .request-ul li .media.group-card {
  align-items: center;
  margin-top: 0px !important;
}
.chat-dec .chat-row .chat-left .request-ul li .media .media-left .media-object {
  width: 45px;
  height: 45px;
  border-radius: 25px;
  object-fit: cover;
}
.chat-dec .chat-row .chat-left .request-ul li .media .media-body h4 {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 500;
  color: red !important;
}
.chat-dec .chat-row .chat-left .request-ul li .media .media-body p {
  margin: 0;
  font-size: 13px;
  padding: 0;
  line-height: 18px;
  color: #e75a5a !important;
}
.chat-dec .chat-row .chat-left .request-ul li .media .media-body p span {
  font-size: 12px;
  font-weight: 400;
  margin-right: 5px;
}
.chat-dec .chat-row .chat-right {
  background-color: #ffffff;
  border-top: 1px solid #F1F4FB;
  padding: 0px;
  position: relative;
  min-height: calc(100vh - 185px);
}
.chat-dec .chat-row .chat-right .mat-expansion-panel-header {
  cursor: pointer;
}
.chat-dec .chat-row .chat-right .support-right-head {
  position: relative;
  width: 100%;
}
.chat-dec .chat-row .chat-right .support-right-head li {
  list-style: none;
  padding: 5px 0 5px 10px;
  border-bottom: 2px solid #eee;
  border-radius: 0px;
  margin: 5px 0;
}
.chat-dec .chat-row .chat-right .support-right-head li .request-id {
  font-weight: 500;
  font-size: 13px;
  background: #ebeef6;
  padding: 2px 5px;
  border-radius: 4px;
  letter-spacing: 1px;
  font-family: sans-serif;
}
.chat-dec .chat-row .chat-right .support-right-head .media .media-left .media-object {
  width: 45px;
  height: 45px;
  border-radius: 25px;
  object-fit: cover;
}
.chat-dec .chat-row .chat-right .support-right-head .media .media-body h4 {
  font-size: 13px;
  margin: 0;
  color: red;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}
.chat-dec .chat-row .chat-right .support-right-head .media .media-body span {
  font-size: 13px;
  font-weight: 400;
  color: #95a5ba;
}
.chat-dec .chat-row .chat-right .support-right-head .media .media-body p {
  margin: 0;
  padding: 0;
}
.chat-dec .chat-row .chat-right .support-right-head .media .media-body p span {
  font-size: 12px;
  font-weight: 400;
  margin-right: 5px;
}
.chat-dec .chat-row .chat-right .support-right-head .date-time-tag {
  margin: 0 0 4px 0;
  padding: 2px 3px;
  color: red;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solidred;
  line-height: 14px;
}
.chat-dec .chat-row .chat-right .support-right-head .close-chat-btn {
  position: absolute;
  right: 10px;
  bottom: 15px;
}
.chat-dec .chat-row .chat-right .support-right-head .close-chat-btn .mat-button {
  background: red;
  text-transform: capitalize !important;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  border-radius: 20px;
  padding: 0 8px 0 8px;
}
.chat-dec .chat-row .chat-right .support-right-head .close-chat-btn .mat-button .mat-button-wrapper {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.5px;
}
.chat-dec .chat-row .chat-right .chat-body {
  min-height: calc(100vh - 325px);
  max-height: calc(100vh - 325px);
  height: calc(100vh - 325px);
  overflow: auto;
  background-position: center;
  background-color: #ffffff;
  background-attachment: fixed;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  width: 100%;
}
.chat-dec .chat-row .chat-right .chat-body .chatbot-card {
  min-width: 200px;
  overflow: hidden;
  padding: 8px 10px;
  border-radius: 15px;
  transition: opacity 0.5s, background-color 0.75s, color 0.75s;
  position: relative;
  background-color: white;
  color: #333333;
  font-weight: 600;
}
.chat-dec .chat-row .chat-right .chat-body .chatbot-card .chat-time {
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  bottom: 1px;
  right: 10px;
}
.chat-dec .chat-row .chat-right .chat-body .card-container {
  display: block;
}
.chat-dec .chat-row .chat-right .chat-body .card-container .chatbot-card-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 17px 0px;
  padding: 0px 35px;
  position: relative;
}
.chat-dec .chat-row .chat-right .chat-body .card-container .chatbot-card-list p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.chat-dec .chat-row .chat-right .chat-body .card-container .chatbot-card-list .left-user-img {
  width: 35px;
  height: 35px;
  top: -12px;
  left: 10px;
  position: absolute;
  border-radius: 50%;
}
.chat-dec .chat-row .chat-right .chat-body .card-container .chatbot-card-list .right-user-img {
  width: 35px;
  height: 35px;
  top: -12px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
}
.chat-dec .chat-row .chat-right .chat-body .card-container .chatbot-avatar {
  min-width: 40px;
  width: 40px;
  margin-right: 10px;
  opacity: 0;
}
.chat-dec .chat-row .chat-right .chat-body .card-container .chatbot-card {
  min-width: 170px;
  max-width: 70%;
  overflow: hidden;
  padding: 10px 10px 10px 10px;
  border-radius: 15px;
  border-top-left-radius: 0;
  transition: opacity 0.5s, background-color 0.75s, color 0.75s;
  position: relative;
  font-weight: 600;
}
.chat-dec .chat-row .chat-right .chat-body .card-container .chatbot-card.left-message {
  background-color: #f4f7fc;
  color: #2b4058;
}
.chat-dec .chat-row .chat-right .chat-body .card-container .chatbot-card.right-message {
  background-color: #eef7fc;
  color: #2b4058;
}
.chat-dec .chat-row .chat-right .chat-body .admin-message {
  display: flex;
  align-items: flex-end;
  float: right;
  justify-content: flex-end;
  width: 100%;
  margin-right: 15px;
}
.chat-dec .chat-row .chat-right .chat-body .admin-message .chatbot-card {
  border-top-left-radius: 15px;
  border-top-right-radius: 0;
}
.chat-dec .chat-row .chat-right .chat-body .user-message {
  display: flex;
  align-items: flex-end;
  float: right;
  justify-content: flex-start;
  width: 100%;
  margin-left: 15px;
}
.chat-dec .chat-row .chat-right .chat-footer {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  background-color: #ffffff;
}
.chat-dec .chat-row .chat-right .chat-footer .chat-attachment {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f4f6f8;
  border-radius: 50%;
  margin-right: 10px;
}
.chat-dec .chat-row .chat-right .chat-footer .chat-attachment.raduis-zero {
  border-radius: 0px !important;
}
.chat-dec .chat-row .chat-right .chat-footer .chat-attachment img {
  width: 25px;
  height: 24px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.chat-dec .chat-row .chat-right .chat-footer .chat-input {
  display: flex;
  align-items: center;
  width: 100%;
}
.chat-dec .chat-row .chat-right .chat-footer .chat-input input {
  height: 50px;
  float: left;
  border-radius: 25px;
  padding-left: 15px;
  border: 1px solid #f4f6f8;
  width: 100%;
  position: relative;
  padding-right: 35px;
  background: #f4f6f8;
}
.chat-dec .chat-row .chat-right .chat-footer .chat-input .send-icon {
  width: 45px;
  height: 45px;
  min-width: 45px;
  line-height: 45px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  margin-left: -50px;
  padding: 0px;
  background: #2e0587;
}
.chat-dec .chat-row .chat-right .chat-footer .chat-input .send-icon img {
  width: 25px;
}
.chat-dec .chat-row .chat-right .chat-emp-card {
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 10px;
  border: 1px solid #f4f7fc;
  margin: 5px;
  background: #f4f7fc;
  border-radius: 4px;
}
.chat-dec .chat-row .chat-right .chat-emp-card .emp-img {
  width: 33px;
  height: 33px;
  border-radius: 50%;
}
.chat-dec .chat-row .chat-right .chat-emp-card .emp-img img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.chat-dec .chat-row .chat-right .chat-emp-card .emp-body {
  margin-left: 10px;
}
.chat-dec .chat-row .chat-right .chat-emp-card .emp-body .emp-name {
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 14px;
  color: red-text;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}
.chat-dec .chat-row .chat-right .chat-emp-card .emp-body p {
  font-size: 12px;
  color: red-text;
}
.chat-dec .chat-row .chat-right .chat-emp-card .custom-icon {
  position: absolute !important;
  right: 10px;
  top: 5px;
  color: red-text;
  cursor: pointer;
}
.chat-dec .user-msg .yes-btn {
  background: lightgreen;
  padding: 0px 5px !important;
  height: 30px !important;
  line-height: 20px !important;
  border-radius: 4px !important;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.chat-dec .user-msg .yes-btn .mat-button-wrapper {
  color: #ffffff;
}
.chat-dec .user-msg .no-btn {
  background: #f07e7e;
  padding: 0px 5px !important;
  height: 30px !important;
  line-height: 20px !important;
  border-radius: 4px !important;
  margin-top: 10px;
  margin-bottom: 5px;
}
.chat-dec .user-msg .no-btn .mat-button-wrapper {
  color: #ffffff;
}
.imagewrap {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 80px;
  white-space: nowrap;
}
.signedDocument {
  text-align: center;
}
.btn-edit {
  background-color: #ffffff;
  color: #fff;
  border: 1px solid #cccccc !important;
  border-radius: 32px !important;
  height: 32px;
}
@media screen and (max-width: 1290px) {
  .image-thumbs-flex {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: auto;
    height: 132px;
    gap: 10px;
    list-style: none;
    scrollbar-width: auto;
    padding: 0;
    margin: 0;
  }

  .image-thumb-item {
    flex: 0 0 auto;
    width: 108px;
    height: 108px;
    background: #f5f5f5;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .master-content-view {
    min-height: calc(100vh - 0px);
  }
}
/* ------------------------------ BREAK-POINTS ------------------------------ */
/* ------------------ MOBILE-PHONES-VERTICAL-HORIZONTAL ------------------ */
@media screen and (min-width:240px) and (max-width: 767px) {
  .user-details-section .profile_left_column {
    margin-right: 0px;
  }

  .main-view-box {
    margin: 10px 5px 25px 5px;
  }

  .master-award-section .tables-section .mat-row .mat-cell {
    border-right: 0px;
  }

  .custom-cards-view .no-data-section {
    min-height: calc(100vh - 340px) !important;
  }

  .holiday-cal-section .cal-month-view .cal-day-badge {
    max-width: 100px;
  }

  .sidenav-container {
    margin-left: 0px !important;
  }

  .mat-drawer {
    margin-top: 100px !important;
  }

  .filed-selection-section {
    min-height: 100%;
  }
  .filed-selection-section .fileds-img-list .img-selection-list {
    margin: 10px 0px;
    width: 100%;
  }

  .selection-form {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .selection-form .custom-form-group {
    margin-bottom: 0px !important;
  }

  .sidenav-container {
    margin-left: 0px !important;
  }

  .master-tables-section {
    padding: 0px 5px !important;
  }

  .master-add-sec .main-add-box {
    margin-left: 15px;
    margin-right: 15px;
  }

  .weeks-roasters-section .check-in-timing {
    min-width: 175px;
  }

  .signup .master-login .logo-bottom .logo {
    top: 10px;
    right: 0;
    left: 0;
    width: 225px;
    margin: 0px auto;
  }
  .signup .loginForm {
    width: 100%;
    padding: 30px 25px 30px 25px;
    margin-left: 0%;
    margin-top: 25px;
  }

  .table-filter-sec .table-filter-row {
    padding: 5px;
    display: block;
    line-height: 35px !important;
  }
  .table-filter-sec .table-filter-row .custom-form-group {
    margin-bottom: 10px;
  }
  .table-filter-sec .filter-action-group {
    position: absolute;
    top: 0px;
    right: 5px;
  }

  .mx-xm-w-25 {
    max-width: 25% !important;
  }

  .mx-xm-w-50 {
    max-width: 50% !important;
  }

  .mx-xm-w-75 {
    max-width: 75% !important;
  }

  .mx-xm-w-100 {
    max-width: 100% !important;
  }

  .empty-img img {
    min-width: auto !important;
  }

  .sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.admin-profile .login-role {
    display: none;
  }

  .table-expanded-description .custom-form-group label {
    padding-left: 15px !important;
  }

  .mat-list-base .mat-list-option {
    width: 50%;
  }

  .vendor-signin-sec .login-bg {
    min-height: auto;
    height: 300px;
    padding: 10px;
  }
  .vendor-signin-sec .login-left-section {
    padding: 10px 5px 10px 5px;
  }

  .top-bred-crumb {
    margin: 0 0px 5px 0px;
    padding: 0 15px;
    max-height: 100%;
  }
  .top-bred-crumb .breadcrumb {
    margin-top: 5px;
  }
  .top-bred-crumb .breadcrumb .table-add-btn {
    margin-left: 0px !important;
  }
  .top-bred-crumb .breadcrumb .page-title h4 {
    border-right: 0 !important;
  }

  .overview-sec .orders-sats-sec ul .box {
    width: 100%;
    margin: 20px 0px 25px 0px;
  }
  .overview-sec .review-box {
    margin: 20px 5px 25px 0px;
  }
  .overview-sec .review-box .review-body ul li {
    display: block;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
  }
  .overview-sec .review-box .review-body ul li .product-details {
    width: 100%;
  }
  .overview-sec .review-box .review-body ul li .product-price {
    width: 100%;
  }

  .master-body-wrapper {
    padding: 0px 5px 0px 5px !important;
  }

  .tables-section .cdk-column-description {
    max-width: 40px !important;
  }
  .tables-section .cdk-column-description span {
    padding-left: 10px;
    white-space: nowrap;
  }
  .tables-section .table-over-bio {
    max-width: 40px !important;
  }
  .tables-section .table-over-bio span {
    padding-left: 10px;
    white-space: nowrap;
  }
  .tables-section .table-over-description {
    max-width: 40px !important;
  }
  .tables-section .table-over-description span {
    padding-left: 10px;
    white-space: nowrap;
  }
  .tables-section .table-over-content {
    max-width: 40px !important;
  }
  .tables-section .table-over-content span {
    padding-left: 10px;
    white-space: nowrap;
  }
  .tables-section .table-chip {
    display: inline !important;
  }
  .tables-section .table-header {
    height: auto;
    display: block;
    padding: 5px 10px;
    margin: 10px 0px;
  }
  .tables-section .table-actions {
    display: block;
    width: 100%;
  }
  .tables-section .table-actions .form-section {
    margin-bottom: 10px !important;
  }
  .tables-section .table-actions .form-section .custom-form-group {
    margin-left: 0px;
  }
  .tables-section .table-actions .table_search {
    justify-content: flex-start;
  }
  .tables-section .table-actions .table-add-btn {
    margin-left: 5px !important;
  }
  .tables-section .bulk-table-header {
    padding: 10px 0;
    align-items: flex-start !important;
  }
  .tables-section .bulk-table-header .bulk-section {
    padding: 10px 10px 0px 10px;
    display: block !important;
  }
  .tables-section .bulk-table-header .bulk-section .table-search-box {
    width: 100%;
    margin-left: 0;
  }
  .tables-section .bulk-table-header .bulk-section .upload-btn-bulk {
    width: 150px !important;
    margin-left: 0;
    margin-right: 0;
  }
  .tables-section .bulk-table-header .bulk-section .bulk-upload-btn {
    margin-top: 10px;
    width: 150px !important;
  }
  .tables-section .table-filter-sec {
    height: 100% !important;
  }
  .tables-section .product-img-name {
    display: inline-block !important;
  }
  .tables-section .mat-table .mat-cell:first-child {
    border-radius: 0px;
    padding-bottom: 10px !important;
    margin-bottom: 5px;
  }
  .tables-section .mat-table .mat-cell:last-child {
    border-radius: 0px;
    margin-bottom: 10px;
  }
  .tables-section .mat-row .mat-icon {
    line-height: auto;
  }
  .tables-section .mat-cell {
    white-space: initial;
    border-radius: 0px;
  }
  .tables-section .mat-cell .status-box {
    display: inline-flex;
  }

  .horizontal-custom-tabs {
    margin-top: 5px !important;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons {
    display: block;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle {
    width: 100%;
    display: block;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked::before {
    display: none !important;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
    justify-content: center;
  }

  .master-add-sec .form-section .custom-form-group .custom-form-control .multi-checkbox-list li {
    width: 50%;
  }
  .master-add-sec .form-section .custom-form-group.multi-btn-group .mat-button-toggle-group {
    display: inline-block;
    white-space: pre-wrap;
  }
  .master-add-sec .form-section .custom-form-group.multi-btn-group .mat-button-toggle-appearance-standard {
    border-left: 0;
  }
  .master-add-sec .form-section .custom-form-group .assign-media .media {
    width: 80%;
  }
  .master-add-sec .form-section .custom-form-group .address-lines .flex-group .custom-form-group {
    margin-left: 5px;
    margin-right: 0px !important;
  }
  .master-add-sec .form-section .custom-form-group.assign-group .custom-form-control {
    display: block;
  }
  .master-add-sec .view-left-accordion {
    display: block !important;
  }

  .table-btn-group {
    margin: 5px 0px;
    justify-content: flex-start;
  }
  .table-btn-group .table-delete-btn {
    margin-left: 5px !important;
  }
  .table-btn-group .table-action-btn {
    margin-left: 5px !important;
  }
  .table-btn-group .table-add-btn {
    margin-left: 5px !important;
  }

  .openclose-filter-sec {
    width: 100%;
    margin-right: 0px;
    right: 0px;
    left: 0px;
  }
  .openclose-filter-sec .filter-form {
    min-width: auto;
  }

  .table-filter-sec .table-filter-row {
    padding: 5px;
    display: block;
    line-height: 0px !important;
  }
  .table-filter-sec .table-filter-row .filter-where-text {
    margin: 10px 0px;
    display: inline-block;
  }

  .total-heading {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    max-width: 75%;
    min-width: 75px;
    margin-right: 0px;
    margin: 5px 0px;
    flex-shrink: 1;
  }

  .mat-paginator-container {
    justify-content: center !important;
    padding: 5px 8px;
  }

  .form-array-view .array-box .custom-form-group {
    width: 100%;
  }

  .form-section .custom-form-group.custom-geo-location .address-lines .flex-group {
    display: block;
  }
  .form-section .custom-form-group.custom-geo-location .address-lines .flex-group .custom-form-group {
    width: 100%;
    margin-right: 0px;
  }

  .feeds-wrapper-section {
    width: 100%;
  }
  .feeds-wrapper-section .add-new-feed {
    padding: 5px 5px;
  }
  .feeds-wrapper-section .add-new-feed .mat-button-toggle-group {
    flex-wrap: wrap;
  }
  .feeds-wrapper-section .add-new-feed .mat-button-toggle-group .mat-button-toggle {
    width: 50%;
  }

  .user-details-section .profile_left_column .profile_listing {
    height: auto;
  }
  .user-details-section .br-left {
    border-left: 0px !important;
  }
  .user-details-section .pl-10 {
    padding-left: 0px !important;
  }

  .master-award-section .tables-section .mat-row .mat-cell {
    border-right: 0px;
  }
}
/* ------------------------------ MOBILE-PHONES-VERTICAL -------------------- */
@media screen and (min-width:240px) and (max-width: 599px) {
  .signup {
    max-height: 100%;
  }
  .signup .loginForm {
    padding: 25px 15px 25px 15px;
  }

  .builder-flied-section {
    padding: 0px;
  }

  .table-btn-group {
    margin: 5px 0px;
    justify-content: flex-start;
  }
  .table-btn-group .table-add-btn {
    margin-bottom: 5px;
  }
  .table-btn-group .table-action-btn {
    margin-bottom: 5px;
  }
  .table-btn-group .table-filter-btn {
    margin-bottom: 5px !important;
  }

  .chat-sec .chat-row .chat-left .request-ul {
    min-height: 100%;
    height: 100%;
  }

  .mat-drawer {
    margin-top: 115px !important;
  }

  .my-tasks-box {
    margin-right: 0px;
  }

  .login-footer {
    height: auto;
  }
  .login-footer .login-footer-content {
    display: block;
    padding: 5px 5%;
    height: auto;
    text-align: center;
  }

  .master-before-section {
    margin-top: 120px;
  }

  .welcome-section .support-card {
    margin-right: 0px;
  }
  .welcome-section .roster-card {
    margin-right: 0px;
  }

  .master-content-view {
    margin-top: 60px;
  }

  .notification-section .notification-wrapper {
    height: calc(100vh - 170px);
  }

  .sidenav_container {
    height: calc(100vh - 115px);
  }

  .nav-sidemenu .left-side-menu .sidebar-menus {
    padding: 20px 0 0 0 !important;
  }

  .master-award-section .tables-section .mat-row .mat-cell {
    border-right: 0px;
  }

  .top-bred-crumb {
    display: block;
  }
  .top-bred-crumb h2 {
    margin-bottom: 10px;
  }
  .top-bred-crumb .how-it-btn {
    margin-left: 0px !important;
    margin-bottom: 5px;
  }

  .master-add-sec .main-add-box {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .view-button-toggles .mat-button-toggle-group {
    flex-direction: column;
  }

  .main-view-box {
    margin: 0px 5px 0px 5px;
  }
  .main-view-box .view-80-column .related-heading h4 {
    height: auto;
  }

  .table-btn-group .action-btn {
    margin-bottom: 5px;
  }

  .chat-sec .chat-row .chat-right .support-right-head .close-chat-btn {
    position: relative;
    right: auto;
    bottom: auto;
  }

  .mx-xs-w-25 {
    max-width: 25% !important;
  }

  .mx-xs-w-50 {
    max-width: 50% !important;
  }

  .mx-xs-w-75 {
    max-width: 75% !important;
  }

  .mx-xs-w-100 {
    max-width: 100% !important;
  }

  .sidenav-sec .mobile-menu-toggle {
    margin-right: 0px;
  }

  .sidenav-sec .master-navbar-section .main-top-navbar .top-navbar {
    display: block !important;
    height: auto;
    min-height: auto;
    background: none !important;
  }
  .sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav {
    padding-left: 0;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-around !important;
  }
  .sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav li.top-nav-logo {
    width: 100% !important;
  }
  .sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav .logo-box {
    width: auto !important;
  }
  .sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav .logo-box img {
    margin-left: 10px;
  }
  .sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    height: 50px !important;
  }
  .sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li {
    margin-right: 4px !important;
  }
  .sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav .logout-btn {
    min-width: 35px !important;
    padding: 0;
  }

  .mobile-top-menu-show {
    display: block !important;
  }
  .mobile-top-menu-show .mobile-toolbar-toggler img {
    width: 25px;
    height: 25px;
    opacity: 1;
    filter: brightness(0) invert(1);
  }
  .mobile-top-menu-show .top-right-nav {
    display: flex !important;
    width: 100%;
    margin-bottom: 0;
  }
  .mobile-top-menu-show .mobile-accordion {
    position: relative;
    top: 0;
    left: 0px;
    padding-top: 0px;
  }
  .mobile-top-menu-show .mat-expansion-panel {
    cursor: pointer !important;
    background: transparent;
    margin-bottom: 10px !important;
    padding-left: 5px;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-header {
    font-family: "Nunito Sans", sans-serif;
    cursor: pointer !important;
    width: 36px;
    padding: 0 5px 0 0;
    text-align: center !important;
    line-height: 0;
    position: absolute;
    top: -55px;
    z-index: 6;
    right: 0;
    width: 50px !important;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator {
    display: none;
    padding: 0;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    line-height: 30px;
    background: #ffffff;
    border-radius: 4px;
    text-align: center;
    margin-left: 5px;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-header .mat-expanded {
    background: red !important;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-header .mat-content {
    display: block !important;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
    float: right !important;
    margin-right: 0 !important;
    display: inline-block;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title .sub-menu-heading {
    font-weight: 600;
    padding-right: 5px;
    font-size: 16px;
    color: #323277;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title i {
    font-size: 18px;
    margin-left: 5px;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-body {
    padding: 0px 0px 0 0 !important;
    border: 0 !important;
    background: #fff !important;
    margin-top: 0px;
    margin-left: -5px;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-body .top-right-nav {
    padding-left: 0px;
    align-items: center;
    display: inline-flex;
    height: 70px;
    justify-content: center;
    width: 100%;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-body .top-right-nav li {
    width: 40px;
    height: 40px;
    line-height: 45px;
    text-align: center;
    display: block;
    border-radius: 4px;
    margin-right: 30px;
    cursor: pointer;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    outline: 0;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-body .top-right-nav li img {
    text-align: center;
    margin: 0 auto;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-body .top-right-nav li.admin-profile img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0px 0px 0px 0px !important;
  }
  .mobile-top-menu-show .mat-expansion-panel .mat-expansion-panel-body .top-right-nav li.admin-profile .arrow-icon img {
    right: 20px !important;
  }

  .product-img-name SPAN:first-child {
    margin-left: 10px;
  }

  .cdk-column-tags .master-tag-span {
    margin-top: 10px;
    display: inline-block;
  }
  .cdk-column-tags .table-chip {
    white-space: nowrap;
    margin-top: 10px;
  }

  .add-product-sec .product-left .product-tabs .mat-tab-group .mat-tab-header .mat-tab-list .mat-tab-labels {
    display: block;
  }
  .add-product-sec .product-left .product-tabs .mat-tab-group .mat-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label {
    width: 46%;
  }
  .add-product-sec .product-left .product-tabs .mat-tab-group .mat-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label::before {
    display: none;
  }
  .add-product-sec .product-left .product-tabs .mat-tab-group .mat-ink-bar {
    background-color: transparent !important;
  }

  .master-view-sec .view-sec-heading {
    display: none !important;
  }
  .master-view-sec .view-action-btns {
    display: flex;
    justify-content: flex-end;
  }
  .master-view-sec .master-left-tabs .mat-list-base .mat-list-option {
    width: 100% !important;
  }
  .master-view-sec .view-80-column {
    margin-top: 10px;
    border: 0;
  }
  .master-view-sec .view-80-column .related-heading {
    display: block;
    height: auto;
  }
  .master-view-sec .view-80-column .related-heading .table-action-btn {
    margin-left: 0px !important;
  }
  .master-view-sec .view-80-column .view-button-toggles .mat-button-toggle-group {
    display: block;
    white-space: pre-line;
  }
  .master-view-sec .view-80-column .view-button-toggles .mat-button-toggle-group .mat-button-toggle-button {
    border-bottom: 1px solid #eee;
    text-align: left;
  }
  .master-view-sec .view-80-column .description-view {
    width: 100%;
  }
  .master-view-sec .view-80-column .view-width {
    width: 100% !important;
  }
  .master-view-sec .view-80-column .chip-flex {
    flex-flow: wrap;
  }
  .master-view-sec .view-80-column .chip-flex .table-chip {
    margin-bottom: 10px;
  }
  .master-view-sec .view-80-column .assign-media {
    display: block;
  }
  .master-view-sec .view-80-column .assign-media .media {
    width: 100%;
  }
  .master-view-sec .view-accordion {
    display: block !important;
  }
  .master-view-sec .view-button-toggles {
    display: none;
  }
  .master-view-sec .view-router-outlet {
    padding: 0 0 10px 0;
  }

  .custom-modal {
    max-width: 100vw !important;
    width: 100% !important;
  }
  .custom-modal .selection-list .mat-button-toggle-group {
    display: inline-grid;
    white-space: pre-wrap;
  }
  .custom-modal .selection-list .mat-button-toggle-appearance-standard {
    width: 94%;
    margin: 10px 0px 10px 0px;
  }
  .custom-modal .master-modal .modal-dialog .modal-content .mat-dialog-content {
    padding: 0 0px;
    margin: 0 0px;
    max-height: 80vh;
    overflow: initial;
  }

  .full-screen-modal {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 80vh !important;
  }
  .full-screen-modal .mat-dialog-container {
    padding: 0px !important;
  }
  .full-screen-modal .mat-dialog-container .mat-dialog-content {
    max-height: 80vh !important;
    width: 100%;
    margin: 0px;
    padding: 0px 10px;
  }

  .ngx-view iframe {
    width: 100%;
    height: 80vh;
  }

  .image-preview-box {
    width: 100%;
  }
  .image-preview-box .image-preview video {
    height: auto;
  }
  .image-preview-box .image-preview {
    min-height: auto !important;
  }
  .image-preview-box .image-preview .overlay .icon-list {
    display: flex;
    margin: 20% auto 0px auto;
  }

  .upload-section-three .search-header .url-add-field .custom-form-group {
    display: block;
    width: 100%;
  }
  .upload-section-three .search-img-list .img-selection-list li {
    width: 46%;
  }

  .image-thumbs {
    padding: 0px;
  }

  .quote-expansion .mat-expansion-panel .mat-expansion-panel-header {
    height: 100% !important;
  }
}
/* ------------------------------ MOBILE-PHONES-HORIZONTAL ---------------- */
@media screen and (min-width:600px) and (max-width: 767px) {
  .mx-sm-w-25 {
    max-width: 25% !important;
  }

  .mx-sm-w-50 {
    max-width: 50% !important;
  }

  .mx-sm-w-75 {
    max-width: 75% !important;
  }

  .mx-sm-w-100 {
    max-width: 100% !important;
  }

  .sm-flex-direction {
    flex-direction: row !important;
  }

  .master-list-sec .tables-section .bulk-table-header .table-btn-group {
    padding-top: 5px;
  }
  .master-list-sec .tables-section .table-filter-sec .table-filter-row {
    display: block !important;
  }

  .master-add-sec .addform-50-column {
    max-width: 75% !important;
    margin: 0 auto;
  }

  .main-view-box .master-left-tabs .mat-list-base {
    width: 100%;
    border-bottom: 1px solid #eee;
    display: inline-block;
  }
  .main-view-box .master-left-tabs .mat-list-base .mat-list-option {
    border-bottom: 0;
    display: inline-block;
    width: auto;
    border-right: 1px solid #eee;
    padding-left: 10px !important;
  }
  .main-view-box .view-80-column {
    margin-top: 10px;
    border: 0 !important;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group {
    display: inline-block;
    white-space: normal;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group .mat-button-toggle {
    display: inline-block;
    min-width: 20%;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
    padding: 0 0px;
  }
  .main-view-box .view-80-column .assign-media .media {
    width: 46%;
  }

  .clinic-card .card {
    margin: 10px 0px 0px 0px;
  }

  .custom-modal {
    max-width: 100vw !important;
    width: 100% !important;
  }
  .feeds-wrapper-section {
    width: 65%;
  }
}
/* --------------------- I-PAD-HORIZONTAL-LAPTOPS-TABLETS ------------------- */
@media screen and (min-width:768px) and (max-width: 959px) {
  .master-award-section .tables-section .mat-row .mat-cell {
    border-right: 0px;
  }

  .holiday-cal-section .cal-month-view .cal-day-badge {
    max-width: 100px;
  }

  .signup {
    background-position: right;
  }
  .signup .loginForm {
    width: 50%;
  }

  .sidenav-container {
    margin-left: 0px !important;
  }

  .table-btn-group {
    margin: 5px 0px;
    justify-content: flex-start;
  }
  .table-btn-group .table-add-btn {
    padding: 4px 16px !important;
  }
  .table-btn-group .table-action-btn {
    padding: 4px 16px !important;
  }
  .table-btn-group .table-filter-btn {
    padding: 4px 16px !important;
  }

  .master-tables-section {
    padding: 0px 15px 0px 15px;
    background: #f4f7fc;
  }

  .master-add-sec .main-add-box {
    margin-left: 15px;
    margin-right: 15px;
  }

  .feeds-wrapper-section {
    width: 65%;
  }

  .filed-selection-section {
    min-height: 100%;
  }
  .filed-selection-section .fileds-img-list .img-selection-list {
    margin: 10px 0px;
    width: 100%;
  }

  .mx-md-w-25 {
    max-width: 25% !important;
  }

  .mx-md-w-50 {
    max-width: 50% !important;
  }

  .mx-md-w-75 {
    max-width: 75% !important;
  }

  .mx-md-w-100 {
    max-width: 100% !important;
  }

  .custom-modal {
    width: 80% !important;
  }

  .sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav {
    border-bottom: 2px solid #000;
  }

  .top-bred-crumb {
    margin: 0px -10px 10px -10px;
  }
  .top-bred-crumb h4 {
    padding-top: 20px !important;
  }
  .top-bred-crumb .breadcrumb .page-title h4 {
    border-right: 0 !important;
  }

  .overview-sec .orders-sats-sec ul .box {
    width: 30%;
  }
  .overview-sec .orders-sats-sec ul .box .box-body h4 {
    font-size: 24px;
  }
  .overview-sec .review-box {
    margin: 20px 5px 25px 0px;
  }
  .overview-sec .review-box .review-body ul li {
    display: block;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
  }
  .overview-sec .review-box .review-body ul li .product-details {
    width: 100%;
  }
  .overview-sec .review-box .review-body ul li .product-price {
    width: 100%;
  }

  .master-body-wrapper {
    padding: 0px 10px 0px 10px !important;
  }

  .master-list-sec {
    height: 100%;
    /* Ensures this section takes the full height of its parent */
    display: flex;
    /* Flex container for proper layout */
    flex-direction: column;
  }
  .master-list-sec .tables-section {
    flex: 1;
    /* Makes the section grow to fill available space */
    display: flex;
    /* Flex layout for child elements */
    flex-direction: column;
  }
  .master-list-sec .tables-section .cdk-column-description {
    max-width: 40px !important;
  }
  .master-list-sec .tables-section .cdk-column-description span {
    padding-left: 10px;
  }
  .master-list-sec .tables-section .table-over-bio {
    max-width: 40px !important;
  }
  .master-list-sec .tables-section .table-over-bio span {
    padding-left: 10px;
  }
  .master-list-sec .tables-section .table-over-description {
    max-width: 40px !important;
  }
  .master-list-sec .tables-section .table-over-description span {
    padding-left: 10px;
  }
  .master-list-sec .tables-section .table-chip {
    display: inline !important;
  }
  .master-list-sec .tables-section .table-header {
    height: auto;
    display: block;
    padding: 5px 10px;
    margin: 5px 0px;
  }
  .master-list-sec .tables-section .table-actions {
    width: 100%;
  }
  .master-list-sec .tables-section .table-btn-group {
    margin: 5px 0px;
    justify-content: flex-end;
  }
  .master-list-sec .tables-section .table-filter-sec .table-filter-row {
    padding: 10px 10px 10px 10px;
  }
  .master-list-sec .tables-section .bulk-table-header {
    padding: 10px 0;
    align-items: flex-start !important;
  }
  .master-list-sec .tables-section .bulk-table-header .bulk-section {
    padding: 10px 10px 0px 10px;
    display: block !important;
  }
  .master-list-sec .tables-section .bulk-table-header .bulk-section .table-search-box {
    width: 100%;
    margin-left: 0;
  }
  .master-list-sec .tables-section .bulk-table-header .bulk-section .upload-btn-bulk {
    width: 150px !important;
    margin-left: 0;
    margin-right: 0;
  }
  .master-list-sec .tables-section .bulk-table-header .bulk-section .bulk-upload-btn {
    margin-top: 10px;
    width: 150px !important;
  }
  .master-list-sec .tables-section .table-filter-sec {
    height: 100% !important;
  }
  .master-list-sec .tables-section .product-img-name {
    display: inline-block !important;
  }
  .horizontal-custom-tabs {
    margin-top: 5px !important;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons {
    display: block;
    display: inline-block;
    white-space: pre-wrap;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle {
    width: 33%;
    display: inline-block;
    border-bottom: 1px solid #ddd;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked::before {
    display: none !important;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
    justify-content: center;
  }

  .add-product-sec .product-left .product-tabs .mat-tab-body-wrapper .mat-tab-body {
    padding: 20px 10px 10px 0px !important;
  }
  .add-product-sec .product-left .product-tabs .vertical-tabs {
    margin: 10px 0 0 0;
  }
  .add-product-sec .product-left .product-tabs .vertical-tabs .mat-tab-group .mat-tab-header {
    width: 30%;
  }
  .add-product-sec .product-left .product-tabs .vertical-tabs .tabs-body .flex-form .custom-form-group .custom-form-control {
    width: 70% !important;
  }

  .master-add-sec .addform-50-column {
    max-width: 85% !important;
  }
  .master-add-sec .multi-btn-group .mat-button-toggle-group {
    display: inline-grid;
    white-space: pre-wrap;
  }
  .master-add-sec .multi-btn-group .mat-button-toggle-appearance-standard {
    border-left: 0;
  }
  .master-add-sec .assign-media .media {
    width: 45%;
  }

  .selection-list .mat-button-toggle-appearance-standard {
    margin: 10px 15px 10px 0px !important;
    width: 45% !important;
  }
  .selection-list .media-right {
    top: 5%;
  }

  .image-preview-box {
    width: 100%;
  }
  .image-preview-box .image-preview {
    min-height: auto !important;
  }

  .upload-section-three .search-header .url-add-field .custom-form-group {
    display: block;
    width: 100%;
  }
  .upload-section-three .search-img-list .img-selection-list li {
    width: 31%;
  }

  .image-thumbs {
    padding: 0px;
  }

  .full-screen-modal {
    width: 100% !important;
  }

  .main-view-box .master-left-tabs .mat-list-base {
    width: 100%;
    border-bottom: 1px solid #eee;
    display: inline-block;
  }
  .main-view-box .master-left-tabs .mat-list-base .mat-list-option {
    border-bottom: 0;
    display: inline-block;
    width: auto;
    border-right: 1px solid #eee;
    padding-left: 10px !important;
  }
  .main-view-box .view-80-column {
    margin-top: 10px;
    border: 0 !important;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group {
    display: flex;
    flex-flow: wrap;
    white-space: normal;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group .mat-button-toggle {
    display: inline-block;
    min-width: 20%;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
    padding: 0 0px;
  }
  .main-view-box .view-80-column .assign-media .media {
    width: 45%;
  }
  .main-view-box .chip-flex {
    flex-flow: wrap;
  }
  .main-view-box .chip-flex .table-chip {
    margin-bottom: 10px;
  }

  .selection-list .mat-button-toggle-appearance-standard {
    margin: 10px 15px 10px 0px !important;
    width: 45% !important;
  }
  .selection-list .media-right {
    top: 5%;
  }

  .openclose-filter-sec {
    width: 100%;
    margin-right: 0px;
    right: 0px;
    left: 0px;
  }
  .openclose-filter-sec .filter-form {
    min-width: auto;
  }

  .table-filter-sec .table-filter-row {
    padding: 5px;
    display: block;
    line-height: 35px !important;
  }
  .table-filter-sec .table-filter-row .custom-form-group {
    margin-bottom: 10px;
  }
  .table-filter-sec .filter-action-group {
    position: absolute;
    top: 15px;
    right: 5px;
  }

  .total-heading {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    max-width: 75%;
    min-width: 75px;
    margin-right: 0px;
    margin: 5px 0px;
    flex-shrink: 1;
  }

  .filter-form .mat-form-field-infix {
    width: 125px !important;
  }
}
/* --------------------- MEDIUM-LARGE-SCREEN ------------------- */
@media screen and (min-width:960px) and (max-width: 991px) {
  .signup {
    background-position: right;
  }
  .signup .loginForm {
    width: 45%;
  }

  .sidenav-container {
    margin-left: 0px !important;
  }

  .mx-lg-w-25 {
    max-width: 25% !important;
  }

  .mx-lg-w-50 {
    max-width: 50% !important;
  }

  .mx-lg-w-75 {
    max-width: 75% !important;
  }

  .mx-lg-w-100 {
    max-width: 100% !important;
  }

  .sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav {
    border-bottom: 2px solid #000;
  }

  .example-is-mobile {
    background: #000;
  }

  .top-bred-crumb {
    margin: 10px -10px 10px -10px;
  }
  .top-bred-crumb .breadcrumb .page-title h4 {
    border-right: 0 !important;
  }

  .overview-sec .orders-sats-sec ul .box {
    width: 30%;
  }
  .overview-sec .orders-sats-sec ul .box .box-body h4 {
    font-size: 24px;
  }
  .overview-sec .review-box {
    margin: 20px 5px 25px 0px;
  }
  .overview-sec .review-box .review-body ul li {
    display: block;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
  }
  .overview-sec .review-box .review-body ul li .product-details {
    width: 100%;
  }
  .overview-sec .review-box .review-body ul li .product-price {
    width: 100%;
  }

  .master-body-wrapper {
    padding: 0px 10px 0px 10px !important;
  }

  .tables-section .cdk-column-description {
    max-width: 40px !important;
  }
  .tables-section .cdk-column-description span {
    padding-left: 10px;
  }
  .tables-section .table-over-bio {
    max-width: 40px !important;
  }
  .tables-section .table-over-bio span {
    padding-left: 10px;
  }
  .tables-section .table-over-description {
    max-width: 40px !important;
  }
  .tables-section .table-over-description span {
    padding-left: 10px;
  }
  .tables-section .table-chip {
    display: inline !important;
  }
  .tables-section .table-header {
    height: auto;
  }
  .tables-section .table-filter-sec .table-filter-row {
    padding: 10px 0px 10px 0px;
  }
  .tables-section .bulk-table-header {
    padding: 10px 0;
    align-items: flex-start !important;
  }
  .tables-section .bulk-table-header .bulk-section {
    padding: 10px 10px 0px 10px;
    display: block !important;
  }
  .tables-section .bulk-table-header .bulk-section .table-search-box {
    width: 100%;
    margin-left: 0;
  }
  .tables-section .bulk-table-header .bulk-section .upload-btn-bulk {
    width: 150px !important;
    margin-left: 0;
    margin-right: 0;
  }
  .tables-section .bulk-table-header .bulk-section .bulk-upload-btn {
    margin-top: 10px;
    width: 150px !important;
  }
  .tables-section .table-filter-sec {
    height: 100% !important;
  }
  .tables-section .product-img-name {
    display: inline-block !important;
  }
  .tables-section .mat-table .mat-cell:first-child {
    text-align: left;
  }

  .horizontal-custom-tabs {
    margin-top: 5px !important;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons {
    display: block;
    display: inline-block;
    white-space: pre-wrap;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle {
    width: 33%;
    display: inline-block;
    border-bottom: 1px solid #ddd;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle.mat-button-toggle-checked::before {
    display: none !important;
  }
  .horizontal-custom-tabs .horizontal-toggle-buttons .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
    justify-content: center;
  }

  .add-product-sec .product-left .product-tabs .mat-tab-body-wrapper .mat-tab-body {
    padding: 20px 10px 10px 0px !important;
  }
  .add-product-sec .product-left .product-tabs .vertical-tabs {
    margin: 10px 0 0 0;
  }
  .add-product-sec .product-left .product-tabs .vertical-tabs .mat-tab-group .mat-tab-header {
    width: 30%;
  }
  .add-product-sec .product-left .product-tabs .vertical-tabs .tabs-body .flex-form .custom-form-group .custom-form-control {
    width: 70% !important;
  }

  .tables-section table thead .mat-header-row .mat-header-cell {
    word-break: initial !important;
  }
  .tables-section table thead .mat-header-row .mat-header-cell span {
    text-align: left !important;
  }

  .master-add-sec .addform-50-column {
    max-width: 75% !important;
  }
  .master-add-sec .addform-50-column .multi-btn-group .mat-button-toggle-group {
    display: inline-grid;
    white-space: pre-wrap;
  }
  .master-add-sec .addform-50-column .multi-btn-group .mat-button-toggle-appearance-standard {
    border-left: 0;
  }
  .master-add-sec .addform-50-column .assign-media .media {
    width: 45%;
  }

  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group {
    display: flex;
    flex-flow: wrap;
    white-space: normal;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group .mat-button-toggle {
    min-width: 20%;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
    padding: 0 0px;
  }
  .main-view-box .view-80-column .assign-media .media {
    width: 45%;
  }
  .main-view-box .chip-flex {
    flex-flow: wrap;
  }
  .main-view-box .chip-flex .table-chip {
    margin-bottom: 10px;
  }

  .filter-form .mat-form-field-infix {
    width: 125px !important;
  }
}
/* --------------------- LARGE-SCREEN ------------------- */
@media screen and (min-width:992px) and (max-width: 1199px) {
  .master-award-section .tables-section tr.mat-header-row .mat-header-cell .tab_head {
    min-height: 65px;
  }

  .signup {
    background-position: right;
  }
  .signup .loginForm {
    width: 45%;
  }

  .sidenav-container {
    margin-left: 0px !important;
  }

  .master-add-sec .main-add-box {
    margin-left: 15px;
    margin-right: 15px;
  }

  .master-tables-section {
    padding: 0px 15px 0px 15px;
    background: #f4f7fc;
  }

  .feeds-wrapper-section {
    width: 65%;
  }

  .mx-lg-w-25 {
    max-width: 25% !important;
  }

  .mx-lg-w-50 {
    max-width: 50% !important;
  }

  .mx-lg-w-75 {
    max-width: 75% !important;
  }

  .mx-lg-w-100 {
    max-width: 100% !important;
  }

  .custom-modal {
    width: 55% !important;
  }

  .master-navbar-section .nav-sidemenu {
    width: 200px !important;
  }

  .overview-sec .orders-sats-sec ul .box {
    width: 30%;
  }
  .overview-sec .orders-sats-sec ul .box .box-body h4 {
    font-size: 24px;
  }
  .overview-sec .review-box {
    margin: 20px 5px 25px 0px;
  }
  .overview-sec .review-box .review-body ul li {
    display: block;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
  }
  .overview-sec .review-box .review-body ul li .product-details {
    width: 100%;
  }
  .overview-sec .review-box .review-body ul li .product-price {
    width: 100%;
  }

  .master-add-sec .addform-50-column {
    max-width: 100% !important;
  }
  .master-add-sec .addform-50-column .multi-btn-group .mat-button-toggle-group {
    display: inline-grid;
    white-space: pre-wrap;
  }
  .master-add-sec .addform-50-column .multi-btn-group .mat-button-toggle-appearance-standard {
    border-left: 0;
  }
  .master-add-sec .addform-50-column .assign-media .media {
    width: 45%;
  }

  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group {
    display: flex;
    flex-flow: wrap;
    white-space: normal;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group .mat-button-toggle {
    min-width: 20%;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
    padding: 0 0px;
  }
  .main-view-box .view-80-column .assign-media .media {
    width: 45%;
  }
  .main-view-box .chip-flex {
    flex-flow: wrap;
  }
  .main-view-box .chip-flex .table-chip {
    margin-bottom: 10px;
  }

  .filter-form .mat-form-field-infix {
    width: 125px !important;
  }
}
@media screen and (min-width:1200px) and (max-width: 1280px) {
  .master-award-section .tables-section tr.mat-header-row .mat-header-cell .tab_head {
    min-height: 65px;
  }

  .signup .loginForm {
    width: 45%;
  }

  .mx-mac-w-25 {
    max-width: 25% !important;
  }

  .mx-mac-w-40 {
    max-width: 40% !important;
  }

  .mx-mac-w-50 {
    max-width: 50% !important;
  }

  .mx-mac-w-60 {
    max-width: 60% !important;
  }

  .mx-mac-w-75 {
    max-width: 75% !important;
  }

  .mx-mac-w-100 {
    max-width: 100% !important;
  }

  .mac-flex-direction {
    flex-direction: row !important;
  }

  .custom-modal {
    width: 55% !important;
  }

  .master-navbar-section .nav-sidemenu {
    width: 200px !important;
  }

  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group {
    display: flex;
    flex-flow: wrap;
    white-space: normal;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group .mat-button-toggle {
    min-width: 20%;
  }
  .main-view-box .view-80-column .view-button-toggles .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
    padding: 0 0px;
  }
  .main-view-box .view-80-column .assign-media .media {
    width: 45%;
  }
  .main-view-box .chip-flex {
    flex-flow: wrap;
  }
  .main-view-box .chip-flex .table-chip {
    margin-bottom: 10px;
  }

  .feeds-wrapper-section {
    width: 65%;
  }

  .table-add-btn {
    margin-left: 10px !important;
    padding: 4px 20px !important;
  }

  .table-action-btn {
    margin-left: 10px !important;
    padding: 4px 15px !important;
  }
}
@media screen and (min-width:1281px) and (max-width: 1367px) {
  .signup .loginForm {
    width: 35%;
  }
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .master-add-sec .main-add-box {
    margin-left: 15px;
    margin-right: 15px;
  }

  .sidenav-container {
    margin-left: 0px !important;
  }

  .master-tables-section {
    padding: 0px 15px 0px 15px;
    background: #f4f7fc;
  }

  .master-award-section .tables-section .mat-table {
    cursor: pointer !important;
    border-bottom: 0;
    width: 100%;
    overflow-x: scroll;
    display: block;
  }
  .master-award-section .tables-section tr.mat-header-row .mat-header-cell {
    max-width: 115px !important;
    min-width: 95px;
    position: relative;
  }
  .master-award-section .tables-section tr.mat-header-row .mat-header-cell:first-child {
    padding-left: 5px !important;
    max-width: 80px !important;
    min-width: auto !important;
  }
  .master-award-section .tables-section tr.mat-header-row .mat-header-cell:last-child {
    padding-left: 5px !important;
    max-width: 80px !important;
    min-width: auto !important;
  }

  .signup .master-login .logo-bottom .logo {
    width: 25%;
  }
  .signup .master-login .loginForm {
    width: 46%;
    margin-right: 2%;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .sidenav-container {
    margin-left: 0px !important;
  }

  .main-view-box {
    margin: 10px 5px 25px 5px;
  }

  .holiday-cal-section .cal-month-view .cal-day-badge {
    max-width: 100px;
  }

  .master-add-sec .main-add-box {
    margin-left: 15px;
    margin-right: 15px;
  }

  .master-tables-section {
    padding: 0px 10px 0px 10px;
  }

  .weeks-roasters-section .check-in-timing {
    min-width: 175px;
  }

  .feeds-wrapper-section {
    width: 100%;
  }
  .feeds-wrapper-section .add-new-feed {
    padding: 5px 5px;
  }
  .feeds-wrapper-section .add-new-feed .mat-button-toggle-group {
    flex-wrap: wrap;
  }
  .signup .master-login .logo-bottom .logo {
    top: 10px;
    right: 0;
    left: 0;
    width: 225px;
    margin: 0px auto;
  }
  .signup .loginForm {
    width: 50%;
    margin: 30px auto;
    padding: 30px 25px 30px 25px;
  }

  .master-award-section .tables-section .mat-row .mat-cell {
    border-right: 0px;
  }
}
/* ------------------------ 240-767--RESPONSIVE ----------------------- */
@media screen and (max-width: 1380px) {
  .top-bred-crumb {
    margin-top: 60px !important;
  }
  .top-bred-crumb h4 {
    padding-top: 20px !important;
  }
  .top-bred-crumb .breadcrumb .page-title h4 {
    border-right: 0 !important;
  }
}
.mat-drawer {
  background: #ffffff !important;
}
.sidenav-sec .master-navbar-section .main-top-navbar {
  overflow: hidden;
  position: relative;
  background-color: #f7f8f9;
  z-index: 99;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar {
  z-index: 1;
  height: auto;
  min-height: auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  cursor: default;
  -webkit-user-select: none;
          user-select: none;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav {
  padding-left: 0;
  align-items: center;
  display: inline-flex;
  margin: 0px 0px;
  justify-content: space-between;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  height: 65px;
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 5px 0px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav li {
  display: inline-flex;
  align-content: center;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav li.nav-width {
  width: 35%;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav li.top-nav-logo .logo-box {
  margin-top: 0px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav li.top-nav-logo .logo-box .logo-text {
  color: #173458;
  font-size: 18px !important;
  font-weight: 800 !important;
  padding-left: 10px !important;
  margin-bottom: 0 !important;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav li.top-nav-logo .logo-box img {
  width: 165px;
  margin-left: 0px;
  height: 50px;
  object-fit: contain;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav li.top-nav-logo .login-role {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  padding-left: 24%;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav li.top-nav-logo .brand-name {
  font-size: 34px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: #FA236C;
  font-weight: 800;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-left-nav li.top-nav-logo .brand-name .italic {
  font-style: italic;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav {
  padding-left: 5px;
  padding-right: 5px;
  align-items: center;
  display: inline-flex;
  justify-content: flex-end;
  margin: 0;
  height: 65px;
  border-bottom: 1px solid #ffffff;
  background-color: #ffffff !important;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li {
  display: inline-flex;
  margin-right: 10px;
  align-content: center;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.admin-profile {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 20px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.admin-profile img {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 5px 10px 5px 5px;
  font-weight: 600;
  text-align: center;
  border: 2px solid #2E0587;
  object-fit: cover;
  border-radius: 20px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.admin-profile .login-role {
  font-size: 12px;
  font-weight: 500;
  color: #2E0587;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.admin-profile .arrow-icon img {
  width: 10px;
  height: 6px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
  right: 10px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.admin-profile-box {
  background: #ffffff;
  padding: 4px 10px 2px 10px;
  border-radius: 24px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.admin-profile-box .admin-img-name {
  margin-right: 25px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.admin-profile-box .admin-img-name img {
  border-radius: 50%;
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.admin-profile-box .admin-img-name span {
  color: #323277;
  font-size: 16px;
  line-height: 24px;
  margin-left: 10px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.admin-profile-box .logout-img {
  width: 16px;
  cursor: pointer;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.language-li .mat-button {
  height: 32px;
  border: 1px solid #eee;
  line-height: 32px;
  padding: 0 10px 0 10px;
  min-width: auto;
  text-align: center;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.language-li .mat-button .mat-button-wrapper {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.language-li .mat-button .mat-button-wrapper img {
  width: 15px;
  margin: 0 5px 0 0;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .logout-btn {
  position: relative;
  background: #ebeef6;
  border-radius: 20px;
  padding: 10px;
  line-height: 1;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .logout-btn img {
  width: 20px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .notification-img {
  position: relative;
  background: #ebeef6;
  border-radius: 20px;
  padding: 10px;
  line-height: 1;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .notification-img img {
  width: 20px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .notification-count {
  position: absolute;
  top: 2px;
  right: 0px;
  line-height: 0;
  padding: 7px 4px;
  font-size: 9px;
  font-weight: 500;
  border-radius: 8px;
  color: #ffffff;
  background: #2E0587;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .pulse-css {
  border-radius: 3.5rem;
  height: 0.4rem;
  position: absolute;
  background: #2E0587;
  right: 8px;
  top: 0.4rem;
  width: 0.4rem;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .pulse-css:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 0.5rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -1px;
  background-color: #2E0587;
  margin: auto;
  transform: scale(0.3);
  transform-origin: center center;
  animation: pulse-me 3s linear infinite;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .pulse-css:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 0.5rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -1px;
  background-color: #2E0587;
  margin: auto;
  transform: scale(0.3);
  transform-origin: center center;
  animation: pulse-me 3s linear infinite;
}
@keyframes pulse-me {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  70% {
    opacity: 0.09;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li.add_top img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .mat-button:hover {
  background-color: transparent !important;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .mat-button:hover .mat-button-focus-overlay {
  opacity: 0;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .mat-icon {
  width: 20px;
  line-height: 25px;
}
.sidenav-sec .master-navbar-section .main-top-navbar .top-navbar .top-right-nav li .mat-icon svg {
  opacity: 1;
}
.sidenav-sec .master-navbar-section .main-top-navbar.sticky {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.37);
}
.sidenav-sec .master-navbar-section .toggle-btn {
  padding: 0;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  line-height: 25px;
  background: #F4F7FC;
  border-radius: 4px;
  position: relative;
  border: 1px solid #F4F7FC;
  cursor: pointer;
  margin: 5px 10px 0 0;
}
.sidenav-sec .master-navbar-section .toggle-btn.menu-button .menu-lines {
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  right: 3px;
  width: 20px;
  height: 15px;
  transform-origin: center;
}
.sidenav-sec .master-navbar-section .toggle-btn.menu-button .menu-lines span {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 2px;
  width: 100%;
  height: 1px;
  background: #2E0587;
  display: block;
  left: 0;
  transform-origin: center;
}
.sidenav-sec .master-navbar-section .toggle-btn.menu-button .menu-lines span:first-child {
  top: 0;
  transform: none;
}
.sidenav-sec .master-navbar-section .toggle-btn.menu-button .menu-lines span:last-child {
  top: auto;
  bottom: 0;
  transform: none;
}
.sidenav-sec .master-navbar-section .toggle-btn.menu-button.open .menu-lines span:first-child {
  opacity: 0;
}
.sidenav-sec .master-navbar-section .toggle-btn.menu-button.open .menu-lines span:nth-child(2) {
  transform: translateY(-50%) rotate(-45deg);
  background: #FA5D50;
}
.sidenav-sec .master-navbar-section .toggle-btn.menu-button.open .menu-lines span:nth-child(3) {
  transform: translateY(-50%) rotate(45deg);
  background: #FA5D50;
}
.sidenav-sec .master-navbar-section .toggle-btn.menu-button.open .menu-lines span:last-child {
  opacity: 0;
}
.sidenav-sec .master-navbar-section .toggle-btn .mat-icon {
  font-weight: 500;
}
.sidenav-sec .mat-accordion {
  width: 100% !important;
  border-radius: 0px;
}
.sidenav-sec .mat-accordion .mat-expansion-panel {
  border-radius: 0px !important;
  box-shadow: none;
  margin: 0px 0;
  width: 100%;
}
.sidenav-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  padding-left: 0px !important;
  border-radius: 0 !important;
  border: 0;
}
.sidenav-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content {
  padding-left: 0px !important;
}
.sidenav-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  padding-left: 0px !important;
}
.sidenav-sec .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  background: transparent;
}
.sidenav-sec .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
  background: transparent;
}
.sidenav-sec .mobile-top-menu-show {
  display: none !important;
}
.sidenav-sec .menu-button .menu-lines {
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  right: 3px;
  width: 13px;
  height: 12px;
  transform-origin: center;
}
.sidenav-sec .menu-button .menu-lines span {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 2px;
  width: 100%;
  height: 2px;
  background: #2E0587;
  display: block;
  left: 0;
  transform-origin: center;
}
.sidenav-sec .menu-button .menu-lines span:first-child {
  top: 0;
  transform: none;
}
.sidenav-sec .menu-button .menu-lines span:last-child {
  top: auto;
  bottom: 0;
  transform: none;
}
.sidenav-sec .menu-button.open .menu-lines span:first-child {
  opacity: 0;
}
.sidenav-sec .menu-button.open .menu-lines span:nth-child(2) {
  transform: translateY(-50%) rotate(-45deg);
}
.sidenav-sec .menu-button.open .menu-lines span:nth-child(3) {
  transform: translateY(-50%) rotate(45deg);
}
.sidenav-sec .menu-button.open .menu-lines span:last-child {
  opacity: 0;
}
.language-matmenu .mat-menu-item {
  line-height: 34px;
  height: 34px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.language-matmenu .mat-menu-item img {
  width: 20px;
  margin-right: 5px;
}
.language-matmenu .mat-menu-item:hover {
  background-color: #2E0587 !important;
  color: #ffffff !important;
}
.sidenav_container {
  min-width: 60px;
  height: calc(100vh - 90px);
}
.mat-drawer {
  position: fixed !important;
  top: 0px;
  margin-top: 60px;
}
.bottom-arrow {
  background: #2E0587;
  padding: 5px 5px;
  z-index: 1;
  position: fixed;
  bottom: 0px;
  cursor: pointer;
}
.bottom-arrow .expand-icon {
  width: 22px;
  text-align: center;
  cursor: pointer;
}
.bottom-arrow .expand-icon img {
  height: 18px;
  margin: 0px auto;
  display: flex;
  padding: 2px 0 0 5px;
}
.nav-sidemenu {
  background: #ffffff;
  max-width: 259px;
  min-width: 64px;
  padding: 1px 0 20px;
  z-index: 1030 !important;
  border-right: 0 !important;
}
.nav-sidemenu .left-side-menu {
  position: relative;
  padding-bottom: 50px;
}
.nav-sidemenu .left-side-menu .share-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #feb403;
  margin: 15px 0px;
  cursor: pointer;
}
.nav-sidemenu .left-side-menu .share-link img {
  width: 20px;
  margin-left: 15px;
}
.nav-sidemenu .left-side-menu .sidebar-menus {
  padding: 25px 0 0 0;
}
.nav-sidemenu .left-side-menu .sidebar-menus li {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 0 0 0px;
  margin: 0 0px 5px 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  cursor: pointer;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.profile-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0px;
  cursor: pointer;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.profile-list span {
  font-size: 16px;
  font-weight: 500;
  color: #feb403;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.profile-list .avatar {
  width: 40px;
  height: 40px;
  margin-left: 10px;
  object-fit: cover;
  border-radius: 50%;
}
.nav-sidemenu .left-side-menu .sidebar-menus li .order-count {
  position: absolute;
  right: 10px;
  top: 12px;
  line-height: 0;
  padding: 8px 5px;
  font-size: 9px;
  font-weight: 500;
  border-radius: 8px;
  color: #fff;
  background: #fa5d50;
  border: 1px solid #fa5d50;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.router-link-active {
  background-color: #2E0587;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.router-link-active .menu-name {
  color: #ffffff;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.router-link-active .menu-icon img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.nav-sidemenu .left-side-menu .sidebar-menus li.router-link-active:hover .menu-name {
  color: #ffffff !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li:hover {
  background-color: #2E0587;
}
.nav-sidemenu .left-side-menu .sidebar-menus li:hover .menu-name {
  color: #ffffff;
}
.nav-sidemenu .left-side-menu .sidebar-menus li:hover .menu-icon img {
  filter: brightness(0) invert(1);
}
.nav-sidemenu .left-side-menu .sidebar-menus li .menu-icon {
  border-radius: 50%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.nav-sidemenu .left-side-menu .sidebar-menus li .menu-icon img {
  width: 24px;
  opacity: 1;
}
.nav-sidemenu .left-side-menu .sidebar-menus li .menu-name {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 13px;
  padding: 0 0 0 10px;
  font-family: "Nunito Sans SemiBold", sans-serif;
  line-height: 24px;
  color: #7189A7;
}
.nav-sidemenu .left-side-menu .sidebar-menus li .mat-accordion {
  width: 100% !important;
  border-radius: 0px;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list {
  height: auto;
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel {
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
  margin: 0px 0 !important;
  background: transparent !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel:hover .mat-expansion-indicator::after {
  color: #ffffff !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel:hover li .menu-name {
  color: #acb1c0 !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-header {
  padding-left: 0px !important;
  background: transparent !important;
  border: 0;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-header .mat-content {
  padding-left: 0px !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  padding-left: 0px !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title,
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description {
  margin-right: 10px !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  background-color: #2E0587 !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .menu-name {
  color: #ffffff !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .menu-icon img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .mat-expansion-indicator::after {
  color: #ffffff !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-header.after-show .mat-expansion-indicator::after {
  opacity: 1 !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-body {
  padding: 0 0px 0 0;
  background: #f7f8f9;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-body li {
  margin: 0px 0 0 0px;
  padding-bottom: 0 !important;
  width: 100%;
  position: relative;
  padding-left: 0px;
  border-bottom: 1px solid #e0e4e8;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-body li .menu-name {
  padding-left: 10px !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-body li:hover {
  background: #ffffff !important;
  background-image: none !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-body li:hover .menu-name {
  color: #2E0587 !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-body li.router-link-active {
  background: #ffffff !important;
  background-image: none !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-body li.router-link-active .menu-name {
  color: #2E0587 !important;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel .mat-expansion-panel-body li.router-link-active .menu-icon img {
  opacity: 1;
  filter: brightness(0.6) invert(0.6);
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-indicator::after {
  color: #7189A7;
  opacity: 0;
}
.nav-sidemenu .left-side-menu .sidebar-menus li.expansion-list .mat-expansion-panel-header {
  padding: 0 7px !important;
}
html,
body {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0px;
  padding: 0px;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  background: #f4f7fc;
  color: #323277 !important;
  font-weight: 400 !important;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  letter-spacing: 0.5px;
}
/* Importing Bootstrap SCSS file. */
/*JSON Editor*/
/* angular-cli file: src/styles.css */
.cdk-overlay-container {
  position: fixed;
  z-index: 10000;
}
.key {
  font-family: "password";
  width: 100px;
  height: 16px;
}
@font-face {
  font-family: "password";
  font-style: normal;
  font-weight: 400;
  src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
}