:root {
	--primary: #5598d3!important;
	--primarylt: #086ea2!important;
	--primarydk: #4582b9!important;
	--accent: #2fc9ea!important;
	--accentlt: #00d2ff!important;
	--accentdk: #07a8cb!important;
	--warn: #bb78e6!important;
	--warnlt: #b07cdd!important;
	--warndk: #a76ed9!important;
	--success: #1ec361!important;
	--successlt: #4fb37c!important;
	--successdk: #1fa765!important;
	--warning: #fbac34!important;
	--warninglt: #f4c522!important;
	--warningdk: #e7b60c!important;
	--danger: #fb3535!important;
	--dangerlt: #f02a4a!important;
	--dangerdk: #e61033!important;
	--blue: #26a0ff!important;
	--bluelt: #329ef4!important;
	--bluedk: #108ef2!important;
	--dark: #32363b!important;
	--darklt: #3c4045!important;
	--darkdk: #2a2c2f!important;
 	--secondary:#f4f5fb!important;
 	--secondarydk:#fff!important;
	--light: rgb(115 115 115 / 4%)!important;}
    
body.black {
 	--secondary:#3c4045!important;
 	--secondarydk:#2a2c2f!important;
}   
.secondary {
    background: var(--secondary)!important;
}
.secondarydk {
    background: var(--secondarydk)!important;
}

.notransform{transform:none!important}

.search select,
.frm select {
    height: 30px;
    width: 100%;
    border: 0;
    white-space: nowrap;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    outline: none;
    padding: 0 5px;
    cursor: pointer;
    border-bottom: 1px rgb(0 0 0 / 10%) solid;
}



#app{position:absolute;inset:0}
.app-self{left:inherit;height:100vh}
body.black #app{background:0 0!important}
body.black .app-self.white{background:var(--secondary)!important}
#aside #aside-tooltip .tooltip{position:fixed!important;left:55px!important;white-space:nowrap;bottom:unset;width:fit-content}
#aside #admin-tooltip .tooltip{position:fixed!important;left:10px!important;white-space:nowrap;bottom:unset;width:fit-content}
#aside #admin-tooltip{z-index:99999999}
#aside .tooltip .arrow{display:none!important}
#aside #user-tooltip .tooltip{white-space:nowrap}
.app-mod .grid{display:grid;grid-template-rows:auto;}
.app-mod .grid-3{grid-template-columns:auto auto 1fr}
.app-mod .grid-2{grid-template-columns:auto 1fr}
#app-mod-start{grid-column:1}
#app-mod-full,
#app-mod-middle{grid-column:2}
#select-folder{margin-top:2rem!important}
#app-mod-full .in-overlay{max-height:calc(100vh - 1rem)}
#app-mod-content{grid-column:3}
#app-mod-detail .note-toolbar{background-color:transparent;border-top:0}
#app-mod-detail .note-editor .modal-header{display:flex}
#app-mod-detail .note-editor .modal-header h4{font-size:1rem;order:-1}
@media (min-width:992px){
#aside.aside+.app-content .app-mod #app-mod-content{width:calc(100vw - 696px)}
#aside:not(.aside)+.app-content .app-mod #app-mod-content{width:calc(100vw - 871px)}
}
@media (max-width:991px){
.app-mod .grid{grid-template-columns:auto 1fr}
#app-mod-middle{grid-column:2;width:calc(100vw - 286px)}
.app-mod .grid-2 .w-lg{width: unset;min-width: 280px;}
}
@media (max-width:768px){
.app-mod .grid{grid-template-columns:1fr;
        grid-template-rows: 1fr;}
#app-mod-full,
#app-mod-middle{grid-column:1;width:100vw}
.app-mod .grid-2 #app-mod-start{/* grid-column:1; */width:100vw}


}
.crmmenu{--primary-color:#0078d4;--hover-color:rgb(120 130 140 / 15%);--collapsed-crmmenu-width:60px;backdrop-filter:blur(20px);border-radius:.5rem;margin:.4rem;box-shadow:-15px 4px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;transition:width .3s ease;overflow:hidden;justify-content:space-between;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;height:100%}
#aside.aside .crmmenu{width:var(--collapsed-crmmenu-width)}
.crmmenu .user-block{padding:20px;display:flex;align-items:center;justify-content:space-between}
.crmmenu .user-info{display:flex;align-items:center;gap:1rem}
.crmmenu .user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}
.crmmenu .site-name,.crmmenu .user-name{font-weight:600;white-space:nowrap;max-width:160px;text-overflow:ellipsis;overflow:hidden}
#aside.aside .crmmenu .user-block{justify-content:center}
.in-overlay{width:115%;max-width:unset!important;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;max-height:calc(100vh - 3.5rem);padding-right:15%}
.admin-section{box-shadow:0 -5px 10px 1px #1e385e21;border-radius:.5rem .5rem 0 0;padding-top:.25rem}
.base-section.in-overlay{padding-bottom:1rem}
#aside.aside .crmmenu-section-title{display:none}
.crmmenu-section-title{padding:5px 20px;opacity:.7;font-size:12px;display:flex;justify-content:space-between;align-items:center}
.crmmenu .crmmenu-item{padding:5px 20px;text-decoration:none;display:flex;align-items:center;gap:10px;transition:background-color .2s}
.crmmenu .crmmenu-item:hover,body.black .crmmenu .user-dropdown .crmmenu-user:hover{background-color:var(--hover-color)}
.crmmenu .crmmenu-item.active{background-color:var(--hover-color);border-right:3px solid var(--primary-color)}
.crmmenu .crmmenu-item i{font-size:20px}
.crmmenu .crmmenu-item-text{white-space:nowrap}
#aside.aside .crmmenu .crmmenu-item-text{display:none}
#aside.aside .crmmenu .crmmenu-item{justify-content:center;padding:10px}
#aside.aside .crmmenu .site-name,#aside.aside .crmmenu .user-name{display:none}
.crmmenu .service-icons{display:flex;flex-wrap:wrap;gap:10px;padding:10px 20px}
body.black .crmmenu .service-icon{background:var(--dark)}
#aside.aside .crmmenu .service-icons{justify-content:center;padding:10px}
.crmmenu .service-icon{width:40px;height:40px;background-color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer}
.crmmenu .settings-icons{display:flex;justify-content:space-around;padding:10px 20px}
#aside.aside .crmmenu .settings-icons{flex-direction:column;padding:10px;align-items:center}
.crmmenu .dropdown-menu{width:100%}
#aside.aside .crmmenu .crmmenu-item-text,#aside.aside .crmmenu .user-name,#aside.aside .crmmenu a.settings-icon{display:none}
.crmmenu a.settings-icon{width:24px;height:24px}
.crmmenu .user-avatar img{border-radius:50%}
.crmmenu .user-dropdown{padding:.5rem 0;border-radius:.5rem;flex-direction:column;display:flex;font-size:.9rem;box-shadow:0 2px 4px rgb(0 0 0 / 10%)}
.crmmenu .user-dropdown .crmmenu-user{padding:.25rem 1rem;display:flex;gap:.5rem}
#aside.aside .crmmenu a.crmmenu-user{justify-content:center}
#aside.aside .crmmenu .dropdown-menu,#aside.aside .crmmenu .user-dropdown{width:var(--collapsed-crmmenu-width)}
#aside.aside .crmmenu .user-bottom [data-toggle=dropdown]{padding:1rem .5rem;justify-content:center}
.user-bottom .dropdown-menu{color:#fff;background:#363940}
body.black .user-bottom .dropdown-menu{background:#fff;color:#000}
.crmmenu .user-bottom .dropdown-menu .crmmenu-user:hover{background-color:#7a7a7a7d}




.md-tumbler input[type=checkbox]{visibility:hidden;display:none}
.md-tumbler *,.md-tumbler ::after,.md-tumbler ::before{box-sizing:border-box}
.md-tumbler .rocker{margin: 0;display:inline-block;position:relative;font-size:2em;font-weight:700;text-align:center;text-transform:uppercase;color:#888;width:7em;height:4em;overflow:hidden;border-bottom:.5em solid #eee}
.md-tumbler .rocker-small{font-size:.75rem}
.md-tumbler .rocker::before{content:"";position:absolute;top:.5em;left:0;right:0;bottom:0;background-color:#999;border:.5em solid #eee;border-bottom:0}
.md-tumbler .switch-left,.md-tumbler .switch-right{cursor:pointer;position:absolute;display:flex;align-items:center;justify-content:center;height:2.5em;width:3em;transition:.2s;user-select:none}
.md-tumbler .switch-left{height:2.4em;width:2.75em;left:.85em;bottom:.4em;background-color:#ddd;transform:rotate(15deg) skewX(15deg)}
.md-tumbler .switch-right{right:.5em;bottom:0;background-color:var(--danger);color:#fff}
.md-tumbler .switch-left::before,.md-tumbler .switch-right::before{content:"";position:absolute;width:.4em;height:2.45em;bottom:-.45em;background-color:#ccc;transform:skewY(-65deg)}
.md-tumbler .switch-left::before{left:-.4em}
.md-tumbler .switch-right::before{right:-.375em;background-color:transparent;transform:skewY(65deg)}
.md-tumbler input:checked+.switch-left{background-color:var(--primary);color:#fff;bottom:0;left:.5em;height:2.5em;width:3em;transform:rotate(0) skewX(0)}
.md-tumbler input:checked+.switch-left::before{background-color:transparent;width:3.0833em}
.md-tumbler input:checked+.switch-left+.switch-right{background-color:#ddd;color:#888;bottom:.4em;right:.8em;height:2.4em;width:2.75em;transform:rotate(-15deg) skewX(-15deg)}
.md-tumbler input:checked+.switch-left+.switch-right::before{background-color:#ccc}
.md-tumbler input:focus+.switch-left{color:#333}
.md-tumbler input:checked:focus+.switch-left{color:#fff}
.md-tumbler input:focus+.switch-left+.switch-right{color:#fff}
.md-tumbler input:checked:focus+.switch-left+.switch-right{color:#333}




[page="crm"] #aside .modal-content,
body[page="crm"],
[page="leads"] #aside .modal-content,
body[page="leads"],
[page="analytics"] #aside .modal-content,
body[page="analytics"],
[page^="m/"] #aside .modal-content,
body[page^="m/"],
[page="m"] #aside .modal-content,
body[page="m"],
[page="projects"] #aside .modal-content,
body[page="projects"],
[page="user"] #aside .modal-content,
body[page="user"],
[page="lic"] #aside .modal-content,
body[page="lic"],
[page="modules"] #aside .modal-content,
body[page="modules"],
[page="crmlibs"] #aside .modal-content,
body[page="crmlibs"],
[page="social"] #aside .modal-content,
body[page="social"],
[page="docx"] #aside .modal-content,
body[page="docx"],
[page="orders"] #aside .modal-content,
body[page="orders"],
[page="dashboard"] #aside .modal-content,
body[page="dashboard"],
[page="xml"] #aside .modal-content,
body[page="xml"],
[page="mycontacts"] #aside .modal-content,
body[page="mycontacts"],
[page="roles"] #aside .modal-content,
body[page="roles"],
[page="knowledge"] #aside .modal-content,
body[page="knowledge"],
[page="post"] #aside .modal-content,
body[page="post"]{background:#eaecf6!important}


.circle-btn {
    padding: 0.25rem;
    border-radius: 500px;
    display: flex;
    background: var(--secondary);
    margin-left: .25rem;
    width: fit-content;
}
body.black .middle-item{
    background: var(--darklt);
}
body.black .circle-btn {
    background: var(--dark);
}

.middle-item {
    padding: 0.5rem;
    margin: 0 .5rem .5rem .5rem;
    border-radius: .5rem;
}

#app-mod-nav .dropdown-item.dropdown-self {
    padding-left: .75rem;
    padding-right: .75rem;
}

[page="user"] .avatar-chart {
    height: 110px;
    left: 50%;
    margin-left: -55px;
    width: 110px;
}
[page="user"] .avatar-chart img {
    inset: 7.5px;
}
[page="user"] [data-figure^="11"] .list-group-item .h6,
[page="user"] #app-mod-nav .h6.text {
    font-size: .9rem;
}
[page="user"] .progress-label {
    font-size: 10px;
    margin-bottom: 10px;
    position: relative;top: -5px;
}
[page="user"] .dash {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr auto;height: 100%;
    gap: 1rem;}

[page="user"] .dash .d-1 {
    grid-row: 1;
    grid-column: 1/-1;
    position: relative;
    display: flex;
    gap: 1rem;flex-wrap: wrap;
}

[page="user"] .dash .d-2 {
    grid-row: 2;
    grid-column: 1/span 2;
    position: relative;
}
[page="user"] .d-2 .board-109 .nav.nav-tabs {
    gap: .5rem;
}

[page="user"] .dash .d-3 {
    grid-row: 2;
    grid-column: 3;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
[page="user"] .dashboard-info .material-icons.text-2x {
    width: 43px;
    text-align: center;
    height: 43px;
}
[page="user"] .board-109 .nav-tabs .nav-link.active {
    background: var(--primary);
    height: 100%;
    color: white!important;
}


[page="user"] [data-figure^="11"] .list-group-item:hover {
    background: transparent;
}
[page="user"] [data-figure^="11"] .list-group-item {
    padding: .5rem 1rem;
    min-height: 50px;
    overflow: hidden;
}
[page="user"] [data-figure^="11"] .todo-indicator {position: absolute;
    width: 4px;
    height: 60%;
    border-radius: 0.3rem;
    left: -.15rem;
    top: 20%;
    border-left-width: 4px;
    border-style: solid;}

body.black,body.black #aside .modal-content{background:var(--dark)!important}
body.black #app-mod-content,body.black #app-mod-start{background:var(--secondary)}
.ui-sett .nav-item .secondary{background:#fff!important}
body.black .ui-sett .nav-item .secondary{background:var(--dark)!important}
body.black .note-btn-group.btn-group .material-icons{color:#fff}
body.black .dashboard-user {background: var(--dark);}
body.black #rate-cards,
body.black #angle-cards,
body.black #caret-cards {background: var(--darkdk);}

body.black #app-mod-start .avatar-slide .secondary,
body.black #app-mod-start .avatar-link.secondary,
body.black #app-mod-start .panel.secondary {
    background: var(--dark)!important;
}

[page="roles"] #app-mod-detail{display:flex;flex-direction:column;gap:.5rem;}
[page="roles"] #app-mod-detail .user-card .user-id{position:absolute;font-weight:600}
[page="users"] #app-mod-detail .d-1,
[page="dashboard"] #app-mod-detail,
[page="xml"] #app-mod-detail,
[page="roles"] .bycard#app-mod-detail{flex-wrap:wrap;flex-direction:row;justify-content: center;gap:1rem}
#app-mod-detail .dashboard-card,
[page="xml"] #app-mod-detail .xml-card,
[page="roles"] #app-mod-detail .user-card{border-radius:1rem;background:var(--secondary);position:relative;display: flex;}
#app-mod-detail .dashboard-card,
[page="xml"] #app-mod-detail .xml-card,
[page="roles"] .bycard#app-mod-detail .user-card{padding:1rem;text-align:center;max-width: calc(50% - .5rem);min-width: 227px;flex: 1;flex-direction: column;justify-content: space-between;}
[page="dashboard"] #app-mod-detail .dashboard-card,
[page="xml"] #app-mod-detail .xml-card {min-width: 285px;}
[page="user"] #app-mod-detail .dashboard-card {min-width: 250px;}
[page="xml"] #app-mod-detail .xml-card [id*="Chart"] {margin: auto;}
[page="roles"] #app-mod-detail .user-card .user-avatar img{border-radius:.75rem;}
[page="roles"] .bycard#app-mod-detail .user-card .user-avatar img{border-radius:50%;}
[page="roles"] .bycard#app-mod-detail .user-card .user-job{opacity:.7}
[page="roles"] .bycard#app-mod-detail .user-card .user-time{opacity:.7}
[page="roles"] .bycard#app-mod-detail .user-card .user-id{inset:1rem auto auto 1rem;}
[page="roles"] .bycard#app-mod-detail .user-card .user-avatar{margin:1rem 0}
#app-mod-detail .dashboard-role,
[page="xml"] #app-mod-detail .feed-role,
[page="roles"] .bycard#app-mod-detail .user-card .user-role {background: white;border-radius: 1rem;padding: .5rem;margin-top: 1rem;min-height: 100px;display: flex;flex-direction: column;justify-content: center;}
#app-mod-detail .dashboard-role{justify-content: start;padding: 1rem;text-align: left;font-size: .85rem;}
[page="dashboard"] #app-mod-detail .dashboard-role a:hover {text-decoration: underline;color: var(--primary);}
[page="roles"] .bycard#app-mod-detail .user-card .user-time {justify-content: center;}
[page="roles"] #app-mod-detail:not(.bycard) .user-card {flex-wrap: wrap;padding: .5rem;}
[page="roles"] #app-mod-detail:not(.bycard) .user-card .user-role {flex: 1;}
[page="roles"] #app-mod-detail:not(.bycard) .user-card .user-job {opacity: .7;font-size: .75rem;}
[page="roles"] #app-mod-detail:not(.bycard) .user-card .user-id{inset:.25rem .75rem auto auto;}
[page="roles"] #app-mod-detail:not(.bycard) .user-card .user-division {margin: 0;}
[page="roles"] #app-mod-detail:not(.bycard) .user-card .user-subdivision {display: none;}
[page="roles"] #app-mod-detail:not(.bycard) .user-card .user-avatar {margin-right: 1rem;}
@media (max-width: 767px) {
   [page="mycontacts"] #app-mod-full,
   [page="roles"] #app-mod-full {grid-column: 1;}
	[page="mycontacts"] #app-mod-nav,
	[page="mycontacts"] #app-mod-start {min-height: 290px;}
	[page="roles"] #app-mod-nav,
	[page="roles"] #app-mod-start {min-height: 260px;}
	[page="mycontacts"] .app-self,
	[page="roles"] .app-self{height: max-content;}
	#app-mod-detail .dashboard-card,
	[page="xml"] #app-mod-detail .xml-card,
	[page="roles"] .bycard#app-mod-detail .user-card {max-width: 100%;}
	[page="roles"] #app-mod-detail:not(.bycard) .user-card .user-role {flex-basis: 100%;display: flex;flex-direction: column;align-items: end;}
	[page="mycontacts"] .h6[list="110"] {width: calc(100% - 2rem);max-width: 280px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}
@media (max-width: 991px) {
    [page="dashboard"] #app-mod-detail .pagetitle,
    [page="xml"] #app-mod-detail .pagetitle {display: none;}
}

[page="xml"] #app-mod-detail .xml-card.xml-card-full {
    max-width: 100%;
    flex-basis: 100%;
    width: 100%;
    text-align: left;
}
[page="xml"] #app-mod-detail .xml-row-inner {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    align-items: center;
    font-size: .9rem;
}
[page="projects"] #board_content .tasks:last-of-type {
    border: 0;
}
[page="projects"] .boardcontainer::-webkit-scrollbar { display: none; }

@media (max-width: 560px) {
	[page="projects"] #board_content .tasks {width: 90vw;}
	[page="projects"] .tasks .task-body {padding-right: .75rem;width: 105%;}
}

body.black[page="dashboard"] #app-mod-detail .dashboard-role,
body.black[page="xml"] #app-mod-detail .feed-role,
body.black[page="roles"] .bycard#app-mod-detail .user-card .user-role {background: var(--dark);}
.popover-header {
    background: var(--secondary);
    border: 0;
}

body.black .popover-body {
    background: var(--dark);
    color: white;
}

body.black .actionstate .dropdown-menu.show,
body.black .popover.show {background: var(--secondary)}

.actionstate.show {z-index: 1111;}
.actionstate .dropdown-toggle::after{display:none}
.actionstate .dropdown-menu.show,
.popover.show {
    border: 0;
    box-shadow: 0 5px 10px #0000002b;
    overflow: hidden;
    border-radius: .5rem;
    font-size: .875rem;
    padding: 0;
}
[page="leads"] #app-mod-detail .table-striped tbody tr.primary {
    color: rgb(255 255 255 / 90%);
    background-color: var(--primary, #4e92b5);
}

[page="projects"] #app-mod-detail table.requesttable,
[page="leads"] #app-mod-detail table.requesttable {
    height: fit-content;
}

[page="projects"] #app-mod-detail .flex-param,
[page="leads"] #app-mod-detail .flex-param {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

[page="projects"] #app-mod-detail .flex-param > *,
[page="leads"] #app-mod-detail .flex-param > * {
    margin: auto 0;
    line-height: 1;
}

[page="projects"] #app-mod-detail .call td,
[page="leads"] #app-mod-detail .call td {
    position: relative;
    overflow: hidden;
    padding: .5rem 1rem;
}
[page="leads"] #app-mod-detail #table_content th {
    padding: .5rem 1rem;border-bottom: 0;
}

#app-mod-detail .indicator {
    position: absolute;
    width: .3rem;
    height: 60%;
    border-radius: 0.3rem;
    left: -.15rem;
    top: 20%;
}
[page="projects"] .equ[data-view="listing"] span {
    flex: 1;
    height: 4px;
    border-radius: 4px;
    cursor: pointer;
}
[page="projects"] .equ[data-view="listing"] {
    display: flex;
    max-width: 300px;
    margin-top: .5rem;
    gap: .15rem;
}
[page="projects"] td .equ[data-view="listing"]:empty{margin:0}

body.black[page="projects"] .equ[data-view="listing"] span.darkdk.opacity-1 {
    opacity: 1!important;
}
[page="projects"] .task-issue .equ[data-view="listing"] span {
    border-radius: 0;
    height: 3px;
}
[page="projects"] .task-issue .iconlink {
    vertical-align: top;
    margin-left: .25rem;
}
[page="projects"] .task-issue .equ[data-view="listing"] {
    border-radius: 4px;
    overflow: hidden;
}
body.black[page="analytics"] #app-mod-detail .white,
body.black[page="analytics"] #app-mod-start .white .secondary,
body.black[page*="m/"] #app-mod-detail .white,
body.black[page*="m/"] #app-mod-start .white .secondary,
body.black[page="m"] #app-mod-detail .white,
body.black[page="m"] #app-mod-start .white .secondary,
body.black[page="projects"] .secondary .white {
    background: var(--dark) !important;
}

body.black[page="analytics"] #app-mod-detail .market-card .white,
body.black[page*="m/"] #app-mod-detail .market-card .white,
body.black[page="m"] #app-mod-detail .market-card .white {background: var(--secondary) !important;}

[page="analytics"] #app-mod-detail,
[page*="m/"] #app-mod-detail,
[page="m"] #app-mod-detail {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

[page="analytics"] #app-mod-detail .market-card,
[page*="m/"] #app-mod-detail .market-card,
[page="m"] #app-mod-detail .market-card {
    position: relative;
    min-width: 243px;
    width: 100%;
    flex: 1;
}
[page="analytics"] #app-mod-detail .market-card.f-b-100,
[page*="m/"] #app-mod-detail .market-card.f-b-100{flex-basis: 100%;}
[page="analytics"] #app-mod-detail .market-card,
[page*="m/"] #app-mod-detail .market-card{min-width: 340px;}

#clndr[data-vc=calendar] {
    min-width: 250px;
}
/* 
[page*="m/"] #app-mod-detail .market-card {
                break-inside: avoid;
                width: 100%;
                max-width: 100%;
                margin-bottom: 15px;
            }
 */
[page="analytics"] #app-mod-detail .market-card.f-b-100,
[page*="m/"] #app-mod-detail .market-card.f-b-100 {
                max-width: none !important;
            }
[page="analytics"] #app-mod-detail .market-card .chart-container,
[page*="m/"] #app-mod-detail .market-card .chart-container {
                width: 100%;
                height: 270px;
            }
[page="analytics"] #app-mod-detail .market-card .chart-wrapper,
[page*="m/"] #app-mod-detail .market-card .chart-wrapper {
                width: 100%;
                height: 100%;
            }/* 

            @media (min-width: 768px) {
[page*="m/"] #app-mod-detail .market-card:not(.f-b-100) {
                    max-width: calc(50% - 10px);
                    display: inline-block;
                    vertical-align: top;
                }
[page*="m/"] #app-mod-detail .market-card:nth-child(odd):not(.f-b-100) {
                    margin-right: 10px;
                }
            }
            @media (min-width: 1200px) {
[page*="m/"] #app-mod-detail .market-card:not(.f-b-100) {
                    max-width: calc(33.33% - 10px);
                }
[page*="m/"] #app-mod-detail .market-card:nth-child(3n+1):not(.f-b-100) {
                    margin-right: 10px;
                }
[page*="m/"] #app-mod-detail .market-card:nth-child(odd):not(.f-b-100) {
                    margin-right: 0;
                }
            }
 */
            

#eventList-today .task-issue {
    padding: 0;
    max-width: 100%;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 13%);
    border-radius: .3rem;
    margin-bottom: .5rem;
    overflow: hidden;
}

#eventList-today .task-issue .card-header {
    background: unset;
    border: 0;
}

#eventList-today .task-issue .card {
    padding-left: .25rem;
}

#calendar-today  {
  --gap: .1rem;
  --cell: 30px;
  --rowHeight: 30px;
}


/* стрелки + центральное значение года */
#calendar-today .arrow-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--rowHeight);    gap: 1rem;
}
#calendar-today .arrow-row button {
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  border-radius: .25rem;
  cursor: pointer;
  font-size: 1.2rem;
}

#calendar-today .arrow-row button:hover{
  background: #0000000f;}
#calendar-today .flex.flex-row {
    gap: 1rem;
}
#calendar-today .single-value {
  font-size: 1.2rem;
  font-weight: 600;
}
#calendar-today #monthRow-today .cell {
    flex: 1;
}

/* общий контейнер-полоса для месяцев и дней */
#calendar-today .month-row-today,
#calendar-today .day-row-today {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  position: relative;
  scrollbar-width: none;
}

#calendar-today .month-row-today {
    gap: .25rem;
}

#calendar-today .day-row-today {
    gap: var(--gap);
}
#calendar-today .month-row-today::-webkit-scrollbar,
#calendar-today .day-row-today::-webkit-scrollbar { display: none; }


#calendar-today .cell {
  flex: 0 0 var(--cell);
  height: var(--cell);
  border: none;
  border-radius: .25rem;
  background: var(--secondary);
    position: relative;
  cursor: pointer;
  scroll-snap-align: center;
  transition: .2s;
  font-size: .9rem;
}
#calendar-today .cell.active {
  background: var(--darkdk);
  color: #fff;
}
#calendar-today .cell.issetDay:before {inset: 3px 3px auto auto;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    background: red;
}
#calendar-today .timeline-today h2 { font-size: 1.25rem; }
#calendar-today .timeline-today ul { list-style: none; margin: 0; padding: 0; }
#calendar-today .timeline-today li {
  display: grid;
  grid-template-columns: 80px 160px 1fr;
  gap: .5rem;
  padding: .35rem 0;
  border-bottom: 1px solid #eee;
  font-size: .95rem;
}
#calendar-today .timeline-today .time { font-weight: 600; color: var(--primary); }
#calendar-today .timeline-today h2:first-letter {
    text-transform: capitalize;
}

body.black #calendar-today .card.white {
    background: var(--darkdk)!important;
}



















    
/* frm */ 
.frm ul.nav .nav-item a.nav-link.active {background: white;}
body.black .frm ul.nav .nav-item a.nav-link.active {background: var(--dark);}
.frm .center-block {margin: 0 auto;}
@media (max-width: 767px) {
   .frm .text-right.center-block {text-align: left !important;}
   .frm .inner-block {padding:1rem}
}
 
#ui-sett .row-inner, .ui-sett .panel-body, .ui-sett .panel-body input {
    background: var(--secondary);
    color: inherit;
}
.ui-sett .panel-body [val]:last-of-type {
    border: 0;
}

 body.black .ui-sett .panel-body [val] {
    border-color: #ffffff1c;
}



.ui-sett .panel-body .text,
.ui-sett .h6 {
    font-size: .9rem;
}

.ui-sett .panel {
    border: 1px rgb(0 0 0 / 10%) solid;
    background: var(--secondarydk);
}

.ui-sett .panel .panel-title.pointer {
    padding: .7rem;
}

.inbox-nav-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
}

.modal.fade .modal-left.modal-dialog {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
}


.right {right: 1rem;top: 1rem;}
.left {left: 1rem;top: 1rem;}
.bottom-right {right: 1rem;bottom: 1rem;}
.bottom-left {left: 1rem;bottom: 1rem;}
.top-right {right: 1rem;top: 1rem;}
.top-left {left: 1rem;top: 1rem;}
.bottom-left-xs {left: 0rem;bottom: 0rem;}
.bottom-right-xs {right: 0rem;bottom: 0rem;}
.bottom-right-xxs {right: .125rem;bottom: .125rem;}
.top-left-xs {left: 0rem;top: 0rem;}
.top-right-xs {right: 0rem;top: 0rem;}
.top-left-sm {left: 0.5rem;top: 0.5rem;}
.top-right-sm {right: 0.5rem;top: 0.5rem;}
.top-right-xxs {right: .125rem;top: .125rem;}
.bottom-left-sm {left: 0.5rem;bottom: 0.5rem;}
.bottom-right-sm {right: 0.5rem;bottom: 0.5rem;}
.top-xs {top: 0rem;}
.top-sm {top: 0.5rem;}
.bottom-xs {bottom: 0rem;}
.bottom-sm {bottom: 0.5rem;}
.right-xs {right: 0rem;}
.right-sm {right: 0.5rem;}
.left-xs {left: 0rem;}
.left-sm {left: 0.5rem;}

   
html {
  scroll-behavior: smooth;
}    	
	
	
	
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}



@font-face {
	font-family: 'Montserrat';
	font-display: swap;
	src: local('Montserrat'), url('/fonts/montserrat-v25-latin_cyrillic/montserrat-v25-latin_cyrillic-700.woff2') format('woff2');
}
	
	/* fallback */
@font-face {
  font-family: 'Material Icons';
  src: url(/fonts/material-icons-filled.woff2) format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}



/*beta*/
[data-target="aside"] .material-icons:after {
    content: '\03B2';
    position: absolute;
    right: 0.8em;
    top: 4px;
    display: block;
    color: var(--success);
    font-size: 1rem;
}



[data-item="title"] button,
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Montserrat';}
/* Rules for sizing the icon. */
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-22 { font-size: 22px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-130 { font-size: 130px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }

html {background: transparent;}

body {color: rgb(0 0 0 / 80%);
  font-size: 0.8rem;
  background-color: #f9f9f9;}

*:focus {outline: 0!important;}

a {color: inherit;
  text-decoration: none;
  cursor: pointer;
  outline: 0;}

a:hover,
a:focus {color: inherit;
  text-decoration: none;}
img {  max-width: 100%;}
option { color: var(--dark);}
.table,
button {color: inherit;}

pre {color: inherit;
  background-color: #f9f9f9;
  border-color: rgb(120 130 140 / 15%);}

code {background-color: rgb(120 130 140 / 15%);}

pre code {padding: .2rem .4rem;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem;}
 
.frm code {
    padding: 0 .25rem;
    background-color: rgb(105 171 237 / 15%);
    color: var(--primary);}   
blockquote {border-color: rgb(120 130 140 / 15%);}

small {font-size: 90%;}

sup {position: relative;
  top: -1em;
  font-size: 75%;}

.pull-center {position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);}

.transparent {background: transparent!important;}
.close {font-size: 1.3rem;}
.o-h {overflow: hidden;}

body.black .bootstrap-datetimepicker-widget table td.day:hover, 
body.black .bootstrap-datetimepicker-widget table td.hour:hover, 
body.black .bootstrap-datetimepicker-widget table td.minute:hover, 
body.black .bootstrap-datetimepicker-widget table td.second:hover,
body.black .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
body.black .bootstrap-datetimepicker-widget table td span:hover,
body.black .bootstrap-datetimepicker-widget table td.day:hover {  background: var(--gray);}
body.black .frm .selector__list {  background: var(--gray-dark)!important;}


body.black pre {background: rgb(255 255 255 / 3%);
    border: 1px rgb(255 255 255 / 0%) solid;}

body.black .fc .fc-button {color: inherit;}

body.black .fc .fc-button-primary:hover,
body.black .fc .fc-button-primary:not(:disabled).fc-button-active {
    background: var(--darkdk);
    color: inherit;
}



.rbtn input{display:none}
.rbtn{display:flex;flex-wrap:wrap;background-color: #0000001c;position:relative;border-radius:.5rem;overflow:hidden;box-shadow: 0 4px 8px rgb(0 0 0 / 10%);width: fit-content;margin: .2rem 0;padding: 0 2px;}
.rbtn label{position:relative;padding:.75rem;text-align:center;cursor:pointer;z-index:3;display: inline-flex;margin:0;line-height: 1;align-self: center;justify-content: center;height: 100%;flex-basis: content;font-size: .9rem;font-weight: 500;}
.rbtn .rhigh{position:absolute;inset: 2px 0;0;border-radius:.45rem;transition:transform .3s ease;z-index:2;max-height: 34px;}
.rbtn label.check:before {background: #ffffff;z-index: -1;border-radius: .45rem;transition: 1s;opacity: 1;}
.rbtn label:before {content: "";position: absolute;inset: 2px 0;opacity: 0;}
.rbtn .check ~ .rhigh {background-color: #ffffff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);transform: translateX(var(--highlight-offset));width: var(--highlight-width);top: calc(var(--highlight-top) + 2px);}
.rbtn.required {outline: 1px red solid;}
body.black .rbtn .check ~ .rhigh {background-color:var(--dark);}
body.black .rbtn {background-color:var(--darkdk);}
body.black .rbtn label.check:before {background-color:var(--dark);}

.dropdown.bootstrap-select .dropdown-toggle,
.dropdown[data-view=add] .dropdown-item,
.dropdown[data-view=add] [data-toggle=dropdown]{padding:.5rem;cursor:pointer}
.dropdown[data-view=add] .dropdown-item{white-space:normal}
.dropdown[data-view=add] .flex{max-height:calc(100vh - 6rem);height:100%;overflow-y:auto;width:115%;padding-right:15%}
.dropdown[data-view=add] .form-control{padding:.5rem;margin:.25rem;width:auto;box-shadow:0 0 10px rgba(0,0,0,.1)}
button.yandexfield.required[data-view=add],
.dropdown.required[data-view=add]{outline:1px red solid!important;border-radius:.5rem}
.bootstrap-select .dropdown-menu,
.dropdown.bootstrap-select .dropdown-toggle,
.dropdown[data-view=add] .dropdown-menu,
.dropdown[data-view=add] [data-toggle=dropdown]{box-shadow:0 4px 8px rgb(0 0 0 / 10%);border-radius:.5rem;font-size:.9rem;font-weight:500;border:1px solid rgb(120 130 140 / 15%)}
.bootstrap-select .dropdown-menu,
.dropdown[data-view=add] .dropdown-menu{overflow:hidden;padding:0}
.dropdown.bootstrap-select .dropdown-toggle:focus{box-shadow:none}
.dropdown.bootstrap-select .dropdown-toggle{background:0 0}
.dropdown.bootstrap-select .dropdown-menu li a{padding:.5rem;white-space:normal;cursor:pointer;color:inherit;display:flex}
.dropdown.bootstrap-select .dropdown-menu .selected .check-mark{top:10px!important}
.dropdown.bootstrap-select .dropdown-menu li.selected a{background:var(--primary);color:#fff}
.dropdown.bootstrap-select .bs-ok-default:after{border-color:#fff}
.dropdown.bootstrap-select .dropdown-menu li .text{font-size:.9rem}
.dropdown.bootstrap-select [role=listbox]{height:100%;width:115%;padding-right:15%}


.rotating-icon {
    animation: spin 2s linear infinite;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}



.drop-area {
    position: relative;
    height: 200px;
    text-align: center;
    padding: 2rem 3rem;
    overflow: hidden;
}

.drop-area .material-icons {
    font-size: 3rem;
}

.drop-area .hint {
    font-size: .75rem;
    margin-top: .4rem;
    line-height: 1.2;
    color: #7d7d7d;
}

.drop-area .browse-link {
    color: #000000;
    display: block;
    text-decoration: underline;
    cursor: pointer;
    font-size: .85rem;
    margin: auto;
    width: fit-content;
}
.black .drop-area .browse-link {
    color: #fff;
}
.black .photo-controls {
    color: initial;
}

.drop-area svg {
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(-1);
  pointer-events: none;
}

.drop-area #drop-first {
  overflow: visible;
  stroke: #0055ba;
  width: calc(100% - 45px);
  height: calc(100% - 45px);
  stroke-dasharray: 0 8;
  stroke-dashoffset: 0;
  animation: line-first 3s infinite linear;
  transition-delay: 0;
}

.drop-area:hover #drop-first {
  transform: translate(-50%, -50%) scale(-1.02);
}

@keyframes line-first {
  0% {
    stroke-dashoffset: 16;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.drop-area #drop-second {
  overflow: visible;
  stroke: #0055ba;
  width: calc(100% - 25px);
  height: calc(100% - 25px);
  stroke-dasharray: 0 10;
  animation: line-second 4s infinite linear;
  transition-delay: 100ms;
  stroke-opacity: 0.5;
}

.drop-area:hover #drop-second {
  transform: translate(-50%, -50%) scale(-1.02);
  stroke-dashoffset: 0;
}

@keyframes line-second {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 10;
  }
}

.drop-area #drop-third {
  overflow: visible;
  stroke: #0055ba;
  width: calc(99%);
  height: calc(99%);
  stroke-dasharray: 0 12;
  stroke-dashoffset: 0;
  animation: line-third 3s infinite linear;
  transition-delay: 150ms;
  stroke-opacity: 0.25;
}

.drop-area:hover #drop-third {
  transform: translate(-50%, -50%) scale(-1.1);
  stroke-dashoffset: 0;
}

@keyframes line-third {
  0% {
    stroke-dashoffset: 12;
  }
  100% {
    stroke-dashoffset: 0;
  }
}


.photos-container {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 1rem;
    justify-content: center;
}

.photos-container .photo-item {
    background: #00000012;
    box-shadow: 0 2px 10px #0000002e;
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
    max-width: 145px;
    max-height: 145px;
}

.photos-container .photo-controls button, 
.photos-container .file-extension {
    background: white;
    border: 0;
    border-radius: 2rem;
    height: 25px;
    width: 25px;
    text-align: center;
    font-size: 1rem;
    box-shadow: 0 2px 5px #0000006b;
    padding: 0;
}

.photos-container .photo-controls {
    position: absolute;
    z-index: 1;
    inset: .5rem auto auto .5rem;
    display: flex;
    gap: .25rem;
    top: -2rem;
    transition: .25s;
}
.photos-container .photo-item:hover .photo-controls {
    top: .5rem;
}


@media (max-width: 651px) {
.photos-container .photo-controls {
    top: .5rem;
}}

.photos-container .photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 120px;
}
.photos-container .file-extension {
    width: max-content;
    padding: .3rem .5rem;
    font-size: .85rem;
    align-self: end;
    line-height: 1;
}


.photos-container .photo-item-placeholder {
    outline: 2px dashed #ccc;
    background: #f9f9f9;
    height: 100px;
}



.bc-selected {}

.jk-item,
.bc-item {cursor:pointer;
    padding: 1rem;
    background: #ffffff;
    margin-bottom: .25rem;
    border-radius: .5rem;
    box-shadow: 0 2px 5px #0000002e;
}
body.black .jk-item, body.black .bc-item {
    background: var(--dark);
}
.jk-card span,
.bc-card span {
    opacity: .7;
}
.jk-card span.address{line-height: 1;
    display: inline-block;
    margin-top: .25rem;}

.jk-card h6,
.bc-card h6 {
    margin: 0;
}

.ui-sett .hide-overlay {
    max-height: calc(100vh - 4.7rem);
    height: calc(100vh - 4.7rem);
}


/* 
#ui-sett .dropdown .dropdown-item,
 */
#ui-sett .ui-sett .dropdown-menu{max-width: 325px;
    padding: 0;
    width: 325px;
    max-height: calc(100vh - 6rem);
    overflow-x: hidden;
}
#ui-sett .ui-sett .dropdown-menu .dropdown-item {
    font-size: 1rem;
}

.modal-right .address-row [class^="col-md-"] {
    flex: 0 0 100%;
    max-width: 100%;
}

.address-btn {
    gap: .25rem;
}






#ui-sett .suggestions {
    position: absolute;
    width: calc(100%);
    z-index: 6;
    background: white;
    box-shadow: 0 5px 5px rgb(0 0 0 / 25%);
    border: 1px var(--primary) solid;
    top: 36px;
    left: 0;
    border-radius: .5rem;
    overflow: hidden;
    }

body.black #ui-sett .suggestions {background: var(--dark)}

#ui-sett .suggestions i {
    padding: .25rem .75rem;
    color: var(--primary);
    display: block;
    font-style: normal;
    font-size: .6rem;
    text-transform: uppercase;
    border-bottom: 1px var(--primary) solid;
    }
#ui-sett .suggestions > div {
    border-bottom: 1px rgb(120 130 140 / 15%) solid;
    cursor: pointer;
    padding: .75rem;
    color: inherit;
    line-height: 1;
    }
#ui-sett .suggestions > div[focus],
#ui-sett .suggestions > div:hover {background: var(--primary);color: white;}

#ui-sett .modal-dialog-right .station-row {
    display: flex;
    justify-content: space-between;
}
#ui-sett .modal-dialog-right .station-row [data-remove] {order:1}







/* 
.app-body .btn[data-toggle="dropdown"]:not([aria-owns]):focus,
.app-body .btn[data-toggle="dropdown"]:not([aria-owns]):hover {background: var(--primary);
    color: white!important;}
.dropdown.bootstrap-select:not(.input-group-btn) {
    display: block;
}

.dropdown.bootstrap-select .dropdown-toggle.btn-light {
    background: transparent;
    padding: .45rem;
    border-radius: 0;
}
 */





.preloader-cpace{height:13rem;display:flex;grid-gap:1.25rem;gap:1.25rem;border-radius:1rem;padding:1rem;margin:0 1rem;opacity:.3}
#ui-sett .preloader-cpace{height:10rem;}
.preloader-cpace .cpace-1{width:40%;border-radius:.75rem;background-color:var(--gray);animation:pulse 2s cubic-bezier(0.4,0,0.6,1) alternate-reverse infinite}
.preloader-cpace .right{display:flex;flex:1 1 0;flex-direction:column;grid-gap:1.25rem;gap:1.25rem}
.preloader-cpace .cpace-2{height:3.5rem;width:100%;border-radius:1rem;background-color:var(--gray);animation:pulse 2s cubic-bezier(0.4,0,0.6,1) alternate-reverse infinite}
.preloader-cpace .cpace-3{height:.75rem;width:100%;border-radius:1rem;background-color:var(--gray);animation:pulse 2s cubic-bezier(0.4,0,0.6,1) alternate-reverse infinite}
.preloader-cpace .bottom{margin-top:auto;display:flex;grid-gap:.75rem;gap:.75rem}
.preloader-cpace .cpace-4{height:2rem;width:33%;border-radius:9999px;background-color:var(--gray);animation:pulse 1s cubic-bezier(0.4,0,0.6,1) alternate-reverse infinite}
@keyframes pulse {to{opacity:.2}}



    .preloader {    position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: var(--white);
      z-index: 1001;
    }
    body.black .preloader {    background: var(--dark);}

    .preloader__row {    position: relative;
      top: 50%;
      left: 50%;
      width: 70px;
      height: 70px;
      margin-top: -35px;
      margin-left: -35px;
      text-align: center;
      animation: preloader-rotate 2s infinite linear;
    }

    .preloader__item {    position: absolute;
      display: inline-block;
      top: 0;
      background-color: #337ab7;
      border-radius: 100%;
      width: 35px;
      height: 35px;
      animation: preloader-bounce 2s infinite ease-in-out;
    }

    .preloader__item:last-child {    top: auto;
      bottom: 0;
      animation-delay: -1s;
    }
    .preloader {
    max-height: 100vh;
}

    @keyframes preloader-rotate {    100% {      transform: rotate(360deg);
      }
    }

    @keyframes preloader-bounce {

      0%,
      100% {      transform: scale(0);
      }

      50% {      transform: scale(1);
      }
    }

    .loaded_hiding .preloader {    transition: 0.3s opacity;
      opacity: 0;
    }

    .loaded .preloader {    display: none;
    }
    
    .loaded figure[data-figure] .preloader {
    display: block;
}

figure[data-figure] .preloader ._400 {margin-top:-20px}
    
    
.img-responsive {width: 100%;
  height: auto;}
  
.pull-left {float: left;}

.pull-right {float: right;}
  
.btn-group>.btn.pull-right {  float: right;}

.animated {  -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}


:root {
	--mart: transparent linear-gradient(0deg, transparent 50%, rgb(0 0 0 / 25%) 50.1%,rgb(0 0 0 / 5%) 50%);
	--martlight: transparent linear-gradient(0deg, transparent 50%, rgb(0 0 0 / 10%) 50.1%,rgb(0 0 0 / 2%) 50%);}


body.black [page^="m/"] #st a[target="_blank"], 
body.black [page^="m/"] #st [on] button {  border: 1px #646464 solid;}


[page^="m/"] .bgstyle-91 {background: url(/cdn/199/04/30/77233.jpg) no-repeat white 100% / contain;}
[page^="m/"] .bgstyle-95 {background: url(/cdn/199/04/30/77217.jpg) no-repeat #f9fbfc 100% / contain;}
[page^="m/"] .bgstyle-94 {background: url(/cdn/199/04/30/77201.jpg) no-repeat #f6fbff 100% / contain;}
[page^="w/"] .bgstyle-10 {background: url(/cdn/199/04/30/77133.jpg) no-repeat white 100% / contain;}
[page^="m/"] .bgstyle-89 {background: url(/cdn/199/04/31/01814.jpg) no-repeat #f3fafc 100% / contain;
    background: url(/cdn/199/04/31/01765.jpg) no-repeat #ffffff 100% / contain;}
[page^="m/"] .bgstyle-99 {background: url(/cdn/199/04/30/77175.jpg) no-repeat white 100% / contain;}
[page^="m/"] .bgstyle-87 {background: url(/cdn/199/04/49/74842.jpg) no-repeat #ffffff 100% / contain;}
[page^="m/"] .bgstyle-97 {background: url(/cdn/199/04/33/30007.jpg) no-repeat #f3f7f8 100% / contain;}
[page^="m/"] .bgstyle-98 {background: url(/cdn/199/04/31/01851.jpg) no-repeat #ffffff 100% / contain;}
[page^="m/"] .bgstyle-55 {background: url(/cdn/199/04/31/01705.jpg) no-repeat #ffffff 100% / contain;}
[page^="m/"] .bgstyle-90 {background: url(/cdn/199/04/31/14711.jpg) no-repeat #ffffff 100% / contain;}
[page^="m/"] .bgstyle-88 {background: url(/cdn/199/04/31/14596.jpg) no-repeat #ffffff 100% / contain;}

[page^="m/"] .bgstyle-92,
[page^="m/"] .bgstyle-93,
[page^="m/"] .bgstyle-96 {
    background: url(/cdn/199/04/30/77192.jpg) no-repeat white 100% / contain;  
}

body.black[page^="m/"] .bgstyle-91 {background: url(https://seo54.ru/cdn/199/12/30/96670.jpg) no-repeat 100% / cover;}
body.black[page^="m/"] .bgstyle-95 {background: url(https://seo54.ru/cdn/199/12/30/96546.jpg) no-repeat #f9fbfc 100% / cover;}
body.black[page^="m/"] .bgstyle-94 {background: url(https://seo54.ru/cdn/199/12/30/96808.jpg) no-repeat #f6fbff 100% / cover;}
body.black[page^="w/"] .bgstyle-10 {background: url(https://seo54.ru/cdn/199/12/30/96734.jpg) no-repeat white 100% / cover;}
body.black[page^="m/"] .bgstyle-89 {background: url(https://seo54.ru/cdn/199/12/30/96742.jpg) no-repeat #f3fafc 100% / cover;}
body.black[page^="m/"] .bgstyle-99 {background: url(https://seo54.ru/cdn/199/12/30/96752.jpg) no-repeat white 100% / cover;}
body.black[page^="m/"] .bgstyle-87 {background: url(https://seo54.ru/cdn/199/12/30/96815.jpg) no-repeat #ffffff 100% / cover;}
body.black[page^="m/"] .bgstyle-97 {background: url(https://seo54.ru/cdn/199/12/30/96726.jpg) no-repeat #f3f7f8 100% / cover;}
body.black[page^="m/"] .bgstyle-98 {background: url(https://seo54.ru/cdn/199/12/30/96718.jpg) no-repeat #ffffff 100% / cover;}
body.black[page^="m/"] .bgstyle-55 {background: url(https://seo54.ru/cdn/199/12/30/96768.jpg) no-repeat #ffffff 100% / cover;}
body.black[page^="m/"] .bgstyle-90 {background: url(https://seo54.ru/cdn/199/12/30/96760.jpg) no-repeat #ffffff 100% / cover;}
body.black[page^="m/"] .bgstyle-88 {background: url(https://seo54.ru/cdn/199/12/30/96537.jpg) no-repeat #ffffff 100% / cover;}
body.black[page^="m/"] .bgstyle-93 {background: url(https://seo54.ru/cdn/199/12/30/96633.jpg) no-repeat #ffffff 100% / cover;}
body.black[page^="m/"] .bgstyle-92 {background: url(https://seo54.ru/cdn/199/12/30/96788.jpg) no-repeat #ffffff 100% / cover;}
body.black[page^="m/"] .bgstyle-96 {background: url(https://seo54.ru/cdn/199/11/13/79710.jpg) no-repeat #ffffff 100% / cover;}


[page^="m/"] [class*="bgstyle-"] {background-position-x: 25vw;}
body.black[page^="w/"] [class*="bgstyle-"],
body.black[page^="m/"] [class*="bgstyle-"] {filter: contrast(0.7);}




@media (min-width: 651px) {
	[page^="m/"] .codex-editor--narrow .ce-toolbar__actions {
	        right: auto!important;
	        left: -85px;
	}
	
	[page^="m/"] .tc-table {border-left: 1px solid var(--color-border);}
	[page^="m/"] .ce-paragraph {font-size: 1rem;}
	[page^="m/"] #docview.readonly .cdx-input:empty {display: none;}
}


@media(max-width:767px){
[page^="w/"] [class*="bgstyle-"], [page^="m/"] [class*="bgstyle-"] {    background-size: cover;}
}




[page^="w/"] #st > div,
[page^="m/"] #st > div {  position: relative;
    z-index: 1;}
[page^="w/"] #st img,
[page^="m/"] #st img {  align-self: center;}
[page^="w/"] [on] .label,
[page^="m/"] [on] .label {  top: -7px;
    right: 14px;}
body.black[page^="w/"] #st,
body.black[page^="m/"] #st {  background: var(--mart);
    position: relative;}
[page^="w/"] #st,
[page^="m/"] #st {  /* background: var(--martlight); */
    position: relative;}

[page="crm"] .box .nav-link.active.show:after,
[page="users"] .nav-link.active.show:after,
[page="crmlibs"] .nav-link.active.show:after,
[page^="w/"] .nav-active .nav-link.active.show:after,
[page^="m/"] .nav-active .nav-link.active.show:after {  content: "";
    background: var(--primary);
    position: absolute;
    width: 40px;
    height: 1px;
    bottom: 0;
    left: calc(50% - 20px);}
[page^="w/"] #st div.w,
[page^="m/"] #st div.w {  background: rgb(255 255 255 / 8%);
    min-width: 130px;}
[page^="w/"] .slide[value] .w-128 {
    background: white;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    border-radius: 5px;
}
[page^="w/"].black .slide[value] .w-128 {
    background: #3a3e48;
}


[page="mycontacts"] .row-col {
    table-layout: fixed;
}[page="mycontacts"] .app-body-inner {
    padding-top: 0!important;
    padding-bottom: 0!important;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    height: calc(100vh - 7rem);
}

@media(max-width:600px){
[page="post"] .app-body-inner {
    top: 3rem;}
}


[page="user"] .dash section#column {
    position: fixed;
    right: 0;
    height: 100%;
}

@media(max-width:767px){[page="user"] .dash section#column {
    position: relative;
}}

[page="user"] .dash .box {
    margin: 3px;
    padding: 10px;
    border: 1px #c8c8c8 solid;
    border-radius: 5px;
}

[page="user"].black .dash section#column, 
[page="user"].black .dash section.col-md-10.b-b.h.white {
    background: #2f3238;
}


[page="mycars"] .table td, 
[page="mycars"] .table th {
    padding: .5rem;
}

[page="user"] .d-1 [data-figure="103"],
[page="user"] .d-1 [data-figure="102"],
[page="user"] .d-1 [data-figure="101"] {
    min-height: 170px;
}

[page="user"] .d-1 [data-figure="101"] img, 
[page="user"] .d-1 [data-figure="102"] img {
    max-height: 70px;
    margin: 0;
}
[page="user"] .d-1 [data-figure="101"] img {
    border-radius: 50%;}

[page="user"] .d-1 [data-figure="102"] h6,
[page="user"] .d-1 [data-figure="101"] h6 {
    margin: 10px 0 0;
    min-height: 30px;
}

[page="user"] .d-1 [data-figure="102"] button,
[page="user"] .d-1 [data-figure="101"] button {
    margin: 4px 0 0;
    font-size: .8rem;
}

[page="user"] .d-1 [data-figure="102"] .pace, 
[page="user"] .d-1 [data-figure="101"] .pace {
    height: 70px;
}
[page="user"] .d-1 [data-figure="101"],
[page="user"] .d-1 [data-figure="102"] {
    max-width: 220px;
    padding-top: 1rem;
    min-width: 170px;
}

[page="user"] .d-1 [data-figure="102"] .prwc, 
[page="user"] .d-1 [data-figure="101"] .prwc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 140px;
}


[page="user"] .d-1 [data-figure="103"] {
    display: inline-flex;
    position: relative;
}
    
[page="user"] .d-1 [data-figure="103"] > div {
    max-width: 240px;
    padding: .5rem;
}

[page="user"] .d-1 [data-figure="103"] .form-group {
    margin: -1px;
}

[page="user"] .d-1 [data-figure="103"] button {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}
[page="user"] .d-3 [data-figure="101"] h6 + div {
    margin-bottom: 10px;
}
[page="user"] .d-3 figure[data-figure="105"] {
    transform: translateX(-63px) scale(.62);
    margin: -67px 0 -60px;
}
[page="user"] .d-1 figure[data-figure="105"] {
    height: 290px;
    transform: translateX(-67px) scale(.58);
    margin: -60px 0 -60px;
}
[page="user"].black .d-3 {
/* 
    background: var(--dark)!important;
 */
}


[page="user"] .d-1 .setup,
[page="user"] .d-2 .setup,
[page="user"] .d-3 .setup {padding: 25px;
    flex-direction: column;
    min-height: 170px;}


[page="user"] .dash > section.d-1 figure {
    min-width: 170px;
    overflow: hidden;
}


[page="user"] .d-2 figure[data-figure="122"],
[page="user"] .d-2 figure[data-figure="101"],
[page="user"] .d-2 figure[data-figure="102"],
[page="user"] .d-2 figure[data-figure="103"],
[page="user"] .d-2 figure[data-figure="105"] {
    position: relative;
    width: 100%;
/* 
    padding-right: 1rem;
    padding-left: 1rem;
 */
    -ms-flex: 0 0 calc(33.333333% - 1rem);
    flex: 0 0 calc(33.333333% - 1rem);
    max-width: calc(33.333333% - 1rem);
}



[page="m"] .dshbrdlight,
[page="m"].black .dshbrdlight a[href="#"] {
    background: radial-gradient(circle, rgba(174,178,238,.4) 0%, rgb(148 233 226 / 20%) 100%)
}

[page="m"] .nav-item:hover .nav-link[href] {
    background: rgb(0 0 0 / 5%);
}
[page="m"] .navigation a:hover{text-decoration: underline;}


[page="s"] .newbg2 .nav-link.text-primary {
    color: #0056b3 !important;
}
    
    /* стили для конструктора полей */
[page="s"] #list2 .CodeMirror.cm-s-default {
    height: calc(100vh - 4.4rem)!important;
    border-radius: .5rem;
}

[page="s"] .funcname span:last-child,
[page="s"] .funcname:hover > span:first-child{display:none;}
 
[page="s"] .funcname:hover > span:last-child {display: block;}


[page="s"] #list_edit,
[page="s"] #list_attr,
[page="s"] #list_func,
[page="s"] #list_field{}

[page="s"] #call_field .hide-overlay {
    max-height: calc(100vh - 19rem);
}
    
[page="s"] .monospace{font-family: monospace}
  
[page="s"] body.black #list_edit,
[page="s"] body.black #call_attr:hover #list_attr,
[page="s"] body.black #call_func:hover #list_func,
[page="s"] body.black #call_field:hover #list_field {
    color: #999;
    background: #32363b;}  

[page="s"] #list_edit {right: -360px;
    line-height: 1;
    width: 510px;} 
[page="s"] #list_edit label {display: block;
    line-height: 20px;}
[page="s"] #call_edit {width: 150px;
    right: 360px;}  
[page="s"] #call_attr:hover #list_attr{left: 0;}
[page="s"] #call_func:hover #list_func{left: 0;}
[page="s"] #call_field:hover #list_field{left: 0px;}
[page="s"] #list_edit button {border: 1px #d2d2d2 solid;
    font-size: 13px;
    font-family: arial;
    border-radius: 25px;
    line-height: 30px;
    width: 125px;
    margin-right: 10px;
    cursor: pointer;
    background: #fff;}
[page="s"] #list_edit button:hover {background: #f9f9f9;}
[page="s"] #list_edit .inputeditor{margin-bottom: 20px;}
[page="s"] #list_edit .inputeditor label input{margin-right: 5px;}
[page="s"] #list_edit .inputeditor label {display: inline-block;
    margin: 5px 5px 0 0;
    border-radius: 20px;
    border: 1px #cccccc solid;
    padding: 3px 10px 3px 5px;
    cursor: pointer;
    background: white;
    min-width: 95px;}
[page="s"] .funcname {line-height: 25px;
    display: block;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: .9rem;
    padding: 5px 10px;
    background: rgb(33 31 127 / 7%);
    margin-bottom: 3px;
    border-radius: .5rem;}
[page="s"].black .funcname {
    outline: 1px rgb(255 255 255 / 15%) solid;
    outline-offset: -1px;
}
[page="s"] #list .published0 {opacity: .3;}
[page="s"] #baseh .inline {display: inline-block;
    width: 50%;
    margin: 0;
    box-sizing: border-box;}
[page="s"] #baseh .inline input, 
[page="s"] #baseh .inline select {padding: 5px 10px;
    font-size: 13px;
    font-family: arial;
    outline: none;
    border: 1px #d2d2d2 solid;
    color: #484848;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
    background: white;
    height: 30px;
    box-sizing: border-box;
    flex-grow: 1;
    width: 250px;}
[page="s"] #baseh .inline span {display: inline-block;
    width: 170px;}
 
[page="s"] #base_edit,
[page="s"] #field_edit {} 

@media (max-width: 767px) {
	.dshbrdlight .b-l{border:0}
	#contents-add #list2 {max-width: unset;}
	#contents-add .f-b-30 {flex-basis: 100%!important;}
/* 	#contents-add  >.flex {flex-wrap: wrap;} */
}

@media (max-width: 991px) {
.nav-body + .nav-body .nav-icon {
    margin-right: 10px;
}
}


[page="lic"] .promo-map .material-icons.md-48 {
    text-shadow: 3px 3px #d2d2d2;
}
[page="lic"] .o {
    position: relative;
    z-index: 1;
}
[page="lic"] #scoretype [price][name][value]:hover {
    box-shadow: 0 0 40px rgb(0 0 0 / 7%) inset;
}
[page="lic"] .table > tbody > tr > td {
    padding: 10px 10px;
}
[page="lic"] .o.o-3x[price][value][name] p {
    opacity: 0;
}

[page="lic"] [name="Flash"] .material-icons.notranslate.text-4x.md-48 {
    text-shadow: 3px 3px 0px #6c6c6c;
}




[page="docx"] section.htmldocx p {
    min-height: 20px!important;
    margin-bottom: 13px!important;
}

/* 
[page="crm"] .item-listing-wrap.card .item-footer .libpdf {
    align-self: center;
    margin-left: .5rem;
    margin-right: .5rem;
}
 */

/* 
[page="crm"] .item-listing-wrap.card:nth-of-type(odd) {
    background: white;
    outline: 1px rgb(110 110 110 / 20%) solid;
    outline-offset: -1px;
}
 */
[page="crm"] .item-listing-wrap.card .item-footer .pull-right.l-h-3x {
    display: flex;
    gap: .5rem;
}
[page="crm"].black .item-listing-wrap.card:nth-of-type(odd) {
    background: rgb(0 0 0 / 10%);
}

[page="projects"] .label-color:empty {
    display: none;
}
[page="projects"] #app-mod-detail .h6.text {
    font-size: .9rem;
}


[page="users"] .is-vertical {writing-mode: vertical-lr;
    text-orientation: inherit;
    vertical-align: middle!important;}
    
.fullscreen,
alert,
confirm {position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(255 255 255 / 25%);
    top: 0;
    left: 0;
    display: flex;}/* 

alert .alrt,
confirm .confirm {margin: auto;
    width: 500px;
    background: white;
    padding: 30px;
    border-bottom: 3px #7694ad solid;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);}
 */
confirm .confirm,
alert .alrt {position: fixed;
    background: white;
    width: 500px;
    height: 300px;
    box-sizing: border-box;
    padding: 20px;
    left: calc(50% - 250px);
    top: 100px;
    z-index: 3;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 40%);
    font-family: arial;
    color: #404040;}

.grayscale {filter:grayscale(1)}


/*
Label 
*/
.label {display: inline-block;
  padding: .25em .5em;
  font-size: 75%;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  font-weight: bold;
  background-color: rgb(120 130 140 / 50%);
  color: #fff;
  border-radius: .2rem;}

  .label.no-bg {  background-color: transparent;
    color: inherit;}
.label.transparent {  background: transparent;}
.label.up {position: relative;
  top: -10px;
  min-width: 4px;
  min-height: 4px;
  display: inline-block;}

.label-lg {font-size: 1.33rem;
  padding: 5px 9px;}

.label-sm {padding: 0.15em 0.35em;}

.label-xs {padding: 0;
  width: 8px;
  height: 8px;
  border-radius: 8px;}


.btn .label {position: relative;
  top: -1px;}

/*
Buttons 
*/
.btn {  font-weight: 500;
    color: inherit;
    outline: 0 !important;}
.btn:hover {color: inherit;}
.btn-primary {  color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);}
.nav button {  border-radius: 0;}
.btn:not([disabled]):hover,
.btn:not([disabled]):focus,
.btn:not([disabled]).active,
.dropdown[data-view="add"] [data-toggle="dropdown"]:hover {box-shadow: 1px 1px 1px rgb(0 0 0 / 25%);}



.btn > i.pull-left,
.btn > i.pull-right {  line-height: 1.5;}
.btn.rounded {  padding-left: 1.2em;
    padding-right: 1.2em;}


.btn-md {padding: .4695rem .75rem;
  font-size: 0.9rem;}

.btn-xs {padding: .2195rem .5rem;
  font-size: 0.8rem;}

.btn-outline {border-width: 1px;
  background-color: transparent;
  box-shadow: none!important;}

.btn.b-primary:hover, .btn.b-primary:focus, .btn.primary:hover, .btn.primary:focus {color: rgb(255 255 255 / 90%)!important;
  background-color: var(--primary);}

.btn.b-accent:hover, .btn.b-accent:focus, .btn.accent:hover, .btn.accent:focus {color: rgb(255 255 255 / 90%)!important;
  background-color: #00d2ff;}

.btn.b-warn:hover, .btn.b-warn:focus, .btn.warn:hover, .btn.warn:focus {color: rgb(255 255 255 / 90%)!important;
  background-color: #b07cdd;}

.btn.b-success:hover, .btn.b-success:focus, .btn.success:hover, .btn.success:focus {color: rgb(255 255 255 / 90%)!important;
  background-color: var(--success);}

.btn.b-info:hover, .btn.b-info:focus, .btn.info:hover, .btn.info:focus {color: rgb(255 255 255 / 90%)!important;
  background-color: #2169f3;}

.btn.b-warning:hover, .btn.b-warning:focus, .btn.warning:hover, .btn.warning:focus {color: rgb(0 0 0 / 87%)!important;
  background-color: #f3c111;}

.btn.b-danger:hover, .btn.b-danger:focus, .btn.danger:hover, .btn.danger:focus {color: rgb(255 255 255 / 90%)!important;
  background-color: var(--danger);}

.btn.b-dark:hover, .btn.b-dark:focus, .btn.dark:hover, .btn.dark:focus {color: rgb(225 235 245 / 85%)!important;
  background-color: #253444;}

.btn.b-black:hover, .btn.b-black:focus, .btn.black:hover, .btn.black:focus {color: rgb(225 235 245 / 85%)!important;
  background-color: #282c23;}

.btn.b-white:hover, .btn.b-white:focus {color: rgb(0 0 0 / 87%)!important;
  background-color: #ffffff;}

.btn.b-light:hover, .btn.b-light:focus {color: rgb(0 0 0 / 87%)!important;
  background-color: #f9f9f9;}

.btn-icon {  text-align: center;
    padding: 0!important;
    width: 2.45rem;
    height: 2.45rem;
    line-height: 2.45rem;
    position: relative;
    overflow: hidden;}


.app-header,
.app-body .nav {  color: var(--dark);}

body.black .app-header,
body.black .app-body .nav {  color: rgb(255 255 255 / 90%);}

.bg .app-body .nav {  color: inherit;}
.app-body > .row {  max-width: 100%;}


.tooltip-inner {  background-color: var(--dark);
    border-radius: .5rem;
    padding: 4px 10px;}
.tooltip.bs-tooltip-right .arrow:before {  border-right-color: var(--dark) !important;}
.tooltip.bs-tooltip-left .arrow:before {  border-left-color: var(--dark) !important;}
.tooltip.bs-tooltip-bottom .arrow:before {  border-bottom-color: var(--dark) !important;}
.tooltip.bs-tooltip-top .arrow:before {  border-top-color: var(--dark) !important;}

  .btn-icon i {  position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    line-height: inherit;
    border-radius: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;}
  .btn-icon.btn-xs {  width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;}
  .btn-icon.btn-sm {  width: 1.775rem;
    height: 1.775rem;
    line-height: 1.775rem;}
  .btn-icon.btn-lg {  width: 3.167rem;
    height: 3.167rem;
    line-height: 3.167rem;}
  .btn-icon.btn-social i:last-child {  top: 100%;}
  .btn-icon.btn-social:hover i:first-child, .btn-icon.btn-social:focus i:first-child, .btn-icon.btn-social.active i:first-child {  top: -100%;}
  .btn-icon.btn-social:hover i:last-child, .btn-icon.btn-social:focus i:last-child, .btn-icon.btn-social.active i:last-child {  top: 0;
    color: #fff;}
  .btn-icon.btn-social-colored i:first-child {  color: #fff;}

.btn.white,
.btn.btn-default,
.btn.btn-secondary {border-color: rgb(120 130 140 / 15%);}

.btn-default {background-color: #fff;
  color: rgb(0 0 0 / 87%);}

.btn-groups .btn {margin-bottom: .25rem;}

.btn-fw {min-width: 7rem;}




.funnel[data-view="add"] textarea {  overflow: auto;
    padding: 15px;
    height: 105%!important;}

[page="m"] #collapse-detail .modal-dialog.modal-dialog-right {  max-width: 100%;}

[page="m"] #collapse-detail .modal-dialog.modal-dialog-right .modal-content {  margin: 2vw;
    border-radius: 10px;}


[page="lic"] #formControlRange {
  width: 100%;
  height: 5px;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  }
[page="lic"] #formControlRange:focus {outline: 0;}
[page="lic"] #formControlRange:focus::-webkit-slider-thumb {box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);}
[page="lic"] #formControlRange:focus::-moz-range-thumb {box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);}
[page="lic"] #formControlRange::-moz-focus-outer {border: 0;}
[page="lic"] #formControlRange::-webkit-slider-thumb {width: 10px;
  height: 10px;
  margin-top: -2.5px;
  background-color: var(--primary);
  border: 0;
  border-radius: 50%;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;}
@media (prefers-reduced-motion: reduce) {[page="lic"] #formControlRange::-webkit-slider-thumb {  -webkit-transition: none;
    transition: none;
  }
}
[page="lic"] #formControlRange::-webkit-slider-thumb:active {background-color: var(--danger);}
[page="lic"] #formControlRange::-webkit-slider-runnable-track {width: 100%;
  height: 5px;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;}





[page="lic"] .text-info.history_toggle_off {box-shadow: 0 0 0 0 var(--blue);
  animation: pulse 2s infinite;
  border-radius: 50%;}
[page="lic"] .text-warning.flash_on {box-shadow: 0 0 0 0 var(--warning);
  animation: pulse 3s infinite;
  border-radius: 50%;}

@keyframes pulse {0% {  transform: scale(0.95);
  }
  
  70% {  transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
  }
  
  100% {  transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
  }
}




#imageList [id^="viewsavatar"] {overflow: hidden;
	max-height: 300px;}
#imageList [id^="forms"] {position:relative}
#imageList [id^="forms2"] {display: none;}
/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}




/*
Carousel 
*/
.carousel-control .glyphicon {position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
  margin-left: -10px;}



/* 
#sorter select, 
#sorter input[type="text"], 
.search input[aria-label] {font-size: 13px;
    height: 34px;
    border-color: rgb(120 130 140 / 15%);
    border-radius: 0;
    color: #676767;
    width: 100%;
    font-weight: normal;}
 */
#sorter.nav-link input[type="text"] {  margin: 0;
    display: flex;
    border: 0;}

a#sorter {  padding: 0;
    margin: 0;}



.search .form-group {  min-height: 55px;
    margin: auto;}
.schange.flex {  flex-wrap: wrap;}
.form-group.buttons:not(:empty),
.form-group.schange:not(:empty) {  padding-top: 19px;}
#app .search select {  margin: 0;}

.md-btn.md-raised {  font-weight: normal;
    vertical-align: top;}
.form-group.buttons i[class*="ion-"], .form-group.buttons i[class*=" ion-"] {  font-size: inherit;
    vertical-align: top;}
/* 
.search button {  max-width: 85px;}
 */
[data-view="search"][range] {  display: flex;}




/* 
body[page] label {  position: relative;
    margin: 0;
    font-style: normal;
    font-weight: normal;}
 */
/* 
.frm .row input[type="text"], 
.frm .row textarea {  width: 100%;
    max-width: 100%;
    height: auto;}
 */
/* 
.frm input[type="text"] {  padding: 7px;
    width: 220px;
    margin: 0 0 10px;
    box-sizing: border-box;
    font-size: 13px;
    border: 1px rgb(120 130 140 / 15%) solid;
    height: 30px;
    vertical-align: top;
    font-family: arial;
    background: transparent;}
.frm textarea:focus + label:after,
.frmcad:focus + label:after,
.frmz:focus + label:after,
.frmy:focus + label:after {position:absolute;
	width:500px;
	right:0;
	bottom:-65px;
	box-sizing:border-box;
	padding:10px 20px;
	color:#fff;
	z-index:4}
 */
/* 
body[page] label{position:relative;margin: 0;
	font-style:normal;
	font-weight:normal}
 */
.frmmar{margin:20px 0;}
#app select {    width: 100%;
    padding: 7px;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: transparent;
    color: inherit;}
#app .frm select,
#app .search select {  border: 0;
    border-bottom: 1px solid rgb(160 160 160 / 20%);
    padding-left: 0;
    padding-right: 0;}

.table td, 
.table th {border-color:rgb(160 160 160 / 20%)}

[page]:not([page="catalogue"]):not([page="fields"]) #app .table input[type="text"],
[page]:not([page="catalogue"]):not([page="fields"]) #app .table input[type="number"],
[page]:not([page="catalogue"]):not([page="fields"]) #app .table select {  margin: 0!important;
    padding: 5px!important;
    height: 30px!important;}
#app .table #title input[type="text"] {  border: 0!important;
    font-size: 20px!important;
    min-width: 50%;}

[page]:not([page="catalogue"]):not([page="fields"]) #app .table input[type="text"],
[page]:not([page="catalogue"]):not([page="fields"]) #app .table input[type="number"],
#app .table input[type="password"] {  padding: 7px;
    width: 100%;
    margin: 0 0 10px;
    box-sizing: border-box;
    font-size: 13px;
    height: 30px;
    vertical-align: top;
    font-family: arial;
    background: transparent;
    color: inherit;}
#app .table img {  max-width: 100%;}

.search small {  display: block;
    opacity: .5;}
.frm input[type="checkbox"] {  margin: 0 4px 0 0;}

.frm .pagelink a {word-break: break-word;}

.search .radio.status {display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 5px;
    padding: 0 5px;}
.frm .radio.status {  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;}
.frm .radio.status.required[data-view="add"] label:before, 
.frm .radio.status.required[data-view="add"] label:after {
    background: red;
}
.request .userName i[class*="ion-"] {font-size: 14px;}
    
    
.search .radio.status label,
.frm .radio.status label {  padding: 5px 15px;
    flex: 1;
    white-space: nowrap;
    color: white;
    position: relative;
    line-height: 22px;
    display: inline-flex;
    gap: .5rem;}

.search .radio.status label i:before,
.frm .radio.status label i:before {  border-color: var(--light);}

.search .radio.status label.check ~ label:before,
.search .radio.status label.check ~ label:after,
.frm .radio.status label.check ~ label:before,
.frm .radio.status label.check ~ label:after {  background: var(--gray);
    opacity: .1;}
.search .radio.status label.check ~ label,
.frm .radio.status label.check ~ label {color: var(--dark);}
.black .search .radio.status label.check ~ label,
.black .frm .radio.status label.check ~ label {color: var(--white);}
.search .radio.status label:hover,
.frm .radio.status label:hover {  color: #ccc!important;}
.search .radio.status label i,
.frm .radio.status label i {  display: none;}

.search .radio.status label:before, 
.search .radio.status label:after,
.frm .radio.status label:before, 
.frm .radio.status label:after {content: "";background: var(--primary);width: 100%;height: 50%;position: absolute;z-index: -1;}

.search .radio.status label:after,
.frm .radio.status label:after {  transform: skewX(-15deg);
    left: 0;
    bottom: 0;}

.search .radio.status label:before,
.frm .radio.status label:before {  transform: skewX(15deg);
    left: 0;
    top: 0;}
.radio.labels .check {outline: 1px #8888889c solid;
    outline-offset: 1px;}
.bootstrap-datetimepicker-widget table td, 
.bootstrap-datetimepicker-widget table th {  border-radius: 0rem;}
.bootstrap-datetimepicker-widget.dropdown-menu {width: 300px;}
.bootstrap-datetimepicker-widget table td.active.today:before {  border-bottom-color: var(--primary)!important;}
.bootstrap-datetimepicker-widget.dropdown-menu td.active,
.bootstrap-datetimepicker-widget.dropdown-menu a span:hover,
.bootstrap-datetimepicker-widget.dropdown-menu a span:focus {background-color: var(--primary)!important;
  color: #fff!important;}


.note-editor .note-custom .note-dropdown-menu.show,
.frm .userList .dropdown-menu.show,
.frm .contactList .dropdown-menu.show {  max-height: 400px;
    overflow-y: auto;
    overflow-y: overlay;
    width: max-content;}
#wrlines {  max-height: calc(100vh - 15rem);
    overflow-y: auto;
    overflow-y: overlay;}
.wrcommentstart{bottom: 0;}

.boardcontainer {display: flex;
    overflow-x: scroll;} 
.board {display: inline-flex;
    padding: .75rem;}
.tasks:not(:last-child) {  margin-right: .5rem;
    padding-right: .5rem;}
.tasks {display: inline-flex;
    flex-direction: column;
    width: 20rem;
    height: 100%;
    vertical-align: top;}
.tasks .task-header {  padding: 0 .75rem .5rem;
    align-items: center;
    cursor: move;}
.tasks .task-title {  margin: 0;
    font-size: 1rem;}
.tasks .task-body {  padding: .5rem 0;
    min-height: 2rem;
    flex: 1;
    align-content: start;}
.tasks .task-issue:not(:last-child) {  margin-bottom: .5rem;}

.tasks .task-issue .card {
    box-shadow: 1px 1px 1px rgb(0 0 0 / 13%);
    border-radius: .3rem;
    padding-left: .25rem;
    margin-bottom: .25rem;}
.tasks .task-label-group {  margin: .125rem 0;
    display: block;
    line-height: 1;
    white-space: normal;}
.tasks .card-title {  font-size: 1rem;}
.card-body,
.card-header {padding: .5rem;}
.tasks .card-header {  border: 0; 
    background-color: transparent;}
.card .add {  cursor: pointer;}
.frm {background: white;}

/* 
.frm h3 {  font-weight: normal;
    font-size: 20px;
    margin: 0 0 10px;
    color: inherit;
    border-bottom: 1px #c5c5c5 solid;
    padding-bottom: 5px;}
 */
/* .listimg0{padding: 0 10px;} */
.listimg0, .listimg {    width: 105px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-flex;
    height: 105px;
    margin: 0 5px 5px 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: move;
    vertical-align: bottom;}
.listimg0 input[type="file"]{display:none;}

.listimg0 img {margin:20px;
	width:50%}
/* 
.listimg0 span{font-size: 11px;
	display: block;
	cursor: default;
	line-height: 0;
	color: #696969;} 
 */
.listimg {outline: 2px var(--primary) solid;
    outline-offset: -2px;}
.listimg img{margin: auto;
    width: 100%;}
.listimg [data-remove] {line-height: 20px;
	cursor: pointer;
	background: white;
	position: absolute;
	width: 23px;
	height: 23px;
	border-radius: 22px;
	bottom: 3px;
	font-family: times;
	font-size: 18px;
    color: var(--dark);
	transition: .5s;
	right: -50px;}
.listimg b[data-rotate] {background: url(/cdn/lib/refresh.svg) no-repeat white center / 15px;
	position: absolute;
	top: 3px;
	width: 23px;
	height: 23px;
	border-radius: 22px;
	transition: .5s;
	right: -50px;}
.listimg:hover [data-rotate],
.listimg:hover [data-remove] {right: 3px;
	box-shadow: 1px 1px 1px rgb(0 0 0 / 25%);}	
.listimg:hover [data-extension] {left: 3px;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 25%);}
.listimg [data-extension] {line-height: 20px;
    cursor: pointer;
    background: white;
    position: absolute;
    width: 40px;
    height: 23px;
    border-radius: 22px;
    top: 4px;
    font-size: 13px;
    transition: .5s;
    left: -50px;
    color: var(--dark);
    font-weight: normal;}


.frm i[required] {
	display: inline-block;
	color: var(--danger);
	font-size: 20px;
	line-height: 0;
    font-style: normal;}
#sorter button.active {  background: var(--primary);
    color: white;}
/* 
input[type="text"] {  padding: 7px;
    box-sizing: border-box;
    font-size: 13px;
    vertical-align: top;
    font-family: arial;
    color: inherit;}
 */
textarea {  font-family: arial;
    font-size: 14px;
    line-height: 1.3;
    padding: 7px;
    box-sizing: border-box;
    width: 100%;
    background-color: transparent;
    color: inherit;}
.row textarea {  max-width: 100%;
    height: auto;}
textarea.md-input {  min-height: 34px;}
    
.flexmap .addressmap:not(.none) {min-height: 250px;}
.flexmap .addressfield div font {position: absolute;
    right: 6px;
    font-size: .8em;
    top: 3px;
    z-index: 5;
    background: var(--primary);
    color: white;
    padding: 0 5px;}
.flexmap .addressfield div input {font-weight: bold;
    margin-bottom: -1px!important;}
.active .inputcontent .yamap #cardyandexotys,
.active .inputcontent .yamap,
.flexmap .addressmap .yamap,
.flexmap .addressmap [id^="cardyandex"],
.flexmap .addressmap #gis_canvas,
.flexmap .addressmap #gmap_canvas {height: 250px;
    position: relative;
    margin: 0;}
.flexmap .addressmap .yamap span[id^="index"] {position: absolute;
    width: 100%;
    height: 100%;
    display: flex;}
.flexmap .addressmap .yamap span[id^="index"]:before {content: "+";
    margin: auto;
    font-size: 25px;
    position: relative;
    z-index: 5;}
.flexmap .addressmap [id^="cardyandex"] {box-shadow: 0 1px 2px rgb(0 0 0 / 25%);}

.flexmap .addressfield div > i {position: absolute;
    right: 0;}
.flexmap .addressfield .labels i s:hover, 
.flexmap .addressfield .labels i u:hover {background: #989898;}
.flexmap .addressfield .labels i s, 
.flexmap .addressfield .labels i u {transition: .2s;
    margin: 0;
    display: inline-block;
    padding: 2px 8px;
    text-decoration: none;
    color: white;
    border-radius: 2px;
    cursor: pointer;
    font-size: 15px;
    line-height: 10px;
    margin-left: 2px;}
.flexmap .addressfield .labels i u {background: #13658b;}
.flexmap .addressfield .labels i a {text-decoration: underline;
    display: inline-block;
    cursor: pointer;}
.flexmap .addressfield .labels i s {background: #ef2f11;}
/* 
[data-view="add"] .gallery.gallerygalleryfield {margin:20px 0;
	padding: 13px;
	border: 1px #cccccc dashed;
	border-radius: 5px;
	box-shadow: 1px 1px 5px -2px rgba(0, 0, 0, 0.3) inset;}
 */
/* 
.listimg0 {border: 1px #c5c5c5 solid;
    background: whitesmoke;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 15%);
    border-radius: 4px;
    border: 1px #e9e9e9 solid;
    border-width: 1px 0 0 1px;
    cursor: pointer;
    line-height: 13px;
    font-size: 12px;}
 */
/* 

.frm .row div > label {  display: block;
    color: #9e9e9e;
    font-size: 11px;}
.search .radio label,
.frm span label {margin: 4px 4px 0;
    line-height: 1;}
 */
/* 

.search .radio label input[type="radio"],
.frm .radio label input[type="radio"] {display: none;}
.search .radio label:before,
.frm .radio label:before {content: "";
    position: absolute;
    top: -3px;
    left: -5px;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;}
.search .radio label:hover:before,
.frm .radio label:hover:before {background-color: #e2e2e2;}
.search .radio label.check:before,
.frm .radio label.check:before {background: var(--primary);}

.radio label, .checkbox label {  min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;}


 */

/* 
[list="18"][status="0"] a.owner.public {
    display: none;
}
 */

.call.crmls.row-col[list="18"] {
    display: flex;
    flex-wrap: wrap;
    padding-right: 1rem;
}

.call.crmls.row-col[list="18"] .Description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


#deg {display: flex;
    cursor: pointer;
    border-bottom: 2px var(--primary) solid;}
#deg span {outline: none;
    background: var(--primary);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: relative;
    top: 9px;}



@media (max-width: 576px){
[page="leads"] .frm .pull-right {
    float: none;
    margin-top: 20px;
}
}

/*
Card 
*/
.list-view .item-listing-wrap {  margin-bottom: 30px;}
.listing-view .card {  -ms-flex-preferred-size: 100%;
    flex-basis: 100%;}
@media (min-width: 576px){
.card-deck .card {  -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;}}
.card-deck .card {  margin-left: 0;
    margin-right: 0;
    background-color: transparent;
    border: none;}
@media (min-width: 576px){
.card-deck .card {  -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;}}
.card-deck .card {  margin-bottom: 15px;}
.item-listing-wrap.card {border: none;
    background-color: var(--secondary);
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 0 .5rem;
/* 
    overflow: hidden;
 */
    border-radius: 1rem;}
.list-view .item-wrap {  padding: 0;}

/* 
.list-view .item-wrap {  padding: 8px;}
.item-wrap {  /* padding: 8px 8px 0; */
}
 */

/* 
.h-100 {  height: 100%!important;}
.z-index-0 {  z-index: 0;}
.z-index {  z-index: 10;}
 */
.z-index-0 {  z-index: 0;}
.z-index {  z-index: 11;}
.z-index-xl {  z-index: 111;}

.bottom-right{right:1rem;bottom:1rem}
.bottom-right-0{right:.5rem;bottom:.5rem}
.left{left:1rem;top:1rem}
.bottom-left{left:1rem;bottom:1rem}
.bottom-left-0{left:.5rem;bottom:.5rem}

.frm .inchat {  height: calc(100% - 6rem);
    margin: 50px 0;
    padding: 0;}

.align-items-center {  flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    align-content: space-between;}
.d-flex {  display: -ms-flexbox!important;
    display: flex!important;}
.list-view .item-header {  width: 254px;}
.item-header {  max-width: 100%;
    min-height: 1px;}
/* 
.list-view .item-wrap.item-wrap-no-frame .hover-effect {  border-radius: 4px 0 0 4px;}
.hover-effect, .hover-effect-flat {  cursor: pointer;
    overflow: hidden;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    display: block;
        height: 100%;
            position: relative;}
 */

.list-view .item-body {  padding: 4px 20px;}
.item-body {  padding: 10px;}
.flex-grow-1 {  -ms-flex-positive: 1!important;
    flex-grow: 1!important;}
.hover-effect, .hover-effect-flat {  border-radius: 3px;}
.card {border-color: rgb(120 130 140 / 15%);}
  

.listing-view .card {  -ms-flex-preferred-size: 100%;
    flex-basis: 100%;}
.item-listing-wrap.card h4.add {  max-width: 90%;}

/* 
.bcname i[class*="ion-"],
.item-address i[class*="ion-"] {  margin-left: 2px;}
 */


.item-footer .datashow [person] {  margin-left: 10px;}
/* 
.item-listing-wrap.card[color] {  outline: 2px var(--primary) solid;
    outline-offset: -1px;}
.item-listing-wrap.card[color] .item-body:before {  color: white;
    opacity: .1;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--primary);
    z-index: -1;}
.item-listing-wrap.card[color] {  border-color: transparent;}
.item-listing-wrap.card[color] [premium="1"] {  color: var(--primary);}
 */
 
 .item-listing-wrap.card[color]:before {
    background: linear-gradient(0deg, #ffb13954, #ffbf302b 60%);
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 1rem;
}

.item-listing-wrap .item-wrap {
    position: relative;
}

.item-listing-wrap.card[left] .item-wrap:after {background: url(/cdn/lib/vip.svg) no-repeat center / cover;
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    bottom: -10px;
    right: 20px;
    opacity: .2;
    transform: rotate(-15deg);}
.item-listing-wrap.card[left] [premium="2"] {  color: var(--primary);}

/* 
.item-listing-wrap.card {  max-height: 220px;
    margin: 15px;
    position: relative;} 
 */  
tr.request .item-listing-wrap.card {margin:0}
.card-deck .card {  margin-left: 0;
    margin-right: 0;
    background-color: transparent;
    border: none;
    margin-bottom: 15px;}

.list-view .item-wrap {  padding: 0;}
/* 
.list-view .item-wrap {  padding: 8px;}
 */

@media (min-width: 576px){
.card-deck .card {  -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;}}
@media (max-width: 767.98px) {
	.list-view .item-wrap {
	    padding: 8px 8px 0;
	}
	.list-view .d-flex {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}
	.list-view .item-header {
	    width: 100%;
	}
	/*modules*/
	tbody#list tr[key] td[name], 
	tbody#list tr[key] td[page] {display: none;}
}


.list-view .item-header {  width: 254px;}
.item-header {  max-width: 100%;
    min-height: 1px;}

.img-fluid {  max-width: 100%;
    height: auto;}

/* 

.item-footer {}

.list-view .item-body .labels-wrap {  margin-bottom: 15px;}
.labels-right a {  margin-left: 3px;}
.label {  font-size: 10px;
    line-height: 11px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    padding: 3px 5px;
    color: #fff;
    background-color: rgba(0,0,0,.65);}
.label {  border-radius: 2px;}
 
.list-view .item-body .item-title {  max-width: 250px;}
.list-view .item-body .item-price-wrap {  top: 20px;
    right: 20px;
    text-align: right;}

.listing-view.list-view .item-address {  max-width: 400px;}
 */
/* 
.item-address {  margin: 0;
    flex: 2;
    line-height: 20px;
    max-width: 80%;}
 */


/* 
.item-address h6 {  font-size: .8rem;
    opacity: .6;}
 */
    
    
.item-listing-wrap .top-line {
    display: flex;
    gap: 0 1rem;
    flex-wrap: wrap;
}

.card .item-body {  display: flex;
    gap: .125rem;
    flex-direction: column;
    justify-content: space-between;}
.card .item-body address {    margin-bottom: .25rem;
}
.card .item-body .feedinfo {
    flex: 2;
    padding: .5rem 0;
}
.card .item-body .feedinfo .feed-top {
    display: flex;
    gap: .5rem;
}
.list-view .item-amenities {  margin-bottom: 5px;}
.item-amenities {  font-size: 14px;
    line-height: 16px;
    font-weight: 500;}
.item-amenities, .item-price-wrap, .item-tools, .logged-in-nav, .main-nav .megamenu li {  list-style: none;}
.item-amenities li {  margin-right: 12px;
    margin-bottom: 10px;}

.list-view .btn-item {  bottom: 20px;}

.item-author, .item-author a, .item-date {  color: #636363;
    font-size: 12px;}

.list-view .item-body .item-date {  margin-left: 20px;}


.item-listing-wrap.card summary:not([x]){  z-index: 3;}

.ui-sett [class^="afy"].true,
.ui-sett [class^="youla"].true,
.ui-sett [class^="avito"].true,
.ui-sett [class^="yandex"].true,
.ui-sett [class^="cian"].true,
.ui-sett [class^="n1"].true,
.ui-sett [class^="m2"].true,
.ui-sett [class^="domclick"].true {filter: grayscale(0%);}

.ui-sett [class^="afy"],
.ui-sett [class^="youla"],
.ui-sett [class^="avito"],
.ui-sett [class^="yandex"],
.ui-sett [class^="cian"],
.ui-sett [class^="n1"],
.ui-sett [class^="m2"],
.ui-sett [class^="domclick"] {padding-left: 25px;
	cursor: pointer;
	filter: grayscale(100%);}

.cian-icon {padding: 11px;}
.ui-sett [class^="afy"],
.feedinfo [class^="afy"] {background: url(/cdn/lib/afy.svg) no-repeat left center / 17px;}
.ui-sett [class^="n1"],
.feedinfo [class^="n1"] {background: url(/cdn/lib/n1-svg.svg) no-repeat left center / 17px;}
.ui-sett [class^="m2"],
.feedinfo [class^="m2"] {background: url(/cdn/lib/m2.svg) no-repeat left center / 17px;}
.ui-sett [class^="youla"],
.feedinfo [class^="youla"] {background: url(/cdn/lib/youla.svg) no-repeat left center / 17px;}

.cian-icon,
.frm [iconcontainer] .iconx.cian,
.ui-sett [class^="cian"],
.feedinfo [class^="cian"] {background: url(/cdn/lib/cian-svg.svg) no-repeat left center / 20px;}
.frm [iconcontainer] .iconx.yandex,
.ui-sett [class^="yandex"],
.feedinfo [class^="yandex"] {background: url(/cdn/lib/ya-estate.svg) no-repeat left center / 20px;}
.frm [iconcontainer] .iconx.avito,
.ui-sett [class^="avito"],
.feedinfo [class^="avito"] {background: url(/cdn/lib/avito-svg.svg) no-repeat left center / 20px;}
.ui-sett [class^="domclick"],
.feedinfo [class^="domclick"] {background: url(/cdn/lib/domclick-svg.svg) no-repeat left center / 20px;}

.ui-sett [class^="afy"]:not(.afy),
.ui-sett [class^="yandex"]:not(.yandex),
.ui-sett [class^="avito"]:not(.avito),
.ui-sett [class^="n1"]:not(.n1),
.ui-sett [class^="youla"]:not(.youla),
.ui-sett [class^="m2"]:not(.m2),
.ui-sett [class^="domclick"]:not(.domclick),
.ui-sett [class^="cian"]:not(.cian) {display: inline-block;
	margin: .125rem 0 .125rem .5rem;
	background-position: 3px center;}



.call[status="status2"] .owner.add, 
.call[status="0"] .feeds[data-view="listing"],
.call[status="0"] .social[data-view="listing"],
.call[status="3"] .feeds[data-view="listing"],
.call[status="3"] .social[data-view="listing"],
.call[status="2"] .feeds[data-view="listing"],
.call[status="2"] .social[data-view="listing"],
.call[status="2"] .owner .republic,
.call[status="3"] .owner .republic,
.call[status="status3"] .owner.add,
.call[status="status2"] .delete[list], 
.call[status="status1"] .public[list],
.call[status="2"] .delete[list], 
.call[status="1"] .public[list] {  display: none;}

[board="mirkvartir.ru"] {background: url(/cdn/lib/mk.png) no-repeat center / 20px!important;}
[board="n1.ru"] {background: url(/cdn/lib/n1-svg.svg) no-repeat center / 20px!important;}
[board="sob.ru"] {background: url(/cdn/lib/sob.png) no-repeat center / 20px!important;}
[board="irr.ru"] {background: url(/cdn/lib/irr.png) no-repeat center / 20px!important;}
[board="cian.ru"] {background: url(/cdn/lib/cian-svg.svg) no-repeat center / 20px!important;}
[board="avito.ru"] {background: url(/cdn/lib/avito-svg.svg) no-repeat center / 20px!important;}
[board="youla.io"] {background: url(/cdn/lib/youla.png) no-repeat center / 20px!important;}
[board="domclick.ru"] {background: url(/cdn/lib/domclick-svg.svg) no-repeat center / 20px!important;}
[board="realty.yandex.ru"],[board="realty.ya.ru"] {background: url(/cdn/lib/ya-estate.svg) no-repeat center / 20px!important;}
.card summary.problems {background: url(/cdn/lib/close.svg) no-repeat 13px center / 13px!important;}


body.black,
.black .app-header,
.black .item-listing-wrap.card [board] {background-color: var(--dark);
    color: rgb(255 255 255 / 90%);}
 


.realtime.flex .item-listing-wrap.card {flex-basis: calc(50% - 11px);
    border: 1px solid rgb(120 130 140 / 15%);
    max-height: unset;
    margin: 5px;
    border-radius: 5px;}

.realtime.flex .call.crmls {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-around;
	}
.realtime.flex .item-header {
	    flex-basis: 100%;
	}
	
	

.realtime.flex .item-price {
		font-size: 1.6rem;
	}
.realtime.flex .item-sub-price {
		font-size: 0.9rem;
	}
.realtime.flex .item-body .openp { 	font-size: 1.2rem;
	}
.realtime.flex .item-listing-wrap.card .openp.galleryfield img {background: #e9e9e9;}
body.black .realtime.flex .item-listing-wrap.card .openp.galleryfield img {
    background: var(--gray);}
.realtime.flex .item-footer .pull-left, 
.realtime.flex .item-footer .pull-right {
	    float: right;
	}
.realtime.flex .item-price-wrap {background: rgb(255 255 255 / 95%);
    padding: 15px 38px;
    border-bottom: 5px var(--primary) solid;
    top: calc(220px - 6rem);/* 220px */
    z-index: 1;}
   

.realtime.flex .userName[data-target="#ui-user"] {float: left;}

/* 
.realtime.flex .pull-right.l-h-3x {line-height: 2;}
 */
.realtime.flex #list2 .call[list][status] {  overflow-y: auto;
    max-height: calc(100vh - 6rem);}
.realtime.flex #list2 .item-footer {  border: 0;}   
body.black .realtime.flex .item-price-wrap {background: var(--dark);}
 
 
 

body.black #cardyandexyandexfield,
body.black .detail #newmap,
body.black .realtime-info-map {
	position:relative;
    background-blend-mode: exclusion, hard-light;
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#2c3034, #1d2228);}
body.black .detail #newmap {background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#171717, #171717);}
.leaflet-popup-content-wrapper{max-height: unset!important;}

body.black .leaflet-popup-content-wrapper {  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#2c3034, #1d2228);
    color: black;}
body.black .realtime-info-map .yandexpopup img {  filter: invert(1);}
body.black #cardyandexyandexfield > ymaps,
body.black #cardyandexyandexfield > .leaflet-pane,
body.black .detail #newmap > ymaps,
body.black .detail #newmap > .leaflet-pane,
body.black .realtime-info-map .map2 {  background-color: var(--dark);
    mix-blend-mode: exclusion;} 
.realtime-info-map .yandexpopup {max-width: 200px}
.realtime-info-map .yandexpopup img {width: 150px;box-shadow: 0 5px 10px rgb(144 144 144 / 51%);
    margin: 10px;}
.realtime-info-map .yandexpopup [onclick]:hover {text-decoration: none}
.realtime-info-map .yandexpopup [onclick] {display: table;
	text-decoration: underline;
	cursor: pointer}
.realtime-info-map .leaflet-container a .yandexpopup {
    color: white;
}
.realtime-info-map .yandexpopup a {color: black;}
.realtime-info-map .yandexpopup u{font-style: normal;
	font-size: 24px;
	line-height: 0;
	display: inline-block;
	margin-right: 4px;
	opacity: .6;
	text-decoration: none;}
body.not(.black) .realtime-info-map .leaflet-popup-content-wrapper .yandexpopup span, 
body.not(.black) .realtime-info-map .leaflet-popup-content-wrapper .yandexpopup a {  color: #cecece;}
ymaps[class*="balloon-content__header"] {
    font-family: 'Montserrat';
    margin-bottom: 15px;
    font-size: 1.2rem;
}
.realtime-info-map .map2 [class*="copyright"] {opacity:0;
    position: absolute;
    z-index: -9999999;}
.leaflet-popup-content-wrapper {
    width: 200px!important;
}



#app-mod-detail .custom-map .custom-popup {
    position: absolute;
    z-index: 2000;
    background: white;
    border-radius: .75rem;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    padding: .75rem;
    min-width: 300px;
    max-width: 300px;
    display: none;
    cursor: default;
	transition: opacity 0.2s ease;
	overflow: hidden;
}

#app-mod-detail .custom-map .custom-popup.active {
    display: block;
}

#app-mod-detail .custom-map .custom-popup__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    font-weight: 300;
    font-size: 1.5rem;
    z-index: 1;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

#app-mod-detail .custom-map .custom-popup .popup-image {
    margin-bottom: 1rem;
    height: 220px;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: .75rem;
}

#app-mod-detail .custom-map .custom-popup .popup-image img {z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;}
    
    
/* Стили для списка в попапе */
#app-mod-detail .custom-map .custom-popup .cluster-list {
    max-height: calc(100vh - 2.75rem);
}
#app-mod-detail .custom-map .custom-popup .cluster-item {
    padding-bottom: 2rem;
}

/* Класс для темной карты */
#app-mod-detail .custom-map .dark-mode {
    filter: invert(100%) hue-rotate(180deg) brightness(100%) contrast(75%)
}
body.black #app-mod-detail .custom-map .custom-popup,
body.black #app-mod-detail .custom-map .white {
    background: var(--dark);
}


@media(max-width: 991px){
	.realtime.flex .item-listing-wrap.card {}
	.realtime-info-map.f-b-50 {display: none;}
	.realtime.flex #list2 {flex-basis: 100%;}
}




.realtime.flex .item-wrap .flex {  flex-wrap: wrap;}

   
@media(max-width: 1199px) {
	.realtime.flex .realtime-info-map {flex-basis: 40%;}
	.realtime.flex #list2 {flex-basis: 60%;}
}
@media(max-width: 560px) {
	.item-listing-wrap.card .subprice {
    position: relative;
    right: auto;
    top: 0;
    text-align: left;
}

.item-listing-wrap.card .subprice h6 {
    align-self: flex-start;
}
}
@media(max-width: 860px) {
	.realtime.flex .realtime-info-map {flex-basis: 100%;}
	.realtime.flex #list2 {flex-basis: 100%;}
	
	
    .item-listing-wrap.card {  	flex-basis: 45%;
    	max-height: 100%;
    	border: 1px solid rgb(120 130 140 / 15%);
	}
	.call.crmls {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-around;
	}
	.item-header {
	    flex-basis: 100%;
	}
	.nav .form-control {  order: 2;
    margin-top: 10px;
    	width: 100%;
    text-align: center;
	}
	.nav.nav-md {  padding: 15px;
    justify-content: space-around;
	}
	.nav > * {  border: 0!important;
	}



	.item-body .openp { 	font-size: 1.2rem;
	}

}
@media(max-width: 860px) {
  .item-listing-wrap.card .item-wrap > .flex {flex-wrap: wrap;}
}
	
@media (max-width: 767.98px){
.list-view .item-listing-wrap {  margin-bottom: 80px;}}
@media (max-width: 767.98px){
.list-view .item-body {  width: 100%;
    padding: 15px;}}
.list-view .item-body {  padding: 4px 20px;}

@media (max-width: 767.98px){
.list-view .item-body .labels-wrap {  display: none;}}
.list-view .item-body .labels-wrap {  margin-bottom: 15px;}
@media (max-width: 767.98px){
.list-view .item-body .item-title {  max-width: none;}}
@media (max-width: 767.98px){
.list-view .item-amenities {  margin-bottom: 0;}}

@media (max-width: 767.98px){
.list-view .btn-item {  bottom: 80px;}}

@media (max-width: 767.98px){
.list-view .item-body .item-date,
.list-view .item-body .item-author {  display: none;}}

  
@media (max-width: 767.98px){
.list-view .item-footer {  display: block;
    width: 100%;}}

@media (min-width: 1200px){
.list-view .item-body .item-title {  max-width: 360px;}}

#history_content {  max-height: calc(100vh - 56px);
    overflow-y: auto;
    overflow-y: overlay;}
#history_content .tl-content .flex.target .arrow {position: relative;
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: 4px orange dotted;
    height: 50%;
}
#table_content .request.whitesmoke, 
#table_content .request:hover {  background-color: rgba(8, 8, 8, 0.2);}

tr.request.whitesmoke {background: rgb(113 185 255 / 12%)!important;
    cursor: pointer;
    box-shadow: 0 1px 2px rgb(0 0 0 / 22%);}
.card img {z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: 0;
    max-height: unset;}
.card img[src="/cdn/lib/nophoto.jpg"] {  opacity: .3;}

.item-header a.galleryfield {  height: 220px; width: 220px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 1rem;}
[list="205"] .request .item-header a {
    height: 144px;
}[list="205"] .request .item-header {
    flex-basis: 20%;
}@media (max-width: 860px){[list="205"] .request .item-header a {
    height: 220px;
}[list="205"] .request .item-header {
    flex-basis: 100%;
}[list="205"] .request > td{width: 100%;
    display: block!important;}[list="205"] .request {width: 100%;}}
.openp {cursor:pointer}
.bold {  font-weight: bold;}
.modal .modal-dialog-right {  max-width: calc(100vw - ((100vw - 800px) / 2));
    margin: 0 0 0 auto;height: 100vh;
    display: flex;}

.card button.openp.md-btn.md-fab.m-b-sm.blue {  float: right;}
.openp.item-header {position: relative;
    border-radius: 1rem;
    transition: .5s;}

.openp.item-header:hover {  box-shadow: 0px 5px 20px rgb(0 0 0 / 20%) inset;}

.openp.item-header .markers {
    position: absolute;
    padding: 5px;
    z-index: 2;
    bottom: 0;
    right: 0;
}
.openp.item-header .markers .label {
    margin-bottom: 3px;
    font-size: .7rem;
}

.item-price .coin, .item-sub-price .coin {vertical-align: -2px;
    font-style: normal;
    margin-left: 4px;
    font-size: 1.3em;
    line-height: 0;
    font-weight: normal;}
.item-body h2:hover {  text-decoration: underline;
    cursor: pointer;}
.frm .inPrice .partsstart input {  width: 100%;
    max-width: 100%;}
[parts] .flex .float-label {  flex: 1;
    padding: 18px 0 0 0;}
[parts] .flex .float-label .md-input {  text-overflow: ellipsis;}
[parts] .flex.m-t-xs[part] {  background: white;
    padding: 10px 20px;
    border: 1px #e0e0e0 solid;}
.frm [fcontent] [fpart] {
    flex-basis: calc(33% - .5rem)
}
.frm [fcontent] [fpart] [name="input"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.frm [fcontent] [fpart] [name="text"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
#ui-city #alphaList .icon-case:empty:before {
    content: "×";
    font-size: 3rem;
    opacity: .3;
    font-weight: 200;
    line-height: 46px;
}
#ui-city #alphaList textarea {
    height: auto;
}
#ui-chat .iconlib .material-icons {
    cursor: pointer;
}


.inchat [inparts] {display: flex;
    flex-direction: column;
    flex-basis: 100%;
    position: absolute;
    top: 1rem;
    max-width: 90%;
    width: 100%;
    height: 100%;
    overflow-y: scroll;}
.inchat [inparts] .partsstart {  order: 1;}

.trrr {animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;}

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

.frm [metro]:before {content: "M";
  	 width: 30px;
    height: 30px;
    border-radius: 30px;
    display: inline-block;
    margin: 0 3px 0 0;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: white;
    font-family: times;
    float: right;}
[data-view="listing"] [metro] {display: block;
    max-width: 100%;}
	


[metro] [line] .material-icons {
    font-size: 1rem;
}

[metro] [line] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    vertical-align: top;
    margin-right: .5rem;
}

[data-view="listing"] [metro] i {font-style: normal;
    display: flex;
    opacity: .7;
    align-items: center;}/* 

.frm .metros [line]:before,
[data-view="listing"] [metro] span:before {content: "M";
  	 width: 17px;
    height: 17px;
    border-radius: 17px;
    display: inline-block;
    margin: 0 3px 0 0;
    text-align: center;
    font-size: 10px;
    line-height: 17px;
    color: white;
    font-family: times;}
    
.frm .metros [line]:before,
[data-view="listing"] [metro] span[line]:not([line="МЦК"]):before {color: white;
	border: 0;}						
 */			


.frm .callMode .btn-group ul {  padding: 0;
    overflow: hidden;
    font-size: 12px;
    min-width: 300px;}

.frm .callMode .btn-group ul textarea {  height: 99px;
    border-color: transparent;
    background: whitesmoke;
    border-bottom: 1px #e6e7e9 solid;}
body.black .frm .callMode .btn-group ul textarea {
    background: var(--darkdk);
    border-bottom-color: black;
}
/* 
.frm .callMode .btn-group ul li b {  display: block;
    margin: 0 5px;}
 */

.frm .callMode .btn-group ul li input[type] {
padding: 0 5px 5px;
    border: 0;

}
body.black .frm .callMode .btn-group ul li input[type] {
    background: var(--dark);
}
/* 
.frm .callMode .btn:hover,
.frm .callMode .btn:focus {color:#ccc}
 */
/* 
.frm .callMode label[label]:hover {  background: var(--gray, #ccc);}
 */

/* 
.frm .callMode label[label] {  background: var(--primary, #5f8cba);
    margin: 5px 2px 0;
    padding: 2px 5px;
    border-radius: 2px;
    font-size: 11px;
    color: white;
    cursor: pointer;}
.frm .callMode ul li a.icon-checked {      margin: 5px 0;
    line-height: 20px;
    background: whitesmoke;
    border: 1px #eaeaea solid;
    border-width: 1px 0;
    cursor: pointer;}
 */

.frm .callMode .btn-group .btn {  border-radius: 0;}


.frm .callMode {  display: flex;
/*     justify-content: space-between; */
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    width: 99%;}
.callMode button {  padding: 5px 15px;
    flex: 1;
    color: white;
    position: relative;
    margin: 1px 0px 1px 4px;
    line-height: 1;
    height: 36px;}
.callMode button:before {  transform: skewX(
15deg);
    left: 0;
    top: 0;}
.callMode button:before, 
.callMode button:after {  content: "";
    background: var(--primary);
    width: 100%;
    height: 50%;
    position: absolute;
    z-index: -1;}
.callMode button.danger:before, 
.callMode button.danger:after {background: var(--danger);}
.callMode button.success:before, 
.callMode button.success:after {background: var(--success);}
.callMode button.info:before, 
.callMode button.info:after {background: var(--blue);}
.callMode button.warning:before, 
.callMode button.warning:after {background: var(--warning);}
.callMode button.warn:before, 
.callMode button.warn:after {background: var(--warn);}
.callMode button i[class*="ion-"].w-24 {  background: white;
    color: red;
    font-size: 1.2rem;
    position: absolute;
    left: calc(100% - 10px);
    z-index: 111111;
    top: 0.4rem;
    padding-top: 2px;}
.callMode button:after {  transform: skewX(
-15deg);
    left: 0;
    bottom: 0;}
.callMode button i[class*="ion-"].text {  font-size: initial;}


.frm .metros table th, 
.frm .metros table tr:nth-of-type(odd) {
    background: rgb(0 0 0 / 2%);
    padding: .5rem;
}
.frm .metros table th, 
.frm .metros table td:not(:nth-of-type(1)) {
    text-align: center;
}

.frm .bcs table,
.frm .jks table,
.frm .hghways table {width: 100%;
    font-size: 12px;
    margin: 10px 0;
    border-right: 1px rgb(120 130 140 / 15%) solid;}
.frm .bcs table input,
.frm .jks table input,
.frm .hghways table input,
.frm .metros table input {border-color: transparent;
    margin: 0;
    background: transparent;
    color: inherit;}
.frm .metros table input:not([type="search"]):not([station]) {width: 50px;
    text-align: center;
    font-size: .9rem;}
.frm .bcs table td,
.frm .bcs table th,
.frm .jks table td,
.frm .jks table th,
.frm .hghways table td,
.frm .hghways table th {white-space: nowrap;
    box-shadow: 1px 1px 0 rgb(120 130 140 / 15%);
    border-left: 1px rgb(120 130 140 / 15%) solid;
    border-top: 1px rgb(120 130 140 / 15%) solid;}
.frm .hghways table th:nth-of-type(1),
.frm .metros table th:nth-of-type(1) {width: 100%;}
.frm .bcs table th,
.frm .jks table th,
.frm .hghways table th {text-align: center;
    line-height: 2;
    padding: 0 5px;}
.frm .hghways table td font[removehighway],
.frm .metros table td font[removemetro]  {cursor: pointer;
    line-height: 1;
    font-size: 23px;
    margin-right: 10px;
    color: red;}
.frm .hghways table th font[addhighway],
.frm .metros table th font[addmetro] {cursor: pointer;}	
.frm .hghways select,
.frm .jks select,
.frm .metros select {  border: 0!important;
    background: rgb(0 0 0 / 5%)!important;}			
.frm .brands,
.frm .socials,
.frm .tagList,
.frm .saleList,
.frm .contactList,
.frm .objectList,
.frm .userList {outline: 1px #cdcdcd dashed;outline-offset: 5px;border-radius: 4px;}
.frm .brands > span,
.frm .socials > span,
.frm .tagList > span,
.frm .saleList > span,
.frm .contactList > span,
.frm .objectList > span,
.frm .userList > span {position: relative;top: -16px;left: 2px;background: white;padding: 0 5px;}
body.black .frm .brands > span,
body.black .frm .socials > span,
body.black .frm .tagList > span,
body.black .frm .saleList > span,
body.black .frm .contactList > span,
body.black .frm .objectList > span,
body.black .frm .userList > span {background: var(--dark);}
.frm .brands > div,
.frm .socials > div,
.frm .tagList > div,
.frm .saleList > div,
.frm .contactList > div,
.frm .objectList > div,
.frm .userList > div{position: relative;top: -5px;}
.frm .tagList div.dropdown-menu.show,
.frm .saleList div.dropdown-menu.show,
.frm .contactList div.dropdown-menu.show,
.frm .objectList div.dropdown-menu.show,
.frm .userList div.dropdown-menu.show{transform: translate3d(10px, 10px, 10px)!important;
    position: fixed!important;
    right: 0!important;
    left: auto!important;
    top: -12px!important;
    bottom: 0!important;
    height: 100vh!important;
    max-height: 100vh!important;
    border-radius: 0;
    border: 0;
    border-left: 1px #ececec solid;
    padding: 20px 0 0 0!important;}

#contactList a {
    overflow: hidden;
    max-width: 260px;
}



@media (max-width: 767px) {
.frm label.col-sm-2.text-right {  text-align: left!important;
    margin-top: 15px;}}

	
[metro] [line] a {margin-left: 2px;
    vertical-align: baseline;}			
[metro] [line="Кировско-Выборгская"] a, /*78*/
[metro] [line="Центральная"] a, /*16*/
[metro] [line="Первая"] a, /*63*/
[metro] [line="Автозаводская"] a, /*52*/
[metro] [line="Ленинская"] a, /*54*/
[metro] [line="Сокольническая"] a {color: #f11013;}
[metro] [line="Север-Юг"] a, /*66*/
[metro] [line="Дзержинская"] a, /*54*/
[metro] [line="Замоскворецкая"] a,
[metro] [line="Невско-Василеостровская"] a {color: #5abe52;}
[metro] [line="Московско-Петроградская"] a, /*78*/
[metro] [line="Вторая"] a, /*63*/
[metro] [line="Сормовско-Мещерская"] a,/*52*/
[metro] [line="Арбатско-Покровская"] a {color: #137cb5;}
[metro] [line="Филёвская"] a {color: #4ec6f4;}
[metro] [line="Кольцевая"] a {color: #84412e;}
[metro] [line="Правобережная"] a, /*78*/
[metro] [line="Калужско-Рижская"] a {color: #f07030;}
[metro] [line="Фрунзенско-Приморская"] a {color: #893a9e;}
[metro] [line="Таганско-Краснопресненская"] a {color: #800080;}
[metro] [line="Большая кольцевая"] a {color: #82C0C0;}
[metro] [line="МЦД - 1"] a {color: #f6a600;}
[metro] [line="МЦД - 2"] a {color: #e74280;}
[metro] [line="МЦД - 3"] a {color: #e95b0c;}
[metro] [line="МЦД - 4"] a {color: #40b280;}
[metro] [line="МЦД - 5"] a {color: #77b729;}
[metro] [line="Филевская"] a {color: #00BFFF;}
[metro] [line="Троицкая"] a {color: #03795F;}
[metro] [line="Некрасовская"] a {color: #CC0066;}
[metro] [line="Солнцевская"] a {color: #FFCD1C;}


[metro] [line="Калининская"] a,
[metro] [line="Калининско-Солнцевская"] a {color: #fac833;}
[metro] [line="Серпуховско-Тимирязевская"] a {color: #9f9f9f;}
[metro] [line="Люблинско-Дмитровская"] a {color: #a8da2d;}
[metro] [line="Каховская"] a {color: #80d4c9;}
[metro] [line="Савиновская"] a, /*16*/
[metro] [line="Бутовская"] a {color: #b0bfe7;}
[metro] [line="Монорельс"] a {color: #2875c5;}

[metro] [line="МЦК"] a,
[metro] [line="undefined"] a {color: red;}
/* 
[metro] [line] {white-space: nowrap;}
 */


[metro] [line="Ярославско-Павелецкий"] a {background: url(/cdn/lib/mcd-5.svg) no-repeat center / cover;} /*5*/
[metro] [line="Киевско-Горьковский"] a {background: url(/cdn/lib/mcd-4.svg) no-repeat center / cover;} /*4*/
[metro] [line="Ленинградско-Казанский"] a {background: url(/cdn/lib/mcd-3.svg) no-repeat center / cover;} /*3*/
[metro] [line="Курско-Рижский"] a {background: url(/cdn/lib/mcd-2.svg) no-repeat center / cover;} /*2*/
[metro] [line="Белорусско-Савеловский"] a {background: url(/cdn/lib/mcd-1.svg) no-repeat center / cover;} /*1*/
[metro] [line="Калужско-Нижегородский"] a {background: url(/cdn/lib/mcd-4.svg) no-repeat center / cover;} /*1*/

[metro] [line="Белорусско-Савеловский"] a.directions_subway,
[metro] [line="Ленинградско-Казанский"] a.directions_subway,
[metro] [line="Ярославско-Павелецкий"] a.directions_subway,
[metro] [line="Киевско-Горьковский"] a.directions_subway,
[metro] [line="Калужско-Нижегородский"] a.directions_subway,
[metro] [line="Курско-Рижский"] a.directions_subway {font-size: 0;
    padding: 6px 15px;
    vertical-align: bottom;}

.openp.ava {/* 
display: flex;
    border-radius: 50%;
    overflow: hidden;
 */}
 

/* 
[list="140"] .request a.page {  text-align: center;
    box-shadow: 0 5px 10px rgb(0 0 0 / 0.2);
    border-radius: 3px;}
 */
    
.fixed-action-btn {position: fixed;
    right: 2em;
    bottom: 2em;
    z-index: 99;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    color: white;}




.addMarket .selector .selector__list {  display: none;
    max-height: 200px;
    overflow-y: auto;
    overflow-y: overlay;}

/* 
CP https://github.com/taufik-nurrohman/color-picker
*/
:root{--color-color-picker__controls:#000;--fill-color-picker__controls:0 0;--height-color-picker__controls:10em;--shadow-color-picker__dialog:1px 3px 6px rgba(0, 0, 0, .5);--size-color-picker__controls:12px;--stroke-color-picker__controls:#000;--width-color-picker__control--a:1.5em;--width-color-picker__control--h:1.5em;--width-color-picker__control--s\/v:10em}.color-picker__control--a,.color-picker__control--h,.color-picker__control--s\/v{-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;background-size:100% 100%;position:relative;user-select:none}.color-picker__control--a div,.color-picker__control--h div,.color-picker__control--s\/v div{bottom:0;left:0;position:absolute;right:0;top:0}.color-picker__control--a,.color-picker__control--h{border-left:1px solid;cursor:ns-resize;overflow:hidden}.color-picker__control--a{width:var(--width-color-picker__control--a)}.color-picker__control--a div{z-index:2}.color-picker__control--a div+div{background-image:linear-gradient(45deg,#ddd 25%,transparent 25%,transparent 75%,#ddd 75%,#ddd 100%),linear-gradient(45deg,#ddd 25%,#fff 25%,#fff 75%,#ddd 75%,#ddd 100%);background-position:0 0,.25em .25em;background-size:.5em .5em;z-index:1}.color-picker__control--h{width:var(--width-color-picker__control--a)}.color-picker__control--h div{background-image:linear-gradient(to top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.color-picker__control--s\/v{cursor:crosshair;overflow:hidden;width:var(--width-color-picker__control--s\/v)}.color-picker__control--s\/v div+div{background-image:linear-gradient(to right,#fff,rgba(255,255,255,0))}.color-picker__control--s\/v div+div+div{background-image:linear-gradient(to top,#000,rgba(0,0,0,0))}.color-picker__controls{background:var(--fill-color-picker__controls);border-radius:var(--arc-color-picker__controls);border:1px solid;border-color:var(--stroke-color-picker__controls);color:var(--color-color-picker__controls);display:flex;height:var(--height-color-picker__controls);overflow:hidden}.color-picker__dialog{box-shadow:var(--shadow-color-picker__dialog);left:0;position:absolute;top:0;z-index:9999}.color-picker__dialog,.color-picker__dialog *,.color-picker__dialog ::after,.color-picker__dialog ::before,.color-picker__dialog::after,.color-picker__dialog::before{box-sizing:border-box;font:inherit}.color-picker__cursor{border-color:inherit;color:inherit;font:inherit;font-size:var(--size-color-picker__controls)}.color-picker__cursor--a,.color-picker__cursor--h{display:block;height:.5em;left:0;position:absolute;right:0;top:-.25em;z-index:2}.color-picker__cursor--a::before,.color-picker__cursor--h::before{border:.25em solid;border-bottom-color:transparent;border-top-color:transparent;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.color-picker__cursor--s\/v{display:block;height:.75em;position:absolute;right:-.375em;top:-.375em;width:.75em;z-index:2}.color-picker__cursor--s\/v::before{border-radius:100%;border:1px solid #fff;bottom:0;box-shadow:0 0 2px #000;content:"";display:block;left:0;position:absolute;right:0;top:0}

/* 
CP

colorpicker.color-picker,
.color-picker::before,
.color-picker::after,
.color-picker *,
.color-picker *::before,
.color-picker *::after {-webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;}
.color-picker {position:absolute;
  top:0;
  left:0;
  z-index:9999;}
.color-picker-container {background:#fff;
  color:#000;
  padding:1px;
  -webkit-box-shadow:1px 5px 10px rgba(0,0,0,.5);
  -moz-box-shadow:1px 5px 10px rgba(0,0,0,.5);
  box-shadow:1px 5px 10px rgba(0,0,0,.5);
  width:calc(11.5em + 3px); TODO}
.color-picker-container *,
.color-picker-container *::before,
.color-picker-container *::after {border-color:inherit}
.color-picker-container::after {content:"";
  display:table;
  clear:both;}
.color-picker i {font:inherit;
  font-size:12px; measure the color control size by measuring the text size}
.color-picker-h {position:relative;
  width:1.5em;
  height:10em;
  float:right;
  cursor:ns-resize;
  background-image:-webkit-linear-gradient(to top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);
  background-image:-moz-linear-gradient(to top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);
  background-image:linear-gradient(to top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);
  -webkit-background-size:100% 100%;
  -moz-background-size:100% 100%;
  background-size:100% 100%;
  overflow:hidden;}
.color-picker-h i {position:absolute;
  top:-.25em;
  right:0;
  left:0;
  z-index:3;
  display:block;
  height:.5em;}
.color-picker-h i::before {content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:block;
  border:.25em solid;
  border-color:inherit;
  border-top-color:transparent;
  border-bottom-color:transparent;}
.color-picker-sv {position:relative;
  width:10em;
  height:10em;
  float:left;
  margin-right:1px;
  background-image:-webkit-linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0));
  background-image:-moz-linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0));
  background-image:linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0));
  -webkit-background-size:100% 100%;
  -moz-background-size:100% 100%;
  background-size:100% 100%;
  cursor:crosshair;}
.color-picker-sv i {position:absolute;
  top:-.4em;
  right:-.4em;
  z-index:3;
  display:block;
  width:.8em;
  height:.8em;}
.color-picker-sv i::before,
.color-picker-sv i::after {content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:block;
  border:1px solid;
  border-color:inherit;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;}
.color-picker-sv i::before {top:-1px;
  right:-1px;
  bottom:-1px;
  left:-1px;
  border-color:#fff;}
.color-picker-h,
.color-picker-sv {-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color:transparent;}
.color-picker,
.color-picker i {font-size: 20px;}

 */

 /* base */




/* theme change */

.sw-sm {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.sw-sm input {
  opacity: 0;
  width: 0;
  height: 0;
}

.sw-sm .sw-sl {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2196f3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 0;
  overflow: hidden;
}

.sw-sm .sw-svg {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: yellow;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.sw-sm input:checked + .sw-sl {
  background-color: black;
}

.sw-sm input:focus + .sw-sl {
  box-shadow: 0 0 1px #2196f3;
}

.sw-sm input:checked + .sw-sl .sw-svg {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  background-color: white;
}

.sw-sm .sw-pg {
  opacity: 0;
  transition: 0.4s;
  fill: gray;
}

.sw-sm input:checked + .sw-sl .sw-svg .sw-pg {
  opacity: 1;
}

.sw-sm .sw-sl.round {
  border-radius: 34px;
}

.sw-sm .sw-sl.round .sw-svg {
  border-radius: 50%;
}

.sw-sm #sw-pg-1 {
  left: 10px;
  top: 3px;
  position: absolute;
  width: 6px;
  height: 6px;
  z-index: 4;
}

.sw-sm #sw-pg-2 {
  left: 2px;
  top: 10px;
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: 4;
}

.sw-sm #sw-pg-3 {
  left: 16px;
  top: 18px;
  position: absolute;
  width: 3px;
  height: 3px;
  z-index: 4;
}

.sw-sm #sw-st-1 {
  left: -8px;
  top: -8px;
  position: absolute;
  width: 43px;
  height: 43px;
  z-index: -1;
  fill: white;
  opacity: 10%;
}

.sw-sm #sw-st-2 {
  left: -50%;
  top: -50%;
  position: absolute;
  width: 55px;
  height: 55px;
  z-index: -1;
  fill: white;
  opacity: 10%;
}

.sw-sm #sw-st-3 {
  left: -18px;
  top: -18px;
  position: absolute;
  width: 60px;
  height: 60px;
  z-index: -1;
  fill: white;
  opacity: 10%;
}

.sw-sm .sw-lt {
  position: absolute;
  fill: #eee;
  animation-name: sw-dk-move;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

.sw-sm .sw-dk {
  position: absolute;
  fill: #ccc;
  animation-name: sw-dk-move;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-delay: 1s;
}

.sw-sm #sw-dk-1 {
  left: 30px;
  top: 15px;
  width: 40px;
}

.sw-sm #sw-dk-2 {
  left: 44px;
  top: 10px;
  width: 20px;
}

.sw-sm #sw-dk-3 {
  left: 18px;
  top: 24px;
  width: 30px;
}

.sw-sm #sw-lt-1 {
  left: 36px;
  top: 18px;
  width: 40px;
}

.sw-sm #sw-lt-2 {
  left: 48px;
  top: 14px;
  width: 20px;
}

.sw-sm #sw-lt-3 {
  left: 22px;
  top: 26px;
  width: 30px;
}

@keyframes sw-dk-move {
  0% {
    transform: translateX(0px);
  }

  40% {
    transform: translateX(4px);
  }

  80% {
    transform: translateX(-4px);
  }

  100% {
    transform: translateX(0px);
  }
}

.sw-sm .sw-str {
  transform: translateY(-32px);
  opacity: 0;
  transition: 0.4s;
}

.sw-sm .star {
  fill: white;
  position: absolute;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  animation-name: star-twinkle;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.sw-sm input:checked + .sw-sl .sw-str {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.sw-sm #sw-str {
  width: 20px;
  top: 2px;
  left: 3px;
  animation-delay: 0.3s;
}

.sw-sm #star-2 {
  width: 6px;
  top: 16px;
  left: 3px;
}

.sw-sm #star-3 {
  width: 12px;
  top: 20px;
  left: 10px;
  animation-delay: 0.6s;
}

.sw-sm #star-4 {
  width: 18px;
  top: 0px;
  left: 18px;
  animation-delay: 1.3s;
}

@keyframes star-twinkle {
  0% {
    transform: scale(1);
  }

  40% {
    transform: scale(1.2);
  }

  80% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}



/*
Dropdown menu 
*/
.dropdown-item {  font-size: 0.9rem;
    color: inherit;}

[page="base"] .dropdown-city .dropdown-item {  font-size: 0.9rem;
    color: inherit;
    display: inline-block;
    width: 48%;
    text-overflow: ellipsis;
    overflow: hidden;}

[page="base"] .dropdown-city {  max-height: calc(100vh - 10rem);
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    max-width: 500px;
    width: 100%;
    min-width: 700px;
    background: linear-gradient(to left, white 50%, #eeeff0 50%);}


.dropdown-menu.columns-2 {  max-width: 400px;
    width: 100%;
    min-width: 500px;
    background: linear-gradient(to left, white 50%, #eeeff0 50%);}
.dropdown-menu.columns-2 {  max-height: calc(100vh - 10rem);
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;}

@media (max-width: 640px) {
	.dropdown-menu.columns-2 {
		overflow-x: hidden;
		background: white;
	}
	.dropdown-city {column-count: initial;}
}
.dropdown-item.active, .dropdown-item:active {  background-color: var(--primary);}
.dropdown-toggle {display: flex;
    justify-content: space-between;
    align-items: center;}


[parts] .dropdown-menu {  overflow-y: auto;
    overflow-y: overlay;
    height: 100%;
    min-height: 210px;
    width: 100%;
    right: 0!important;
    min-width: calc(80vw - 170px)!important;
    left: -40px!important;}
[parts] .dropdown-menu .material-icons.pointer:empty:before {  content: '×';
    color: #e44242;
    font-weight: 100;
    display: flex;
    margin: -10px 10px;
    vertical-align: baseline;}

@media (max-width: 800px) {
	.white.w-full.pos-fix.box-shadow.z-index {
	    position: relative!important;
	}
	.tab-pane.h-100 {
	    padding: 0 25px;
	}
} 
@media (max-width: 414px) {
/* 
	.tab-pane.h-100.col-sm-12.active {  height: 100vh!important;}
 */


#container-5 .event .picker-switch.accordion-toggle {  right: 43%;}
#container-5 .event,
#container-5 #pickerhistory > div {  margin: .5rem;}
} 




/*note-editor*/
span.note-icon-caret {  display: none;}


/* 
    background: rgb(0 0 0 / 20%);
 */
/* 
.dropdown-menu {font-size: 0.875rem;
  color: rgb(0 0 0 / 87%);
  border-radius: 3px;
  border: 1px solid rgb(0 0 0 / 10%);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;}
  .dropdown-menu > li:not(.dropdown-item) > a {  display: block;
    padding: 3px 20px;}
    .dropdown-menu > li:not(.dropdown-item) > a:hover, .dropdown-menu > li:not(.dropdown-item) > a:focus {    background-color: rgb(0 0 0 / 6%);}
  .dropdown-menu > .divider {  height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: rgb(120 130 140 / 15%);}
  .dropdown-menu .active {  background-color: rgb(0 0 0 / 6%);}
  .dropdown-menu.pull-left {  left: auto!important;
    right: 100%;}
  .dropdown-menu.pull-right {  left: auto;
    right: 0;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;}
  .dropdown-menu.pull-up {  top: 0;}
  .dropdown-menu.pull-down {  top: 100%!important;
    left: 0!important;}
  .dropup .dropdown-menu {  -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;}
    .dropup .dropdown-menu.pull-right {    -webkit-transform-origin: bottom right;
      -moz-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
      transform-origin: bottom right;}
  .dropdown-menu.datepicker, .dropdown-menu.timepicker {  padding: 6px;
    font-size: 0.8rem;}
    .dropdown-menu.datepicker .btn, .dropdown-menu.timepicker .btn {    font-size: 0.8rem;}
      .dropdown-menu.datepicker .btn.btn-primary, .dropdown-menu.timepicker .btn.btn-primary {      background-color: #2169f3;
        color: #fff;}
    .dropdown-menu.datepicker .btn:not(:hover), .dropdown-menu.timepicker .btn:not(:hover) {    box-shadow: 0 0 1px transparent;}

.dropdown-menu.columns-2 {
	min-width: 600px;}

.dropdown-item i {width: 1.2rem;
	margin-left: -0.5rem;
	margin-right: .5rem;
	text-align: center;}

.dropdown-item,
.dropdown-item.active {color: inherit;}
.dropdown-item:hover, .dropdown-item:focus,
.dropdown-item.active:hover,
.dropdown-item.active:focus {color: inherit;
    background-color: rgb(0 0 0 / 6%);}

.dropdown-divider {background-color: rgb(120 130 140 / 15%);}

.dropdown-menu-scale {display: block;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56);
  transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;}

.open > .dropdown-menu-scale {opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  pointer-events: auto;
  display: block!important;}

.dropdown-header {padding: 8px 16px;}

.dropdown-submenu {position: relative;}
  .dropdown-submenu:hover > .dropdown-menu, .dropdown-submenu:focus > .dropdown-menu {  display: block;}
  .dropdown-submenu .dropdown-menu {  left: 100%;
    top: 0;
    margin-top: -6px;
    margin-left: -1px;}
  .dropup .dropdown-submenu > .dropdown-menu {  top: auto;
    bottom: 0;
    margin-bottom: -6px;}

.popover {color: rgb(0 0 0 / 87%);}

@media (max-width: 1199px) {.dropdown-menu.pull-none-lg {  left: 0;}
  .dropdown-menu.pull-right-lg {  left: auto;
    right: 0;} }

@media (max-width: 991px) {.dropdown-menu.pull-none-md {  left: 0;}
  .dropdown-menu.pull-right-md {  left: auto;
    right: 0;} }

@media (max-width: 767px) {.dropdown-menu.pull-none-sm {  left: 0;}
  .dropdown-menu.pull-right-sm {  left: auto;
    right: 0;} }

@media (max-width: 543px) {.dropdown-menu.pull-none-xs {  left: 0;}
  .dropdown-menu.pull-right-xs {  left: auto;
    right: 0;} }
 */

/*
Form 
*/
.form-control {border-color: rgb(120 130 140 / 15%);
  border-radius: 0.25rem;}
  .form-control:focus {box-shadow: none;
    border-color: rgb(120 130 140 / 30%);}

.form-control-label {padding-top: .5rem;
  padding-bottom: .5rem;
  margin-bottom: 0;}

.custom-select {border-color: rgb(120 130 140 / 15%);}

.form-control::-webkit-input-placeholder {color: inherit;
  opacity: 0.3;}

.form-control::-moz-placeholder {color: inherit;
  opacity: 0.3;}

.form-control:-ms-input-placeholder {color: inherit;
  opacity: 0.3;}

.form-control-spin {position: absolute;
  z-index: 2;
  right: 10px;
  top: 50%;
  margin-top: -7px;}


.input-group-btn button {  border-radius: 0 3px 3px 0;
    margin-left: -1px;}


.input-group-addon {border-color: rgb(120 130 140 / 20%)!important;
  background-color: transparent;
  color: inherit;}

.form-group-stack .form-control {margin-top: -1px;
  position: relative;
  border-radius: 0;}
  .form-group-stack .form-control:focus, .form-group-stack .form-control:active {  z-index: 1;}

.radio.required i:before {border-color: var(--danger)!important;}
select.required,
.md-input.required {border-color: var(--danger)!important;}

.form-file {position: relative;}
  .form-file input {  position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;}

.input-group-sm > .form-control {min-height: 1.95rem;}

.active-checked {opacity: 0;}

input:checked + .active-checked {opacity: 1;}

/*
List Group 
*/

/*
Modal 
*/
.modal .modal-left {-webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}

.modal .modal-right {-webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}

.modal .modal-top {-webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}

.modal .modal-bottom {-webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}

.modal.show .modal-left,
.modal.show .modal-right,
.modal.show .modal-top,
.modal.show .modal-bottom {-webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;}


.modal-body {padding:0}
.note-modal .modal-body {padding: 1rem}
.modal-left .modal-content,
.modal-right .modal-content {  height: 100vh;}

#aside .modal-dialog {-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
.modal-content {  border: 0;}
.modal-left,
.modal-right {margin: 0;
    width: 100%;
	max-width: 350px;}
	
.modal.inactive {bottom: auto;
  overflow: visible;}

.modal-open-aside {overflow: visible;}

.modal > .modal-left {position: fixed;
  z-index: 1055;
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;}

.modal > .modal-right {position: fixed;
  z-index: 1055;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;}

.modal > .modal-top {position: fixed;
  z-index: 1055;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;}

.modal > .modal-bottom {position: fixed;
  z-index: 1055;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;}
.modal-bottom-right {left: auto!important;}

.modal-header,
.modal-content,
.modal-footer {border-color: rgb(120 130 140 / 15%);}
.modal-content {color: rgb(0 0 0 / 80%);}

.modal-close-btn {position: absolute;
  top: 0;
  right: 0;}
.modal-header {border-radius: 0;}
.modal-dialog-alert .modal-footer {justify-content: center;}
.modal-dialog-full {width: 100%;
    max-width: 100%;
    margin: 0;}
    
@media (min-width: 544px) {
	.modal-dialog-alert {
	    max-width: 400px;
	    margin: 10px;
	}
}

/* 
@media (max-width: 1199px) {  .row-col > div.aside-lg {      display: none;
    }
    .aside-lg {      display: none;
        position: fixed !important;
    }
    .aside-lg > * {      position: fixed;
        top: 0;
        bottom: 0;
        max-width: 304px;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .aside-lg ~ * {      width: 100%;
    }
}

@media (max-width: 991px) {  .row-col > div.aside-md {      display: none;
        width: 100%;
    }
    .aside-md {      display: none;
        position: fixed !important;
        background: transparent !important;
    }
    .aside-md > * {      position: fixed;
        top: 0;
        bottom: 0;
        max-width: 304px;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .aside-md ~ * {      width: 100%;
    }
    .aside-md-right > * {      -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        right: 0;
    }
}
 */

#aside .navbar {	min-height: 3.7rem;
    padding: 0 8px;}
.aside, .aside.fade:not(.show) {  opacity: 1;}
.aside.show {  width: 100%;}
.aside.show > * {  -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
/* 
.aside > * {  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
 */



/*
Modal animation 
*/
.modal-content {border-radius: 0;}

.modal.animate .modal-dialog {-webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);}

.modal.animate .fade-right-big {-webkit-animation: fadeOutLeftBig 0.5s;
  animation: fadeOutLeftBig 0.5s;}

.modal.animate .fade-left-big {-webkit-animation: fadeOutRightBig 0.5s;
  animation: fadeOutRightBig 0.5s;}

.modal.animate .fade-up-big {-webkit-animation: fadeOutUpBig 0.5s;
  animation: fadeOutUpBig 0.5s;}

.modal.animate .fade-down-big {-webkit-animation: fadeOutDownBig 0.5s;
  animation: fadeOutDownBig 0.5s;}

.modal.animate .fade-right {-webkit-animation: fadeOutLeft 0.5s;
  animation: fadeOutLeft 0.5s;}

.modal.animate .fade-left {-webkit-animation: fadeOutRight 0.5s;
  animation: fadeOutRight 0.5s;}

.modal.animate .fade-up {-webkit-animation: fadeOutUp 0.5s;
  animation: fadeOutUp 0.5s;}

.modal.animate .fade-down {-webkit-animation: fadeOutDown 0.5s;
  animation: fadeOutDown 0.5s;}

.modal.animate .flip-x {-webkit-animation: flipOutX 0.5s;
  animation: flipOutX 0.5s;}

.modal.animate .flip-y {-webkit-animation: flipOutY 0.5s;
  animation: flipOutY 0.5s;}

.modal.animate .zoom {-webkit-animation: zoomOut 0.5s;
  animation: zoomOut 0.5s;}

.modal.animate .roll {-webkit-animation: rollOut 0.5s;
  animation: rollOut 0.5s;}

.modal.animate .bounce {-webkit-animation: bounceOut 0.5s;
  animation: bounceOut 0.5s;}

.modal.animate .rotate {-webkit-animation: rotateOut 0.5s;
  animation: rotateOut 0.5s;}

.modal.animate.show .fade-right-big {-webkit-animation: fadeInRightBig 0.5s;
  animation: fadeInRightBig 0.5s;}

.modal.animate.show .fade-left-big {-webkit-animation: fadeInLeftBig 0.5s;
  animation: fadeInLeftBig 0.5s;}

.modal.animate.show .fade-up-big {-webkit-animation: fadeInUpBig 0.5s;
  animation: fadeInUpBig 0.5s;}

.modal.animate.show .fade-down-big {-webkit-animation: fadeInDownBig 0.5s;
  animation: fadeInDownBig 0.5s;}

.modal.animate.show .fade-right {-webkit-animation: fadeInRight 0.5s;
  animation: fadeInRight 0.5s;}

.modal.animate.show .fade-left {-webkit-animation: fadeInLeft 0.5s;
  animation: fadeInLeft 0.5s;}

.modal.animate.show .fade-up {-webkit-animation: fadeInUp 0.5s;
  animation: fadeInUp 0.5s;}

.modal.animate.show .fade-down {-webkit-animation: fadeInDown 0.5s;
  animation: fadeInDown 0.5s;}

.modal.animate.show .flip-x {-webkit-animation: flipInX 0.5s;
  animation: flipInX 0.5s;}

.modal.animate.show .flip-y {-webkit-animation: flipInY 0.5s;
  animation: flipInY 0.5s;}

.modal.animate.show .zoom {-webkit-animation: zoomIn 0.5s;
  animation: zoomIn 0.5s;}

.modal.animate.show .roll {-webkit-animation: rollIn 0.5s;
  animation: rollIn 0.5s;}

.modal.animate.show .bounce {-webkit-animation: bounceIn 0.5s;
  animation: bounceIn 0.5s;}

.modal.animate.show .rotate {-webkit-animation: rotateIn 0.5s;
  animation: rotateIn 0.5s;}

[data-item="balance"].animate,
[data-sort="notice"].animate {position: relative;}
[data-sort="notice"].animate:before, 
[data-item="balance"].animate:before, 
[data-item="balance"].animate [href="/lic"]:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: red;
    border-radius: 50%;
    right: 5px;
    top: 5px;
}
@-webkit-keyframes Gradient {0% {background-position:0 50%}
	50% {background-position:100% 50%}
	100% {background-position:0 50%}}

@-moz-keyframes Gradient {0% {background-position:0 50%}
	50% {background-position:100% 50%}
	100% {background-position:0 50%}}

@keyframes Gradient {0% {background-position:0 50%}
	50% {background-position:100% 50%}
	100% {background-position:0 50%}}
		
@media (min-width: 992px) {
	.hidden-lg {
	    display: none!important;
	}
}
@media (max-width: 991px) {
	.hidden-sm {
	    display: none!important;
	}
}
.modal-open .modal {  opacity: 1;}

/*
Nav 
*/
.nav {  border: inherit;}

.nav-item {  border: inherit;}

.nav-link {  border: inherit;
    position: relative;
    padding: 0;
    display: inline-block;}

.nav-md .nav-link {  padding: 0.5rem;}
.nav-md .nav-link.dropdown {  padding: 0;
    height: 37px;}
.nav-md .nav-item + .nav-item {
/* 
    margin-left: 1.5rem;
 */
}

.nav-sm .nav-link {  padding: 0.5rem;}

.nav-xs .nav-link {  padding: 0.15rem 0.5rem;
    font-size: 90%;}

.nav-rounded .nav-link {  border-radius: 2rem;}

.nav-tabs {  border-bottom-width: 0;
    position: relative;
    z-index: 1;}

.nav-tabs .nav-link {  background: transparent;
    color: inherit !important;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {  border-color: rgb(120 130 140 / 15%);
    background: inherit;
    border-bottom-color: transparent;}

/* 
.app-body .nav-link:focus, 
.app-body .nav-link:hover {background-color: var(--primary);
   transition: .3s;
	color: white;}
 */


.tab-content.tab-alt .tab-pane {  display: block;
    height: 0;
    overflow: hidden;}
.tab-content.tab-alt .tab-pane.active {  height: auto;
    overflow: visible;}

.nav-justified .nav-item {  display: table-cell;
    width: 1%;
    float: none !important;
    text-align: center;}

.nav-lists .nav-item {  border-bottom: 1px solid rgb(120 130 140 / 15%);
    background-clip: padding-box;}

.nav-active-border .nav-link:before {  content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    left: 50%;
    right: 50%;
    bottom: 0;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: transparent;}

.nav-active-border .nav-link:hover:before,
.nav-active-border .nav-link:focus:before,
.nav-active-border .nav-link.active:before {  left: 0%;
    right: 0%;
    border-bottom-color: inherit;}

.nav-active-border.top .nav-link:before {  bottom: auto;
    top: 0;}

.nav-active-border.left .nav-link {  float: none;}
.nav-active-border.left .nav-link:before {  border-bottom-width: 0;
    right: auto;
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: transparent;
    left: -10px;
    top: 50%;
    bottom: 50%;}
.nav-active-border.left .nav-link:hover:before,
.nav-active-border.left .nav-link:focus:before,
.nav-active-border.left .nav-link.active:before {  top: 0%;
    bottom: 0%;
    border-left-color: inherit;}

.nav-active-border.left.right .nav-link:before {  left: auto;
    right: 0;}

.breadcrumb {  background-color: rgb(0 0 0 / 6%);}
.breadcrumb > li + li:before {  content: "/ ";}

@media (max-width: 768px) {  .nav-md .nav-link.dropdown {  }
    .nav-link.pull-right {      float: initial;
    }
}

/*
Navbar 
*/
.navbar {  border: none;
    padding: 0;
    flex-shrink: 0;
    min-height: 3.5rem;
    display: block;}
.navbar .up {  margin: 0 -0.6em;}
.navbar .avatar {  background: var(--primary);
    line-height: 32px;
    color: white;
    display: inline-block !important;
    top: -2px;}

.navbar-item {  margin-right: 0;
    margin-bottom: 0;}

/* 
.navbar-nav > .nav-link,
.navbar-nav > .nav-item > .nav-link,
.navbar-item,
 */
.company {  padding: 0;
/* 
    line-height: 3.3rem;
 */
    white-space: nowrap;}

/* 
.company {  padding: 0;
    font-size: 1.125rem;}
.company:hover {  text-decoration: none;}
.company img,
.company svg {  position: relative;
    max-height: 2rem;
    top: 0.75rem;
    display: inline-block;
    vertical-align: top;}
.company > span {  display: inline-block;
    line-height: 0.8;
    text-align: center;}
 */

.navbar .collapsing, .navbar
.collapse.show {clear: left;
  padding-bottom: 1rem;}

.collapsing .navbar-nav,
.collapse.show .navbar-nav {float: none!important;}

.collapsing .navbar-nav:not(.navbar-nav-inline) .nav-item,
.collapse.show .navbar-nav:not(.navbar-nav-inline) .nav-item {float: none;
  margin: 0;}

.collapsing .navbar-nav:not(.navbar-nav-inline) .nav-link,
.collapse.show .navbar-nav:not(.navbar-nav-inline) .nav-link {display: block;
  line-height: 2!important;}

.collapsing .navbar-form,
.collapse.show .navbar-form {margin: 0!important;
  padding: 0.5rem 0;
  float: none!important;}

.collapsing .nav-active-border,
.collapse.show .nav-active-border {border-color: transparent;}

.collapsing .dropdown-menu-scale,
.collapse.show .dropdown-menu-scale {display: none;}

@media (min-width: 768px) {.navbar.container {  padding-left: 0;
    padding-right: 0;} }
@media (max-width: 992px){
.navbar-item[data-item="aside"] {  display: none;}}

/*
Pager 
*/
.pagination .page-item,
.pagination > li > a,
.pagination > li > span,
.pager .page-item,
.pager > li > a,
.pager > li > span {color: inherit!important;
  background-color: transparent!important;
  border-color: rgb(120 130 140 / 15%)!important;}
  .pagination .page-item:hover, .pagination .page-item:focus,
  .pagination > li > a:hover,
  .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus,
  .pager .page-item:hover,
  .pager .page-item:focus,
  .pager > li > a:hover,
  .pager > li > a:focus,
  .pager > li > span:hover,
  .pager > li > span:focus {  border-color: rgb(120 130 140 / 15%);
    background-color: rgb(0 0 0 / 6%);
    color: inherit;}

.pagination .page-item.active,
.pagination > .active > a,
.pagination > .active > span,
.pager .page-item.active,
.pager > .active > a,
.pager > .active > span {color: white!important;
  background-color: var(--primary)!important;
  border-color: var(--primary)!important;}

.pagination > li {display: inline;
  list-style: none;}

.pagination > li > a {position: relative;
  float: left;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.5;
  color: #0275d8;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;}
  .pagination > li > a:focus {  color: #014c8c;
    background-color: #eceeef;
    border-color: #ddd;}
  .pagination > li > a:hover {  color: #014c8c;
    background-color: #eceeef;
    border-color: #ddd;}

.pager {padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  list-style: none;}
  .pager::after {  content: "";
    display: table;
    clear: both;}
  .pager li {  display: inline;}
    .pager li > a,
    .pager li > span {    display: inline-block;
      padding: 5px 14px;
      background-color: rgb(0 0 0 / 6%);
      border: 1px solid rgb(120 130 140 / 15%);
      border-radius: 500px;}
    .pager li > a:focus {    text-decoration: none;
      background-color: rgb(0 0 0 / 6%);}
    .pager li > a:hover {    text-decoration: none;
      background-color: rgb(0 0 0 / 6%);}
  .pager .disabled > a, .pager .disabled > a:focus {  cursor: inherit;
    background-color: rgb(0 0 0 / 6%);}
  .pager .disabled > a:hover {  cursor: inherit;
    background-color: rgb(0 0 0 / 6%);}
  .pager .disabled > span {  cursor: inherit;
    background-color: rgb(0 0 0 / 6%);}

.pager-next > a,
.pager-next > span {float: right;}

.pager-prev > a,
.pager-prev > span {float: left;}

/*
Progress 
*/
.progress[value]::-webkit-progress-bar {background-color: rgb(0 0 0 / 6%);}

.progress {
/* 
  border-radius: .25rem;
 */
  overflow: hidden;
  background-color: rgb(0 0 0 / 6%);}

body.black .progress::after {  border-color: rgb(238 238 238 / 30%);}
.progress-bar {display: inline-block;
  float: left;
  height: 100%;
/* 
  border-radius: .25rem;
 */
  text-align: center;
  background-color: #0074d9;
  font-size: 0.8em;
  -webkit-transition: width .6s ease;
  transition: width .6s ease;}

.progress-xxs {height: 4px;}

.progress-xs {height: 8px;}

.progress-sm {height: 12px;
  font-size: 0.8em;}

.progress-striped .progress-bar,
.progress-bar-striped {background-image: -webkit-linear-gradient(45deg, rgb(255 255 255 / 15%) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / 15%) 50%, rgb(255 255 255 / 15%) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgb(255 255 255 / 15%) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / 15%) 50%, rgb(255 255 255 / 15%) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgb(255 255 255 / 15%) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / 15%) 50%, rgb(255 255 255 / 15%) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;}

.progress.active .progress-bar,
.progress-bar.active {-webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;}

@-webkit-keyframes progress-bar-stripes {from {  background-position: 40px 0;}
  to {  background-position: 0 0;} }

@-o-keyframes progress-bar-stripes {from {  background-position: 40px 0;}
  to {  background-position: 0 0;} }

@keyframes progress-bar-stripes {from {  background-position: 40px 0;}
  to {  background-position: 0 0;} }

/*
Row 
*/
.col-0 {clear: left;}

.row.no-gutter {margin-left: 0;
  margin-right: 0;}
  .row.no-gutter [class*="col-"] {  padding-left: 0;
    padding-right: 0;}

.row {margin-left: -12px;
  margin-right: -12px;}
  .row [class*="col-"] {  padding-left: 12px;
    padding-right: 12px;}

.row-lg {margin-left: -20px;
  margin-right: -20px;}
  .row-lg [class*="col-"] {  padding-left: 20px;
    padding-right: 20px;}

.row-md {margin-left: -16px;
  margin-right: -16px;}
  .row-md [class*="col-"] {  padding-left: 16px;
    padding-right: 16px;}

.row-sm {margin-left: -8px;
  margin-right: -8px;}
  .row-sm [class*="col-"] {  padding-left: 8px;
    padding-right: 8px;}

.row-xs {margin-left: -4px;
  margin-right: -4px;}
  .row-xs [class*="col-"] {  padding-left: 4px;
    padding-right: 4px;}

@media (min-width: 992px) {.col-lg-2-4 {  width: 20.000%;
    float: left;} }

@media (max-width: 991px) {.row {  margin-left: -8px;
    margin-right: -8px;}
    .row [class*="col-"] {    padding-left: 8px;
      padding-right: 8px;}
  .row-2 [class*="col"] {  width: 50%;
    float: left;}
  .row-2 .col-0 {  clear: none;}
  .row-2 li:nth-child(odd) {  clear: left;
    margin-left: 0;} }

@media (max-width: 767px) {.row {  margin-left: -4px;
    margin-right: -4px;}
    .row [class*="col-"] {    padding-left: 4px;
      padding-right: 4px;} }

/*
Table 
*/
.panel .table {border-color: rgb(120 130 140 / 5%)!important;}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {border-color: rgb(120 130 140 / 5%);}

.table > thead > tr > th {
  border-color: rgb(120 130 140 / 5%);}

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {padding: 5px;}

.table-bordered {border-color: rgb(120 130 140 / 5%);}


.table-striped > thead > th {background-color: rgb(0 0 0 / 3%);
  border-right: 1px solid rgb(120 130 140 / 5%);}
  .table-striped > thead > th:last-child {  border-right: none;}
.table-striped tbody tr:nth-of-type(odd) {  background-color: rgb(0 0 0 / 0.01);}
.table-hover tr:hover,
.table tr.active,
.table td.active,
.table th.active {background-color: rgb(0 0 0 / 6%)!important;}
  
  
.datepicker .table tr.active,
.datepicker .table td.active,
.datepicker .table th.active {background-color: var(--primary)!important;}
  

.table td, .table th {padding: 1rem;}

.datepicker .table td, .datepicker .table th {padding: .3rem;}
.event .picker-switch.accordion-toggle {opacity: .6;
    border: 5px var(--primary) solid;
    background: url(/cdn/lib/done.svg) no-repeat #fff center / 64%;
    display: block;
    padding: 19px;
    margin-top: 15px;
    cursor: pointer;
    position: absolute;
    right: 20%;
    bottom: 10px;
    transition: .5s;
    border-radius: 25px;}

.event .picker-switch.accordion-toggle:hover {opacity: .9; transform: scale(1.1);}
.event .bootstrap-datetimepicker-widget table td.today:before {border-bottom-color: var(--primary);}
.event .bootstrap-datetimepicker-widget table td span.active {background-color: var(--primary);}
/*---------------------------
2. UI Components
---------------------------*/
/*
Arrow
*/
/* 
.arrow {position: absolute;
  z-index: 10;}
  .arrow:before, .arrow:after {  position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 9px;
    border-color: transparent;
    border-style: solid;}
  .arrow:after {  border-width: 8px;}
  .arrow.pull-in {  z-index: -1;}
  .arrow.top {  top: -9px;
    left: 50%;
    margin-left: -9px;}
    .arrow.top.pull-in {    top: -4px;}
    .arrow.top:before {    border-bottom-color: rgb(120 130 140 / 15%);
      border-top-width: 0;}
    .arrow.top:after {    top: 1px;
      left: 1px;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: inherit;
      border-left-color: transparent;
      border-top-width: 0;}
  .arrow.right {  top: 50%;
    right: 0;
    margin-top: -9px;}
    .arrow.right.pull-in {    right: 4px;}
    .arrow.right:before {    border-left-color: rgb(120 130 140 / 15%);
      border-right-width: 0;}
    .arrow.right:after {    top: 1px;
      left: 0;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: inherit;
      border-right-width: 0;}
  .arrow.bottom {  bottom: 0;
    left: 50%;
    margin-left: -9px;}
    .arrow.bottom.pull-in {    bottom: 4px;}
    .arrow.bottom:before {    border-top-color: rgb(120 130 140 / 15%);
      border-bottom-width: 0;}
    .arrow.bottom:after {    top: 0px;
      left: 1px;
      border-top-color: inherit;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
      border-bottom-width: 0;}
  .arrow.left {  top: 50%;
    left: -9px;
    margin-top: -9px;}
    .arrow.left.pull-in {    left: -4px;}
    .arrow.left:before {    border-right-color: rgb(120 130 140 / 15%);
      border-left-width: 0;}
    .arrow.left:after {    top: 1px;
      left: 1px;
      border-top-color: transparent;
      border-right-color: inherit;
      border-bottom-color: transparent;
      border-left-color: transparent;
      border-left-width: 0;}
  .arrow.pull-left {  left: 18px;}
  .arrow.pull-right {  left: auto;
    right: 26px;}
  .arrow.pull-top {  top: 18px;}
  .arrow.pull-bottom {  top: auto;
    bottom: 26px;}
  .arrow.b-primary:before, .arrow.b-info:before, .arrow.b-success:before, .arrow.b-warning:before, .arrow.b-danger:before, .arrow.b-accent:before, .arrow.b-dark:before {  border-color: transparent;}
 */

#pageTitle button {  margin-left: 15px;
    margin-top: -4px;
    font-size: 13px;}
/*
Avatar
*/
/* 
.avatar {position: relative;
  display: table-cell!important;
  vertical-align: middle;
  line-height: 1;
  border-radius: 10%;
  white-space: nowrap;
  font-weight: bold;}
  .avatar img {  border-radius: 500px;
    width: 100%;}
  .avatar i {  position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    margin: 1px;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    background-color: #fff;}
    .avatar i.no-border {    width: 8px;
      height: 8px;
      margin: 2px;
      border-color: rgb(0 0 0 / 10%);}
    .avatar i.avatar-center {    top: 50%;
      margin: 0;
      margin-top: -4px;}
      .avatar i.avatar-center + img {      margin: 0 14px 0 24px;
        width: auto;}
    .avatar i.avatar-top {    left: 0;
      top: 0;}
    .avatar i.avatar-right {    left: auto;
      top: 0;
      right: 0;}
    .avatar i.avatar-bottom {    left: auto;
      top: auto;
      bottom: 0;
      right: 0;}
    .avatar i.avatar-left {    left: auto;
      top: auto;
      bottom: 0;}
    .avatar i.on {    background-color: var(--success);}
    .avatar i.off {    background-color: #f9f9f9;}
    .avatar i.away {    background-color: #f3c111;}
    .avatar i.busy {    background-color: var(--danger);}
  .avatar.w-32 i {  margin: 0px;}
  .avatar.w-48 i {  margin: 2px;}
  .avatar.w-56 i {  margin: 3px;}
  .avatar.w-64 i {  margin: 4px;}
  .avatar.w-96 i {  margin: 9px;}
  .avatar.w-128 i {  margin: 14px;}
 */

/*
Col
*/
.row-col {display: table;
/* 
  table-layout: fixed;
 */
  border-spacing: 0;
  width: 100%;
  height: 100%;}
  .row-col > [class*="col-"],
  .row-col > [class*=" col-"] {  vertical-align: top;
    float: none;
    padding: 0;
    position: static;}
    .row-col > [class*="col-"].show,
    .row-col > [class*=" col-"].show {display: table-cell;}

.row-row {display: table-row;
  height: 100%;}

.row-cell {display: table-cell;
  vertical-align: top;}

.row-body {position: relative;
  height: 100%;
  width: 100%;}
  .ie .row-body {  display: table-cell;
    overflow: auto;}
    .ie .row-body .row-inner {    overflow: visible!important;}

@media (max-width: 767px) {
	[page="chat"] #list.fade.show {
	    position: relative;
	    z-index: 11111;
	} 
	[page="chat"] #list.modal.show .modal-dialog {
	    margin: 0;
	    top: 0;
	}
/* 
	[page="chat"] #list .modal-header.no-border,
 */
	[page="chat"] [data-toggle="modal"][data-target="#list"] {
	    display: block;
	}
	[page="chat"] #list {width: auto;
    top: 1rem;
    position: absolute! important;
    width: 100vw;
    overflow: hidden;}
}
@media (min-width: 768px) {
	[page="chat"] #list .modal-header.no-border,
	[page="chat"] [data-toggle="modal"][data-target="#list"] {
	    display: none;
	}
}




[page="xml"] #li img.h-xxxs {
    max-width: 100px;
    max-height: 30px;
    height: auto;
}

[page="chat"] #detail-chat .row-body:before {content: "";
    background: url(/cdn/lib/colorful2.jpg) repeat #424242 center / 400px;
    width: 100%;
    height: 100%;
    display: block;
    opacity: .4;}
.black[page="chat"] #detail-chat .row-body:before {
    background-blend-mode: color-burn;
}    
.row-inner {position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  }

.v-m {vertical-align: middle!important;}

.v-t {vertical-align: top!important;}

.v-b {vertical-align: bottom!important;}

@media (min-width: 992px) {.row-col > [class*="col-lg"],
  .row-col > [class*=" col-lg"] {  display: table-cell;
    height: 100%;} }

@media (min-width: 768px) {.row-col > [class*="col-md"],
  .row-col > [class*=" col-md"] {  display: table-cell;
    height: 100%;} }

@media (min-width: 544px) {.row-col > [class*="col-sm"],
  .row-col > [class*=" col-sm"] {  display: table-cell;
    height: 100%;} }

.row-col > [class*="col-xs"],
.row-col > [class*=" col-xs"] {display: table-cell;
  height: 100%;}



@media (max-width: 767px) {  .row-col > div.aside-sm {
/* 
        display: none;
 */
        width: 100%;
    }
    .aside-sm {
/* 
        display: none;
        background: transparent !important;
        position: fixed !important;
 */
    }
    .aside-sm .row-col {table-layout: initial!important;}
    .aside-sm > * {
/* 
        position: fixed;
        top: 0;
        bottom: 0;
        max-width: 304px;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
 */
    }
    .aside-sm ~ * {      width: 100%;
    }
    .aside-sm-right > * {      -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        right: 0;
    }
}




.box-shadow {box-shadow: 0 2px 2px rgb(0 0 0 / 3%);}
.box-shadow-z1 {box-shadow: 0 1px 2px rgb(0 0 0 / 10%);}
.box-shadow-z2 {box-shadow: 0 1px 2px rgb(0 0 0 / 15%);}
.box-shadow-z3 {box-shadow: 0 2px 4px rgb(0 0 0 / 10%);}
.black .box-shadow {box-shadow: 0 2px 2px rgb(0 0 0 / 15%);}
.black .box-shadow-z1 {box-shadow: 0 1px 2px rgb(0 0 0 / 15%);}
.black .box-shadow-z2 {box-shadow: 0 1px 2px rgb(0 0 0 / 15%);}
.black .box-shadow-z3 {box-shadow: 0 2px 4px rgb(0 0 0 / 15%);}





  

.ui-check {
    display: flex;
    gap: .5rem;
}


    
    .ui-check input[type=checkbox] {
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 19px;
      outline: none;
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin: 0;
      cursor: pointer;
      border: 1px solid var(--bc, var(--gray));
      transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .ui-check input[type=checkbox]:not(:checked) {
      background: var(--b, #fff);}
    .ui-check input[type=checkbox]:after {
      content: "";
      display: block;
      left: 0;
      top: 0;
      position: absolute;
      transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .ui-check input[type=checkbox]:checked {
      --bc: transparent;
      --d-o: .3s;
      --d-t: .6s;
      --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .ui-check input[type=checkbox] + label {
      cursor: pointer;
    margin: 0;
    }
    .ui-check input[type=checkbox] {
      width: 34px;
      border-radius: 11px;
    }
    .ui-check input[type=checkbox]:after {
      left: 1px;
      top: 1px;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      background: var(--ab, var(--gray));
      transform: translateX(var(--x, 0));
    }
    .ui-check input[type=checkbox]:checked {
      --ab: #fff;
      --x: 15px;
    }
  .black .ui-check input[type=checkbox]:not(:checked) {
    background: var(--b, var(--dark));
}

/* 
.ui-check input[value=primary]:checked{--b: var(--primary);}
.ui-check input[value=indigo]:checked{--b: var(--indigo);}
.ui-check input[value=purple]:checked{--b: var(--purple);}
.ui-check input[value=pink]:checked{--b: var(--pink);}
.ui-check input[value=red]:checked{--b: var(--red);}
.ui-check input[value=orange]:checked{--b: var(--orange);}
.ui-check input[value=yellow]:checked{--b: var(--yellow);}
.ui-check input[value=green]:checked{--b: var(--green);}
.ui-check input[value=teal]:checked{--b: var(--teal);}
.ui-check input[value=info]:checked{--b: var(--info);}
.ui-check input[value=cyan]:checked{--b: var(--cyan);}
 */



/*
Flexbox
*/ 
.flex {display: flex;}
.inline-flex {display: inline-flex!important;}
.flex-1{flex: 1}
.flex-2{flex: 2}
[layout] {box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;}

[layout="column"] {-webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;}

[layout="row"]{-webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;}

[layout="row"] .nav-item {  flex-basis: 100%;}

[layout="wrap"]{-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;}


.f-b-100 {flex-basis: 100%;}
.f-b-75 {flex-basis: 75%;}
.f-b-25 {flex-basis: 25%;}
.f-b-90 {flex-basis: 90%;}
.f-b-80 {flex-basis: 80%;}
.f-b-70 {flex-basis: 70%;}
.f-b-60 {flex-basis: 60%;}
.f-b-50 {flex-basis: 50%;}
.f-b-40 {flex-basis: 40%;}
.f-b-30 {flex-basis: 30%;}
.f-b-20 {flex-basis: 20%;}
.f-b-10 {flex-basis: 10%;}

.order1 {order: 1;}
.order2 {order: 2;}
.order3 {order: 3;}
.order-1 {order: -1;}
.order-2 {order: -2;}
.flex-end {align-content: flex-end;}
.flex-start {align-content: flex-start;}
.flex-center {align-content: center;}
.space-between {justify-content: space-between;}
.space-around {justify-content: space-around;}
.space-evenly {justify-content: space-evenly;}
.inline-flex {display: inline-flex;}
.justify-center {justify-content: center;}
.justify-left {justify-content: flex-start;}
.justify-end {justify-content: end;}
.justify-right {justify-content: flex-end;}
.justify-stretch {justify-content: stretch;}
.justify-baseline {justify-content: baseline;}
.align-start {align-items: flex-start;}
.align-end {align-items: flex-end;}
.align-center {align-items: center;}
.align-baseline {align-items: baseline;}
.align-stretch {align-items: stretch;}
.self-start {align-self: flex-start;}
.self-end {align-self: flex-end;}
.self-center {align-self: center;}
.self-baseline {align-self: baseline;}
.self-stretch {align-self: stretch;}
.flex-grow-1 {flex-grow: 1;}
.flex-grow-2 {flex-grow: 2;}
.flex-grow-3 {flex-grow: 3;}
.flex-shrink-1 {flex-shrink: 1;}
.flex-shrink-2 {flex-shrink: 2;}
.flex-shrink-3 {flex-shrink: 3;}
.gap-xs {gap: .25rem;}
.gap-sm {gap: .5rem;}
.gap-md {gap: 1rem;}
.gap-lg {gap: 1.5rem;}


.o-f-cov{object-fit: cover;}
.o-f-con{object-fit: contain;}

@media (max-width: 600px) {
.flex .f-b-70,
.flex .f-b-75,
.flex .f-b-80,
.flex .f-b-90,
.flex .f-b-100 {flex-basis: 100%;}

.flex .f-b-25,
.flex .f-b-60,
.flex .f-b-50,
.flex .f-b-40,
.flex .f-b-30,
.flex .f-b-10,
.flex .f-b-20 {flex-basis: 50%;}
}
@media (max-width: 414px) {
.flex .f-b-70,
.flex .f-b-75,
.flex .f-b-80,
.flex .f-b-90,
.flex .f-b-100,
.flex .f-b-25,
.flex .f-b-60,
.flex .f-b-50,
.flex .f-b-40,
.flex .f-b-30,
.flex .f-b-10,
.flex .f-b-20 {flex-basis: 100%;}
[cabinet="right"] .f-b-50 {flex-basis: 50%;}
}



.contrast-0 {
    filter: contrast(0);
}
.contrast-5 {
    filter: contrast(.5);
}
.contrast-7 {
    filter: contrast(.7);
}

/*
Layout
*/
html {height: 100%;}

body {height: auto;
  min-height: 100%;
  position: relative;}

#aside {opacity: 1;
  overflow: hidden;
  position: fixed!important;
  z-index: 1030;
  float: left;
  height: 100%;}
  #aside > * {  position: fixed;
    top: 0;
    bottom: 0;
    width: inherit;
    overflow: hidden;}

.app-content {box-shadow: none;
  padding: 0;}
  .app-content::after {  content: "";
    display: table;
    clear: both;}

.app-header {position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: inherit;
  z-index: 1020;}
/* 
  
.app-header .add {  line-height: 0;}
 */

.hide-overlay {  width: 115%;
    max-width: unset!important;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    max-height: calc(100vh - 6.5rem);
    padding-right: 15%;}	
.app-body > .hide-overlay {
    max-height: calc(100vh - 3.75rem);
}

[page="dashboard"] input[type="checkbox"][data-toggle="tooltip"] {
    height: 24px;
    width: 17px;
}


[page="dashboard"] .md-check input:checked + i.default:before {
    background: rgb(182 182 182 / 20%);
}


[page="modules"] #list [key] .text-2x,
[page="settings"] #projects a.h-full.w-full .material-icons.md-48,
[page="dashboard"] .dshbrd a.h-full.w-full .text-4x, 
[page="dashboard"] .dshbrdlight a.w-full .text-4x {
/* 
    filter: grayscale(.5);
 */
    transition: 1s;
    transition-delay: .5s;
    text-shadow: 0px 4px 8px rgb(10 44 184 / 50%);
}
[page="dashboard"] .dshbrdlight a.w-full .text-4x {filter: grayscale(0);}


[page="modules"] #list [key]:hover .text-2x,
[page="settings"] #projects a.h-full.w-full:hover .material-icons.md-48,
[page="dashboard"] .dshbrd a.h-full.w-full:hover .text-4x, 
[page="dashboard"] .dshbrdlight a.w-full:hover .text-4x {
/* 
   filter: grayscale(0);
 */
   transition-delay: 0s;
	transform: scale(1.1);
}


[page="modules"] #list [key] .text-2x.text-warning,
[page="settings"] #projects a.h-full.w-full .text-warning, 
[page="dashboard"] .dshbrd a.h-full.w-full .text-4x.text-warning, 
[page="dashboard"] .dshbrdlight a.w-full .text-4x.text-warning {
    text-shadow: 0px 4px 8px rgb(255 105 0 / 50%);
}

[page="modules"] #list [key] .text-2x.text-success,
[page="settings"] #projects a.h-full.w-full .text-success, 
[page="dashboard"] .dshbrd a.h-full.w-full .text-4x.text-success, 
[page="dashboard"] .dshbrdlight a.w-full .text-4x.text-success {
    text-shadow: 0px 4px 8px rgb(84 145 53 / 50%);
}

/* 
[page="settings"] a.h-full.w-full p {
    min-height: 55px;
}
 */



/* 
[page="crmlibs"] .nav-active-border .nav-link {min-width: 110px;}
 */
[page="settings"] .nav-active-border .nav-link {min-width: 150px;}




/* 
[page="user"] #columns {column-width: 320px;
    column-gap: 15px;
    width: 100%;
    margin: 0 10px;}
 */

/* 
[page="user"] div#columns figure {
	margin: 0 2px 15px;
  column-break-inside: avoid;
  width: 100%;}
 */


[page="user"] .snow:before,
[page="user"] .rain:before,
[page="user"] .mist:before {  content: "";
    position: absolute;
    width: 102%;
    height: 101%;
    left: -1px;
    top: -1px;}
[page="user"] .snow:before {background: url(/cdn/146/37/90/54380.svg) no-repeat center / cover;}
[page="user"] .mist:before {background: url(/cdn/146/39/66/01163.png) no-repeat center / cover;}
[page="user"] .rain:before {background: url(/cdn/155/16/78/19465.webp) no-repeat center/cover}
[page="user"] div#columns figure.wheater {  background-position: center;
    background-size: cover;}
/* 
[page="user"] .dash > section {
    height: auto;
}
 */
[page="user"] .dash > section:empty {
    outline: 1px rgb(0 0 0 / 25%) dashed;
    outline-offset: -8px;
    border-radius: 1rem;
}
[page="user"] .dash #column figure {
    width: 100%;
}


/* 
[page="user"] div#columns small { 
  font-size: 1rem;
  float: right; 
  text-transform: uppercase;
  color: #aaa;} 

[page="user"] div#columns small a { 
  color: #666; 
  text-decoration: none; 
  transition: .4s color;}
 */

.tasker i {
    opacity: 0;
}

.tasker:hover i {
    opacity: 1;
}

.tasker {
    background: rgb(0 0 0 / 7%);
    border-radius: 50px;
    overflow: hidden;
}

@media screen and (max-width: 1150px) { 
	[page="semantic"] .col-xs-12.col-sm-6.col-md-4.col-lg-3 {flex: 0 0 33%;
    max-width: 33%;}
}

@media screen and (max-width: 750px) { 
  [page="user"] #columns { column-gap: 0px; }
  [page="user"] #columns figure { width: 100%; }
}
	
		
/* 
	[page="modules"] [cabinet="cats"] .dropdown {width: calc(100vw - 60px);}
 */
 .dropdown-menu.show[cabinet="right"] {
    box-shadow: 0 10px 30px rgb(0 0 0 / 20%);
    border: 0;
}
 
 
[cabinet="metros"] > .hide-overlay,
[cabinet="cats"] > .hide-overlay {  box-shadow: none!important;
    border: 0;}

[cabinet="metros"],
[cabinet="cats"] {  overflow: hidden;    background: var(--secondary);}

[cabinet="cats"] [cats].active.show {
    border-width: 2px!important;
    border-color: var(--primary)!important;
    color: inherit;
}

[page="semantic"] .target {
    box-shadow: 0 2px 20px rgb(0 0 0 / 15%);
}
[page="m"] [data-toggle="buttons"] label.active {
    color: var(--primary);
}

[page="m"] .image-bg { background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 120px;
    width: 100px;
    margin: auto;}
    
[page="m"] .image-item i[class*="ion-"] {font-size: 20px;
    color: var(--gray);}	

[page="m"] .image-card {
    opacity: 1;
    position: relative;
    transition: opacity .5s ease;
}
[page="m"] .nav-active {max-height: calc(100vh - 4rem);
    overflow-y: auto;}
[page="m"] .nav-active .nav-link.active {background: var(--light);}	
/* 
[page="m"] .img-name {max-height: 65px;
    display: block;
    object-fit: contain;}
 */
[page="m"] .label-name{right: -5px;}
[page="m"] .text-6x {
    font-size: 230px!important;
}



[page="m"] li.nav-item.inline.m-0.box-shadow.flex-1 {
    min-width: 150px;
}


#editorList h2.ce-header {
    font-size: 1.2rem;
}

#editorList .ce-paragraph {
    font-size: 1rem;
}



[page="modules"] .table td, 
[page="modules"] .table th {  padding: 0.5rem;}




	[page="crm"] [cabinet="cats"] [cats],
	 [cabinet="metros"] .dropdown-item,
	[page="m"] [cabinet="cats"] [cats],
	[page="user"] [cabinet="cats"] [cats],
	[page="crmlibs"] [cabinet="cats"] [cats],
	[page="modules"] [cabinet="cats"] [cats] {box-shadow: 1px 1px 10px rgb(0 0 0 / 5%);
    padding: 10px;
    margin: 0 7px;
    border-bottom: 1px solid rgb(207 207 207 / 55%);
    background: white;
    width: auto;
    border-radius: 0.25rem;}
    
   [page="user"] [cabinet="cats"] [cats] {
    width: 100%;
    margin-left: 1.75rem;
}
 
	body.black[page="crm"] [cabinet="cats"] [cats],
	body.black [cabinet="metros"] .dropdown-item,
	body.black[page="m"] [cabinet="cats"] [cats],
	body.black[page="crmlibs"] [cabinet="cats"] [cats],
	body.black[page="user"] [cabinet="cats"] [cats],
	body.black[page="modules"] [cabinet="cats"] [cats] {border: 1px var(--gray) solid;
    color: inherit;
    background: var(--dark);}
	
	[page="crmlibs"] [cabinet="cats"] .dropdown,
	[page="crm"] [cabinet="cats"] .dropdown,
	 [cabinet="metros"] .dropdown,
	[page="crm"] [data-target="changestatus"] .dropdown,
	[page="m"] [cabinet="cats"] .dropdown,
	[page="user"] [cabinet="cats"] .dropdown,
	[page="modules"] [cabinet="cats"] .dropdown { 	max-height: calc(100vh - 6rem);
    height: 100%;
    overflow-y: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 115%;
    padding-right: 15%;}
    
	[page="m"] [cabinet="cats"] .dropdown {  max-height: calc(100vh - 8rem);}
	[page="crm"] [data-target="changestatus"] .dropdown {max-height: 400px;}


	[page="crmlibs"] [cabinet="cats"],
	[page="crm"] [cabinet="cats"],
	 [cabinet="metros"],
	[page="crm"] [data-target="changestatus"] .dropdown-menu,
	[page="m"] [cabinet="cats"],
	[page="user"] [cabinet="cats"],
	[page="modules"] [cabinet="cats"] {max-width: 330px;
    padding: 0;
    overflow: hidden;
    width: 330px;}
    
	[page="crm"] [data-target="changestatus"] .dropdown-menu {background:white}
	[page="crm"] [data-target="changestatus"] .dropdown-divider {width: 100%;}
	body.black[page="crm"] [data-target="changestatus"] .dropdown-menu {background:var(--dark)}
    
	body.black[page="crm"] [data-target="changestatus"],
	body.black [cabinet="metros"],
	body.black[page="crm"] [cabinet="cats"],
	body.black[page="m"] [cabinet="cats"],
	body.black[page="user"] [cabinet="cats"],
	body.black[page="modules"] [cabinet="cats"]{
    border-color: #3c4148;}
   
	 [cabinet="metros"] {padding-bottom: 0;}
	 [cabinet="metros"] .menuItems {padding-bottom: 10px;}
   
    [cabinet="metros"] .dropdown-item {
    margin-left: 0;
    margin-right: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    display: flex;
} 
/* 

   [page="crm"] [cabinet="cats"] [cats].primary,
   [page="modules"] [cabinet="cats"] [cats].primary  {background: var(--primary);}
 */
	[cabinet="cats"] [cats].primary,
	[cabinet="cats"] [cats].active, 
	[cabinet="cats"] [cats]:hover {
    color: white;
		background: var(--primary)!important;
   	border-color: var(--primary)!important;
	}

@media print {
	#aside,
	.app-header,
	.hidden-print {
		display: none!important;
	}

}



.app-body {  min-height: 100vh;
    padding-top: 3.5rem;
  left: inherit;}

.app-body-inner {padding-top: inherit!important;
  padding-bottom: inherit!important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: inherit;
  right: 0;
  overflow: auto;}

@media (max-width: 415px) {
/* 
 .app-body {  padding-top: 7rem;}
 */  
.boardcontainer {  height: calc(100vh - 8rem);}
}

#aside [data-item="buttons"] {display: none;}
@media (max-width: 600px) {

[page="crm"] [cabinet="cats"] .dropdown {    max-height: calc(100vh - 11rem);}
.hide-overlay .task-issue.col-md-11 {
    width: 89%;
}


.app-header [data-item="buttons"] {display: none!important;}
#aside [data-item="buttons"] {display: block;}

.dropdown-menu.show[cabinet="right"] {width: 100vw;}
.dropdown-menu.show[cabinet="right"] .inline.f-b-50{flex: 1;}


.app-header [data-item="addbutton"] {order: 1;}
.app-header .navbar {display: flex;
    justify-content: flex-start;
        flex-wrap: nowrap;
    background-color: var(--dark);
    color: rgb(255 255 255 / 90%);}
    
    .app-header {/* border: 0!important; */
    position: relative;}
    .app-body {padding-top:10px;min-height: auto;}
    .ion-android-person.none {display: block!important;}
    [data-title="user"] img,
    [data-title="user"] span {display: none!important;}
    [paginator] div {margin: 0!important;}
    
    [page="xml"] #app .table td input {text-overflow: ellipsis;
    width: 50px!important;
    padding-right: 25px!important;}
    [page="modules"] #app .table td[ordering] input {width: 50px!important;}
    .fc .fc-button-group button:nth-of-type(1), 
    .fc .fc-button-group button:nth-of-type(2) {flex-basis: 50%;
    background: transparent;
    color: inherit;
    border: 0;
    margin-top: 1em;
    opacity: .7;
    order: 5;}
    .fc .fc-button-group button {border-radius: 0;}
    .fc-button-group {flex-wrap: wrap; width: 50%;}
    .fc-toolbar-chunk:empty {display: none;}
    .fc-toolbar-chunk {flex: 1;}
/* 
   .app-body-inner {padding-top: 0;}
 */
    body.black .app-header .navbar {background-color: var(--dark);}
    
   .hidden-xs { 	display: none;
	}

}

/* 
#aside .modal-content {  box-shadow: -1px 0 0 #eeeff0 inset;}
.black #aside .modal-content {  box-shadow: -1px 0 0 #3c4045 inset;}
 */
 
.app-fixed {overflow: hidden;}
  .app-fixed .app {  height: 100%;}
  .app-fixed .app-content {  position: relative;
    min-height: 100%;}

@media (min-width: 992px) {

/* 
[page="modules"] [cabinet="cats"] .dropdown {width: calc(100vw - 200px);}
 */

  #aside {display: block!important;opacity:1!important}
	#aside:not(.aside),
	#aside:not(.aside) .scroll {width: 15.5rem;}
	#aside.aside {width: 4.5rem;}
	#aside.aside:not(.hide) ~ .app-content {margin-left: 4.5rem;
		left: 4.5rem;}
/* 
	#aside.aside.md {width: 5.5rem;}
	#aside.aside.md:not(.hide) ~ .app-content {margin-left: 5.5rem;
		left: 5.5rem;}
 */
	#aside:not(.hide) ~ .app-content {margin-left: 15.5rem;
		left: 15.5rem;}
/* 
	.app-header.hidden-lg ~ .app-body {padding-top: 0;}
 */
	.hide-scroll {width: auto;
		margin-right: -20px;
		overflow-y: scroll;
		}
		
		.hide-scroll.nav-body {
    width: 22.5rem;
    flex: 10;
}
	

}

@media (max-width: 991px) {
[data-target="aside"] .material-icons {display:none;}
[data-target="aside"] .company {    padding: 1rem;}
#aside {
/* 
    -webkit-transition: -webkit-transform opacity 0.15s linear;
    -moz-transition: -moz-transform opacity 0.15s linear;
    -o-transition: -o-transform opacity 0.15s linear;
    transition: transform opacity 0.15s linear;
 */
    width: 100%;
    position: fixed;
    z-index: 1050;
    display: none;
    background-color: transparent!important;}
/* 
    #aside > * {    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      width: 304px;}
    #aside.show > div {    -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);}
 */ }

/* 
@media (min-width: 768px) {.app-header.hidden-md-up ~ .app-body {  padding-top: 0;} }

@media (min-width: 544px) {.app-header.hidden-sm-up ~ .app-body {  padding-top: 0;} }
 */



/*
Boxed Layout
*/
/* 
@media (max-width: 991px) {body.container {  max-width: 100%;
    padding-left: 0;
    padding-right: 0;} }

@media (min-width: 992px) {body.container {  box-shadow: 0 1px 1px rgb(0 0 0 / 10%);}
    body.container {    padding-left: 0;
      padding-right: 0;}
    body.container #aside {    left: inherit;
      right: auto;}/* 

      body.container #aside.lg ~ .app-content .app-header {      width: 45rem;}
      body.container #aside.sm ~ .app-content .app-header {      width: 47.5rem;}
      body.container #aside.aside ~ .app-content .app-header {      width: 54.25rem;}
      body.container #aside.aside.md ~ .app-content .app-header {      width: 53.25rem;}
      body.container #aside ~ .app-content .app-header {      width: 46.25rem;}
 
    body.container .app-header {    left: inherit;
      right: auto;
      margin-left: 0;
      width: 58.75rem;} }
 */

/* 
@media (min-width: 1200px) {body.container #aside.lg ~ .app-content .app-header {  width: 57.5rem;}
  body.container #aside.sm ~ .app-content .app-header {  width: 60rem;}
  body.container #aside.aside ~ .app-content .app-header {  width: 66.75rem;}
  body.container #aside.aside.md ~ .app-content .app-header {  width: 65.75rem;}
  body.container #aside ~ .app-content .app-header {  width: 58.75rem;}
  body.container .app-header {  width: 71.25rem;} }
 */

/*
List
*/
.list {padding-left: 0;
  padding-right: 0;
  border-radius: 3px;}
  .list.no-border {  padding-top: 8px;
    padding-bottom: 8px;}

.list-item {display: block;
  position: relative;
  padding: 12px 16px;}
  .list-item::after {  content: "";
    display: table;
    clear: both;}
  .no-border .list-item {  padding-top: 8px;
    padding-bottom: 8px;}
  .no-padding .list-item {  padding-left: 0;
    padding-right: 0;}
  .list-item.active {  background-color: rgba(22, 32, 42, 0.15);}

.list-left {float: left;}
  .list-left > span {  display: table-cell;
    vertical-align: middle;}
/* 
  .list-left + .list-body {  margin-left: 56px;}
 */

.list-body h3 {font-size: 16px;
  margin: 0 0 3px 0;
  font-weight: normal;}

.list-body:after {content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid rgb(139 139 139 / 35%)}

/* 
.inset .list-body:after {left: 72px;}
 */

/* 
.no-border .list-body:after {display: none;}
 */


.box table {  margin: 0;}

/*
Pace
*/
.pace {-webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;}

.pace-inactive {display: none;}

.pace .pace-progress {background: var(--primary);
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
    height: 3.5rem;
    padding: 7px 20px;}
.pace-progress-inner {  text-align: right;
    font-size: 1.5rem;}

.rotate,
.pace .pace-activity {display: none;
  position: fixed;
  z-index: 2000;
  top: 5px;
  right: 5px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: var(--primary);
  border-left-color: var(--primary);
  border-radius: 10px;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation: loading-bar-spinner 400ms linear infinite;
  -ms-animation: loading-bar-spinner 400ms linear infinite;
  -o-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite;}

@-webkit-keyframes loading-bar-spinner {0% {  -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
  100% {  -webkit-transform: rotate(360deg);
    transform: rotate(360deg);} }

@-moz-keyframes loading-bar-spinner {0% {  -moz-transform: rotate(0deg);
    transform: rotate(0deg);}
  100% {  -moz-transform: rotate(360deg);
    transform: rotate(360deg);} }

@-o-keyframes loading-bar-spinner {0% {  -o-transform: rotate(0deg);
    transform: rotate(0deg);}
  100% {  -o-transform: rotate(360deg);
    transform: rotate(360deg);} }

@-ms-keyframes loading-bar-spinner {0% {  -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
  100% {  -ms-transform: rotate(360deg);
    transform: rotate(360deg);} }

@keyframes loading-bar-spinner {0% {  transform: rotate(0deg);
    transform: rotate(0deg);}
  100% {  transform: rotate(360deg);
    transform: rotate(360deg);} }


/*
Nav
*/
#aside .navside {  border: 0;
    height: 100%;overflow:hidden;
    display: flex;
    justify-content: space-between;}
.navside {/*   border: inherit; */}
.navside ul {  padding-left: 0;
    padding-right: 0;
    list-style: none;}
.navside [flex] {  overflow: auto;}
.navside .nav {  display: block;
/*     border: inherit; */
/* 
    padding-bottom: 40px;
 */
}
.navside .nav li {/*   border: inherit; */
    position: relative;}
.navside .nav li li a {  line-height: 1.75rem;
    padding-left: 4rem;}
/* 
.navside .nav li li a .nav-text {  padding: 0.3125rem 0;}
 */
.navside .nav li li li a {  padding-left: 5rem;}
.navside .nav li li li li a {  padding-left: 6rem;}
.navside .nav li a {  display: block;
    /* padding: 0 1rem; */

/* 
    line-height: 50px;
 */
 
    position: relative;}
.navside .nav li a::after {  content: "";
    display: table;
    clear: both;}
.navside .nav li a span:hover,
.navside .nav li a:focus {
}
.navside .nav li.active > a {  background-color: transparent;}
.navside .nav-header {  padding: 0 1rem;
    line-height: 2rem;}
.navside .nav-header span {  opacity: 0.4;}
.navside .nav-header:hover,
.navside .nav-header:focus {  background-color: transparent !important;}
.navside .nav-header:after {  display: none;}
.navside .company {/* 
  float: none;
    margin: auto;
    display: block;
    text-align: center;
 */

/* 
    display: block;
    text-align: center;
    padding-top: 2px;
 */
 
 
     max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;}

.nav-fold {  padding: 0.75rem 1rem;}

.nav-text {  display: block;
    line-height: 36px;}
.nav-text span,
.nav-text small {  display: block;}
.navside .nav-text {  /* opacity: 0.65; */
}
.navside a:hover > .nav-text,
.navside a:focus > .nav-text,
.navside .active > a > .nav-text {  opacity: 1;}
.navbar .nav-text {  line-height: 1;
    vertical-align: middle;
    display: inline-block;
    padding: 0;}
.navbar .nav-text span.text-xs {  margin-top: 0.25rem;}

.nav-icon {  float: left;
    text-align: center;/* 

    margin-right: 1rem;
    top: 0;
    width: 2rem;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
 */
}
.nav-icon i {  position: relative;
    line-height: 1;}
.nav-icon i svg,
.nav-icon i img {  display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;}
/* 
.navside .nav-icon {  opacity: 0.35;}
.nav-icon.no-fade {  opacity: 1 !important;}
 */
.navside a:hover > .nav-icon,
.navside a:focus > .nav-icon,
.navside .active > a > .nav-icon {  opacity: 1;}
.navbar .nav-icon {  margin-right: 0.5rem;}

.nav-label {  float: right;
    margin-left: 1rem;
    font-style: normal;
    z-index: 1;}
.navbar .nav-label {  margin-left: 0.5rem;}
.nav-label .label {  /* 
    padding: 0;
 */
    vertical-align: 1px;}

.nav-sub {  max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.4s ease 0s;
    transition: max-height 0.4s ease 0s;}
.active > .nav-sub {  max-height: 50rem;}

/*
Nav plus
*/
.nav-border .nav > li.active:after {  content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left-color: inherit;
    border-left-width: 3px;
    border-left-style: solid;}

.nav-color .nav > li > a > * {  position: relative;}

.nav-color .nav > li > a:before {  content: "";
    position: absolute;
    z-index: 0;
    /* left: 1rem; */
    width: 2rem;
    border: 1.5rem solid transparent;
/* 
    -webkit-transition: width 0.4s ease 0s;
    transition: width 0.4s ease 0s;
 */
    /* padding: 18px; */
}

.nav-color .nav > li > a[class*="b-"]:before,
.nav-color .nav > li > a[class*=" b-"]:before {  border-color: inherit;}

.nav-color .nav > li.active > a:before {
}

.nav-body .nav > li:not(.nav-header) {  /* padding: 0.15rem 0.5rem; */
}

.nav-body .nav > li > a {  /* line-height: 2rem; */
    /* padding: 0 0.5rem; */
}
.nav-body .nav > li > a .nav-icon {
/* 
width: 2rem;
 */

/* 
    line-height: 40px;
 */
 
    margin-left: 16px;}
.nav-body .nav > li > a .nav-text {  /* padding: 0.3125rem 0; */
    font-size: .9rem;}
.nav-body .nav > li > a:before {  /* left: 0.5rem; */
    /* border-radius: 2px; */
    /* max-width: 1.75rem; */
}
.nav-body .nav > li > a .nav-icon {}
.nav-body .nav > li > a:hover .nav-icon {  transform: scale(1.2);transition:.3s
}
.nav-body .nav > li li a {  padding-left: 3.25rem;}

.nav-body .nav > li li li a {  padding-left: 4.25rem;}

.nav-body .nav > li li li li a {  padding-left: 5.25rem;}

.nav-body .nav li a {  /* border-radius: 3px; */
}

.nav-body .nav > li > a,
.nav-body .nav > li > a:before {
/* 
    transition: .3s;
 */
}

.nav-body .nav li li a,
.nav-body .nav li.active {  background: transparent;}

.nav-light .nav .nav-icon i svg,
.nav-light .nav .nav-icon i img {  display: block;}

.nav-center {  text-align: center;}
.nav-center .nav-icon {  display: none;}
.nav-center .nav-label {  position: absolute;
    padding-left: 10px;}
.nav-center .nav a {  padding-left: 16px !important;}
.nav-center .nav-fold .pull-left {  float: none !important;
    margin-bottom: 10px;
    display: inline-block;}

@media (min-width: 992px) {  .aside,
    .aside .scroll {      width: 4.5rem;
    }
    .aside.md,
    .aside.md .scroll {      width: 5.5rem;
    }
    .aside .hidden-aside { /*    padding: 13px; */
    font-size: 0;    display: none;/* 

    border-radius: 2px;
    border: 1px rgb(255 255 255 / 0.1) solid;
    min-width: 40px;
 */
    }
/* 
    .aside .hidden-aside:first-letter {      font-size: 18px;
    }
 */
    .aside .nav li ul {      display: none;
    }
    .aside .nav > li > a {      text-align: center;
        /* padding-left: 4px; */
        /* padding-right: 4px; */
    }
    .aside .nav > li > a .nav-text {display: none;/* 
line-height: 10px;
    font-size: .5rem;
 */
/* 
    top: -5px;
 */
/* 
    white-space: nowrap;
    max-width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: -7px auto 2px;
 */}
    .app-header .nav-label,
    .aside .nav > li > a .nav-label {      position: absolute;
        top: -6px;
        right: 6px;
    }
    .aside .nav > li > a .nav-icon {      float: none;
/* 
        line-height: 3rem;
 */
        margin: 0;
        position: relative;
        width: 3rem;
    }
    .aside .nav > li > a:before {      left: 0;
    }
    .aside .nav li.active {      background: transparent;
    }
    .aside.show-text .nav > li > a .nav-text {      display: block;
        margin-top: -18px;
        font-size: 0.85em;
    }
    .aside .navbar {      text-align: center;
        padding: 0 4px;
/* 
        height: 3.8rem;
 */
    }
/* 
    .aside .company {      float: none;
        margin: 0;
    }
 */
    .aside .nav-fold {      padding: 8px 16px;
    }
    .aside .nav-fold .pull-left {      float: none !important;
        margin: 0;
        display: block;
        text-align: center;
    }
    .aside .nav-fold .pull-left img {      margin: 0 auto;
    }
    .aside .nav-body .nav > li > a {      /* width: 2.5rem; */
        /* margin: 0 auto; */
        /* padding: 0; */
    }
    .aside .nav-body .nav > li > a .nav-icon {      width: 2.5rem;
    }
    .aside .nav-color .nav > li > a:before {      width: 100%;
        height: 100%;
        /* background-image: linear-gradient(to right bottom, transparent, rgb(0 0 0 / 15%)); */
    }
    .aside.nav-dropdown,
    .aside.nav-dropdown > *,
    .aside.nav-dropdown .row-body {      overflow: visible !important;
    }
    .aside.nav-dropdown .nav > li:hover > ul,
    .aside.nav-dropdown .nav > li:focus > ul {      display: block;
    }
    .nav-dropup .nav > li > ul,
    .aside.nav-dropdown .nav > li > ul {      display: none;
        overflow: visible;
        max-height: 999px;
        color: rgb(255 255 255 / 90%);
        background-color: #282c23;
        border-radius: 2px;
        box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
        position: absolute;
        left: 100%;
        top: 0;
        padding: 6px 0;
    }
    .aside.nav-dropdown .nav > li > ul a {      padding-left: 16px !important;
        padding-right: 16px !important;
        min-width: 160px;}
    .aside.nav-dropdown .nav > li > ul li.active ul {display: block;}

}


/*
Nav cative style
*/
.nav-active-bg .nav-link.active,
.nav-active-bg .nav > li.active > a {color: rgb(0 0 0 / 87%)!important;
  background-color: #f9f9f9!important;}

.nav-active-dark .nav-link.active,
.nav-active-dark .nav > li.active > a {color: rgb(225 235 245 / 85%)!important;
  background-color: #253444!important;}

.nav-active-black .nav-link.active,
.nav-active-black .nav > li.active > a {color: rgb(225 235 245 / 85%)!important;
  background-color: #282c23!important;}

.nav-active-primary .nav-link.active,
.nav-active-primary .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: var(--primary)!important;}

.nav-active-accent .nav-link.active,
.nav-active-accent .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #00d2ff!important;}

.nav-active-warn .nav-link.active,
.nav-active-warn .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #b07cdd!important;}

.nav-active-success .nav-link.active,
.nav-active-success .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: var(--success)!important;}

.nav-active-info .nav-link.active,
.nav-active-info .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #2169f3!important;}

.nav-active-warning .nav-link.active,
.nav-active-warning .nav > li.active > a {color: rgb(0 0 0 / 87%)!important;
  background-color: #f3c111!important;}

.nav-active-danger .nav-link.active,
.nav-active-danger .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: var(--danger)!important;}

.nav-active-light .nav-link.active,
.nav-active-light .nav > li.active > a {color: rgb(0 0 0 / 87%)!important;
  background-color: #f9f9f9!important;}

.nav-active-white .nav-link.active,
.nav-active-white .nav > li.active > a {color: rgb(0 0 0 / 87%)!important;
  background-color: #ffffff!important;}

.nav-active-red .nav-link.active,
.nav-active-red .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #f44336!important;}

.nav-active-pink .nav-link.active,
.nav-active-pink .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #e91e63!important;}

.nav-active-purple .nav-link.active,
.nav-active-purple .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #9c27b0!important;}

.nav-active-deep-purple .nav-link.active,
.nav-active-deep-purple .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #673ab7!important;}

.nav-active-indigo .nav-link.active,
.nav-active-indigo .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #3f51b5!important;}

.nav-active-blue .nav-link.active,
.nav-active-blue .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #2169f3!important;}

.nav-active-light-blue .nav-link.active,
.nav-active-light-blue .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #03a9f4!important;}

.nav-active-cyan .nav-link.active,
.nav-active-cyan .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #00bcd4!important;}

.nav-active-teal .nav-link.active,
.nav-active-teal .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #009688!important;}

.nav-active-green .nav-link.active,
.nav-active-green .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #4caf50!important;}

.nav-active-light-green .nav-link.active,
.nav-active-light-green .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #8bc34a!important;}

.nav-active-lime .nav-link.active,
.nav-active-lime .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #cddc39!important;}

.nav-active-yellow .nav-link.active,
.nav-active-yellow .nav > li.active > a {color: rgb(0 0 0 / 87%)!important;
  background-color: #ffeb3b!important;}

.nav-active-amber .nav-link.active,
.nav-active-amber .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #ffc107!important;}

.nav-active-orange .nav-link.active,
.nav-active-orange .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #ff9800!important;}

.nav-active-deep-orange .nav-link.active,
.nav-active-deep-orange .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #ff5722!important;}

.nav-active-brown .nav-link.active,
.nav-active-brown .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #795548!important;}

.nav-active-blue-grey .nav-link.active,
.nav-active-blue-grey .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #607d8b!important;}

.nav-active-grey .nav-link.active,
.nav-active-grey .nav > li.active > a {color: rgb(255 255 255 / 90%)!important;
  background-color: #354255!important;}

/*
bc & jk
*/
.request.b-b.d-flex.p-a {justify-content: space-between;}
.request.b-b.d-flex.p-a span[label="address"] {flex: 2;}
.feedlabel a {filter: grayscale(1);}
.feedlabel a.active {filter: grayscale(0);}
.feedlabel a.w-24.yandex {background: url(/cdn/lib/ya-estate.svg) no-repeat center / 17px;}
.feedlabel a.w-24.avito {background: url(/cdn/lib/avito-svg.svg) no-repeat calc(100% - 7px) center / 17px;}
.feedlabel a.w-24.cian {background: url(/cdn/lib/cian-svg.svg) no-repeat center / 17px;}

/*
modules
*/
#collapse-detail #container-1 ul a[on],
#collapse-detail #container-2 ul a[on],
#collapse-detail #container-3 ul a[on],
#collapse-detail #container-2 ul a[aa="0"] {  border: 1px #d0d0d0 dashed;
    padding: 2px 5px;
    line-height: 24px;
    opacity: .4;
    border-radius: 3px;}

#collapse-detail #container-1 ul a[on="1"],
#collapse-detail #container-3 ul a[on="1"],
#collapse-detail #container-2 ul a[aa="1"],
#collapse-detail #container-2 ul a[on="1"]:not([aa="0"]) {border-color: var(--primary);
    opacity: 1;
    color: var(--primary);}


/*
detail
*/
.js-container {
/* 
    max-height: calc(100vh - 55px);
 */
    overflow-y: auto;
    overflow-y: overlay;}
.detail #newmap {width: 100%!important;}
.black .detail .pos-abt.white.w-100 {  background-color: var(--dark);}
/* 
leads
*/ 
[page="leads"] tr.request [label="Description"] {max-width: 50vw;}
[page="leads"] tr.request [label="phone"],
[page="leads"] tr.request [label="userName"] {min-width: 150px;}
[page="leads"] tr.request td {min-width: 70px;}
[page="leads"] tr.request td.h6 {white-space: normal;
    max-width: 400px;}
[page="leads"] .bs-tooltip-right {left: 160px !important;}

[page="leads"] .phone [tlid][tlusr] {
    font-size: 17px;
    line-height: 23px;
}
[page="leads"] .dropdown-menu[data-target="changestatus"] {
    max-height: 170px;
    overflow: auto;
}
[page="leads"] .frm #container-10 .nav-item .nav-link.active.show,
[page="leads"] .frm #container-10 .nav-item .nav-link:hover {background: var(--secondary);}
[page="leads"] .frm #container-10 .tab-pane a,
[page="knowledge"] .tab-pane a[target="_blank"] {text-decoration: underline;}
.recommendationList .user-object,
.complexList .user-object {
    padding: 10px;
    box-shadow: 0 0 10px rgb(120 120 120 / 20%);
    border-radius: 1rem;
    max-width: 280px;
    position: relative;
    line-height: 1;
    width: 100%;
}

body.black .recommendationList .user-object,
body.black .complexList .user-object {
    box-shadow: 0 0 10px rgb(0 0 0 / 43%);}





/*
Icon
*/
.ui-icon {display: inline-block;
  text-align: center;
  height: 1em;
  background: transparent!important;}
  .ui-icon:before {  position: relative;
    z-index: 1;}
  .ui-icon:after {  content: "";
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    border-radius: 2em;
    width: 2em;
    height: 2em;
    top: -1.5em;
    display: block;
    position: relative;
    z-index: 0;
    background-clip: padding-box;}
  .ui-icon.b-2x:after {  border-width: 2px;}
  .ui-icon.b-3x:after {  border-width: 3px;}
  .ui-icon.ui-icon-sm:after {  width: 1.7em;
    height: 1.7em;
    top: -1.35em;}
  .ui-icon.primary:after {  background-color: var(--primary);}
  .ui-icon.success:after {  background-color: var(--success);}
  .ui-icon.info:after {  background-color: var(--info);}
  .ui-icon.warning:after {  background-color: var(--warning);}
  .ui-icon.danger:after {  background-color: var(--danger);}
  .ui-icon.accent:after {  background-color: var(--accent);}
  .ui-icon.dark:after {  background-color: #253444;}
  .ui-icon.light:after {  background-color: #f9f9f9;}
  .ui-icon.white:after {  background-color: #fff;}

#aside i[class*="ion-"],
#aside i[class*=" ion-"] {font-size: 18px;
    vertical-align: -3px;}


i[class*="ion-"],
i[class*=" ion-"] {font-size: inherit;
    vertical-align: unset;}

.alert-icon {  color: #fff;}
/* 
.alert-icon [data-notify="message"] {  padding-right: 60px;
    padding-top: 8px;
    line-height: 1;
    display: block;}
 */
[data-notify="container"] .close {  text-shadow: none;}
[data-notify="container"] .alert [data-notify="icon"] {
    padding: 1rem;
    border-right: 1px rgb(255 255 255 / 35%) solid;
    background: rgb(0 0 0 / 5%);
}
[data-notify="container"] .material-icons.md-48.pull-left {background:rgb(0 0 0 / 3%)}



[data-notify="container"] {
  display: inline-grid!important;
  grid-template-columns: 84px 1fr 25px 10px;
  grid-template-rows: auto auto auto auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "left middle ok close"
    "left top ok close"
    "left bottom ok close"
    "left bbottomm ok close";
  line-height: 1;
}

[data-notify="container"] [data-notify="icon"] { grid-area: left; }
[data-notify="container"] [data-notify="title"] {grid-area: top;font-size: 1.1rem;}
[data-notify="container"] [data-notify="phone"] {grid-area: middle;margin-top: 4px;}
[data-notify="container"] [data-notify="message"] {grid-area: bottom;}
[data-notify="container"] [data-notify="description"] {grid-area: bbottomm;font-size: .65rem;opacity: .7;max-width: 85%;}

[data-notify="container"] [data-notify="accept"] { grid-area: ok; }
[data-notify="container"] [data-notify="dismiss"] { grid-area: close; }

[data-notify="container"] [data-notify="message"]{max-width: 85%;padding: .5rem 0;}


@media (max-width: 767px) {
	[page="f"] [data-category] [class*="col-"],
	[page="s"] [data-category] [class*="col-"] {text-align: center;}
}

/*calendar field*/
#pickerhistory.history[data-view="add"] > div {
    min-height: 50px; /*empty fix*/
}
/* 
.dtp_modal-cell-labels label {width: 98px;padding: 5px;
    transition: .5s;
    cursor: pointer;
    border-width: 0;
    background: var(--primary, #5f8cba);
    box-sizing: border-box;
    line-height: 20px;
    min-width: 37px;
    display: inline-block;
    text-align: center;
    color: #fbfbfb;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 15px;}
.dtp_modal-cell-labels > label:last-of-type {border-right-width:1px;
	margin-right:5px}
.dtp_modal-cell-labels input[type="radio"]:checked + label {box-shadow:0 2px 2px #CACACA inset;
	background-image:linear-gradient(to top,#FFF,#F1F1F1);color: #565656;}
	
.dtp_main{border: solid 1px rgb(120 130 140 / 15%);
    padding: 5px;
    font-size: 13px;
    height: 30px;
    border-radius: 3px;
    margin-bottom: 3px;
    cursor: pointer;}
.dtp_main b {  background: var(--primary);
    margin-right: 16px;
    padding: 4px 20px;
    margin: -4px 15px 0 -4px;
    display: inline-block;
    font-weight: normal;
    border-right: 1px rgb(120 130 140 / 15%) solid;
    color: white;
    border-radius: 2px;}
.dtp_main > span:first-of-type {padding-right: 20px;
	background: url(/cdn/lib/event.svg) no-repeat right 0 / 15px;
	margin-right: 15px;}
.dtp_main > span:last-of-type {padding-right: 20px;
	background: url(/cdn/lib/clock.svg) no-repeat right 0 / 15px;
	margin-right: 15px;}
.dtp_modal-content{background-color: #fff;
	display: flex;
	box-sizing: border-box;
	box-shadow: 0px 1px 1px rgb(0 0 0 / 25%);
    border: 2px var(--primary) solid;
    border-width: 2px 0;
    position: fixed;
    left: calc(50% - 335px)!important;
    top: calc(50% - 135px)!important;}
.dtp_modal-calendar-cell:not(.dtp_modal-colored):not(.dtp_modal-cell-selected):hover {  background: #e8e8e8;
    border-radius: 50%;}
.dtp_modal-content:before {content: "";
	background: #fbfbfb;
	width: 50%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	border-right: 1px #c5c5c5 solid;}
	
.black .dtp_modal-content, 
.black .dtp_modal-content:before {  background-color: var(--dark);}

.dtp_modal-content-no-time{ background-color: #fff; border-radius: 10px; width: 312px;
	position: absolute; z-index: 1000; top: 100px; left: 100px; font-size: 16px;font-weight: normal;}
	
.dtp_modal-title{border-bottom: solid 1px #c5c5c5;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 18px;}
.dtp_modal-months{ color: #7d7d7d; text-align: center; font-size: 20px; padding: 0 20px;}
.dtp_modal-months span{ display: inline-block; padding: 10px 20px; width: 182px;}
.dtp_modal-calendar{ width: 266px; margin-left: 22px; }
.dtp_modal-calendar-cell{width: 38px;
	display: inline-block;
	text-align: center;
    cursor: pointer;
	line-height: 38px;}
.dtp_modal-colored{color: var(--primary);}
.dtp_modal-grey{ color: #7d7d7d; }
.dtp_modal-cell-selected{background-color: var(--primary);
	border-radius: 50%;
	color: white;}
.dtp_modal-cell-time, .dtp_modal-cell-date {  flex: 1;
    text-align: center;
    padding: 15px;
    min-width: 335px;}
.dtp_modal-cell-time label {background: var(--primarylt);
    margin-right: 2px;
    position: absolute;
    top: -35px;
    padding: 7px;
    text-align: center;
    color: white;
    width: 110px;
    box-shadow: 1px -1px 2px rgb(0 0 0 / 5%);
    cursor: pointer;}
.dtp_modal-cell-time label[for="calendcall"] {left: 0;}
.dtp_modal-cell-time label[for="calendhello"] {left: 112px;}
.dtp_modal-cell-time label[for="calendview"] {left: 224px;}
.dtp_modal-cell-time label[for="calendoc"] {left: 336px;}
.dtp_modal-cell-time label[for="calendiel"] {left: 448px;}
.dtp_modal-cell-time input:checked + label {background: var(--primary);}
.history[data-view="add"] u {display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    margin: 0 10px;
    border-radius: 15px;}

.dpt_modal-button{background-color: var(--primary);
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    width: 200px;
    line-height: 37px;
    margin: 25px auto;}
.dtp_modal-time-line{text-align: center;
	color: #7d7d7d;
	font-size: 20px;}
.dtp_modal-time-mechanic {text-align: center;
	padding-top: 30px;}
.dtp_modal-append{ color: #7d7d7d; padding-left: 108px; font-weight: normal; }
.dtp_modal-digits{font-size: 60px;
	color: var(--color);}
.dtp_modal-win {position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: transparent;}
.dtp_modal-appendtop i,
.dtp_modal-appendbottom i,
.dtp_modal-months i {cursor: pointer;
	width: 15px;
	height: 15px;
	border: 2px #b1b1b1 solid;
	border-width: 0 0 2px 2px;
	display: inline-block;
	margin: 0px 24px;}
.dtp_modal-months i:first-of-type {transform: rotate(45deg);
	margin: 0;}
.dtp_modal-months i:last-of-type {transform: rotate(-135deg);
	margin: 0;}
.dtp_modal-appendtop i {transform: rotate(135deg);}
.dtp_modal-appendbottom i {transform: rotate(-45deg);}
.dtp_modal-midle-dig, 
.dtp_modal-midle {display: inline-block;
	width: 40px;}
.dtp_modal-appendtop i:hover, 
.dtp_modal-appendbottom i:hover, 
.dtp_modal-months i:hover {border-color: #50657e;}
.calendar[data-view="add"] {  position: relative;}
.calendar[data-view="add"] #pickers {position: absolute;
	z-index: 10;
	left: calc(50% - 335px);
	top: 0;}
 */
/* 
div[crm="samplecontainer"] div,
#pickerhistory div {    border: 1px rgb(120 130 140 / 15%) solid;
    border-radius: 3px;
    margin-bottom: 3px;
    padding: 5px;
    font-size: 13px;}
 */
/* 
#pickerhistory div span:first-of-type {width: 220px;
	display: inline-block;}
 */
/* 
#pickerhistory div:hover,
.dtp_main:hover {  background: rgb(0 0 0 / 15%);} 
.dtp_modal-cell-time input[type="radio"], .dtp_modal-cell-labels input[type="radio"] {  display: none;}
 */


[page="analytics"] li.nav-item.inline {  flex: 1;}

[page="analytics"] .app-body .nav.nav-md {  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}


/*
Item
*/
/* 
.item {position: relative;
  margin: 0 auto;}
  .item::after {  content: "";
    display: table;
    clear: both;}
  .item .top {  position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background-image: linear-gradient(to top, transparent, rgb(0 0 0 / 40%));
    background-repeat: repeat-x;
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;}
  .item .bottom {  position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, transparent, rgb(0 0 0 / 40%));
    background-repeat: repeat-x;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;}
  .item .center {  position: absolute;
    padding: 0!important;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;}
  .no-gutter .item {  border-radius: 0;}

.item-overlay {line-height: 1;
  color: #fff;
  padding: 8px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  border-radius: inherit;}
  .item-overlay.active, .item-overlay.open,
  .item-overlay .item:focus,
  .item:hover .item-overlay {  opacity: 1;
    display: block;}
  .item-overlay.w-full {  top: 0;
    bottom: 0;}
  .item-overlay > a,
  .item-overlay > .btn {  min-width: 20px;
    text-align: center;
    display: inline-block;}

.item-media {position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
  border-radius: inherit;}
  .item-media:after {  content: '';
    display: block;
    padding-top: 100%;}

.item-media-21by9:after {padding-top: 42.857143%;}

.item-media-16by9:after {padding-top: 56.25%;}

.item-media-4by3:after {padding-top: 75%;}

.item-media-2by3:after {padding-top: 150%;}

.item-media-3by4:after {padding-top: 133.33333%;}

.item-media-2by1:after {padding-top: 50%;}

.item-media-2by1 .item-media-content {max-width: 50%;}

.item-media-2by1 .item-overlay {width: 50%;}
  .item-media-2by1 .item-overlay.top ~ .item-media-content {  left: 50%;}
  .item-media-2by1 .item-overlay.bottom {  left: auto;
    right: 0;}

.item-media-1by2:after {padding-top: 200%;}

.item-media-1by2 .item-media-content {max-height: 50%;}

.item-media-1by2 .item-overlay {height: 50%;}
  .item-media-1by2 .item-overlay.top ~ .item-media-content {  top: 50%;}

.item-media iframe,
.item-media-content {position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0;
  border-radius: inherit;
  background-size: cover;
  background-repeat: none;
  background-position: 50% 50%;
  background-color: rgb(120 120 120 / 10%);}

.item-info {position: relative;
  padding: 10px 0 20px 0;
  border-radius: inherit;}
  .item-info .bottom {  bottom: 100%;}

.item-info-overlay .item-info {position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  padding: 15px 20px;
  color: #fff;}
  .item-info-overlay .item-info .item-overlay {  bottom: 0;}
  .item-info-overlay .item-info .item-title {  font-size: 1.125rem;}

.item-title {font-weight: 600;}

.item-bg {position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;}

.item-bg img {position: absolute;
  width: 110%;
  left: 50%;
  top: 50%;
  margin-left: -55%;
  margin-top: -55%;}
 */

.blur {-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);}

.blur-5 {opacity: 0.5;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);}
  
.blur-1 {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);}

.opacity {opacity: 0.5;}

.opacity-8 {opacity: 0.8;}
.opacity-3 {opacity: 0.3;}
.opacity-1 {opacity: 0.1;}

.visible-list {display: none!important;}

/* 
.item-grid .item-info {min-height: 50px;}

.item-list .item {padding: 12px 10px;
  margin-left: -10px;
  margin-right: -10px;
  border-radius: 5;}
  .item-list .item:hover, .item-list .item:focus {  background-color: rgb(120 120 120 / 10%);}
    .item-list .item:hover .item-info:after, .item-list .item:focus .item-info:after {    display: none;}

.item-list .visible-list {display: block!important;}

.item-list.item-list-lg .item-media {width: 90px;
  height: 90px;}

.item-list.item-list-lg .item-info {min-height: 90px;}

.item-list.item-list-md .item-media {width: 60px;
  height: 60px;}

.item-list.item-list-md .item-info {min-height: 60px;}

.item-list.item-list-sm .item-media {width: 40px;
  height: 40px;}

.item-list.item-list-sm .item-info {min-height: 40px;}

.item-list.item-list-xs .item-media {width: 0;
  height: 0;
  position: static;}
  .item-list.item-list-xs .item-media button {  width: 30px;
    height: 30px;}

.item-list.item-list-xs .item-media-content {display: none;}

.item-list.item-list-xs .item-info {min-height: 20px;}

.item-list.item-list-xs .center {left: 30px;
  margin-top: -15px;}

.item-list.item-list-xs .item:hover:before,
.item-list.item-list-xs .item:focus:before,
.item-list.item-list-xs .item.active:before,
.item-list.item-list-xs .open .item:before {opacity: 0;}

.item-list.item-list-by > div {float: none;
  width: 100%;}

.item-list .item-media {width: 120px;
  height: 120px;
  padding-bottom: 0;
  float: left;
  margin-right: 16px;
  z-index: 1;}

.item-list .item-info {padding: 0;
  position: relative;
  min-height: 120px;}
  .item-list .item-info .bottom {  position: relative;
    float: right;
    background: transparent;
    color: inherit;}
  .item-list .item-info:after {  content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    border-bottom: 1px solid rgb(120 120 120 / 10%);}

.item-list .item-title {line-height: 1.4;}

.item-list .item-meta-right {position: absolute;
  right: 0;
  top: 2px;}

.item-list .item:hover .item-meta-right,
.item-list .item:focus .item-meta-right,
.item-list .open ~ .item-meta .item-meta-right {display: none;}

.item-list-li {counter-reset: li;}
  .item-list-li .item {  padding-left: 50px;}
  .item-list-li .item-overlay {  padding: 3px 8px;}
  .item-list-li .item:before {  position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    content: counter(li);
    counter-increment: li;
    text-align: center;
    width: 50px;
    display: inline-block;
    opacity: 0.6;
    font-size: 16px;
    font-weight: bold;}

.item-masonry .item {margin-bottom: 24px;}

.item-masonry .item-media-1by2 {padding-top: 24px;}

.item-masonry.row-sm .item {margin-bottom: 16px;}

.item-masonry.row-sm .item-media-1by2 {padding-top: 16px;}

.item-masonry.row-xs .item {margin-bottom: 8px;}

.item-masonry.row-xs .item-media-1by2 {padding-top: 8px;}

@media (max-width: 991px) {.item-masonry .item {  margin-bottom: 16px;}
  .item-masonry .item-media-1by2 {  padding-top: 16px;}
  .item-list .item {  margin-left: -8px;
    margin-right: -8px;} }

@media (max-width: 767px) {.item-masonry .item {  margin-bottom: 8px;}
  .item-masonry .item-media-1by2 {  padding-top: 8px;}
  .item-masonry.row-sm .item {  margin-bottom: 8px;}
  .item-masonry.row-sm .item-media-1by2 {  padding-top: 8px;}
  .item-masonry.row-xs .item {  margin-bottom: 4px;}
  .item-masonry.row-xs .item-media-1by2 {  padding-top: 4px;}
  .item-list .item {  margin-left: -4px;
    margin-right: -4px;} }
 */

/*
Page
*/
.page-content {position: relative;
  z-index: 10;}

.page-bg {position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0;
  height: 50vh;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 0;}
  .page-bg:before {  content: '';
    background-size: cover;
    background-repeat: no-repeat;
    background-image: inherit;
    background-position: inherit;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.1;}
  .page-bg:after {  content: '';
    position: absolute;
    bottom: 0;
    height: 50%;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent, #ffffff);
    background-repeat: repeat-x;}
  .light .page-bg:after {  background-image: linear-gradient(to bottom, transparent, #f9f9f9);}
  .grey .page-bg:before {  opacity: 0.15;}
  .grey .page-bg:after {  background-image: linear-gradient(to bottom, transparent, #354255);}
  .dark .page-bg:before {  opacity: 0.15;}
  .dark .page-bg:after {  background-image: linear-gradient(to bottom, transparent, #253444);}
  .black .page-bg:before {  opacity: 0.15;}
  .black .page-bg:after {  background-image: linear-gradient(to bottom, transparent, #282c23);}


.cover {background-size: cover;
  background-repeat: no-repeat;
  background-image: inherit;
  background-position: 50% 50%;
  position: relative;}
  .cover:after {  position: absolute;
    z-index: 0;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    background-color: inherit;
    opacity: 0.65;}
  .cover.cover-gd:after {  background-image: linear-gradient(to right, #2169f3, var(--primary));}
  .cover > * {  position: relative;
    z-index: 1;}

/*
Plugins
*/
.switcher {z-index: 1000;
  position: fixed;
  top: 120px;
  right: -240px;
  width: 240px;
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
  border: 1px solid rgb(120 120 120 / 10%);
  background-clip: padding-box;}
  .switcher.active {  right: -2px;
    z-index: 1060;}

.switcher .sw-btn {position: absolute;
  left: -43px;
  top: -1px;
  padding: 10px 15px;
  z-index: 1045;
  border: 1px solid rgb(120 120 120 / 10%);
  border-right-width: 0;
  background-clip: padding-box;
  border-radius: 24px 0 0 24px;}

#sw-demo {top: 118px;}
  #sw-demo.active {  top: 78px;}

.list-icon i {  margin: auto;
    font-size: 48px;
    color: var(--gray);
    display: block;}
    
.list-icon div {line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}


/*Charts*/
.jqstooltip {background-color: rgb(0 0 0 / 80%)!important;
  border: solid 1px #000!important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px!important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;}

.easyPieChart {position: relative;
  text-align: center;}
  .easyPieChart > div {  position: absolute;
    width: 100%;
    line-height: 1;
    top: 40%;}
    .easyPieChart > div img {    margin-top: -4px;}
  .easyPieChart canvas {  vertical-align: middle;}

#flotTip,
.flotTip {padding: 4px 10px;
  background-color: rgb(0 0 0 / 80%)!important;
  border: solid 1px #000!important;
  z-index: 100;
  font-size: 12px;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}

.legendColorBox > div {border: none!important;
  margin: 5px;}
  .legendColorBox > div > div {  border-radius: 10px;}

.st-sort-ascent:before {content: '\25B2';}

.st-sort-descent:before {content: '\25BC';}

.st-selected td {background: rgb(0 0 0 / 6%);}

.dark .btn-default.form-control,
.black .btn-default.form-control,
.grey .btn-default.form-control {background: transparent!important;
  background-color: rgb(255 255 255 / 10%)!important;
  color: inherit!important;}

.ui-select-bootstrap > .ui-select-choices {overflow-y: scroll;}

.box .dataTables_wrapper {padding-top: 10px;}

.box .dataTables_wrapper > .row > div {padding: 0 15px!important;}

.box .dataTables_wrapper > .row > div.col-md-12 {padding: 0!important;}

.footable-odd {background-color: rgb(0 0 0 / 3%)!important;}

.note-editor {border-width: 0!important;
  overflow: visible!important;
  background-color: inherit;}
body.black .note-editor .note-editing-area .note-editable {  background: #2e3035!important;}

body.black .CodeMirror-gutters {  background: rgb(44 45 50);
    border: 0;}

body.black .CodeMirror-scroll {  border: 0;}

body.black .CodeMirror.cm-s-default {  border: 0;
    color: rgb(255 255 255 / 70%);
    background: #2e3035;}

body.black .CodeMirror-code {  background-image: -webkit-repeating-linear-gradient(top, rgb(0 0 0 / 1%) 0px, rgb(0 0 0 / 1%) 22px, rgb(236 236 236 / 2%) 20px, rgb(236 236 236 / 2%) 44px);}
body.black .cm-s-default .cm-attribute {  color: #8282f5;}
body.black .cm-s-default .cm-string {  color: #d24040;}

.note-toolbar .note-color .dropdown-toggle {padding-left: 2px!important;}

.note-editor .note-editing-area .note-editable,
.note-editor .note-statusbar {background-color: transparent!important;
  color: inherit!important;}

.note-toolbar {background-color: rgb(120 130 140 / 10%);
    border-top: 1px solid rgba(0,0,0,.05);}
.note-toolbar .btn {padding: .25rem .5rem;}
.note-editor.note-frame .note-statusbar {border-bottom: 1px solid rgba(0,0,0,.2);
    background-color: rgba(0,0,0,.05)!important;
    border-radius: 0!important;}
.ie .ie-show {display: block;}
body.black .note-editor button {background: transparent;}
.nav a.waves-effect {-webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);}

.sortable-placeholder {list-style: none;
  border: 1px dashed #fff;
  min-height: 40px;}

.jscroll-loading {padding: 5px 10px;}

.jscroll-loading-center .jscroll-loading {text-align: center;}
/*accordion*/
.panel.box.no-border.m-b-xs {  flex-basis: 33%;
    min-height: 200px;}

.panel.box.no-border.m-b-xs:first-of-type {  flex-basis: 66%;}
/*
Streamline
*/
.streamline {position: relative;
  border-color: rgb(120 130 140 / 15%);}
  .streamline .sl-item:before,
  .streamline .sl-icon:before {  content: '';
    position: absolute;
    border-color: inherit;
    border-width: 3px;
    border-style: solid;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 14px;}

.sl-icon {position: absolute;
  left: 11px;
  z-index: 1;
  border: inherit;
  border-width: 0;}
  .sl-icon > i {  width: 20px;
    height: 20px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #fff;}
  .streamline .sl-icon:before {  width: 20px;
    height: 20px;
    border-width: 10px;
    margin: 0!important;
    top: 0!important;
    left: 0;}

.sl-item {border-color: rgb(120 130 140 / 15%);
  position: relative;
  padding: 10px 16px;
  clear: left;}
  .sl-item:after {  content: "";
    top: 26px;
    bottom: -12px;
    left: 20px;
    position: absolute;
    z-index: 1;
    border-color: inherit;
    border-left-width: 2px;
    border-right-width: 0;
    border-style: solid;}
  .sl-item:last-child:after {  display: none;}
  .sl-item.active {  background-color: rgb(120 130 140 / 15%);}

.sl-left {float: left;
  position: relative;
  z-index: 1;
  margin-left: -16px;}
  .sl-left img {  max-width: 40px;}
  .sl-left + .sl-content {  margin-left: 36px;}

.sl-content {margin-left: 24px;}
  .sl-content p:last-child {  margin-bottom: 0;}

.sl-author {margin-bottom: 10px;}

.sl-date {font-size: 0.85em;}

.sl-footer {margin-bottom: 10px;}

.streamline-theme .sl-item:before {width: 7px;
  height: 7px;
  border-width: 3px;
  top: 16px;
  left: 16px;}

.streamline-theme .sl-item:after {top: 23px;
  bottom: -17px;
  left: 19px;
  border-left-width: 1px;
  border-color: rgb(120 130 140 / 15%);}

/*
Switch
*/
.ui-switch {cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 18px;
  border-radius: 30px;
  background-color: var(--success);
  margin: 0;}
  .ui-switch input {  position: absolute;
    opacity: 0;}
    .ui-switch input:checked + i:before {    top: 50%;
      bottom: 50%;
      left: 50%;
      right: 5px;
      border-width: 0;
      border-radius: 5px;}
    .ui-switch input:checked + i:after {    margin-left: 15px;}
  .ui-switch i:before {  content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 30px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;}
  .ui-switch i:after {  content: "";
    position: absolute;
    background-color: #fff;
    width: 16px;
    top: 1px;
    bottom: 1px;
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 25%);
    -webkit-transition: margin 0.3s;
    transition: margin 0.3s;}


/*
Timeline
*/
.timeline {margin: 0;
  padding: 0;}

.tl-item {display: block;}
  .tl-item::after {  content: "";
    display: table;
    clear: both;}
[page="calendar"] .tl-item:nth-child(odd) {
    background: rgb(0 0 0 / 5%);
}
[page="calendar"] .tl-date .m-r.datashow {
    margin-right: 0;
}
[page="calendar"] .tl-wrap {margin-left: 8em;}
[page="calendar"] .tl-date {top:0;text-align: left;
}
.visible-left {display: none;}

.tl-wrap {display: block;
  margin-left: 7em;
  padding: 15px 0 15px 20px;
  border-style: solid;
  border-color: rgb(120 130 140 / 15%);
  border-width: 0 0 0 2px;}
  .tl-wrap::after {  content: "";
    display: table;
    clear: both;}
  .tl-wrap:before {position: relative;
    content: "";
    float: left;
    top: 10px;
    margin-left: -30px;
    width: 10px;
    height: 10px;
    border-color: inherit;
    border-width: 9px;
    border-radius: 50%;
    border-style: double;
    background: #f9f9f9;
    box-shadow: 0 0 0 4px #f9f9f9;}

.tl-date {position: relative;
  top: 10px;
  float: left;
  margin-left: -8.5em;
  display: block;
  width: 4.5em;
  text-align: right;}

.tl-content {display: inline-block;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;}
  .tl-content.block {  display: block;
    width: 100%;}
  .tl-content.panel {  margin-bottom: 0;}

.tl-header {display: block;
  width: 12em;
  text-align: center;
  margin-left: 1px;}

.timeline-center .tl-item {margin-left: 50%;}
  .timeline-center .tl-item .tl-wrap {  margin-left: -2px;}

.timeline-center .tl-header {width: auto;
  margin-left: -1px;}

.timeline-center .tl-left {margin-left: 0;
  margin-right: 50%;}
  .timeline-center .tl-left .hidden-left {  display: none!important;}
  .timeline-center .tl-left .visible-left {  display: inherit;}
  .timeline-center .tl-left .tl-wrap {  float: right;
    margin-right: 0px;
    border-left-width: 0;
    border-right-width: 2px;
    padding-left: 0;
    padding-right: 20px;}
    .timeline-center .tl-left .tl-wrap:before {    float: right;
      margin-left: 0;
      margin-right: -26px;}
  .timeline-center .tl-left .tl-date {  float: right;
    margin-left: 0;
    margin-right: -8.5em;
    text-align: left;}
    






.frm [id^="container-"] {  min-height: 50vh;}
.frm [inparts] {  width: 100%;}
.frm .partsstart {  margin-bottom: 5px;}
#list2 .innsuggestions,
.frm .innsuggestions,
.frm .suggestions {position: absolute;
    width: calc(100% - 30px);
    z-index: 6;
    background: white;
    box-shadow: 0 5px 20px rgb(0 0 0 / 50%);
    border: 1px var(--primary) solid;
    top: 32px;}

body.black #list2 .innsuggestions,
body.black .frm .innsuggestions,
body.black .frm .suggestions {background: var(--dark)}
#list2 .innsuggestions,
.frm .innsuggestions {top: 60px;}

#list2 .innsuggestions i,
.frm .innsuggestions i,
.frm .suggestions i {padding: 3px 5px 5px;
    background: var(--primary, #5f8cba);
    color: white;
    display: block;
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;}
#list2 .innsuggestions > div,
.frm .innsuggestions > div,
.frm .suggestions > div {border-bottom: 1px rgb(120 130 140 / 15%) solid;
    line-height: 23px;
    cursor: pointer;
    padding: 5px 15px;
    color: inherit;}
#list2 .innsuggestions > div[focus],
#list2 .innsuggestions > div:hover,
.frm .innsuggestions > div[focus],
.frm .innsuggestions > div:hover,
.frm .suggestions > div[focus],
.frm .suggestions > div:hover {color: var(--danger, #5f8cba);}
.frm .allday.md-switch i {
    margin: 0px 10px 5px!important;
}
[list="103"] .frm .radio.type {  margin-bottom: 25px;
    display: block;}

[list="103"] .frm .radio.type label {  border: 1px #e7e8e9 solid;
    padding: 40px;
    background: white;}

.md-form-group {padding: 18px 0 24px 0;
  position: relative;}

.md-input {  background: transparent;
    position: relative;
    z-index: 5;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid rgb(160 160 160 / 20%);
    width: 100%;
    height: 34px;
    padding: 2px;
    color: inherit;}
.md-input:focus,
.md-input.focus {  border-color: var(--primary);
    border-bottom-width: 2px;
    padding-bottom: 1px;}
.md-input:focus ~ label,
.md-input.focus ~ label {  color: var(--primary);
    opacity: 1;
    top: 0 !important;
    font-size: 0.85em !important;}
.float-label .md-input ~ label {  top: 20px;
    font-size: 1em;}
.float-label .md-input.has-value ~ label {  top: 0;
    font-size: 0.85em;}
.md-input ~ label {  -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 0.85em;
    position: absolute;
    z-index: 0;
    opacity: 0.5;
    display: inline-block;
    top: 0px;
    left: 0;}
.md-input.disabled,
.md-input[disabled] {  opacity: 0.5;}

.md-input-white:focus, .md-input-white.focus {border-color: #fff;}
  .md-input-white:focus ~ label, .md-input-white.focus ~ label {  color: #fff;}

.md-input-msg {position: absolute;
  bottom: 0;
  line-height: 24px;
  font-size: 0.85em;}

.md-input-msg.right {right: 0;}
.md-input.h1, .md-input.h2, .md-input.h3 {
    font-size: initial;
}
.md-check {  cursor: pointer;
    padding-left: 1.25rem;
    margin: 0;
    display: inline-block;
    position: relative;}
.md-check input {  position: absolute;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    margin-left: -1.25rem;}
.md-check input:checked + i:before {  border-width: 0;
    background-color: inherit;}
.md-check input:checked + span .active {  display: inherit;}
.md-check input[type="radio"] + i,
.md-check input[type="radio"] + i:before {  border-radius: 50%;}
.md-check input[type="checkbox"]:checked + i:after {  -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 6px;
    top: 2px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    content: " ";}
.md-check input[type="radio"]:checked + i:after {  position: absolute;
    left: 6px;
    top: 6px;
    display: table;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    content: " ";}
.md-check input[disabled] + i:before,
fieldset[disabled] .md-check input + i:before {  opacity: 0.5;}
.md-check input[disabled]:checked + i:before {  opacity: 0.5;}
.md-check > i {  width: 0;
    height: 18px;
    line-height: 1;
    margin-left: -20px;
    margin-top: 1px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    margin-right: 28px;
    position: relative;}
.md-check > i:before {  content: "";
    position: absolute;
    width: 18px;
    height: 100%;
    border: 2px solid #818a91;
    border-radius: 2px;}
.md-check > i.no-icon:after {  display: none !important;}

.radio .md-check {  margin-right: 5px;}
.radio[layout="column"] .md-check {
    width: fit-content;
}
.md-switch {  cursor: pointer;
    padding-left: 36px;
    margin: 0;
    min-height: 20px;}
.md-switch input {  position: absolute;
    cursor: pointer;
    width: 36px;
    height: 20px;
    z-index: 1;
    opacity: 0;
    margin-left: -36px;}
.md-switch input:checked + i:before {  background: inherit;
    opacity: 0.5;}
.md-switch input:checked + i:after {  background: inherit;
    left: 16px;}
.md-switch input[disabled] + i:before,
fieldset[disabled] .md-switch input + i:before {  background-color: rgb(0 0 0 / 12%);}
.md-switch input[disabled] + i:after,
fieldset[disabled] .md-switch input + i:after {  background-color: #bdbdbd;}
.md-switch i {  width: 0px;
    height: 18px;
    line-height: 1;
    margin-left: -36px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 44px;
    position: relative;}
.md-switch i:before {  content: "";
    left: 1px;
    width: 34px;
    top: 3px;
    height: 14px;
    border-radius: 8px;
    position: absolute;
    background-color: #9e9e9e;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;}
.md-switch i:after {  content: "";
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    outline: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 2px 5px 0 rgb(0 0 0 / 25%);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;}



.dark .white,
.dark .frm,
.dark .box {background-color: #3d4654;}

.dark.app {background-color: #253444;}
 
.dark .app-body,
.dark .modal-content {  background-color: #3d4654;
    color: white;
    background-image: linear-gradient(to bottom, transparent, #253444);}
.dark #content .app-header {background-color: #3d4654;
    color: white;
    background-image: linear-gradient(to top, transparent, #253444);}

.dark #aside .modal-content {box-shadow: -1px 0 0 #3c4855 inset;}
.dark .table td {border-top: 1px solid #4e5764;}

.dark .fc .fc-button-primary {  color: white!important;}



.modern #aside .modal-content {background: var(--dark);
    color: white;}
.modern .nav-body .text {font-size: .9rem;}
.modern #aside .modal-content {box-shadow: -1px 0 0 var(--dark) inset;}
.nav-body .nav > li > a .nav-icon i {/* 
  padding: 2px;
    border-radius: 30px;
 */
    display: inline-block;
    line-height: 36px;
    width: 40px;
    font-size: 22px;}
#aside:not(.aside) .nav-body .nav > li > a .nav-icon i {
}
#aside:not(.aside) .nav-body .nav > li > a .nav-icon{margin-right: 16px;}
/* 

.nav-body .nav > li > a .nav-icon i:not(.text-white) {  background: var(--light);}
    
.black .nav-body .nav > li > a .nav-icon i:not(.text-white),
.modern .nav-body .nav > li > a .nav-icon i:not(.text-white) {  background: var(--darklt);}
 */
.nav-body .nav > li > a:hover .nav-icon {  transform: scale(1.05);}

.modern .nav-body .nav > li > a .nav-icon i.text-white {  outline: 2px rgb(249 249 249 / 45%) dotted;
    outline-offset: -4px;}
.modern #aside i[class*="ion-"], 
.modern #aside i[class*=" ion-"] {  font-size: 20px;}
 
.black .frm,
.black .white,
.black .box {background-color: inherit;
  color: inherit;}

.black [crm="servicecontainer"] {background-color: var(--dark);}

.black .fullscreen, 
.black alert, 
.black confirm {background: rgb(0 0 0 / 25%);}

.black .white.primary {  background-color: var(--primary);}
.black.app {background-color: #282c23;}

.grey .app,
.grey .frm,
.grey .box {background-color: rgb(241 241 241 / 85%);}
  
.grey .white {  background: inherit;}
.grey .card{background: white;
    color: inherit;}

.grey .navside {  background: #ececec;
    border-right: 1px #e2e2e2 solid!important;}

.dark {color: rgb(226 229 232 / 85%);
	background-color: #253444}
.darklt{background-color: #2c3c55}
.darkdk{background-color: #202c3d}
.dark .bg {background-color: rgb(120 130 140 / 15%)}
  
a.dark:hover {background-color: #202c3d}

.dark .text-dark {  color: #ffffff!important;}


.primarylt{background-color:var(--primarylt)}
.primarydk{background-color:var(--primarydk)}
.accentlt{background-color:var(--accentlt)}
.accentdk{background-color:var(--accentdk)}
.warnlt{background-color:var(--warnlt)}
.warndk{background-color:var(--warndk)}
.successlt{background-color:var(--successlt)}
.successdk{background-color:var(--successdk)}
.warninglt{background-color:var(--warninglt)}
.warningdk{background-color:var(--warningdk)}
.dangerlt{background-color:var(--dangerlt)}
.dangerdk{background-color:var(--dangerdk)}
.infolt{background-color:var(--bluelt)}
.infodk{background-color:var(--bluedk)}
.darklt{background-color:var(--darklt)}
.darkdk{background-color:var(--darkdk)}


.dark .form-control,
.black .form-control,
.grey .form-control {background: transparent;
  background-color: transparent;
  color: inherit;}
  .dark .form-control:focus,
  .black .form-control:focus,
  .grey .form-control:focus {  border-color: rgb(120 130 140 / 15%);}

.dark .input-group-btn .btn,
.black .input-group-btn .btn,
.grey .input-group-btn .btn {background-color: rgb(120 130 140 / 7%)!important;
  color: inherit!important;}

.dark .list-group,
.black .list-group,
.grey .list-group {background-color: transparent;}



.indigo {background-color: var(--indigo);color:white}
.purple {background-color: var(--purple);color:white}
.pink {background-color: var(--pink);color:white}
.red {background-color: var(--red);color:white}
.orange {background-color: var(--orange);color:white}
.yellow {background-color: var(--yellow);color:white}
.green {background-color: var(--green);color:white}
.teal {background-color: var(--teal);color:white}
.cyan {background-color: var(--cyan);color:white}



.pos-rlt {position: relative;
  z-index: 1;}

.pos-abt {position: absolute;}

.pos-fix {position: fixed!important;}

.pos-stc {position: static!important;}


.block {display: block;}

.block.hide {display: none;}

.pull-none {float: none;}
.c-b {clear: both;}
.inline {display: inline-block;}

.none {display: none;}
.active > .inline {display: none;}
.active > .none {display: inline-block;}
.hide {display: none!important;}
.show {opacity: 1;
  display: block!important;}
.pointer {cursor: pointer;}
.clear {display: block;
  overflow: hidden;}
.hidden {visibility: hidden;}
.no-shadow {-webkit-box-shadow: none!important;
  box-shadow: none!important;}

.rounded {border-radius: .5rem!important}
.rounded-sm {border-radius: .25rem!important}
.rounded-md {border-radius: 1rem!important}
.circle {border-radius: 500px;}
  
.note-btn-group.show {display: flex!important;}




.no-border {border-color: transparent;
  border-width: 0;}

.no-borders {border-width: 0!important;}

.b {border-style: solid;
  border-color: rgb(120 130 140 / 15%);
  background-clip: padding-box;}
.b-a {border: 1px solid rgb(120 130 140 / 15%);}
.b-t {border-top: 1px solid rgb(120 130 140 / 15%);}
.b-r {border-right: 1px solid rgb(120 130 140 / 15%);}
.b-b {border-bottom: 1px solid rgb(120 130 140 / 15%);}
.b-l {border-left: 1px solid rgb(120 130 140 / 15%);}
.b-2x {border-width: 2px;}
.b-3x {border-width: 3px;}
.b-4x {border-width: 4px;}
.b-5x {border-width: 5px;}
.no-radius {border-radius: 0px}
.b-dashed {border-style: dashed!important;}
.b-dotted {border-style: dotted!important;}
.b-transparent {border-color: transparent!important;}
.b-t-2x {border-top-width: 2px;}
.b-t-3x {border-top-width: 3px;}
.b-r-2x {border-right-width: 2px;}
.b-r-3x {border-right-width: 3px;}
.b-b-2x {border-bottom-width: 2px;}
.b-b-3x {border-bottom-width: 3px;}
.b-l-2x {border-left-width: 2px;}
.b-l-3x {border-left-width: 3px;}


@media (max-width: 991px) {.no-border-md {  border-width: 0;} }

@media (max-width: 767px) {.no-border-sm {  border-width: 0;} }

@media (max-width: 543px) {.no-border-xs {  border-width: 0;} }


.hover-action {display: none;}

.hover-rotate {-webkit-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s;}

.hover-anchor:hover .hover-action,
.hover-anchor:focus .hover-action,
.hover-anchor:active .hover-action {display: inherit;}

.hover-anchor:hover .hover-rotate,
.hover-anchor:focus .hover-rotate,
.hover-anchor:active .hover-rotate {-webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);}

.hover-top:hover,
.hover-top:focus {position: relative;
  z-index: 1000;}





.m-auto {margin: auto}

.m-a {margin: 1rem;}

.m-t {margin-top: 1rem;}

.m-r {margin-right: 1rem;}

.m-b {margin-bottom: 1rem;}

.m-l {margin-left: 1rem;}

.m-l-1 {margin-left: -1px;}
.m-t-1 {margin-top: -1px;}
.m--t-xs {
    margin-top: -.25rem;
}
.m--t-sm {
    margin-top: -.5rem;
}
.m--t {
    margin-top: -1rem;
}

.m--t-md {
    margin-top: -2rem;
}

.m--t-lg {
    margin-top: -3rem;
}
.m-x {margin-right: 1rem;
  margin-left: 1rem;}

.m-x-1 {margin-bottom: -0.5rem;
    margin-top: -0.5rem;}
.m-y {margin-top: 1rem;
  margin-bottom: 1rem;}

.m-a-lg {margin: 3rem;}

.m-t-lg {margin-top: 3rem;}

.m-r-lg {margin-right: 3rem;}

.m-b-lg {margin-bottom: 3rem;}
.m-b-4x {margin-bottom: 4rem;}

.m-l-lg {margin-left: 3rem;}

.m-x-lg {margin-right: 3rem;
  margin-left: 3rem;}

.m-y-lg {margin-top: 3rem;
  margin-bottom: 3rem;}

.m-a-md {margin: 1.5rem;}

.m-t-md {margin-top: 1.5rem;}

.m-r-md {margin-right: 1.5rem;}

.m-b-md {margin-bottom: 1.5rem;}

.m-l-md {margin-left: 1.5rem;}

.m-x-md {margin-right: 1.5rem;
  margin-left: 1.5rem;}

.m-y-md {margin-top: 1.5rem;
  margin-bottom: 1.5rem;}

.m-a-sm {margin: 0.5rem;}

.m-t-sm {margin-top: 0.5rem;}

.m-r-sm {margin-right: 0.5rem;}

.m-b-sm {margin-bottom: 0.5rem;}

.m-l-sm {margin-left: 0.5rem;}

.m-x-sm {margin-right: 0.5rem;
  margin-left: 0.5rem;}

.m-y-sm {margin-top: 0.5rem;
  margin-bottom: 0.5rem;}

.m-a-xs {margin: 0.25rem;}

.m-t-xs {margin-top: 0.25rem;}

.m-r-xs {margin-right: 0.25rem;}

.m-b-xs {margin-bottom: 0.25rem;}

.m-l-xs {margin-left: 0.25rem;}

.m-x-xs {margin-right: 0.25rem;
  margin-left: 0.25rem;}

.m-y-xs {margin-top: 0.25rem;
  margin-bottom: 0.25rem;}

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

.padding {padding: 1.5rem 1.5rem;}

.margin {margin-bottom: 1.5rem;}

.padding-out {margin: -1.5rem -1.5rem;}
  
.p-a {padding: 1rem;}

.p-t {padding-top: 1rem;}

.p-r {padding-right: 1rem;}

.p-b {padding-bottom: 1rem;}

.p-l {padding-left: 1rem;}

.p-x {padding-right: 1rem;
  padding-left: 1rem;}

.p-y {padding-top: 1rem;
  padding-bottom: 1rem;}

.p-a-lg {padding: 3rem;}

.p-t-lg {padding-top: 3rem;}

.p-r-lg {padding-right: 3rem;}

.p-b-lg {padding-bottom: 3rem;}

.p-l-lg {padding-left: 3rem;}

.p-x-lg {padding-right: 3rem;
  padding-left: 3rem;}

.p-y-lg {padding-top: 3rem;
  padding-bottom: 3rem;}

.p-a-md {padding: 1.5rem;}

.p-t-md {padding-top: 1.5rem;}

.p-r-md {padding-right: 1.5rem;}

.p-b-md {padding-bottom: 1.5rem;}

.p-l-md {padding-left: 1.5rem;}

.p-x-md {padding-right: 1.5rem;
  padding-left: 1.5rem;}

.p-y-md {padding-top: 1.5rem;
  padding-bottom: 1.5rem;}

.p-a-sm {padding: 0.5rem;}

.p-t-sm {padding-top: 0.5rem;}

.p-r-sm {padding-right: 0.5rem;}

.p-b-sm {padding-bottom: 0.5rem;}

.p-l-sm {padding-left: 0.5rem;}

.p-x-sm {padding-right: 0.5rem;
  padding-left: 0.5rem;}

.p-y-sm {padding-top: 0.5rem;
  padding-bottom: 0.5rem;}

.p-a-xs {padding: 0.25rem;}

.p-t-xs {padding-top: 0.25rem;}

.p-r-xs {padding-right: 0.25rem;}

.p-b-xs {padding-bottom: 0.25rem;}

.p-l-xs {padding-left: 0.25rem;}

.p-x-xs {padding-right: 0.25rem;
  padding-left: 0.25rem;}

.p-y-xs {padding-top: 0.25rem;
  padding-bottom: 0.25rem;}

@media (max-width: 991px) {.padding {  padding: 1.5rem 1rem;}
  .padding-out {  margin: -1.5rem -1rem;}
  .margin {  margin-bottom: 1rem;}
  .box,
  .box-color {  margin-bottom: 1rem;}
  .no-padding-md {  padding: 0!important;}
  .no-margin-md {  margin: 0!important;} }

@media (max-width: 767px) {.padding {  padding: 1.5rem 0.5rem;}
  .padding-out {  margin: -1.5rem -0.5rem;}
  .margin {  margin-bottom: 0.5rem;}
  .box,
  .box-color {  margin-bottom: 0.5rem;}
  .no-padding-sm {  padding: 0!important;}
  .no-margin-sm {  margin: 0!important;} }

@media (max-width: 543px) {.no-padding-xs {  padding: 0!important;}
  .no-margin-xs {  margin: 0!important;} }





.scrollable {overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;}

.scroll-x,
.scroll-y {overflow: hidden;}

.scroll-y {overflow-y: auto;
  overflow-y: overlay;}

.scroll-x {overflow-x: auto;
  overflow-x: overlay;}

.no-scroll {overflow: hidden!important;}




.text-d-n,.text-d-n:hover{text-decoration:none}
.italic {font-style:italic}
._100 {font-weight: 100;}

._200 {font-weight: 200;}

._300 {font-weight: 300;}

._400 {font-weight: 400;}

._500 {font-weight: 500;}

._600 {font-weight: 600;}

._700 {font-weight: 700;}

._800 {font-weight: 800;}

.text-0 {font-size:0}

.text {font-size: 1rem;}

.text-xxs {font-size: 0.6rem;}

.text-xs {font-size: 0.7rem;}

.text-sm {font-size: 0.8rem;}

.text-md {font-size: 1.125rem;}

.text-lg {font-size: 1.5rem;}

.text-2x {font-size: 2em!important;}

.text-3x {font-size: 3em!important;}

.text-4x {font-size: 4em!important;}

.text-5x {font-size: 6rem;}
.text-10x {font-size: 10rem;}
  
@media (max-width: 560px) {
	.text-5x {font-size: 2rem;}
}

.l-h-0 {line-height: 0;}

.l-h {line-height: 1.5;}
  
.l-h-x {line-height: 1.125;}

.l-h-1x {line-height: 1;}

.l-h-2x {line-height: 2em;}
  
.l-h-3x {line-height: 3em;}

.l-s-1x {letter-spacing: 1px;}

.l-s-2x {letter-spacing: 2px;}

.l-s-3x {letter-spacing: 3px;}

.l-s-4x {letter-spacing: 4px;}

.l-s--1x {letter-spacing: -1px;}

.l-s--2x {letter-spacing: -2px;}

.l-s--3x {letter-spacing: -3px;}

.l-s--4x {letter-spacing: -4px;}

.text-u-c {text-transform: uppercase;}

.text-l-t {text-decoration: line-through;}

.text-u-l {text-decoration: underline;}

.text-elipsis {text-overflow: ellipsis;}
.text-ellipsis {display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.wrap {white-space: normal;}
.nowrap {white-space: nowrap;}
.list-style-type {list-style-type: none;}
.capitalize {text-transform: capitalize;}
.text-shadow {text-shadow: 0 1px 0 rgb(0 0 0 / 10%);}




#noticeList .label.purple {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    vertical-align: middle;
}


.form-horizontal .col-form-label {  text-align: right;
    max-width: 180px;
    padding: 10px 5px 0px 15px;}


/*---------------------------
4. Material Design style
---------------------------*/
.md-btn {-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  outline: none;
  border: 0;
  border-radius: 3px;
  padding: 6px;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-style: inherit;
  font-variant: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}


.md-flat {background: transparent;}

.md-btn.md-flat:not([disabled]):hover,
.md-btn.md-flat:not([disabled]):focus {background-color: rgb(158 158 158 / 20%);}

.md-btn-circle {width: 28px;
  height: 28px;
  border-radius: 50%;
  padding: 2px;}

.md-btn[disabled],
.md-btn.md-raised[disabled],
.md-btn.md-fab[disabled] {color: rgb(0 0 0 / 25%);
  background-color: transparent;
  cursor: not-allowed;}

.md-fab {line-height: 44px;}

.md-fab-offset {margin-top: -20px;
  margin-bottom: -20px;}

.md-btn:focus {outline: none;}

.md-btn:hover {text-decoration: none;}

.md-btn.md-cornered {border-radius: 0;}

.md-btn.md-icon {padding: 0;
  background: none;}

.md-btn.md-raised {-webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);}

.md-btn.md-fab {z-index: 20;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: 0.2s linear;
  transition-property: -webkit-transform, box-shadow;
  transition-property: transform, box-shadow;}

.md-btn.md-raised:not([disabled]),
.md-btn.md-fab {box-shadow: 0 2px 5px 0 rgb(0 0 0 / 25%);}

.md-btn.md-raised:not([disabled]):focus,
.md-btn.md-raised:not([disabled]):hover,
.md-btn.md-fab:not([disabled]):focus,
.md-btn.md-fab:not([disabled]):hover {box-shadow: 0 4px 8px 0 rgb(0 0 0 / 40%);
  -webkit-transform: translate3d(0, -1px, 0);
  transform: translate3d(0, -1px, 0);}

.md-fab-bottom-right {top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;}

.md-fab-bottom-left {top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;}

.md-fab-top-right {top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;}

.md-fab-top-left {top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;}

.md-btn.md-fab.md-mini {width: 40px;
  height: 40px;
  line-height: 28px;}

/*
Outline
*/
.o{outline-width:1px;outline-color:rgba(120,130,140,0.13);outline-style:solid}
.o-2x{outline-width:2px}
.o-3x{outline-width:3px}
.o-4x{outline-width:4px}
.o-5x{outline-width:5px}
.o-dashed{outline-style:dashed!important}
.o-dotted{outline-style:dotted!important}
.o-double{outline-style:double!important}
.o-o-1x{outline-offset:.1rem}
.o-o-2x{outline-offset:.2rem}
.o-o-3x{outline-offset:.3rem}
.o-o-4x{outline-offset:.4rem}
.o-o-5x{outline-offset:.5rem}


/*
Colors

*/

/* 
.openp.galleryfield:after,
 */
.bg-overlay {position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: var(--dark);
    opacity: .6;}
/* 
.openp.galleryfield:after,
 */
.bg-0 {background: linear-gradient(to right, rgb(41 44 49 / 40%) 0%, rgb(41 44 49 / 20%) 50%, rgb(41 44 49 / 20%) 60%, rgb(41 44 49 / 10%) 100%); opacity: 1;}
.bg-1 {background: linear-gradient(to right, rgb(41 44 49) 0%, rgb(41 44 49 / 90%) 50%, rgb(41 44 49 / 80%) 80%, rgb(41 44 49 / 70%) 100%); opacity: 1;}
.bg-2 {background: linear-gradient(to left, rgb(41 44 49) 0%, rgb(41 44 49 / 90%) 50%, rgb(41 44 49 / 80%) 80%, rgb(41 44 49 / 70%) 100%); opacity: 1;}
.bg-3 {background: linear-gradient(to right, rgb(255 255 255) 0%, rgb(255 255 255 / 90%) 65%, rgb(255 255 255 / 20%) 80%, transparent 100%); opacity: 1;}
.bg-4 {background: linear-gradient(to top, rgb(41 44 49) 0%, rgb(41 44 49 / 90%) 50%, rgb(41 44 49 / 80%) 80%, rgb(41 44 49 / 70%) 100%); opacity: 1;}


.text-muted {opacity: 0.6;
    color: inherit!important;}

a.text-muted:hover, a.text-muted:focus {opacity: 1}

.text-white-lt {color: rgb(255 255 255 / 50%)}
.text-white-dk {color: rgb(255 255 255 / 90%)}

.text-black {color: black}
.text-black-lt {color: rgb(0 0 0 / 50%)}
.text-black-dk {color: rgb(0 0 0 / 80%)}
.text-color {color: rgb(0 0 0 / 80%)}
.text-inherit {color: inherit;}
.text-initial {color: initial;}
.white-overlay {background-color: rgb(255 255 255 / 85%)}
.black-overlay {background-color: rgb(0 0 0 / 80%)}

.gray {background-color: rgb(0 0 0 / 5%)}
.light {background-color: rgb(0 0 0 / 3%)}
.white {background-color: #fff;
    color: var(--gray-dark);}
.dark-white {color: rgb(0 0 0 / 80%)}
	background-color: rgb(255 255 255 / 85%)}
.dark-light {color: rgb(0 0 0 / 80%)}
	background-color: rgb(0 0 0 / 5%)}
  
.black {color: rgb(226 229 232 / 85%);
	background-color: #282c23}
.blacklt{background-color: #45474a;
	color: rgb(255 255 255 / 90%);}
	
.black .modal-content,
.black .modal-header .close{background-color: var(--dark);
	color: rgb(255 255 255 / 90%);}


.black .dropdown-city, 
.black .dropdown-menu {  background: var(--darkdk);
    color: inherit;}
.black .dropdown-item:not(small):focus, .black .dropdown-item:not(small):hover {  background-color: var(--primary);}

.grey {color: rgb(33 33 33 / 85%);
    background-color: rgb(241 241 241 / 85%);}
.greylt{background-color: #3c4b60}
.greydk{background-color: #2e394a}
.grey button.primary {  background: var(--primary);}
  
a.text-dark:hover {color: #202c3d}
body.black .text-dark {color: #fff!important}

.primary {color: rgb(255 255 255 / 90%);
	background-color: var(--primary, #4e92b5)}
	.primarylt{background-color: var(--primarylt, #5dafda)}
	.primarydk{background-color: var(--primarydk, #4386a9)}
a.primary:hover,
a.primary:focus {background-color: var(--primarydk, #4386a9);color: white;}
a.text-primary:hover {color: var(--primarydk, #4386a9)}
.text-primary,.text-primary-hover a:hover,
.text-primary-hover .active > a {color: var(--primary, #4e92b5)!important}

.accent {color: rgb(255 255 255 / 90%);
	background-color: var(--accent, #00bae2)}
	.accentlt{background-color: var(--accentlt, #00d2ff);}
	.accentdk{background-color: var(--accentdk, #00c3ed);color: rgb(255 255 255 / 90%);}
a.accent:hover,
a.accent:focus {background-color: var(--accentdk, #00c3ed)}
a.text-accent:hover {color: var(--accentdk, #00c3ed)}
.text-accent,.text-accent-hover a:hover,
.text-accent-hover .active > a {color: var(--accent, #00bae2)!important}

.warn {color: rgb(255 255 255 / 90%);
	background-color: var(--warn, #a16cd0)}
	.warnlt{background-color: var(--warnlt, #b07cdd)}
	.warndk{background-color: var(--warndk, #a76ed9)}
a.warn:hover,
a.warn:focus {background-color: var(--warndk, #a76ed9)}
a.text-warn:hover {color: var(--warndk, #a76ed9)}
.text-warn,.text-warn-hover a:hover,
.text-warn-hover .active > a {color: var(--warn, #a16cd0)!important}

.success {color: rgb(255 255 255 / 90%);
	background-color: var(--success, var(--success))}
	.successlt{background-color: var(--successlt, #25c577)}
	.successdk{background-color: var(--successdk, #1fa765)}
a.success:hover,
a.success:focus {background-color: var(--successdk, #1fa765)}
a.text-success:hover {color: var(--successdk, #1fa765)}
.text-success,.text-success-hover a:hover,
.text-success-hover .active > a {color: var(--success, var(--success))!important}

.warning {color: rgb(0 0 0 / 80%);
	background-color: var(--warning, #f3c111)}
	.warninglt{background-color: var(--warninglt, #f4c522)}
	.warningdk{background-color: var(--warningdk, #e7b60c)}
a.warning:hover,
a.warning:focus {background-color: var(--warningdk, #e7b60c)}
a.text-warning:hover {color: var(--warningdk, #e7b60c)}
.text-warning,.text-warning-hover a:hover,
.text-warning-hover .active > a {color: var(--warning, #f3c111)!important}

.danger {color: rgb(255 255 255 / 90%);
	background-color: var(--danger)}
	.dangerlt{background-color: var(--dangerlt, #f02a4a)}
	.dangerdk{background-color: var(--dangerdk, #e61033)}
a.danger:hover,
a.danger:focus {background-color: var(--dangerdk, #e61033)}
a.text-danger:hover {color: var(--dangerdk, #e61033)}
.text-danger,.text-danger-hover a:hover,
.text-danger-hover .active > a {color: var(--danger)!important}

.info {color: rgb(255 255 255 / 90%);
	background-color: var(--blue, #2169f3)}
	.infolt{background-color: var(--bluelt, #329ef4)}
	.infodk{background-color: var(--bluedk, #108ef2)}
a.info:hover,
a.info:focus {background-color: var(--bluedk, #108ef2)}
a.text-info:hover {color: var(--bluedk, #108ef2)}
.text-info,.text-info-hover a:hover,
.text-info-hover .active > a {color: var(--blue, #2169f3)!important}

.blue {color: rgb(255 255 255 / 90%);
	background-color: var(--blue, #2169f3)}
	.bluelt{background-color: var(--bluelt, #329ef4)}
	.bluedk{background-color: var(--bluedk, #108ef2)}
a.blue:hover,
a.blue:focus {background-color: var(--bluedk, #108ef2)}
a.text-blue:hover {color: var(--bluedk, #108ef2)}
.text-blue,.text-blue-hover a:hover,
.text-blue-hover .active > a {color: var(--blue, #2169f3)!important}





.b-light {border-color: #f9f9f9}
.b-white {border-color: #fff}

.o-primary {outline-color: var(--primary, #1387c3)}
.b-primary {border-color: var(--primary, #1387c3)}
.b-t-primary {border-top-color: var(--primary, #1387c3)}
.b-r-primary {border-right-color: var(--primary, #1387c3)}
.b-b-primary {border-bottom-color: var(--primary, #1387c3)}
.b-l-primary {border-left-color: var(--primary, #1387c3)}

.o-red {outline-color: var(--red)}
.b-red {border-color: var(--red)}
.b-t-red {border-top-color: var(--red)}
.b-r-red {border-right-color: var(--red)}
.b-b-red {border-bottom-color: var(--red)}
.b-l-red {border-left-color: var(--red)}

.o-orange {outline-color: var(--orange)}
.b-orange {border-color: var(--orange)}
.b-t-orange {border-top-color: var(--orange)}
.b-r-orange {border-right-color: var(--orange)}
.b-b-orange {border-bottom-color: var(--orange)}
.b-l-orange {border-left-color: var(--orange)}

.o-green {outline-color: var(--green)}
.b-green {border-color: var(--green)}
.b-t-green {border-top-color: var(--green)}
.b-r-green {border-right-color: var(--green)}
.b-b-green {border-bottom-color: var(--green)}
.b-l-green {border-left-color: var(--green)}

.o-teal {outline-color: var(--teal)}
.b-teal {border-color: var(--teal)}
.b-t-teal {border-top-color: var(--teal)}
.b-r-teal {border-right-color: var(--teal)}
.b-b-teal {border-bottom-color: var(--teal)}
.b-l-teal {border-left-color: var(--teal)}

.o-gray {outline-color: var(--gray)}
.b-gray {border-color: var(--gray)}
.b-t-gray {border-top-color: var(--gray)}
.b-r-gray {border-right-color: var(--gray)}
.b-b-gray {border-bottom-color: var(--gray)}
.b-l-gray {border-left-color: var(--gray)}

.o-yellow {outline-color: var(--yellow)}
.b-yellow {border-color: var(--yellow)}
.b-t-yellow {border-top-color: var(--yellow)}
.b-r-yellow {border-right-color: var(--yellow)}
.b-b-yellow {border-bottom-color: var(--yellow)}
.b-l-yellow {border-left-color: var(--yellow)}

.o-pink {outline-color: var(--pink)}
.b-pink {border-color: var(--pink)}
.b-t-pink {border-top-color: var(--pink)}
.b-r-pink {border-right-color: var(--pink)}
.b-b-pink {border-bottom-color: var(--pink)}
.b-l-pink {border-left-color: var(--pink)}

.o-purple {outline-color: var(--purple)}
.b-purple {border-color: var(--purple)}
.b-t-purple {border-top-color: var(--purple)}
.b-r-purple {border-right-color: var(--purple)}
.b-b-purple {border-bottom-color: var(--purple)}
.b-l-purple {border-left-color: var(--purple)}

.o-accent {outline-color: var(--accent)}
.b-accent {border-color: var(--accent, #00d2ff)}
.b-t-accent {border-top-color: var(--accent, #00d2ff)}
.b-r-accent {border-right-color: var(--accent, #00d2ff)}
.b-b-accent {border-bottom-color: var(--accent, #00d2ff)}
.b-l-accent {border-left-color: var(--accent, #00d2ff)}

.o-warn {outline-color: var(--warn)}
.b-warn {border-color: var(--warn, #b07cdd)}
.b-t-warn {border-top-color: var(--warn, #b07cdd)}
.b-r-warn {border-right-color: var(--warn, #b07cdd)}
.b-b-warn {border-bottom-color: var(--warn, #b07cdd)}
.b-l-warn {border-left-color: var(--warn, #b07cdd)}

.o-success {outline-color: var(--success)}
.b-success {border-color: var(--success, var(--success))}
.b-t-success {border-top-color: var(--success, var(--success))}
.b-r-success {border-right-color: var(--success, var(--success))}
.b-b-success {border-bottom-color: var(--success, var(--success))}
.b-l-success {border-left-color: var(--success, var(--success))}

.o-info {outline-color: var(--blue)}
.b-info {border-color: var(--blue, #2169f3)}
.b-t-info {border-top-color: var(--blue, #2169f3)}
.b-r-info {border-right-color: var(--blue, #2169f3)}
.b-b-info {border-bottom-color: var(--blue, #2169f3)}
.b-l-info {border-left-color: var(--blue, #2169f3)}

.o-warning {outline-color: var(--warning)}
.b-warning {border-color: var(--warning, #f3c111)}
.b-t-warning {border-top-color: var(--warning, #f3c111)}
.b-r-warning {border-right-color: var(--warning, #f3c111)}
.b-b-warning {border-bottom-color: var(--warning, #f3c111)}
.b-l-warning {border-left-color: var(--warning, #f3c111)}

.o-danger {outline-color: var(--danger)}
.b-danger {border-color: var(--danger)}
.b-t-danger {border-top-color: var(--danger)}
.b-r-danger {border-right-color: var(--danger)}
.b-b-danger {border-bottom-color: var(--danger)}
.b-l-danger {border-left-color: var(--danger)}

.o-blue {outline-color: var(--blue)}
.b-blue {border-color: var(--blue, #2169f3)}
.b-t-blue {border-top-color: var(--blue, #2169f3)}
.b-r-blue {border-right-color: var(--blue, #2169f3)}
.b-b-blue {border-bottom-color: var(--blue, #2169f3)}
.b-l-blue {border-left-color: var(--blue, #2169f3)}

.b-light {border-color: #f9f9f9}
.b-t-light {border-top-color: #f9f9f9}
.b-r-light {border-right-color: #f9f9f9}
.b-b-light {border-bottom-color: #f9f9f9}
.b-l-light {border-left-color: #f9f9f9}
.b-grey {border-color: #354255}
.b-t-grey {border-top-color: #354255}
.b-r-grey {border-right-color: #354255}
.b-b-grey {border-bottom-color: #354255}
.b-l-grey {border-left-color: #354255}
.b-dark {border-color: #253444}
.b-t-dark {border-top-color: #253444}
.b-r-dark {border-right-color: #253444}
.b-b-dark {border-bottom-color: #253444}
.b-l-dark {border-left-color: #253444}
.b-black {border-color: #272c23}
.b-t-black {border-top-color: #272c23}
.b-r-black {border-right-color: #272c23}
.b-b-black {border-bottom-color: #272c23}
.b-l-black {border-left-color: #272c23}
.b-white {border-color: #ffffff}
.b-t-white {border-top-color: #ffffff}
.b-r-white {border-right-color: #ffffff}
.b-b-white {border-bottom-color: #ffffff}
.b-l-white {border-left-color: #ffffff}
.b-default {border-color: rgb(120 130 140 / 15%)}
.b-t-default {border-top-color: rgb(120 130 140 / 15%)}
.b-r-default {border-right-color: rgb(120 130 140 / 15%)}
.b-b-default {border-bottom-color: rgb(120 130 140 / 15%)}
.b-l-default {border-left-color: rgb(120 130 140 / 15%)}

.alert {border: 0;
    padding: 0;
    box-shadow: 1px 2px 3px rgb(0 0 0 / 30%);}

.alert-link {  font-weight: 600;
    color: var(--light)
}
.alert-primary {  color: white;
    background-color: var(--primary);}
.alert-primary hr {  border-top-color: var(--primarylt);}

.alert-success {  color: white;
    background-color: var(--primary);}
.alert-success hr {  border-top-color: var(--infolt);}
.alert-info {  color: white;
    background-color: var(--info);}
.alert-info hr {  border-top-color: var(--infolt);}
.alert-warning {  color: white;
    background-color: var(--warning);}
.alert-warning hr {  border-top-color: var(--warninglt);}
.alert-danger {  color: white;
    background-color: var(--danger);}
.alert-danger hr {  border-top-color: var(--dangerlt);}

.alert-dark {  color: white;
    background-color: var(--dark);
    border-color: var(--dark);}
.alert-dark hr {  border-top-color: var(--dark);}

.alert-white {  color: var(--dark);
    background-color: #fff;
    border-color: #fff;}
.alert-white hr {  border-top-color: #f2f2f2;}



/*
Size
*/
.w-8 {width: 8px;
  height: 8px;
  display: inline-block;}

.w-16 {width: 16px;
  height: 16px;
  display: inline-block;}

.w-20 {width: 20px;
  height: 20px;
  display: inline-block;}

.w-24 {width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;}

.w-32 {width: 32px;
  height: 32px;
    line-height: 2rem;
  display: inline-block;
  text-align: center;}

.w-40 {width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;}

.w-48 {width: 48px;
  height: 48px;
  display: inline-block;
  text-align: center;}

.w50 {width: 50px!important;}
  
.w-56 {width: 56px;
  height: 56px;
  display: inline-block;
  text-align: center;}

.w-64 {width: 64px;
  max-width: 64px;}

.w-80 {width: 80px;}

.w-96 {width: 96px;}

.w-128 {width: 128px;}

.w-xxs {width: 60px;}

.w-xs {width: 90px;}

.w-sm {width: 120px;}

.w {width: 200px;
  max-width: 200px;}

.w-md {width: 240px;}

.w-lg {width: 280px;}

.w-xl {width: 320px;}

.w-xxl {width: 344px;}

.w-full {width: 100%;}

.w-auto {width: auto;}

.h-20 {  height: 20px;}
.h-xxxs {height: 30px;}
.h-xxs {height: 50px;}
.h-xs {height: 90px;}
.h-sm {height: 120px;}
.h {height: 200px;
  min-height: 200px;}
.h-md {height: 240px;}

.h-lg {height: 280px;}

.h-xl {height: 320px;}

.h-xxl {height: 344px;}

.h-full {height: 100%;}

.h-auto {height: auto;}	
/* 
.h-auto {height: auto;}

.h-full {height: 100%;}

.h-v {height: 100vh;}

.h-v-5 {height: 50vh;}
 */

@media (max-width: 1199px) {.w-auto-lg {  width: auto;}
  .w-full-lg {  width: 100%;} }

@media (max-width: 991px) {.w-auto-md {  width: auto;}
  .w-full-md {  width: 100%;} }

@media (max-width: 767px) {.w-auto-sm {  width: auto;}
  .w-full-sm {  width: 100%;} }

@media (max-width: 543px) {.w-auto-xs {  width: auto;}
  .w-full-xs {  width: 100%;} 
  .row-col-xs {  display: block;}
    .row-col-xs .row-body {    overflow: visible!important;}
    .row-col-xs .row-inner {    position: static;}
    /* row.flex-b   */
	.row.flex-b > div {
	    flex: 1;
	}   
	
	
	.dtp_modal-content {flex-direction: column;
		right: 0!important;
		top: 0px!important;
		width: 90%;
		left: auto!important;
		height: 100%;
		border: 0;
		box-shadow: 0px 1px 5px rgb(0 0 0 / 25%);
    overflow-y: auto;
		overflow-y: overlay;}

	.dtp_modal-content:before {width: 100%;
		border: 0;}

	.dtp_modal-cell-time label { 	position: relative;
   	top: 0;
   	left: 0!important;
   	width: 32%;}
	.dtp_modal-time-block {margin-top: 40px;}
	.dtp_modal-win {background: rgb(0 0 0 / 10%);}  
	.history[data-view="add"] u {position: absolute;
		left: -7px;
		width: 3px;
		top: 0;
		height: 31px;}
/* 

	#pickerhistory div span:first-of-type {color: var(--gray);}
 */
	
	.frm > .row > .col-md-3 {order: -1;}
	.nav[data-target="status"] .nav-link:not(.primary) {background: transparent;}
	.nav[data-target="status"] {padding: 0;
    justify-content: flex-start;}
    .detail .p-x-md {padding: .3rem;}
    .detail {padding: 10px 5px;}
}
/*CodeMirror*/

.CodeMirror{font-family: monospace;
	border: 1px #ded7d7 solid;
	box-sizing: border-box;
	color: #000;
	position: relative;
	overflow: hidden;
	height: calc(100vh - 200px)!important;
	width: 100%!important;}
.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgb(0 0 0 / 20%);-moz-box-shadow:2px 3px 5px rgb(0 0 0 / 20%);box-shadow:2px 3px 5px rgb(0 0 0 / 20%);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}
.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;max-width:19em;overflow:hidden;white-space:pre;color:#000;cursor:pointer}
li.CodeMirror-hint-active{background:#08f;color:#fff}

.CodeMirror-lines{padding:4px 0}
.CodeMirror pre{padding:0 0 0 5px}
.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background:#fff}
.CodeMirror-gutters{border-right:1px solid #ddd;background:#f7f7f7;white-space:nowrap}
.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap;background: var(--white)}




body.black .CodeMirror-linenumber{background: var(--gray-dark);}
.CodeMirror-guttermarker{color:#000}
.CodeMirror-guttermarker-subtle{color:#999}
.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}
.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}
.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0;background:#7e7}
.cm-fat-cursor div.CodeMirror-cursors{z-index:1}
.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background:#7e7}
@-moz-keyframes blink {
50%{background-color:transparent}}
@-webkit-keyframes blink {
50%{background-color:transparent}}
@keyframes blink {
50%{background-color:transparent}}
.cm-tab{display:inline-block;text-decoration:inherit}
.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}
.cm-s-default .cm-header{color:blue}
.cm-s-default .cm-quote{color:#090}
.cm-negative{color:#d44}
.cm-positive{color:#292}
.cm-header,.cm-strong{font-weight:700}
.cm-em{font-style:italic}
.cm-link{text-decoration:underline}
.cm-strikethrough{text-decoration:line-through}
.cm-s-default .cm-keyword{color:#708}
body.black .cm-s-default .cm-keyword {color: #ac3bbc;}
body.black .cm-s-default .cm-def {color: #6e6eff;}
.cm-s-default .cm-atom{color:#219}
body.black .cm-s-default .cm-atom {
    color: #7161e0;
}
.cm-s-default .cm-number{color:#164}
.cm-s-default .cm-def{color:#00f}
.cm-s-default .cm-variable-2{color:#05a}
.cm-s-default .cm-variable-3{color:#085}
.cm-s-default .cm-comment{color:#a50}
.cm-s-default .cm-string{color:#a11}
.cm-s-default .cm-string-2{color:#f50}
.cm-s-default .cm-meta{color:#555}
.cm-s-default .cm-qualifier{color:#555}
.cm-s-default .cm-builtin{color:#30a}
.cm-s-default .cm-bracket{color:#997}
.cm-s-default .cm-tag{color:#170}
.cm-s-default .cm-attribute{color:#00c}
.cm-s-default .cm-hr{color:#999}
.cm-s-default .cm-link{color:#00c}
.cm-s-default .cm-error{color:red}
.cm-invalidchar{color:red}
.CodeMirror-composing{border-bottom:2px solid}
div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}
div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}
.CodeMirror-matchingtag{background:rgb(255 150 0 / 30%)}
.CodeMirror-activeline-background{background:#e8f2ff}
.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:none;position:relative}
.CodeMirror-sizer{position:relative;border-right:30px solid transparent}
.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none}

.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar{display: none!important;}

.CodeMirror-scrollbar-filler{right:0;bottom:0}
.CodeMirror-gutter-filler{left:0;bottom:0}
.CodeMirror-gutters{position:absolute;left:0;top:0;z-index:3}
.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;margin-bottom:-30px;*zoom:1;*display:inline}
.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}
.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}
.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}
.CodeMirror-gutter-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.CodeMirror-lines{cursor:text;min-height:1px}
.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent}
.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}
.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}
.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}
.CodeMirror-code{outline: none;
	font-size: 13px;
	background-image: -webkit-repeating-linear-gradient(top, rgb(0 0 0 / 1%) 0px, rgb(0 0 0 / 1%) 20px, rgb(236, 236, 236) 20px, rgb(236, 236, 236) 40px);
	line-height: 20px;}
.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}
.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}
.CodeMirror-cursor{position:absolute}
.CodeMirror-measure pre{position:static}
div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}
div.CodeMirror-dragcursors{visibility:visible}
.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}
.CodeMirror-selected{background:#d9d9d9}
.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}
.CodeMirror-crosshair{cursor:crosshair}
.CodeMirror-line::selection,.CodeMirror-line > span::selection,.CodeMirror-line > span > span::selection{background:#d7d4f0}
.CodeMirror-line::-moz-selection,.CodeMirror-line > span::-moz-selection,.CodeMirror-line > span > span::-moz-selection{background:#d7d4f0}
.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}
.CodeMirror span{*vertical-align:text-bottom}
.cm-force-border{padding-right:.1px}
@media print {
.CodeMirror div.CodeMirror-cursors{visibility:hidden}}
.cm-tab-wrap-hack:after{content:''}
span.CodeMirror-selectedtext{background:none}







.material-icons:before {font-family: "Material Icons";}
.material-icons.10k:before {content: "10k"}
.material-icons.10mp:before {content: "10mp"}
.material-icons.11mp:before {content: "11mp"}
.material-icons.123:before {content: "123"}
.material-icons.12mp:before {content: "12mp"}
.material-icons.13mp:before {content: "13mp"}
.material-icons.14mp:before {content: "14mp"}
.material-icons.15mp:before {content: "15mp"}
.material-icons.16mp:before {content: "16mp"}
.material-icons.17mp:before {content: "17mp"}
.material-icons.18_up_rating:before {content: "18_up_rating"}
.material-icons.18mp:before {content: "18mp"}
.material-icons.19mp:before {content: "19mp"}
.material-icons.1k:before {content: "1k"}
.material-icons.1k_plus:before {content: "1k_plus"}
.material-icons.1x_mobiledata:before {content: "1x_mobiledata"}
.material-icons.20mp:before {content: "20mp"}
.material-icons.21mp:before {content: "21mp"}
.material-icons.22mp:before {content: "22mp"}
.material-icons.23mp:before {content: "23mp"}
.material-icons.24mp:before {content: "24mp"}
.material-icons.2k:before {content: "2k"}
.material-icons.2k_plus:before {content: "2k_plus"}
.material-icons.2mp:before {content: "2mp"}
.material-icons.30fps:before {content: "30fps"}
.material-icons.30fps_select:before {content: "30fps_select"}
.material-icons.360:before {content: "360"}
.material-icons.3d_rotation:before {content: "3d_rotation"}
.material-icons.3g_mobiledata:before {content: "3g_mobiledata"}
.material-icons.3k:before {content: "3k"}
.material-icons.3k_plus:before {content: "3k_plus"}
.material-icons.3mp:before {content: "3mp"}
.material-icons.3p:before {content: "3p"}
.material-icons.4g_mobiledata:before {content: "4g_mobiledata"}
.material-icons.4g_plus_mobiledata:before {content: "4g_plus_mobiledata"}
.material-icons.4k:before {content: "4k"}
.material-icons.4k_plus:before {content: "4k_plus"}
.material-icons.4mp:before {content: "4mp"}
.material-icons.5g:before {content: "5g"}
.material-icons.5k:before {content: "5k"}
.material-icons.5k_plus:before {content: "5k_plus"}
.material-icons.5mp:before {content: "5mp"}
.material-icons.60fps:before {content: "60fps"}
.material-icons.60fps_select:before {content: "60fps_select"}
.material-icons.6_ft_apart:before {content: "6_ft_apart"}
.material-icons.6k:before {content: "6k"}
.material-icons.6k_plus:before {content: "6k_plus"}
.material-icons.6mp:before {content: "6mp"}
.material-icons.7k:before {content: "7k"}
.material-icons.7k_plus:before {content: "7k_plus"}
.material-icons.7mp:before {content: "7mp"}
.material-icons.8k:before {content: "8k"}
.material-icons.8k_plus:before {content: "8k_plus"}
.material-icons.8mp:before {content: "8mp"}
.material-icons.9k:before {content: "9k"}
.material-icons.9k_plus:before {content: "9k_plus"}
.material-icons.9mp:before {content: "9mp"}
.material-icons.abc:before {content: "abc"}
.material-icons.ac_unit:before {content: "ac_unit"}
.material-icons.access_alarm:before {content: "access_alarm"}
.material-icons.access_alarms:before {content: "access_alarms"}
.material-icons.access_time:before {content: "access_time"}
.material-icons.access_time_filled:before {content: "access_time_filled"}
.material-icons.accessibility:before {content: "accessibility"}
.material-icons.accessibility_new:before {content: "accessibility_new"}
.material-icons.accessible:before {content: "accessible"}
.material-icons.accessible_forward:before {content: "accessible_forward"}
.material-icons.account_balance:before {content: "account_balance"}
.material-icons.account_balance_wallet:before {content: "account_balance_wallet"}
.material-icons.account_box:before {content: "account_box"}
.material-icons.account_circle:before {content: "account_circle"}
.material-icons.account_tree:before {content: "account_tree"}
.material-icons.ad_units:before {content: "ad_units"}
.material-icons.adb:before {content: "adb"}
.material-icons.add:before {content: "add"}
.material-icons.add_a_photo:before {content: "add_a_photo"}
.material-icons.add_alarm:before {content: "add_alarm"}
.material-icons.add_alert:before {content: "add_alert"}
.material-icons.add_box:before {content: "add_box"}
.material-icons.add_business:before {content: "add_business"}
.material-icons.add_call:before {content: "add_call"}
.material-icons.add_card:before {content: "add_card"}
.material-icons.add_chart:before {content: "add_chart"}
.material-icons.add_circle:before {content: "add_circle"}
.material-icons.add_circle_outline:before {content: "add_circle_outline"}
.material-icons.add_comment:before {content: "add_comment"}
.material-icons.add_home:before {content: "add_home"}
.material-icons.add_home_work:before {content: "add_home_work"}
.material-icons.add_ic_call:before {content: "add_ic_call"}
.material-icons.add_link:before {content: "add_link"}
.material-icons.add_location:before {content: "add_location"}
.material-icons.add_location_alt:before {content: "add_location_alt"}
.material-icons.add_moderator:before {content: "add_moderator"}
.material-icons.add_photo_alternate:before {content: "add_photo_alternate"}
.material-icons.add_reaction:before {content: "add_reaction"}
.material-icons.add_road:before {content: "add_road"}
.material-icons.add_shopping_cart:before {content: "add_shopping_cart"}
.material-icons.add_task:before {content: "add_task"}
.material-icons.add_to_drive:before {content: "add_to_drive"}
.material-icons.add_to_home_screen:before {content: "add_to_home_screen"}
.material-icons.add_to_photos:before {content: "add_to_photos"}
.material-icons.add_to_queue:before {content: "add_to_queue"}
.material-icons.addchart:before {content: "addchart"}
.material-icons.adf_scanner:before {content: "adf_scanner"}
.material-icons.adjust:before {content: "adjust"}
.material-icons.admin_panel_settings:before {content: "admin_panel_settings"}
.material-icons.adobe:before {content: "adobe"}
.material-icons.ads_click:before {content: "ads_click"}
.material-icons.agriculture:before {content: "agriculture"}
.material-icons.air:before {content: "air"}
.material-icons.airline_seat_flat:before {content: "airline_seat_flat"}
.material-icons.airline_seat_flat_angled:before {content: "airline_seat_flat_angled"}
.material-icons.airline_seat_individual_suite:before {content: "airline_seat_individual_suite"}
.material-icons.airline_seat_legroom_extra:before {content: "airline_seat_legroom_extra"}
.material-icons.airline_seat_legroom_normal:before {content: "airline_seat_legroom_normal"}
.material-icons.airline_seat_legroom_reduced:before {content: "airline_seat_legroom_reduced"}
.material-icons.airline_seat_recline_extra:before {content: "airline_seat_recline_extra"}
.material-icons.airline_seat_recline_normal:before {content: "airline_seat_recline_normal"}
.material-icons.airline_stops:before {content: "airline_stops"}
.material-icons.airlines:before {content: "airlines"}
.material-icons.airplane_ticket:before {content: "airplane_ticket"}
.material-icons.airplanemode_active:before {content: "airplanemode_active"}
.material-icons.airplanemode_inactive:before {content: "airplanemode_inactive"}
.material-icons.airplanemode_off:before {content: "airplanemode_off"}
.material-icons.airplanemode_on:before {content: "airplanemode_on"}
.material-icons.airplay:before {content: "airplay"}
.material-icons.airport_shuttle:before {content: "airport_shuttle"}
.material-icons.alarm:before {content: "alarm"}
.material-icons.alarm_add:before {content: "alarm_add"}
.material-icons.alarm_off:before {content: "alarm_off"}
.material-icons.alarm_on:before {content: "alarm_on"}
.material-icons.album:before {content: "album"}
.material-icons.align_horizontal_center:before {content: "align_horizontal_center"}
.material-icons.align_horizontal_left:before {content: "align_horizontal_left"}
.material-icons.align_horizontal_right:before {content: "align_horizontal_right"}
.material-icons.align_vertical_bottom:before {content: "align_vertical_bottom"}
.material-icons.align_vertical_center:before {content: "align_vertical_center"}
.material-icons.align_vertical_top:before {content: "align_vertical_top"}
.material-icons.all_inbox:before {content: "all_inbox"}
.material-icons.all_inclusive:before {content: "all_inclusive"}
.material-icons.all_out:before {content: "all_out"}
.material-icons.alt_route:before {content: "alt_route"}
.material-icons.alternate_email:before {content: "alternate_email"}
.material-icons.amp_stories:before {content: "amp_stories"}
.material-icons.analytics:before {content: "analytics"}
.material-icons.anchor:before {content: "anchor"}
.material-icons.android:before {content: "android"}
.material-icons.animation:before {content: "animation"}
.material-icons.announcement:before {content: "announcement"}
.material-icons.aod:before {content: "aod"}
.material-icons.apartment:before {content: "apartment"}
.material-icons.api:before {content: "api"}
.material-icons.app_blocking:before {content: "app_blocking"}
.material-icons.app_registration:before {content: "app_registration"}
.material-icons.app_settings_alt:before {content: "app_settings_alt"}
.material-icons.app_shortcut:before {content: "app_shortcut"}
.material-icons.apple:before {content: "apple"}
.material-icons.approval:before {content: "approval"}
.material-icons.apps:before {content: "apps"}
.material-icons.apps_outage:before {content: "apps_outage"}
.material-icons.architecture:before {content: "architecture"}
.material-icons.archive:before {content: "archive"}
.material-icons.area_chart:before {content: "area_chart"}
.material-icons.arrow_back:before {content: "arrow_back"}
.material-icons.arrow_back_ios:before {content: "arrow_back_ios"}
.material-icons.arrow_back_ios_new:before {content: "arrow_back_ios_new"}
.material-icons.arrow_circle_down:before {content: "arrow_circle_down"}
.material-icons.arrow_circle_left:before {content: "arrow_circle_left"}
.material-icons.arrow_circle_right:before {content: "arrow_circle_right"}
.material-icons.arrow_circle_up:before {content: "arrow_circle_up"}
.material-icons.arrow_downward:before {content: "arrow_downward"}
.material-icons.arrow_drop_down:before {content: "arrow_drop_down"}
.material-icons.arrow_drop_down_circle:before {content: "arrow_drop_down_circle"}
.material-icons.arrow_drop_up:before {content: "arrow_drop_up"}
.material-icons.arrow_forward:before {content: "arrow_forward"}
.material-icons.arrow_forward_ios:before {content: "arrow_forward_ios"}
.material-icons.arrow_left:before {content: "arrow_left"}
.material-icons.arrow_outward:before {content: "arrow_outward"}
.material-icons.arrow_right:before {content: "arrow_right"}
.material-icons.arrow_right_alt:before {content: "arrow_right_alt"}
.material-icons.arrow_upward:before {content: "arrow_upward"}
.material-icons.art_track:before {content: "art_track"}
.material-icons.article:before {content: "article"}
.material-icons.aspect_ratio:before {content: "aspect_ratio"}
.material-icons.assessment:before {content: "assessment"}
.material-icons.assignment:before {content: "assignment"}
.material-icons.assignment_add:before {content: "assignment_add"}
.material-icons.assignment_ind:before {content: "assignment_ind"}
.material-icons.assignment_late:before {content: "assignment_late"}
.material-icons.assignment_return:before {content: "assignment_return"}
.material-icons.assignment_returned:before {content: "assignment_returned"}
.material-icons.assignment_turned_in:before {content: "assignment_turned_in"}
.material-icons.assist_walker:before {content: "assist_walker"}
.material-icons.assistant:before {content: "assistant"}
.material-icons.assistant_direction:before {content: "assistant_direction"}
.material-icons.assistant_navigation:before {content: "assistant_navigation"}
.material-icons.assistant_photo:before {content: "assistant_photo"}
.material-icons.assured_workload:before {content: "assured_workload"}
.material-icons.atm:before {content: "atm"}
.material-icons.attach_email:before {content: "attach_email"}
.material-icons.attach_file:before {content: "attach_file"}
.material-icons.attach_money:before {content: "attach_money"}
.material-icons.attachment:before {content: "attachment"}
.material-icons.attractions:before {content: "attractions"}
.material-icons.attribution:before {content: "attribution"}
.material-icons.audio_file:before {content: "audio_file"}
.material-icons.audiotrack:before {content: "audiotrack"}
.material-icons.auto_awesome:before {content: "auto_awesome"}
.material-icons.auto_awesome_mosaic:before {content: "auto_awesome_mosaic"}
.material-icons.auto_awesome_motion:before {content: "auto_awesome_motion"}
.material-icons.auto_delete:before {content: "auto_delete"}
.material-icons.auto_fix_high:before {content: "auto_fix_high"}
.material-icons.auto_fix_normal:before {content: "auto_fix_normal"}
.material-icons.auto_fix_off:before {content: "auto_fix_off"}
.material-icons.auto_graph:before {content: "auto_graph"}
.material-icons.auto_mode:before {content: "auto_mode"}
.material-icons.auto_stories:before {content: "auto_stories"}
.material-icons.autofps_select:before {content: "autofps_select"}
.material-icons.autorenew:before {content: "autorenew"}
.material-icons.av_timer:before {content: "av_timer"}
.material-icons.baby_changing_station:before {content: "baby_changing_station"}
.material-icons.back_hand:before {content: "back_hand"}
.material-icons.backpack:before {content: "backpack"}
.material-icons.backspace:before {content: "backspace"}
.material-icons.backup:before {content: "backup"}
.material-icons.backup_table:before {content: "backup_table"}
.material-icons.badge:before {content: "badge"}
.material-icons.bakery_dining:before {content: "bakery_dining"}
.material-icons.balance:before {content: "balance"}
.material-icons.balcony:before {content: "balcony"}
.material-icons.ballot:before {content: "ballot"}
.material-icons.bar_chart:before {content: "bar_chart"}
.material-icons.barcode_reader:before {content: "barcode_reader"}
.material-icons.batch_prediction:before {content: "batch_prediction"}
.material-icons.bathroom:before {content: "bathroom"}
.material-icons.bathtub:before {content: "bathtub"}
.material-icons.battery_0_bar:before {content: "battery_0_bar"}
.material-icons.battery_1_bar:before {content: "battery_1_bar"}
.material-icons.battery_2_bar:before {content: "battery_2_bar"}
.material-icons.battery_3_bar:before {content: "battery_3_bar"}
.material-icons.battery_4_bar:before {content: "battery_4_bar"}
.material-icons.battery_5_bar:before {content: "battery_5_bar"}
.material-icons.battery_6_bar:before {content: "battery_6_bar"}
.material-icons.battery_alert:before {content: "battery_alert"}
.material-icons.battery_charging_full:before {content: "battery_charging_full"}
.material-icons.battery_full:before {content: "battery_full"}
.material-icons.battery_saver:before {content: "battery_saver"}
.material-icons.battery_std:before {content: "battery_std"}
.material-icons.battery_unknown:before {content: "battery_unknown"}
.material-icons.beach_access:before {content: "beach_access"}
.material-icons.bed:before {content: "bed"}
.material-icons.bedroom_baby:before {content: "bedroom_baby"}
.material-icons.bedroom_child:before {content: "bedroom_child"}
.material-icons.bedroom_parent:before {content: "bedroom_parent"}
.material-icons.bedtime:before {content: "bedtime"}
.material-icons.bedtime_off:before {content: "bedtime_off"}
.material-icons.beenhere:before {content: "beenhere"}
.material-icons.bento:before {content: "bento"}
.material-icons.bike_scooter:before {content: "bike_scooter"}
.material-icons.biotech:before {content: "biotech"}
.material-icons.blender:before {content: "blender"}
.material-icons.blind:before {content: "blind"}
.material-icons.blinds:before {content: "blinds"}
.material-icons.blinds_closed:before {content: "blinds_closed"}
.material-icons.block:before {content: "block"}
.material-icons.block_flipped:before {content: "block_flipped"}
.material-icons.bloodtype:before {content: "bloodtype"}
.material-icons.bluetooth:before {content: "bluetooth"}
.material-icons.bluetooth_audio:before {content: "bluetooth_audio"}
.material-icons.bluetooth_connected:before {content: "bluetooth_connected"}
.material-icons.bluetooth_disabled:before {content: "bluetooth_disabled"}
.material-icons.bluetooth_drive:before {content: "bluetooth_drive"}
.material-icons.bluetooth_searching:before {content: "bluetooth_searching"}
.material-icons.blur_circular:before {content: "blur_circular"}
.material-icons.blur_linear:before {content: "blur_linear"}
.material-icons.blur_off:before {content: "blur_off"}
.material-icons.history_toggle_off:before {content: "history_toggle_off"}
.material-icons.bolt:before {content: "bolt"}
.material-icons.book:before {content: "book"}
.material-icons.book_online:before {content: "book_online"}
.material-icons.bookmark:before {content: "bookmark"}
.material-icons.bookmark_add:before {content: "bookmark_add"}
.material-icons.bookmark_added:before {content: "bookmark_added"}
.material-icons.bookmark_border:before {content: "bookmark_border"}
.material-icons.bookmark_outline:before {content: "bookmark_outline"}
.material-icons.bookmark_remove:before {content: "bookmark_remove"}
.material-icons.bookmarks:before {content: "bookmarks"}
.material-icons.border_all:before {content: "border_all"}
.material-icons.border_bottom:before {content: "border_bottom"}
.material-icons.border_clear:before {content: "border_clear"}
.material-icons.border_color:before {content: "border_color"}
.material-icons.border_horizontal:before {content: "border_horizontal"}
.material-icons.border_inner:before {content: "border_inner"}
.material-icons.border_left:before {content: "border_left"}
.material-icons.border_outer:before {content: "border_outer"}
.material-icons.border_right:before {content: "border_right"}
.material-icons.border_style:before {content: "border_style"}
.material-icons.border_top:before {content: "border_top"}
.material-icons.border_vertical:before {content: "border_vertical"}
.material-icons.boy:before {content: "boy"}
.material-icons.branding_watermark:before {content: "branding_watermark"}
.material-icons.breakfast_dining:before {content: "breakfast_dining"}
.material-icons.brightness_1:before {content: "brightness_1"}
.material-icons.brightness_2:before {content: "brightness_2"}
.material-icons.brightness_3:before {content: "brightness_3"}
.material-icons.brightness_4:before {content: "brightness_4"}
.material-icons.brightness_5:before {content: "brightness_5"}
.material-icons.brightness_6:before {content: "brightness_6"}
.material-icons.brightness_7:before {content: "brightness_7"}
.material-icons.brightness_auto:before {content: "brightness_auto"}
.material-icons.brightness_high:before {content: "brightness_high"}
.material-icons.brightness_low:before {content: "brightness_low"}
.material-icons.brightness_medium:before {content: "brightness_medium"}
.material-icons.broadcast_on_home:before {content: "broadcast_on_home"}
.material-icons.broadcast_on_personal:before {content: "broadcast_on_personal"}
.material-icons.broken_image:before {content: "broken_image"}
.material-icons.browse_gallery:before {content: "browse_gallery"}
.material-icons.browser_not_supported:before {content: "browser_not_supported"}
.material-icons.browser_updated:before {content: "browser_updated"}
.material-icons.brunch_dining:before {content: "brunch_dining"}
.material-icons.brush:before {content: "brush"}
.material-icons.bubble_chart:before {content: "bubble_chart"}
.material-icons.bug_report:before {content: "bug_report"}
.material-icons.build:before {content: "build"}
.material-icons.build_circle:before {content: "build_circle"}
.material-icons.bungalow:before {content: "bungalow"}
.material-icons.burst_mode:before {content: "burst_mode"}
.material-icons.bus_alert:before {content: "bus_alert"}
.material-icons.business:before {content: "business"}
.material-icons.business_center:before {content: "business_center"}
.material-icons.cabin:before {content: "cabin"}
.material-icons.cable:before {content: "cable"}
.material-icons.cached:before {content: "cached"}
.material-icons.cake:before {content: "cake"}
.material-icons.calculate:before {content: "calculate"}
.material-icons.calendar_month:before {content: "calendar_month"}
.material-icons.calendar_today:before {content: "calendar_today"}
.material-icons.calendar_view_day:before {content: "calendar_view_day"}
.material-icons.calendar_view_month:before {content: "calendar_view_month"}
.material-icons.calendar_view_week:before {content: "calendar_view_week"}
.material-icons.call:before {content: "call"}
.material-icons.call_end:before {content: "call_end"}
.material-icons.call_made:before {content: "call_made"}
.material-icons.call_merge:before {content: "call_merge"}
.material-icons.call_missed:before {content: "call_missed"}
.material-icons.call_missed_outgoing:before {content: "call_missed_outgoing"}
.material-icons.call_received:before {content: "call_received"}
.material-icons.call_split:before {content: "call_split"}
.material-icons.call_to_action:before {content: "call_to_action"}
.material-icons.camera:before {content: "camera"}
.material-icons.camera_alt:before {content: "camera_alt"}
.material-icons.camera_enhance:before {content: "camera_enhance"}
.material-icons.camera_front:before {content: "camera_front"}
.material-icons.camera_indoor:before {content: "camera_indoor"}
.material-icons.camera_outdoor:before {content: "camera_outdoor"}
.material-icons.camera_rear:before {content: "camera_rear"}
.material-icons.camera_roll:before {content: "camera_roll"}
.material-icons.cameraswitch:before {content: "cameraswitch"}
.material-icons.campaign:before {content: "campaign"}
.material-icons.cancel:before {content: "cancel"}
.material-icons.cancel_presentation:before {content: "cancel_presentation"}
.material-icons.cancel_schedule_send:before {content: "cancel_schedule_send"}
.material-icons.candlestick_chart:before {content: "candlestick_chart"}
.material-icons.car_crash:before {content: "car_crash"}
.material-icons.car_rental:before {content: "car_rental"}
.material-icons.car_repair:before {content: "car_repair"}
.material-icons.card_giftcard:before {content: "card_giftcard"}
.material-icons.card_membership:before {content: "card_membership"}
.material-icons.card_travel:before {content: "card_travel"}
.material-icons.carpenter:before {content: "carpenter"}
.material-icons.cases:before {content: "cases"}
.material-icons.casino:before {content: "casino"}
.material-icons.cast:before {content: "cast"}
.material-icons.cast_connected:before {content: "cast_connected"}
.material-icons.cast_for_education:before {content: "cast_for_education"}
.material-icons.castle:before {content: "castle"}
.material-icons.catching_pokemon:before {content: "catching_pokemon"}
.material-icons.category:before {content: "category"}
.material-icons.celebration:before {content: "celebration"}
.material-icons.cell_tower:before {content: "cell_tower"}
.material-icons.cell_wifi:before {content: "cell_wifi"}
.material-icons.center_focus_strong:before {content: "center_focus_strong"}
.material-icons.center_focus_weak:before {content: "center_focus_weak"}
.material-icons.chair:before {content: "chair"}
.material-icons.chair_alt:before {content: "chair_alt"}
.material-icons.chalet:before {content: "chalet"}
.material-icons.change_circle:before {content: "change_circle"}
.material-icons.change_history:before {content: "change_history"}
.material-icons.charging_station:before {content: "charging_station"}
.material-icons.chat:before {content: "chat"}
.material-icons.chat_bubble:before {content: "chat_bubble"}
.material-icons.chat_bubble_outline:before {content: "chat_bubble_outline"}
.material-icons.check:before {content: "check"}
.material-icons.check_box:before {content: "check_box"}
.material-icons.check_box_outline_blank:before {content: "check_box_outline_blank"}
.material-icons.check_circle:before {content: "check_circle"}
.material-icons.check_circle_outline:before {content: "check_circle_outline"}
.material-icons.checklist:before {content: "checklist"}
.material-icons.checklist_rtl:before {content: "checklist_rtl"}
.material-icons.checkroom:before {content: "checkroom"}
.material-icons.chevron_left:before {content: "chevron_left"}
.material-icons.chevron_right:before {content: "chevron_right"}
.material-icons.child_care:before {content: "child_care"}
.material-icons.child_friendly:before {content: "child_friendly"}
.material-icons.chrome_reader_mode:before {content: "chrome_reader_mode"}
.material-icons.church:before {content: "church"}
.material-icons.circle:before {content: "circle"}
.material-icons.circle_notifications:before {content: "circle_notifications"}
.material-icons.class:before {content: "class"}
.material-icons.clean_hands:before {content: "clean_hands"}
.material-icons.cleaning_services:before {content: "cleaning_services"}
.material-icons.clear:before {content: "clear"}
.material-icons.clear_all:before {content: "clear_all"}
.material-icons.close:before {content: "close"}
.material-icons.close_fullscreen:before {content: "close_fullscreen"}
.material-icons.closed_caption:before {content: "closed_caption"}
.material-icons.closed_caption_disabled:before {content: "closed_caption_disabled"}
.material-icons.closed_caption_off:before {content: "closed_caption_off"}
.material-icons.cloud:before {content: "cloud"}
.material-icons.cloud_circle:before {content: "cloud_circle"}
.material-icons.cloud_done:before {content: "cloud_done"}
.material-icons.cloud_download:before {content: "cloud_download"}
.material-icons.cloud_off:before {content: "cloud_off"}
.material-icons.cloud_queue:before {content: "cloud_queue"}
.material-icons.cloud_sync:before {content: "cloud_sync"}
.material-icons.cloud_upload:before {content: "cloud_upload"}
.material-icons.cloudy_snowing:before {content: "cloudy_snowing"}
.material-icons.co2:before {content: "co2"}
.material-icons.co_present:before {content: "co_present"}
.material-icons.code:before {content: "code"}
.material-icons.code_off:before {content: "code_off"}
.material-icons.coffee:before {content: "coffee"}
.material-icons.coffee_maker:before {content: "coffee_maker"}
.material-icons.collections:before {content: "collections"}
.material-icons.collections_bookmark:before {content: "collections_bookmark"}
.material-icons.color_lens:before {content: "color_lens"}
.material-icons.colorize:before {content: "colorize"}
.material-icons.comment:before {content: "comment"}
.material-icons.comment_bank:before {content: "comment_bank"}
.material-icons.comments_disabled:before {content: "comments_disabled"}
.material-icons.commit:before {content: "commit"}
.material-icons.commute:before {content: "commute"}
.material-icons.compare:before {content: "compare"}
.material-icons.compare_arrows:before {content: "compare_arrows"}
.material-icons.compass_calibration:before {content: "compass_calibration"}
.material-icons.compost:before {content: "compost"}
.material-icons.compress:before {content: "compress"}
.material-icons.computer:before {content: "computer"}
.material-icons.confirmation_num:before {content: "confirmation_num"}
.material-icons.confirmation_number:before {content: "confirmation_number"}
.material-icons.connect_without_contact:before {content: "connect_without_contact"}
.material-icons.connected_tv:before {content: "connected_tv"}
.material-icons.connecting_airports:before {content: "connecting_airports"}
.material-icons.construction:before {content: "construction"}
.material-icons.contact_emergency:before {content: "contact_emergency"}
.material-icons.contact_mail:before {content: "contact_mail"}
.material-icons.contact_page:before {content: "contact_page"}
.material-icons.contact_phone:before {content: "contact_phone"}
.material-icons.contact_support:before {content: "contact_support"}
.material-icons.contactless:before {content: "contactless"}
.material-icons.contacts:before {content: "contacts"}
.material-icons.content_copy:before {content: "content_copy"}
.material-icons.content_cut:before {content: "content_cut"}
.material-icons.content_paste:before {content: "content_paste"}
.material-icons.content_paste_go:before {content: "content_paste_go"}
.material-icons.content_paste_off:before {content: "content_paste_off"}
.material-icons.content_paste_search:before {content: "content_paste_search"}
.material-icons.contrast:before {content: "contrast"}
.material-icons.control_camera:before {content: "control_camera"}
.material-icons.control_point:before {content: "control_point"}
.material-icons.control_point_duplicate:before {content: "control_point_duplicate"}
.material-icons.conveyor_belt:before {content: "conveyor_belt"}
.material-icons.cookie:before {content: "cookie"}
.material-icons.copy_all:before {content: "copy_all"}
.material-icons.copyright:before {content: "copyright"}
.material-icons.coronavirus:before {content: "coronavirus"}
.material-icons.corporate_fare:before {content: "corporate_fare"}
.material-icons.cottage:before {content: "cottage"}
.material-icons.countertops:before {content: "countertops"}
.material-icons.create:before {content: "create"}
.material-icons.create_new_folder:before {content: "create_new_folder"}
.material-icons.credit_card:before {content: "credit_card"}
.material-icons.credit_card_off:before {content: "credit_card_off"}
.material-icons.credit_score:before {content: "credit_score"}
.material-icons.crib:before {content: "crib"}
.material-icons.crisis_alert:before {content: "crisis_alert"}
.material-icons.crop:before {content: "crop"}
.material-icons.crop_16_9:before {content: "crop_16_9"}
.material-icons.crop_3_2:before {content: "crop_3_2"}
.material-icons.crop_5_4:before {content: "crop_5_4"}
.material-icons.crop_7_5:before {content: "crop_7_5"}
.material-icons.crop_din:before {content: "crop_din"}
.material-icons.crop_free:before {content: "crop_free"}
.material-icons.crop_landscape:before {content: "crop_landscape"}
.material-icons.crop_original:before {content: "crop_original"}
.material-icons.crop_portrait:before {content: "crop_portrait"}
.material-icons.crop_rotate:before {content: "crop_rotate"}
.material-icons.crop_square:before {content: "crop_square"}
.material-icons.cruelty_free:before {content: "cruelty_free"}
.material-icons.css:before {content: "css"}
.material-icons.currency_bitcoin:before {content: "currency_bitcoin"}
.material-icons.currency_exchange:before {content: "currency_exchange"}
.material-icons.currency_franc:before {content: "currency_franc"}
.material-icons.currency_lira:before {content: "currency_lira"}
.material-icons.currency_pound:before {content: "currency_pound"}
.material-icons.currency_ruble:before {content: "currency_ruble"}
.material-icons.currency_rupee:before {content: "currency_rupee"}
.material-icons.currency_yen:before {content: "currency_yen"}
.material-icons.currency_yuan:before {content: "currency_yuan"}
.material-icons.curtains:before {content: "curtains"}
.material-icons.curtains_closed:before {content: "curtains_closed"}
.material-icons.cyclone:before {content: "cyclone"}
.material-icons.dangerous:before {content: "dangerous"}
.material-icons.dark_mode:before {content: "dark_mode"}
.material-icons.dashboard:before {content: "dashboard"}
.material-icons.dashboard_customize:before {content: "dashboard_customize"}
.material-icons.data_array:before {content: "data_array"}
.material-icons.data_exploration:before {content: "data_exploration"}
.material-icons.data_object:before {content: "data_object"}
.material-icons.data_saver_off:before {content: "data_saver_off"}
.material-icons.data_saver_on:before {content: "data_saver_on"}
.material-icons.data_thresholding:before {content: "data_thresholding"}
.material-icons.data_usage:before {content: "data_usage"}
.material-icons.dataset:before {content: "dataset"}
.material-icons.dataset_linked:before {content: "dataset_linked"}
.material-icons.date_range:before {content: "date_range"}
.material-icons.deblur:before {content: "deblur"}
.material-icons.deck:before {content: "deck"}
.material-icons.dehaze:before {content: "dehaze"}
.material-icons.delete:before {content: "delete"}
.material-icons.delete_forever:before {content: "delete_forever"}
.material-icons.delete_outline:before {content: "delete_outline"}
.material-icons.delete_sweep:before {content: "delete_sweep"}
.material-icons.delivery_dining:before {content: "delivery_dining"}
.material-icons.density_large:before {content: "density_large"}
.material-icons.density_medium:before {content: "density_medium"}
.material-icons.density_small:before {content: "density_small"}
.material-icons.departure_board:before {content: "departure_board"}
.material-icons.description:before {content: "description"}
.material-icons.deselect:before {content: "deselect"}
.material-icons.design_services:before {content: "design_services"}
.material-icons.desk:before {content: "desk"}
.material-icons.desktop_access_disabled:before {content: "desktop_access_disabled"}
.material-icons.desktop_mac:before {content: "desktop_mac"}
.material-icons.desktop_windows:before {content: "desktop_windows"}
.material-icons.details:before {content: "details"}
.material-icons.developer_board:before {content: "developer_board"}
.material-icons.developer_board_off:before {content: "developer_board_off"}
.material-icons.developer_mode:before {content: "developer_mode"}
.material-icons.device_hub:before {content: "device_hub"}
.material-icons.device_thermostat:before {content: "device_thermostat"}
.material-icons.device_unknown:before {content: "device_unknown"}
.material-icons.devices:before {content: "devices"}
.material-icons.devices_fold:before {content: "devices_fold"}
.material-icons.devices_other:before {content: "devices_other"}
.material-icons.dew_point:before {content: "dew_point"}
.material-icons.dialer_sip:before {content: "dialer_sip"}
.material-icons.dialpad:before {content: "dialpad"}
.material-icons.diamond:before {content: "diamond"}
.material-icons.difference:before {content: "difference"}
.material-icons.dining:before {content: "dining"}
.material-icons.dinner_dining:before {content: "dinner_dining"}
.material-icons.directions:before {content: "directions"}
.material-icons.directions_bike:before {content: "directions_bike"}
.material-icons.directions_boat:before {content: "directions_boat"}
.material-icons.directions_boat_filled:before {content: "directions_boat_filled"}
.material-icons.directions_bus:before {content: "directions_bus"}
.material-icons.directions_bus_filled:before {content: "directions_bus_filled"}
.material-icons.directions_car:before {content: "directions_car"}
.material-icons.directions_car_filled:before {content: "directions_car_filled"}
.material-icons.directions_ferry:before {content: "directions_ferry"}
.material-icons.directions_off:before {content: "directions_off"}
.material-icons.directions_railway:before {content: "directions_railway"}
.material-icons.directions_railway_filled:before {content: "directions_railway_filled"}
.material-icons.directions_run:before {content: "directions_run"}
.material-icons.directions_subway:before {content: "directions_subway"}
.material-icons.directions_subway_filled:before {content: "directions_subway_filled"}
.material-icons.directions_train:before {content: "directions_train"}
.material-icons.directions_transit:before {content: "directions_transit"}
.material-icons.directions_transit_filled:before {content: "directions_transit_filled"}
.material-icons.directions_walk:before {content: "directions_walk"}
.material-icons.dirty_lens:before {content: "dirty_lens"}
.material-icons.disabled_by_default:before {content: "disabled_by_default"}
.material-icons.disabled_visible:before {content: "disabled_visible"}
.material-icons.disc_full:before {content: "disc_full"}
.material-icons.discord:before {content: "discord"}
.material-icons.discount:before {content: "discount"}
.material-icons.display_settings:before {content: "display_settings"}
.material-icons.diversity_1:before {content: "diversity_1"}
.material-icons.diversity_2:before {content: "diversity_2"}
.material-icons.diversity_3:before {content: "diversity_3"}
.material-icons.dnd_forwardslash:before {content: "dnd_forwardslash"}
.material-icons.dns:before {content: "dns"}
.material-icons.do_disturb:before {content: "do_disturb"}
.material-icons.do_disturb_alt:before {content: "do_disturb_alt"}
.material-icons.do_disturb_off:before {content: "do_disturb_off"}
.material-icons.do_disturb_on:before {content: "do_disturb_on"}
.material-icons.do_not_disturb:before {content: "do_not_disturb"}
.material-icons.do_not_disturb_alt:before {content: "do_not_disturb_alt"}
.material-icons.do_not_disturb_off:before {content: "do_not_disturb_off"}
.material-icons.do_not_disturb_on:before {content: "do_not_disturb_on"}
.material-icons.do_not_disturb_on_total_silence:before {content: "do_not_disturb_on_total_silence"}
.material-icons.do_not_step:before {content: "do_not_step"}
.material-icons.do_not_touch:before {content: "do_not_touch"}
.material-icons.dock:before {content: "dock"}
.material-icons.document_scanner:before {content: "document_scanner"}
.material-icons.domain:before {content: "domain"}
.material-icons.domain_add:before {content: "domain_add"}
.material-icons.domain_disabled:before {content: "domain_disabled"}
.material-icons.domain_verification:before {content: "domain_verification"}
.material-icons.done:before {content: "done"}
.material-icons.done_all:before {content: "done_all"}
.material-icons.done_outline:before {content: "done_outline"}
.material-icons.donut_large:before {content: "donut_large"}
.material-icons.donut_small:before {content: "donut_small"}
.material-icons.door_back:before {content: "door_back"}
.material-icons.door_front:before {content: "door_front"}
.material-icons.door_sliding:before {content: "door_sliding"}
.material-icons.doorbell:before {content: "doorbell"}
.material-icons.double_arrow:before {content: "double_arrow"}
.material-icons.downhill_skiing:before {content: "downhill_skiing"}
.material-icons.download:before {content: "download"}
.material-icons.download_done:before {content: "download_done"}
.material-icons.download_for_offline:before {content: "download_for_offline"}
.material-icons.downloading:before {content: "downloading"}
.material-icons.drafts:before {content: "drafts"}
.material-icons.drag_handle:before {content: "drag_handle"}
.material-icons.drag_indicator:before {content: "drag_indicator"}
.material-icons.draw:before {content: "draw"}
.material-icons.drive_eta:before {content: "drive_eta"}
.material-icons.drive_file_move:before {content: "drive_file_move"}
.material-icons.drive_file_move_outline:before {content: "drive_file_move_outline"}
.material-icons.drive_file_move_rtl:before {content: "drive_file_move_rtl"}
.material-icons.drive_file_rename_outline:before {content: "drive_file_rename_outline"}
.material-icons.drive_folder_upload:before {content: "drive_folder_upload"}
.material-icons.dry:before {content: "dry"}
.material-icons.dry_cleaning:before {content: "dry_cleaning"}
.material-icons.duo:before {content: "duo"}
.material-icons.dvr:before {content: "dvr"}
.material-icons.dynamic_feed:before {content: "dynamic_feed"}
.material-icons.dynamic_form:before {content: "dynamic_form"}
.material-icons.e_mobiledata:before {content: "e_mobiledata"}
.material-icons.earbuds:before {content: "earbuds"}
.material-icons.earbuds_battery:before {content: "earbuds_battery"}
.material-icons.east:before {content: "east"}
.material-icons.eco:before {content: "eco"}
.material-icons.edgesensor_high:before {content: "edgesensor_high"}
.material-icons.edgesensor_low:before {content: "edgesensor_low"}
.material-icons.edit:before {content: "edit"}
.material-icons.edit_attributes:before {content: "edit_attributes"}
.material-icons.edit_calendar:before {content: "edit_calendar"}
.material-icons.edit_document:before {content: "edit_document"}
.material-icons.edit_location:before {content: "edit_location"}
.material-icons.edit_location_alt:before {content: "edit_location_alt"}
.material-icons.edit_note:before {content: "edit_note"}
.material-icons.edit_notifications:before {content: "edit_notifications"}
.material-icons.edit_off:before {content: "edit_off"}
.material-icons.edit_road:before {content: "edit_road"}
.material-icons.edit_square:before {content: "edit_square"}
.material-icons.egg:before {content: "egg"}
.material-icons.egg_alt:before {content: "egg_alt"}
.material-icons.eject:before {content: "eject"}
.material-icons.elderly:before {content: "elderly"}
.material-icons.elderly_woman:before {content: "elderly_woman"}
.material-icons.electric_bike:before {content: "electric_bike"}
.material-icons.electric_bolt:before {content: "electric_bolt"}
.material-icons.electric_car:before {content: "electric_car"}
.material-icons.electric_meter:before {content: "electric_meter"}
.material-icons.electric_moped:before {content: "electric_moped"}
.material-icons.electric_rickshaw:before {content: "electric_rickshaw"}
.material-icons.electric_scooter:before {content: "electric_scooter"}
.material-icons.electrical_services:before {content: "electrical_services"}
.material-icons.elevator:before {content: "elevator"}
.material-icons.email:before {content: "email"}
.material-icons.emergency:before {content: "emergency"}
.material-icons.emergency_recording:before {content: "emergency_recording"}
.material-icons.emergency_share:before {content: "emergency_share"}
.material-icons.emoji_emotions:before {content: "emoji_emotions"}
.material-icons.emoji_events:before {content: "emoji_events"}
.material-icons.emoji_flags:before {content: "emoji_flags"}
.material-icons.emoji_food_beverage:before {content: "emoji_food_beverage"}
.material-icons.emoji_nature:before {content: "emoji_nature"}
.material-icons.emoji_objects:before {content: "emoji_objects"}
.material-icons.emoji_people:before {content: "emoji_people"}
.material-icons.emoji_symbols:before {content: "emoji_symbols"}
.material-icons.emoji_transportation:before {content: "emoji_transportation"}
.material-icons.energy_savings_leaf:before {content: "energy_savings_leaf"}
.material-icons.engineering:before {content: "engineering"}
.material-icons.enhance_photo_translate:before {content: "enhance_photo_translate"}
.material-icons.enhanced_encryption:before {content: "enhanced_encryption"}
.material-icons.equalizer:before {content: "equalizer"}
.material-icons.error:before {content: "error"}
.material-icons.error_outline:before {content: "error_outline"}
.material-icons.escalator:before {content: "escalator"}
.material-icons.escalator_warning:before {content: "escalator_warning"}
.material-icons.euro:before {content: "euro"}
.material-icons.euro_symbol:before {content: "euro_symbol"}
.material-icons.ev_station:before {content: "ev_station"}
.material-icons.event:before {content: "event"}
.material-icons.event_available:before {content: "event_available"}
.material-icons.event_busy:before {content: "event_busy"}
.material-icons.event_note:before {content: "event_note"}
.material-icons.event_repeat:before {content: "event_repeat"}
.material-icons.event_seat:before {content: "event_seat"}
.material-icons.exit_to_app:before {content: "exit_to_app"}
.material-icons.expand:before {content: "expand"}
.material-icons.expand_circle_down:before {content: "expand_circle_down"}
.material-icons.expand_less:before {content: "expand_less"}
.material-icons.expand_more:before {content: "expand_more"}
.material-icons.explicit:before {content: "explicit"}
.material-icons.explore:before {content: "explore"}
.material-icons.explore_off:before {content: "explore_off"}
.material-icons.exposure:before {content: "exposure"}
.material-icons.exposure_minus_1:before {content: "exposure_minus_1"}
.material-icons.exposure_minus_2:before {content: "exposure_minus_2"}
.material-icons.exposure_neg_1:before {content: "exposure_neg_1"}
.material-icons.exposure_neg_2:before {content: "exposure_neg_2"}
.material-icons.exposure_plus_1:before {content: "exposure_plus_1"}
.material-icons.exposure_plus_2:before {content: "exposure_plus_2"}
.material-icons.exposure_zero:before {content: "exposure_zero"}
.material-icons.extension:before {content: "extension"}
.material-icons.extension_off:before {content: "extension_off"}
.material-icons.face:before {content: "face"}
.material-icons.face_2:before {content: "face_2"}
.material-icons.face_3:before {content: "face_3"}
.material-icons.face_4:before {content: "face_4"}
.material-icons.face_5:before {content: "face_5"}
.material-icons.face_6:before {content: "face_6"}
.material-icons.face_retouching_natural:before {content: "face_retouching_natural"}
.material-icons.face_retouching_off:before {content: "face_retouching_off"}
.material-icons.facebook:before {content: "facebook"}
.material-icons.fact_check:before {content: "fact_check"}
.material-icons.factory:before {content: "factory"}
.material-icons.family_restroom:before {content: "family_restroom"}
.material-icons.fast_forward:before {content: "fast_forward"}
.material-icons.fast_rewind:before {content: "fast_rewind"}
.material-icons.fastfood:before {content: "fastfood"}
.material-icons.favorite:before {content: "favorite"}
.material-icons.favorite_border:before {content: "favorite_border"}
.material-icons.favorite_outline:before {content: "favorite_outline"}
.material-icons.fax:before {content: "fax"}
.material-icons.featured_play_list:before {content: "featured_play_list"}
.material-icons.featured_video:before {content: "featured_video"}
.material-icons.feed:before {content: "feed"}
.material-icons.feedback:before {content: "feedback"}
.material-icons.female:before {content: "female"}
.material-icons.fence:before {content: "fence"}
.material-icons.festival:before {content: "festival"}
.material-icons.fiber_dvr:before {content: "fiber_dvr"}
.material-icons.fiber_manual_record:before {content: "fiber_manual_record"}
.material-icons.fiber_new:before {content: "fiber_new"}
.material-icons.fiber_pin:before {content: "fiber_pin"}
.material-icons.fiber_smart_record:before {content: "fiber_smart_record"}
.material-icons.file_copy:before {content: "file_copy"}
.material-icons.file_download:before {content: "file_download"}
.material-icons.file_download_done:before {content: "file_download_done"}
.material-icons.file_download_off:before {content: "file_download_off"}
.material-icons.file_open:before {content: "file_open"}
.material-icons.file_present:before {content: "file_present"}
.material-icons.file_upload:before {content: "file_upload"}
.material-icons.file_upload_off:before {content: "file_upload_off"}
.material-icons.filter:before {content: "filter"}
.material-icons.filter_1:before {content: "filter_1"}
.material-icons.filter_2:before {content: "filter_2"}
.material-icons.filter_3:before {content: "filter_3"}
.material-icons.filter_4:before {content: "filter_4"}
.material-icons.filter_5:before {content: "filter_5"}
.material-icons.filter_6:before {content: "filter_6"}
.material-icons.filter_7:before {content: "filter_7"}
.material-icons.filter_8:before {content: "filter_8"}
.material-icons.filter_9:before {content: "filter_9"}
.material-icons.filter_9_plus:before {content: "filter_9_plus"}
.material-icons.filter_alt:before {content: "filter_alt"}
.material-icons.filter_alt_off:before {content: "filter_alt_off"}
.material-icons.filter_b_and_w:before {content: "filter_b_and_w"}
.material-icons.filter_center_focus:before {content: "filter_center_focus"}
.material-icons.filter_drama:before {content: "filter_drama"}
.material-icons.filter_frames:before {content: "filter_frames"}
.material-icons.filter_hdr:before {content: "filter_hdr"}
.material-icons.filter_list:before {content: "filter_list"}
.material-icons.filter_list_alt:before {content: "filter_list_alt"}
.material-icons.filter_list_off:before {content: "filter_list_off"}
.material-icons.filter_none:before {content: "filter_none"}
.material-icons.filter_tilt_shift:before {content: "filter_tilt_shift"}
.material-icons.filter_vintage:before {content: "filter_vintage"}
.material-icons.find_in_page:before {content: "find_in_page"}
.material-icons.find_replace:before {content: "find_replace"}
.material-icons.fingerprint:before {content: "fingerprint"}
.material-icons.fire_extinguisher:before {content: "fire_extinguisher"}
.material-icons.fire_hydrant:before {content: "fire_hydrant"}
.material-icons.fire_hydrant_alt:before {content: "fire_hydrant_alt"}
.material-icons.fire_truck:before {content: "fire_truck"}
.material-icons.fireplace:before {content: "fireplace"}
.material-icons.first_page:before {content: "first_page"}
.material-icons.fit_screen:before {content: "fit_screen"}
.material-icons.fitbit:before {content: "fitbit"}
.material-icons.fitness_center:before {content: "fitness_center"}
.material-icons.flag:before {content: "flag"}
.material-icons.flag_circle:before {content: "flag_circle"}
.material-icons.flaky:before {content: "flaky"}
.material-icons.flare:before {content: "flare"}
.material-icons.flash_auto:before {content: "flash_auto"}
.material-icons.flash_off:before {content: "flash_off"}
.material-icons.flash_on:before {content: "flash_on"}
.material-icons.flashlight_off:before {content: "flashlight_off"}
.material-icons.flashlight_on:before {content: "flashlight_on"}
.material-icons.flatware:before {content: "flatware"}
.material-icons.flight:before {content: "flight"}
.material-icons.flight_class:before {content: "flight_class"}
.material-icons.flight_land:before {content: "flight_land"}
.material-icons.flight_takeoff:before {content: "flight_takeoff"}
.material-icons.flip:before {content: "flip"}
.material-icons.flip_camera_android:before {content: "flip_camera_android"}
.material-icons.flip_camera_ios:before {content: "flip_camera_ios"}
.material-icons.flip_to_back:before {content: "flip_to_back"}
.material-icons.flip_to_front:before {content: "flip_to_front"}
.material-icons.flood:before {content: "flood"}
.material-icons.flourescent:before {content: "flourescent"}
.material-icons.flourescent:before {content: "flourescent"}
.material-icons.fluorescent:before {content: "fluorescent"}
.material-icons.flutter_dash:before {content: "flutter_dash"}
.material-icons.fmd_bad:before {content: "fmd_bad"}
.material-icons.fmd_good:before {content: "fmd_good"}
.material-icons.foggy:before {content: "foggy"}
.material-icons.folder:before {content: "folder"}
.material-icons.folder_copy:before {content: "folder_copy"}
.material-icons.folder_delete:before {content: "folder_delete"}
.material-icons.folder_off:before {content: "folder_off"}
.material-icons.folder_open:before {content: "folder_open"}
.material-icons.folder_shared:before {content: "folder_shared"}
.material-icons.folder_special:before {content: "folder_special"}
.material-icons.folder_zip:before {content: "folder_zip"}
.material-icons.follow_the_signs:before {content: "follow_the_signs"}
.material-icons.font_download:before {content: "font_download"}
.material-icons.font_download_off:before {content: "font_download_off"}
.material-icons.food_bank:before {content: "food_bank"}
.material-icons.forest:before {content: "forest"}
.material-icons.fork_left:before {content: "fork_left"}
.material-icons.fork_right:before {content: "fork_right"}
.material-icons.forklift:before {content: "forklift"}
.material-icons.format_align_center:before {content: "format_align_center"}
.material-icons.format_align_justify:before {content: "format_align_justify"}
.material-icons.format_align_left:before {content: "format_align_left"}
.material-icons.format_align_right:before {content: "format_align_right"}
.material-icons.format_bold:before {content: "format_bold"}
.material-icons.format_clear:before {content: "format_clear"}
.material-icons.format_color_fill:before {content: "format_color_fill"}
.material-icons.format_color_reset:before {content: "format_color_reset"}
.material-icons.format_color_text:before {content: "format_color_text"}
.material-icons.format_indent_decrease:before {content: "format_indent_decrease"}
.material-icons.format_indent_increase:before {content: "format_indent_increase"}
.material-icons.format_italic:before {content: "format_italic"}
.material-icons.format_line_spacing:before {content: "format_line_spacing"}
.material-icons.format_list_bulleted:before {content: "format_list_bulleted"}
.material-icons.format_list_bulleted_add:before {content: "format_list_bulleted_add"}
.material-icons.format_list_numbered:before {content: "format_list_numbered"}
.material-icons.format_list_numbered_rtl:before {content: "format_list_numbered_rtl"}
.material-icons.format_overline:before {content: "format_overline"}
.material-icons.format_paint:before {content: "format_paint"}
.material-icons.format_quote:before {content: "format_quote"}
.material-icons.format_shapes:before {content: "format_shapes"}
.material-icons.format_size:before {content: "format_size"}
.material-icons.format_strikethrough:before {content: "format_strikethrough"}
.material-icons.format_textdirection_l_to_r:before {content: "format_textdirection_l_to_r"}
.material-icons.format_textdirection_r_to_l:before {content: "format_textdirection_r_to_l"}
.material-icons.format_underline:before {content: "format_underline"}
.material-icons.format_underlined:before {content: "format_underlined"}
.material-icons.fort:before {content: "fort"}
.material-icons.forum:before {content: "forum"}
.material-icons.forward:before {content: "forward"}
.material-icons.forward_10:before {content: "forward_10"}
.material-icons.forward_30:before {content: "forward_30"}
.material-icons.forward_5:before {content: "forward_5"}
.material-icons.forward_to_inbox:before {content: "forward_to_inbox"}
.material-icons.foundation:before {content: "foundation"}
.material-icons.free_breakfast:before {content: "free_breakfast"}
.material-icons.free_cancellation:before {content: "free_cancellation"}
.material-icons.front_hand:before {content: "front_hand"}
.material-icons.front_loader:before {content: "front_loader"}
.material-icons.fullscreen:before {content: "fullscreen"}
.material-icons.fullscreen_exit:before {content: "fullscreen_exit"}
.material-icons.functions:before {content: "functions"}
.material-icons.g_mobiledata:before {content: "g_mobiledata"}
.material-icons.g_translate:before {content: "g_translate"}
.material-icons.gamepad:before {content: "gamepad"}
.material-icons.games:before {content: "games"}
.material-icons.garage:before {content: "garage"}
.material-icons.gas_meter:before {content: "gas_meter"}
.material-icons.gavel:before {content: "gavel"}
.material-icons.generating_tokens:before {content: "generating_tokens"}
.material-icons.gesture:before {content: "gesture"}
.material-icons.get_app:before {content: "get_app"}
.material-icons.gif:before {content: "gif"}
.material-icons.gif_box:before {content: "gif_box"}
.material-icons.girl:before {content: "girl"}
.material-icons.gite:before {content: "gite"}
.material-icons.goat:before {content: "goat"}
.material-icons.golf_course:before {content: "golf_course"}
.material-icons.gpp_bad:before {content: "gpp_bad"}
.material-icons.gpp_good:before {content: "gpp_good"}
.material-icons.gpp_maybe:before {content: "gpp_maybe"}
.material-icons.gps_fixed:before {content: "gps_fixed"}
.material-icons.gps_not_fixed:before {content: "gps_not_fixed"}
.material-icons.gps_off:before {content: "gps_off"}
.material-icons.grade:before {content: "grade"}
.material-icons.gradient:before {content: "gradient"}
.material-icons.grading:before {content: "grading"}
.material-icons.grain:before {content: "grain"}
.material-icons.graphic_eq:before {content: "graphic_eq"}
.material-icons.grass:before {content: "grass"}
.material-icons.grid_3x3:before {content: "grid_3x3"}
.material-icons.grid_4x4:before {content: "grid_4x4"}
.material-icons.grid_goldenratio:before {content: "grid_goldenratio"}
.material-icons.grid_off:before {content: "grid_off"}
.material-icons.grid_on:before {content: "grid_on"}
.material-icons.grid_view:before {content: "grid_view"}
.material-icons.group:before {content: "group"}
.material-icons.group_add:before {content: "group_add"}
.material-icons.group_off:before {content: "group_off"}
.material-icons.group_remove:before {content: "group_remove"}
.material-icons.group_work:before {content: "group_work"}
.material-icons.groups:before {content: "groups"}
.material-icons.groups_2:before {content: "groups_2"}
.material-icons.groups_3:before {content: "groups_3"}
.material-icons.h_mobiledata:before {content: "h_mobiledata"}
.material-icons.h_plus_mobiledata:before {content: "h_plus_mobiledata"}
.material-icons.hail:before {content: "hail"}
.material-icons.handshake:before {content: "handshake"}
.material-icons.handyman:before {content: "handyman"}
.material-icons.hardware:before {content: "hardware"}
.material-icons.hd:before {content: "hd"}
.material-icons.hdr_auto:before {content: "hdr_auto"}
.material-icons.hdr_auto_select:before {content: "hdr_auto_select"}
.material-icons.hdr_enhanced_select:before {content: "hdr_enhanced_select"}
.material-icons.hdr_off:before {content: "hdr_off"}
.material-icons.hdr_off_select:before {content: "hdr_off_select"}
.material-icons.hdr_on:before {content: "hdr_on"}
.material-icons.hdr_on_select:before {content: "hdr_on_select"}
.material-icons.hdr_plus:before {content: "hdr_plus"}
.material-icons.hdr_strong:before {content: "hdr_strong"}
.material-icons.hdr_weak:before {content: "hdr_weak"}
.material-icons.headphones:before {content: "headphones"}
.material-icons.headphones_battery:before {content: "headphones_battery"}
.material-icons.headset:before {content: "headset"}
.material-icons.headset_mic:before {content: "headset_mic"}
.material-icons.headset_off:before {content: "headset_off"}
.material-icons.healing:before {content: "healing"}
.material-icons.health_and_safety:before {content: "health_and_safety"}
.material-icons.hearing:before {content: "hearing"}
.material-icons.hearing_disabled:before {content: "hearing_disabled"}
.material-icons.heart_broken:before {content: "heart_broken"}
.material-icons.heat_pump:before {content: "heat_pump"}
.material-icons.height:before {content: "height"}
.material-icons.help:before {content: "help"}
.material-icons.help_center:before {content: "help_center"}
.material-icons.help_outline:before {content: "help_outline"}
.material-icons.hevc:before {content: "hevc"}
.material-icons.hexagon:before {content: "hexagon"}
.material-icons.hide_image:before {content: "hide_image"}
.material-icons.hide_source:before {content: "hide_source"}
.material-icons.high_quality:before {content: "high_quality"}
.material-icons.highlight:before {content: "highlight"}
.material-icons.highlight_alt:before {content: "highlight_alt"}
.material-icons.highlight_off:before {content: "highlight_off"}
.material-icons.highlight_remove:before {content: "highlight_remove"}
.material-icons.hiking:before {content: "hiking"}
.material-icons.history:before {content: "history"}
.material-icons.history_edu:before {content: "history_edu"}
.material-icons.history_toggle_off:before {content: "history_toggle_off"}
.material-icons.hive:before {content: "hive"}
.material-icons.hls:before {content: "hls"}
.material-icons.hls_off:before {content: "hls_off"}
.material-icons.holiday_village:before {content: "holiday_village"}
.material-icons.home:before {content: "home"}
.material-icons.home_filled:before {content: "home_filled"}
.material-icons.home_max:before {content: "home_max"}
.material-icons.home_mini:before {content: "home_mini"}
.material-icons.home_repair_service:before {content: "home_repair_service"}
.material-icons.home_work:before {content: "home_work"}
.material-icons.horizontal_distribute:before {content: "horizontal_distribute"}
.material-icons.horizontal_rule:before {content: "horizontal_rule"}
.material-icons.horizontal_split:before {content: "horizontal_split"}
.material-icons.hot_tub:before {content: "hot_tub"}
.material-icons.hotel:before {content: "hotel"}
.material-icons.hotel_class:before {content: "hotel_class"}
.material-icons.hourglass_bottom:before {content: "hourglass_bottom"}
.material-icons.hourglass_disabled:before {content: "hourglass_disabled"}
.material-icons.hourglass_empty:before {content: "hourglass_empty"}
.material-icons.hourglass_full:before {content: "hourglass_full"}
.material-icons.hourglass_top:before {content: "hourglass_top"}
.material-icons.house:before {content: "house"}
.material-icons.house_siding:before {content: "house_siding"}
.material-icons.houseboat:before {content: "houseboat"}
.material-icons.how_to_reg:before {content: "how_to_reg"}
.material-icons.how_to_vote:before {content: "how_to_vote"}
.material-icons.html:before {content: "html"}
.material-icons.http:before {content: "http"}
.material-icons.https:before {content: "https"}
.material-icons.hub:before {content: "hub"}
.material-icons.hvac:before {content: "hvac"}
.material-icons.ice_skating:before {content: "ice_skating"}
.material-icons.icecream:before {content: "icecream"}
.material-icons.image:before {content: "image"}
.material-icons.image_aspect_ratio:before {content: "image_aspect_ratio"}
.material-icons.image_not_supported:before {content: "image_not_supported"}
.material-icons.image_search:before {content: "image_search"}
.material-icons.imagesearch_roller:before {content: "imagesearch_roller"}
.material-icons.import_contacts:before {content: "import_contacts"}
.material-icons.import_export:before {content: "import_export"}
.material-icons.important_devices:before {content: "important_devices"}
.material-icons.inbox:before {content: "inbox"}
.material-icons.incomplete_circle:before {content: "incomplete_circle"}
.material-icons.indeterminate_check_box:before {content: "indeterminate_check_box"}
.material-icons.info:before {content: "info"}
.material-icons.info_outline:before {content: "info_outline"}
.material-icons.input:before {content: "input"}
.material-icons.insert_chart:before {content: "insert_chart"}
.material-icons.insert_chart_outlined:before {content: "insert_chart_outlined"}
.material-icons.insert_comment:before {content: "insert_comment"}
.material-icons.insert_drive_file:before {content: "insert_drive_file"}
.material-icons.insert_emoticon:before {content: "insert_emoticon"}
.material-icons.insert_invitation:before {content: "insert_invitation"}
.material-icons.insert_link:before {content: "insert_link"}
.material-icons.insert_page_break:before {content: "insert_page_break"}
.material-icons.insert_photo:before {content: "insert_photo"}
.material-icons.insights:before {content: "insights"}
.material-icons.install_desktop:before {content: "install_desktop"}
.material-icons.install_mobile:before {content: "install_mobile"}
.material-icons.integration_instructions:before {content: "integration_instructions"}
.material-icons.interests:before {content: "interests"}
.material-icons.interpreter_mode:before {content: "interpreter_mode"}
.material-icons.inventory:before {content: "inventory"}
.material-icons.inventory_2:before {content: "inventory_2"}
.material-icons.invert_colors:before {content: "invert_colors"}
.material-icons.invert_colors_off:before {content: "invert_colors_off"}
.material-icons.invert_colors_on:before {content: "invert_colors_on"}
.material-icons.ios_share:before {content: "ios_share"}
.material-icons.iron:before {content: "iron"}
.material-icons.iso:before {content: "iso"}
.material-icons.javascript:before {content: "javascript"}
.material-icons.join_full:before {content: "join_full"}
.material-icons.join_inner:before {content: "join_inner"}
.material-icons.join_left:before {content: "join_left"}
.material-icons.join_right:before {content: "join_right"}
.material-icons.kayaking:before {content: "kayaking"}
.material-icons.kebab_dining:before {content: "kebab_dining"}
.material-icons.key:before {content: "key"}
.material-icons.key_off:before {content: "key_off"}
.material-icons.keyboard:before {content: "keyboard"}
.material-icons.keyboard_alt:before {content: "keyboard_alt"}
.material-icons.keyboard_arrow_down:before {content: "keyboard_arrow_down"}
.material-icons.keyboard_arrow_left:before {content: "keyboard_arrow_left"}
.material-icons.keyboard_arrow_right:before {content: "keyboard_arrow_right"}
.material-icons.keyboard_arrow_up:before {content: "keyboard_arrow_up"}
.material-icons.keyboard_backspace:before {content: "keyboard_backspace"}
.material-icons.keyboard_capslock:before {content: "keyboard_capslock"}
.material-icons.keyboard_command:before {content: "keyboard_command"}
.material-icons.keyboard_command_key:before {content: "keyboard_command_key"}
.material-icons.keyboard_control:before {content: "keyboard_control"}
.material-icons.keyboard_control_key:before {content: "keyboard_control_key"}
.material-icons.keyboard_double_arrow_down:before {content: "keyboard_double_arrow_down"}
.material-icons.keyboard_double_arrow_left:before {content: "keyboard_double_arrow_left"}
.material-icons.keyboard_double_arrow_right:before {content: "keyboard_double_arrow_right"}
.material-icons.keyboard_double_arrow_up:before {content: "keyboard_double_arrow_up"}
.material-icons.keyboard_hide:before {content: "keyboard_hide"}
.material-icons.keyboard_option:before {content: "keyboard_option"}
.material-icons.keyboard_option_key:before {content: "keyboard_option_key"}
.material-icons.keyboard_return:before {content: "keyboard_return"}
.material-icons.keyboard_tab:before {content: "keyboard_tab"}
.material-icons.keyboard_voice:before {content: "keyboard_voice"}
.material-icons.king_bed:before {content: "king_bed"}
.material-icons.kitchen:before {content: "kitchen"}
.material-icons.kitesurfing:before {content: "kitesurfing"}
.material-icons.label:before {content: "label"}
.material-icons.label_important:before {content: "label_important"}
.material-icons.label_important_outline:before {content: "label_important_outline"}
.material-icons.label_off:before {content: "label_off"}
.material-icons.label_outline:before {content: "label_outline"}
.material-icons.lan:before {content: "lan"}
.material-icons.landscape:before {content: "landscape"}
.material-icons.landslide:before {content: "landslide"}
.material-icons.language:before {content: "language"}
.material-icons.laptop:before {content: "laptop"}
.material-icons.laptop_chromebook:before {content: "laptop_chromebook"}
.material-icons.laptop_mac:before {content: "laptop_mac"}
.material-icons.laptop_windows:before {content: "laptop_windows"}
.material-icons.last_page:before {content: "last_page"}
.material-icons.launch:before {content: "launch"}
.material-icons.layers:before {content: "layers"}
.material-icons.layers_clear:before {content: "layers_clear"}
.material-icons.leaderboard:before {content: "leaderboard"}
.material-icons.leak_add:before {content: "leak_add"}
.material-icons.leak_remove:before {content: "leak_remove"}
.material-icons.leave_bags_at_home:before {content: "leave_bags_at_home"}
.material-icons.legend_toggle:before {content: "legend_toggle"}
.material-icons.lens:before {content: "lens"}
.material-icons.lens_blur:before {content: "lens_blur"}
.material-icons.library_add:before {content: "library_add"}
.material-icons.library_add_check:before {content: "library_add_check"}
.material-icons.library_books:before {content: "library_books"}
.material-icons.library_music:before {content: "library_music"}
.material-icons.light:before {content: "light"}
.material-icons.light_mode:before {content: "light_mode"}
.material-icons.lightbulb:before {content: "lightbulb"}
.material-icons.lightbulb_circle:before {content: "lightbulb_circle"}
.material-icons.lightbulb_outline:before {content: "lightbulb_outline"}
.material-icons.line_axis:before {content: "line_axis"}
.material-icons.line_style:before {content: "line_style"}
.material-icons.line_weight:before {content: "line_weight"}
.material-icons.linear_scale:before {content: "linear_scale"}
.material-icons.link:before {content: "link"}
.material-icons.link_off:before {content: "link_off"}
.material-icons.linked_camera:before {content: "linked_camera"}
.material-icons.liquor:before {content: "liquor"}
.material-icons.list:before {content: "list"}
.material-icons.list_alt:before {content: "list_alt"}
.material-icons.live_help:before {content: "live_help"}
.material-icons.live_tv:before {content: "live_tv"}
.material-icons.living:before {content: "living"}
.material-icons.local_activity:before {content: "local_activity"}
.material-icons.local_airport:before {content: "local_airport"}
.material-icons.local_atm:before {content: "local_atm"}
.material-icons.local_attraction:before {content: "local_attraction"}
.material-icons.local_bar:before {content: "local_bar"}
.material-icons.local_cafe:before {content: "local_cafe"}
.material-icons.local_car_wash:before {content: "local_car_wash"}
.material-icons.local_convenience_store:before {content: "local_convenience_store"}
.material-icons.local_dining:before {content: "local_dining"}
.material-icons.local_drink:before {content: "local_drink"}
.material-icons.local_fire_department:before {content: "local_fire_department"}
.material-icons.local_florist:before {content: "local_florist"}
.material-icons.local_gas_station:before {content: "local_gas_station"}
.material-icons.local_grocery_store:before {content: "local_grocery_store"}
.material-icons.local_hospital:before {content: "local_hospital"}
.material-icons.local_hotel:before {content: "local_hotel"}
.material-icons.local_laundry_service:before {content: "local_laundry_service"}
.material-icons.local_library:before {content: "local_library"}
.material-icons.local_mall:before {content: "local_mall"}
.material-icons.local_movies:before {content: "local_movies"}
.material-icons.local_offer:before {content: "local_offer"}
.material-icons.local_parking:before {content: "local_parking"}
.material-icons.local_pharmacy:before {content: "local_pharmacy"}
.material-icons.local_phone:before {content: "local_phone"}
.material-icons.local_pizza:before {content: "local_pizza"}
.material-icons.local_play:before {content: "local_play"}
.material-icons.local_police:before {content: "local_police"}
.material-icons.local_post_office:before {content: "local_post_office"}
.material-icons.local_print_shop:before {content: "local_print_shop"}
.material-icons.local_printshop:before {content: "local_printshop"}
.material-icons.local_restaurant:before {content: "local_restaurant"}
.material-icons.local_see:before {content: "local_see"}
.material-icons.local_shipping:before {content: "local_shipping"}
.material-icons.local_taxi:before {content: "local_taxi"}
.material-icons.location_city:before {content: "location_city"}
.material-icons.location_disabled:before {content: "location_disabled"}
.material-icons.location_history:before {content: "location_history"}
.material-icons.location_off:before {content: "location_off"}
.material-icons.location_on:before {content: "location_on"}
.material-icons.location_pin:before {content: "location_pin"}
.material-icons.location_searching:before {content: "location_searching"}
.material-icons.lock:before {content: "lock"}
.material-icons.lock_clock:before {content: "lock_clock"}
.material-icons.lock_open:before {content: "lock_open"}
.material-icons.lock_outline:before {content: "lock_outline"}
.material-icons.lock_person:before {content: "lock_person"}
.material-icons.lock_reset:before {content: "lock_reset"}
.material-icons.login:before {content: "login"}
.material-icons.logo_dev:before {content: "logo_dev"}
.material-icons.logout:before {content: "logout"}
.material-icons.looks:before {content: "looks"}
.material-icons.looks_3:before {content: "looks_3"}
.material-icons.looks_4:before {content: "looks_4"}
.material-icons.looks_5:before {content: "looks_5"}
.material-icons.looks_6:before {content: "looks_6"}
.material-icons.looks_one:before {content: "looks_one"}
.material-icons.looks_two:before {content: "looks_two"}
.material-icons.loop:before {content: "loop"}
.material-icons.loupe:before {content: "loupe"}
.material-icons.low_priority:before {content: "low_priority"}
.material-icons.loyalty:before {content: "loyalty"}
.material-icons.lte_mobiledata:before {content: "lte_mobiledata"}
.material-icons.lte_plus_mobiledata:before {content: "lte_plus_mobiledata"}
.material-icons.luggage:before {content: "luggage"}
.material-icons.lunch_dining:before {content: "lunch_dining"}
.material-icons.lyrics:before {content: "lyrics"}
.material-icons.macro_off:before {content: "macro_off"}
.material-icons.mail:before {content: "mail"}
.material-icons.mail_lock:before {content: "mail_lock"}
.material-icons.mail_outline:before {content: "mail_outline"}
.material-icons.male:before {content: "male"}
.material-icons.man:before {content: "man"}
.material-icons.man_2:before {content: "man_2"}
.material-icons.man_3:before {content: "man_3"}
.material-icons.man_4:before {content: "man_4"}
.material-icons.manage_accounts:before {content: "manage_accounts"}
.material-icons.manage_history:before {content: "manage_history"}
.material-icons.manage_search:before {content: "manage_search"}
.material-icons.map:before {content: "map"}
.material-icons.maps_home_work:before {content: "maps_home_work"}
.material-icons.maps_ugc:before {content: "maps_ugc"}
.material-icons.margin:before {content: "margin"}
.material-icons.mark_as_unread:before {content: "mark_as_unread"}
.material-icons.mark_chat_read:before {content: "mark_chat_read"}
.material-icons.mark_chat_unread:before {content: "mark_chat_unread"}
.material-icons.mark_email_read:before {content: "mark_email_read"}
.material-icons.mark_email_unread:before {content: "mark_email_unread"}
.material-icons.mark_unread_chat_alt:before {content: "mark_unread_chat_alt"}
.material-icons.markunread:before {content: "markunread"}
.material-icons.markunread_mailbox:before {content: "markunread_mailbox"}
.material-icons.masks:before {content: "masks"}
.material-icons.maximize:before {content: "maximize"}
.material-icons.media_bluetooth_off:before {content: "media_bluetooth_off"}
.material-icons.media_bluetooth_on:before {content: "media_bluetooth_on"}
.material-icons.mediation:before {content: "mediation"}
.material-icons.medical_information:before {content: "medical_information"}
.material-icons.medical_services:before {content: "medical_services"}
.material-icons.medication:before {content: "medication"}
.material-icons.medication_liquid:before {content: "medication_liquid"}
.material-icons.meeting_room:before {content: "meeting_room"}
.material-icons.memory:before {content: "memory"}
.material-icons.menu:before {content: "menu"}
.material-icons.menu_book:before {content: "menu_book"}
.material-icons.menu_open:before {content: "menu_open"}
.material-icons.merge:before {content: "merge"}
.material-icons.merge_type:before {content: "merge_type"}
.material-icons.message:before {content: "message"}
.material-icons.messenger:before {content: "messenger"}
.material-icons.messenger_outline:before {content: "messenger_outline"}
.material-icons.mic:before {content: "mic"}
.material-icons.mic_external_off:before {content: "mic_external_off"}
.material-icons.mic_external_on:before {content: "mic_external_on"}
.material-icons.mic_none:before {content: "mic_none"}
.material-icons.mic_off:before {content: "mic_off"}
.material-icons.microwave:before {content: "microwave"}
.material-icons.military_tech:before {content: "military_tech"}
.material-icons.minimize:before {content: "minimize"}
.material-icons.minor_crash:before {content: "minor_crash"}
.material-icons.miscellaneous_services:before {content: "miscellaneous_services"}
.material-icons.missed_video_call:before {content: "missed_video_call"}
.material-icons.mms:before {content: "mms"}
.material-icons.mobile_friendly:before {content: "mobile_friendly"}
.material-icons.mobile_off:before {content: "mobile_off"}
.material-icons.mobile_screen_share:before {content: "mobile_screen_share"}
.material-icons.mobiledata_off:before {content: "mobiledata_off"}
.material-icons.mode:before {content: "mode"}
.material-icons.mode_comment:before {content: "mode_comment"}
.material-icons.mode_edit:before {content: "mode_edit"}
.material-icons.mode_edit_outline:before {content: "mode_edit_outline"}
.material-icons.mode_fan_off:before {content: "mode_fan_off"}
.material-icons.mode_night:before {content: "mode_night"}
.material-icons.mode_of_travel:before {content: "mode_of_travel"}
.material-icons.mode_standby:before {content: "mode_standby"}
.material-icons.model_training:before {content: "model_training"}
.material-icons.monetization_on:before {content: "monetization_on"}
.material-icons.money:before {content: "money"}
.material-icons.money_off:before {content: "money_off"}
.material-icons.money_off_csred:before {content: "money_off_csred"}
.material-icons.monitor:before {content: "monitor"}
.material-icons.monitor_heart:before {content: "monitor_heart"}
.material-icons.monitor_weight:before {content: "monitor_weight"}
.material-icons.monochrome_photos:before {content: "monochrome_photos"}
.material-icons.mood:before {content: "mood"}
.material-icons.mood_bad:before {content: "mood_bad"}
.material-icons.moped:before {content: "moped"}
.material-icons.more:before {content: "more"}
.material-icons.more_horiz:before {content: "more_horiz"}
.material-icons.more_time:before {content: "more_time"}
.material-icons.more_vert:before {content: "more_vert"}
.material-icons.mosque:before {content: "mosque"}
.material-icons.motion_photos_auto:before {content: "motion_photos_auto"}
.material-icons.motion_photos_off:before {content: "motion_photos_off"}
.material-icons.motion_photos_on:before {content: "motion_photos_on"}
.material-icons.motion_photos_pause:before {content: "motion_photos_pause"}
.material-icons.motion_photos_paused:before {content: "motion_photos_paused"}
.material-icons.motorcycle:before {content: "motorcycle"}
.material-icons.mouse:before {content: "mouse"}
.material-icons.move_down:before {content: "move_down"}
.material-icons.move_to_inbox:before {content: "move_to_inbox"}
.material-icons.move_up:before {content: "move_up"}
.material-icons.movie:before {content: "movie"}
.material-icons.movie_creation:before {content: "movie_creation"}
.material-icons.movie_edit:before {content: "movie_edit"}
.material-icons.movie_filter:before {content: "movie_filter"}
.material-icons.moving:before {content: "moving"}
.material-icons.mp:before {content: "mp"}
.material-icons.multiline_chart:before {content: "multiline_chart"}
.material-icons.multiple_stop:before {content: "multiple_stop"}
.material-icons.multitrack_audio:before {content: "multitrack_audio"}
.material-icons.museum:before {content: "museum"}
.material-icons.music_note:before {content: "music_note"}
.material-icons.music_off:before {content: "music_off"}
.material-icons.music_video:before {content: "music_video"}
.material-icons.my_library_add:before {content: "my_library_add"}
.material-icons.my_library_books:before {content: "my_library_books"}
.material-icons.my_library_music:before {content: "my_library_music"}
.material-icons.my_location:before {content: "my_location"}
.material-icons.nat:before {content: "nat"}
.material-icons.nature:before {content: "nature"}
.material-icons.nature_people:before {content: "nature_people"}
.material-icons.navigate_before:before {content: "navigate_before"}
.material-icons.navigate_next:before {content: "navigate_next"}
.material-icons.navigation:before {content: "navigation"}
.material-icons.near_me:before {content: "near_me"}
.material-icons.near_me_disabled:before {content: "near_me_disabled"}
.material-icons.nearby_error:before {content: "nearby_error"}
.material-icons.nearby_off:before {content: "nearby_off"}
.material-icons.nest_cam_wired_stand:before {content: "nest_cam_wired_stand"}
.material-icons.network_cell:before {content: "network_cell"}
.material-icons.network_check:before {content: "network_check"}
.material-icons.network_locked:before {content: "network_locked"}
.material-icons.network_ping:before {content: "network_ping"}
.material-icons.network_wifi:before {content: "network_wifi"}
.material-icons.network_wifi_1_bar:before {content: "network_wifi_1_bar"}
.material-icons.network_wifi_2_bar:before {content: "network_wifi_2_bar"}
.material-icons.network_wifi_3_bar:before {content: "network_wifi_3_bar"}
.material-icons.new_label:before {content: "new_label"}
.material-icons.new_releases:before {content: "new_releases"}
.material-icons.newspaper:before {content: "newspaper"}
.material-icons.next_plan:before {content: "next_plan"}
.material-icons.next_week:before {content: "next_week"}
.material-icons.nfc:before {content: "nfc"}
.material-icons.night_shelter:before {content: "night_shelter"}
.material-icons.nightlife:before {content: "nightlife"}
.material-icons.nightlight:before {content: "nightlight"}
.material-icons.nightlight_round:before {content: "nightlight_round"}
.material-icons.nights_stay:before {content: "nights_stay"}
.material-icons.no_accounts:before {content: "no_accounts"}
.material-icons.no_adult_content:before {content: "no_adult_content"}
.material-icons.no_backpack:before {content: "no_backpack"}
.material-icons.no_cell:before {content: "no_cell"}
.material-icons.no_crash:before {content: "no_crash"}
.material-icons.no_drinks:before {content: "no_drinks"}
.material-icons.no_encryption:before {content: "no_encryption"}
.material-icons.no_encryption_gmailerrorred:before {content: "no_encryption_gmailerrorred"}
.material-icons.no_flash:before {content: "no_flash"}
.material-icons.no_food:before {content: "no_food"}
.material-icons.no_luggage:before {content: "no_luggage"}
.material-icons.no_meals:before {content: "no_meals"}
.material-icons.no_meals_ouline:before {content: "no_meals_ouline"}
.material-icons.no_meeting_room:before {content: "no_meeting_room"}
.material-icons.no_photography:before {content: "no_photography"}
.material-icons.no_sim:before {content: "no_sim"}
.material-icons.no_stroller:before {content: "no_stroller"}
.material-icons.no_transfer:before {content: "no_transfer"}
.material-icons.noise_aware:before {content: "noise_aware"}
.material-icons.noise_control_off:before {content: "noise_control_off"}
.material-icons.nordic_walking:before {content: "nordic_walking"}
.material-icons.north:before {content: "north"}
.material-icons.north_east:before {content: "north_east"}
.material-icons.north_west:before {content: "north_west"}
.material-icons.not_accessible:before {content: "not_accessible"}
.material-icons.not_interested:before {content: "not_interested"}
.material-icons.not_listed_location:before {content: "not_listed_location"}
.material-icons.not_started:before {content: "not_started"}
.material-icons.note:before {content: "note"}
.material-icons.note_add:before {content: "note_add"}
.material-icons.note_alt:before {content: "note_alt"}
.material-icons.notes:before {content: "notes"}
.material-icons.notification_add:before {content: "notification_add"}
.material-icons.notification_important:before {content: "notification_important"}
.material-icons.notifications:before {content: "notifications"}
.material-icons.notifications_active:before {content: "notifications_active"}
.material-icons.notifications_none:before {content: "notifications_none"}
.material-icons.notifications_off:before {content: "notifications_off"}
.material-icons.notifications_on:before {content: "notifications_on"}
.material-icons.notifications_paused:before {content: "notifications_paused"}
.material-icons.now_wallpaper:before {content: "now_wallpaper"}
.material-icons.now_widgets:before {content: "now_widgets"}
.material-icons.numbers:before {content: "numbers"}
.material-icons.offline_bolt:before {content: "offline_bolt"}
.material-icons.offline_pin:before {content: "offline_pin"}
.material-icons.offline_share:before {content: "offline_share"}
.material-icons.oil_barrel:before {content: "oil_barrel"}
.material-icons.on_device_training:before {content: "on_device_training"}
.material-icons.ondemand_video:before {content: "ondemand_video"}
.material-icons.online_prediction:before {content: "online_prediction"}
.material-icons.opacity:before {content: "opacity"}
.material-icons.open_in_browser:before {content: "open_in_browser"}
.material-icons.open_in_full:before {content: "open_in_full"}
.material-icons.open_in_new:before {content: "open_in_new"}
.material-icons.open_in_new_off:before {content: "open_in_new_off"}
.material-icons.open_with:before {content: "open_with"}
.material-icons.other_houses:before {content: "other_houses"}
.material-icons.outbond:before {content: "outbond"}
.material-icons.outbound:before {content: "outbound"}
.material-icons.outbox:before {content: "outbox"}
.material-icons.outdoor_grill:before {content: "outdoor_grill"}
.material-icons.outgoing_mail:before {content: "outgoing_mail"}
.material-icons.outlet:before {content: "outlet"}
.material-icons.outlined_flag:before {content: "outlined_flag"}
.material-icons.output:before {content: "output"}
.material-icons.padding:before {content: "padding"}
.material-icons.pages:before {content: "pages"}
.material-icons.pageview:before {content: "pageview"}
.material-icons.paid:before {content: "paid"}
.material-icons.palette:before {content: "palette"}
.material-icons.pallet:before {content: "pallet"}
.material-icons.pan_tool:before {content: "pan_tool"}
.material-icons.pan_tool_alt:before {content: "pan_tool_alt"}
.material-icons.panorama:before {content: "panorama"}
.material-icons.panorama_fish_eye:before {content: "panorama_fish_eye"}
.material-icons.panorama_fisheye:before {content: "panorama_fisheye"}
.material-icons.panorama_horizontal:before {content: "panorama_horizontal"}
.material-icons.panorama_horizontal_select:before {content: "panorama_horizontal_select"}
.material-icons.panorama_photosphere:before {content: "panorama_photosphere"}
.material-icons.panorama_photosphere_select:before {content: "panorama_photosphere_select"}
.material-icons.panorama_vertical:before {content: "panorama_vertical"}
.material-icons.panorama_vertical_select:before {content: "panorama_vertical_select"}
.material-icons.panorama_wide_angle:before {content: "panorama_wide_angle"}
.material-icons.panorama_wide_angle_select:before {content: "panorama_wide_angle_select"}
.material-icons.paragliding:before {content: "paragliding"}
.material-icons.park:before {content: "park"}
.material-icons.party_mode:before {content: "party_mode"}
.material-icons.password:before {content: "password"}
.material-icons.pattern:before {content: "pattern"}
.material-icons.pause:before {content: "pause"}
.material-icons.pause_circle:before {content: "pause_circle"}
.material-icons.pause_circle_filled:before {content: "pause_circle_filled"}
.material-icons.pause_circle_outline:before {content: "pause_circle_outline"}
.material-icons.pause_presentation:before {content: "pause_presentation"}
.material-icons.payment:before {content: "payment"}
.material-icons.payments:before {content: "payments"}
.material-icons.paypal:before {content: "paypal"}
.material-icons.pedal_bike:before {content: "pedal_bike"}
.material-icons.pending:before {content: "pending"}
.material-icons.pending_actions:before {content: "pending_actions"}
.material-icons.pentagon:before {content: "pentagon"}
.material-icons.people:before {content: "people"}
.material-icons.people_alt:before {content: "people_alt"}
.material-icons.people_outline:before {content: "people_outline"}
.material-icons.percent:before {content: "percent"}
.material-icons.perm_camera_mic:before {content: "perm_camera_mic"}
.material-icons.perm_contact_cal:before {content: "perm_contact_cal"}
.material-icons.perm_contact_calendar:before {content: "perm_contact_calendar"}
.material-icons.perm_data_setting:before {content: "perm_data_setting"}
.material-icons.perm_device_info:before {content: "perm_device_info"}
.material-icons.perm_device_information:before {content: "perm_device_information"}
.material-icons.perm_identity:before {content: "perm_identity"}
.material-icons.perm_media:before {content: "perm_media"}
.material-icons.perm_phone_msg:before {content: "perm_phone_msg"}
.material-icons.perm_scan_wifi:before {content: "perm_scan_wifi"}
.material-icons.person:before {content: "person"}
.material-icons.person_2:before {content: "person_2"}
.material-icons.person_3:before {content: "person_3"}
.material-icons.person_4:before {content: "person_4"}
.material-icons.person_add:before {content: "person_add"}
.material-icons.person_add_alt:before {content: "person_add_alt"}
.material-icons.person_add_alt_1:before {content: "person_add_alt_1"}
.material-icons.person_add_disabled:before {content: "person_add_disabled"}
.material-icons.person_off:before {content: "person_off"}
.material-icons.person_outline:before {content: "person_outline"}
.material-icons.person_pin:before {content: "person_pin"}
.material-icons.person_pin_circle:before {content: "person_pin_circle"}
.material-icons.person_remove:before {content: "person_remove"}
.material-icons.person_remove_alt_1:before {content: "person_remove_alt_1"}
.material-icons.person_search:before {content: "person_search"}
.material-icons.personal_injury:before {content: "personal_injury"}
.material-icons.personal_video:before {content: "personal_video"}
.material-icons.pest_control:before {content: "pest_control"}
.material-icons.pest_control_rodent:before {content: "pest_control_rodent"}
.material-icons.pets:before {content: "pets"}
.material-icons.phishing:before {content: "phishing"}
.material-icons.phone:before {content: "phone"}
.material-icons.phone_android:before {content: "phone_android"}
.material-icons.phone_bluetooth_speaker:before {content: "phone_bluetooth_speaker"}
.material-icons.phone_callback:before {content: "phone_callback"}
.material-icons.phone_disabled:before {content: "phone_disabled"}
.material-icons.phone_enabled:before {content: "phone_enabled"}
.material-icons.phone_forwarded:before {content: "phone_forwarded"}
.material-icons.phone_in_talk:before {content: "phone_in_talk"}
.material-icons.phone_iphone:before {content: "phone_iphone"}
.material-icons.phone_locked:before {content: "phone_locked"}
.material-icons.phone_missed:before {content: "phone_missed"}
.material-icons.phone_paused:before {content: "phone_paused"}
.material-icons.phonelink:before {content: "phonelink"}
.material-icons.phonelink_erase:before {content: "phonelink_erase"}
.material-icons.phonelink_lock:before {content: "phonelink_lock"}
.material-icons.phonelink_off:before {content: "phonelink_off"}
.material-icons.phonelink_ring:before {content: "phonelink_ring"}
.material-icons.phonelink_setup:before {content: "phonelink_setup"}
.material-icons.photo:before {content: "photo"}
.material-icons.photo_album:before {content: "photo_album"}
.material-icons.photo_camera:before {content: "photo_camera"}
.material-icons.photo_camera_back:before {content: "photo_camera_back"}
.material-icons.photo_camera_front:before {content: "photo_camera_front"}
.material-icons.photo_filter:before {content: "photo_filter"}
.material-icons.photo_library:before {content: "photo_library"}
.material-icons.photo_size_select_actual:before {content: "photo_size_select_actual"}
.material-icons.photo_size_select_large:before {content: "photo_size_select_large"}
.material-icons.photo_size_select_small:before {content: "photo_size_select_small"}
.material-icons.php:before {content: "php"}
.material-icons.piano:before {content: "piano"}
.material-icons.piano_off:before {content: "piano_off"}
.material-icons.picture_as_pdf:before {content: "picture_as_pdf"}
.material-icons.picture_in_picture:before {content: "picture_in_picture"}
.material-icons.picture_in_picture_alt:before {content: "picture_in_picture_alt"}
.material-icons.pie_chart:before {content: "pie_chart"}
.material-icons.pie_chart_outline:before {content: "pie_chart_outline"}
.material-icons.pie_chart_outlined:before {content: "pie_chart_outlined"}
.material-icons.pin:before {content: "pin"}
.material-icons.pin_drop:before {content: "pin_drop"}
.material-icons.pin_end:before {content: "pin_end"}
.material-icons.pin_invoke:before {content: "pin_invoke"}
.material-icons.pinch:before {content: "pinch"}
.material-icons.pivot_table_chart:before {content: "pivot_table_chart"}
.material-icons.pix:before {content: "pix"}
.material-icons.place:before {content: "place"}
.material-icons.plagiarism:before {content: "plagiarism"}
.material-icons.play_arrow:before {content: "play_arrow"}
.material-icons.play_circle:before {content: "play_circle"}
.material-icons.play_circle_fill:before {content: "play_circle_fill"}
.material-icons.play_circle_filled:before {content: "play_circle_filled"}
.material-icons.play_circle_outline:before {content: "play_circle_outline"}
.material-icons.play_disabled:before {content: "play_disabled"}
.material-icons.play_for_work:before {content: "play_for_work"}
.material-icons.play_lesson:before {content: "play_lesson"}
.material-icons.playlist_add:before {content: "playlist_add"}
.material-icons.playlist_add_check:before {content: "playlist_add_check"}
.material-icons.playlist_add_check_circle:before {content: "playlist_add_check_circle"}
.material-icons.playlist_add_circle:before {content: "playlist_add_circle"}
.material-icons.playlist_play:before {content: "playlist_play"}
.material-icons.playlist_remove:before {content: "playlist_remove"}
.material-icons.plumbing:before {content: "plumbing"}
.material-icons.plus_one:before {content: "plus_one"}
.material-icons.podcasts:before {content: "podcasts"}
.material-icons.point_of_sale:before {content: "point_of_sale"}
.material-icons.policy:before {content: "policy"}
.material-icons.poll:before {content: "poll"}
.material-icons.polyline:before {content: "polyline"}
.material-icons.polymer:before {content: "polymer"}
.material-icons.pool:before {content: "pool"}
.material-icons.portable_wifi_off:before {content: "portable_wifi_off"}
.material-icons.portrait:before {content: "portrait"}
.material-icons.post_add:before {content: "post_add"}
.material-icons.power:before {content: "power"}
.material-icons.power_input:before {content: "power_input"}
.material-icons.power_off:before {content: "power_off"}
.material-icons.power_settings_new:before {content: "power_settings_new"}
.material-icons.precision_manufacturing:before {content: "precision_manufacturing"}
.material-icons.pregnant_woman:before {content: "pregnant_woman"}
.material-icons.present_to_all:before {content: "present_to_all"}
.material-icons.preview:before {content: "preview"}
.material-icons.price_change:before {content: "price_change"}
.material-icons.price_check:before {content: "price_check"}
.material-icons.print:before {content: "print"}
.material-icons.print_disabled:before {content: "print_disabled"}
.material-icons.priority_high:before {content: "priority_high"}
.material-icons.privacy_tip:before {content: "privacy_tip"}
.material-icons.private_connectivity:before {content: "private_connectivity"}
.material-icons.production_quantity_limits:before {content: "production_quantity_limits"}
.material-icons.propane:before {content: "propane"}
.material-icons.propane_tank:before {content: "propane_tank"}
.material-icons.psychology:before {content: "psychology"}
.material-icons.psychology_alt:before {content: "psychology_alt"}
.material-icons.public:before {content: "public"}
.material-icons.public_off:before {content: "public_off"}
.material-icons.publish:before {content: "publish"}
.material-icons.published_with_changes:before {content: "published_with_changes"}
.material-icons.punch_clock:before {content: "punch_clock"}
.material-icons.push_pin:before {content: "push_pin"}
.material-icons.qr_code:before {content: "qr_code"}
.material-icons.qr_code_2:before {content: "qr_code_2"}
.material-icons.qr_code_scanner:before {content: "qr_code_scanner"}
.material-icons.query_builder:before {content: "query_builder"}
.material-icons.query_stats:before {content: "query_stats"}
.material-icons.question_answer:before {content: "question_answer"}
.material-icons.question_mark:before {content: "question_mark"}
.material-icons.queue:before {content: "queue"}
.material-icons.queue_music:before {content: "queue_music"}
.material-icons.queue_play_next:before {content: "queue_play_next"}
.material-icons.quick_contacts_dialer:before {content: "quick_contacts_dialer"}
.material-icons.quick_contacts_mail:before {content: "quick_contacts_mail"}
.material-icons.quickreply:before {content: "quickreply"}
.material-icons.quiz:before {content: "quiz"}
.material-icons.quora:before {content: "quora"}
.material-icons.r_mobiledata:before {content: "r_mobiledata"}
.material-icons.radar:before {content: "radar"}
.material-icons.radio:before {content: "radio"}
.material-icons.radio_button_checked:before {content: "radio_button_checked"}
.material-icons.radio_button_off:before {content: "radio_button_off"}
.material-icons.radio_button_on:before {content: "radio_button_on"}
.material-icons.radio_button_unchecked:before {content: "radio_button_unchecked"}
.material-icons.railway_alert:before {content: "railway_alert"}
.material-icons.ramen_dining:before {content: "ramen_dining"}
.material-icons.ramp_left:before {content: "ramp_left"}
.material-icons.ramp_right:before {content: "ramp_right"}
.material-icons.rate_review:before {content: "rate_review"}
.material-icons.raw_off:before {content: "raw_off"}
.material-icons.raw_on:before {content: "raw_on"}
.material-icons.read_more:before {content: "read_more"}
.material-icons.real_estate_agent:before {content: "real_estate_agent"}
.material-icons.rebase_edit:before {content: "rebase_edit"}
.material-icons.receipt:before {content: "receipt"}
.material-icons.receipt_long:before {content: "receipt_long"}
.material-icons.recent_actors:before {content: "recent_actors"}
.material-icons.recommend:before {content: "recommend"}
.material-icons.record_voice_over:before {content: "record_voice_over"}
.material-icons.rectangle:before {content: "rectangle"}
.material-icons.recycling:before {content: "recycling"}
.material-icons.reddit:before {content: "reddit"}
.material-icons.redeem:before {content: "redeem"}
.material-icons.redo:before {content: "redo"}
.material-icons.reduce_capacity:before {content: "reduce_capacity"}
.material-icons.refresh:before {content: "refresh"}
.material-icons.remember_me:before {content: "remember_me"}
.material-icons.remove:before {content: "remove"}
.material-icons.remove_circle:before {content: "remove_circle"}
.material-icons.remove_circle_outline:before {content: "remove_circle_outline"}
.material-icons.remove_done:before {content: "remove_done"}
.material-icons.remove_from_queue:before {content: "remove_from_queue"}
.material-icons.remove_moderator:before {content: "remove_moderator"}
.material-icons.remove_red_eye:before {content: "remove_red_eye"}
.material-icons.remove_road:before {content: "remove_road"}
.material-icons.remove_shopping_cart:before {content: "remove_shopping_cart"}
.material-icons.reorder:before {content: "reorder"}
.material-icons.repartition:before {content: "repartition"}
.material-icons.repeat:before {content: "repeat"}
.material-icons.repeat_on:before {content: "repeat_on"}
.material-icons.repeat_one:before {content: "repeat_one"}
.material-icons.repeat_one_on:before {content: "repeat_one_on"}
.material-icons.replay:before {content: "replay"}
.material-icons.replay_10:before {content: "replay_10"}
.material-icons.replay_30:before {content: "replay_30"}
.material-icons.replay_5:before {content: "replay_5"}
.material-icons.replay_circle_filled:before {content: "replay_circle_filled"}
.material-icons.reply:before {content: "reply"}
.material-icons.reply_all:before {content: "reply_all"}
.material-icons.report:before {content: "report"}
.material-icons.report_gmailerrorred:before {content: "report_gmailerrorred"}
.material-icons.report_off:before {content: "report_off"}
.material-icons.report_problem:before {content: "report_problem"}
.material-icons.request_page:before {content: "request_page"}
.material-icons.request_quote:before {content: "request_quote"}
.material-icons.reset_tv:before {content: "reset_tv"}
.material-icons.restart_alt:before {content: "restart_alt"}
.material-icons.restaurant:before {content: "restaurant"}
.material-icons.restaurant_menu:before {content: "restaurant_menu"}
.material-icons.restore:before {content: "restore"}
.material-icons.restore_from_trash:before {content: "restore_from_trash"}
.material-icons.restore_page:before {content: "restore_page"}
.material-icons.reviews:before {content: "reviews"}
.material-icons.rice_bowl:before {content: "rice_bowl"}
.material-icons.ring_volume:before {content: "ring_volume"}
.material-icons.rocket:before {content: "rocket"}
.material-icons.rocket_launch:before {content: "rocket_launch"}
.material-icons.roller_shades:before {content: "roller_shades"}
.material-icons.roller_shades_closed:before {content: "roller_shades_closed"}
.material-icons.roller_skating:before {content: "roller_skating"}
.material-icons.roofing:before {content: "roofing"}
.material-icons.room:before {content: "room"}
.material-icons.room_preferences:before {content: "room_preferences"}
.material-icons.room_service:before {content: "room_service"}
.material-icons.rotate_90_degrees_ccw:before {content: "rotate_90_degrees_ccw"}
.material-icons.rotate_90_degrees_cw:before {content: "rotate_90_degrees_cw"}
.material-icons.rotate_left:before {content: "rotate_left"}
.material-icons.rotate_right:before {content: "rotate_right"}
.material-icons.roundabout_left:before {content: "roundabout_left"}
.material-icons.roundabout_right:before {content: "roundabout_right"}
.material-icons.rounded_corner:before {content: "rounded_corner"}
.material-icons.route:before {content: "route"}
.material-icons.router:before {content: "router"}
.material-icons.rowing:before {content: "rowing"}
.material-icons.rss_feed:before {content: "rss_feed"}
.material-icons.rsvp:before {content: "rsvp"}
.material-icons.rtt:before {content: "rtt"}
.material-icons.rule:before {content: "rule"}
.material-icons.rule_folder:before {content: "rule_folder"}
.material-icons.run_circle:before {content: "run_circle"}
.material-icons.running_with_errors:before {content: "running_with_errors"}
.material-icons.rv_hookup:before {content: "rv_hookup"}
.material-icons.safety_check:before {content: "safety_check"}
.material-icons.safety_divider:before {content: "safety_divider"}
.material-icons.sailing:before {content: "sailing"}
.material-icons.sanitizer:before {content: "sanitizer"}
.material-icons.satellite:before {content: "satellite"}
.material-icons.satellite_alt:before {content: "satellite_alt"}
.material-icons.save:before {content: "save"}
.material-icons.save_alt:before {content: "save_alt"}
.material-icons.save_as:before {content: "save_as"}
.material-icons.saved_search:before {content: "saved_search"}
.material-icons.savings:before {content: "savings"}
.material-icons.scale:before {content: "scale"}
.material-icons.scanner:before {content: "scanner"}
.material-icons.scatter_plot:before {content: "scatter_plot"}
.material-icons.schedule:before {content: "schedule"}
.material-icons.schedule_send:before {content: "schedule_send"}
.material-icons.schema:before {content: "schema"}
.material-icons.school:before {content: "school"}
.material-icons.science:before {content: "science"}
.material-icons.score:before {content: "score"}
.material-icons.scoreboard:before {content: "scoreboard"}
.material-icons.screen_lock_landscape:before {content: "screen_lock_landscape"}
.material-icons.screen_lock_portrait:before {content: "screen_lock_portrait"}
.material-icons.screen_lock_rotation:before {content: "screen_lock_rotation"}
.material-icons.screen_rotation:before {content: "screen_rotation"}
.material-icons.screen_rotation_alt:before {content: "screen_rotation_alt"}
.material-icons.screen_search_desktop:before {content: "screen_search_desktop"}
.material-icons.screen_share:before {content: "screen_share"}
.material-icons.screenshot:before {content: "screenshot"}
.material-icons.screenshot_monitor:before {content: "screenshot_monitor"}
.material-icons.scuba_diving:before {content: "scuba_diving"}
.material-icons.sd:before {content: "sd"}
.material-icons.sd_card:before {content: "sd_card"}
.material-icons.sd_card_alert:before {content: "sd_card_alert"}
.material-icons.sd_storage:before {content: "sd_storage"}
.material-icons.search:before {content: "search"}
.material-icons.search_off:before {content: "search_off"}
.material-icons.security:before {content: "security"}
.material-icons.security_update:before {content: "security_update"}
.material-icons.security_update_good:before {content: "security_update_good"}
.material-icons.security_update_warning:before {content: "security_update_warning"}
.material-icons.segment:before {content: "segment"}
.material-icons.select_all:before {content: "select_all"}
.material-icons.self_improvement:before {content: "self_improvement"}
.material-icons.sell:before {content: "sell"}
.material-icons.send:before {content: "send"}
.material-icons.send_and_archive:before {content: "send_and_archive"}
.material-icons.send_time_extension:before {content: "send_time_extension"}
.material-icons.send_to_mobile:before {content: "send_to_mobile"}
.material-icons.sensor_door:before {content: "sensor_door"}
.material-icons.sensor_occupied:before {content: "sensor_occupied"}
.material-icons.sensor_window:before {content: "sensor_window"}
.material-icons.sensors:before {content: "sensors"}
.material-icons.sensors_off:before {content: "sensors_off"}
.material-icons.sentiment_dissatisfied:before {content: "sentiment_dissatisfied"}
.material-icons.sentiment_neutral:before {content: "sentiment_neutral"}
.material-icons.sentiment_satisfied:before {content: "sentiment_satisfied"}
.material-icons.sentiment_satisfied_alt:before {content: "sentiment_satisfied_alt"}
.material-icons.sentiment_very_dissatisfied:before {content: "sentiment_very_dissatisfied"}
.material-icons.sentiment_very_satisfied:before {content: "sentiment_very_satisfied"}
.material-icons.set_meal:before {content: "set_meal"}
.material-icons.settings:before {content: "settings"}
.material-icons.settings_accessibility:before {content: "settings_accessibility"}
.material-icons.settings_applications:before {content: "settings_applications"}
.material-icons.settings_backup_restore:before {content: "settings_backup_restore"}
.material-icons.settings_bluetooth:before {content: "settings_bluetooth"}
.material-icons.settings_brightness:before {content: "settings_brightness"}
.material-icons.settings_cell:before {content: "settings_cell"}
.material-icons.settings_display:before {content: "settings_display"}
.material-icons.settings_ethernet:before {content: "settings_ethernet"}
.material-icons.settings_input_antenna:before {content: "settings_input_antenna"}
.material-icons.settings_input_component:before {content: "settings_input_component"}
.material-icons.settings_input_composite:before {content: "settings_input_composite"}
.material-icons.settings_input_hdmi:before {content: "settings_input_hdmi"}
.material-icons.settings_input_svideo:before {content: "settings_input_svideo"}
.material-icons.settings_overscan:before {content: "settings_overscan"}
.material-icons.settings_phone:before {content: "settings_phone"}
.material-icons.settings_power:before {content: "settings_power"}
.material-icons.settings_remote:before {content: "settings_remote"}
.material-icons.settings_suggest:before {content: "settings_suggest"}
.material-icons.settings_system_daydream:before {content: "settings_system_daydream"}
.material-icons.settings_voice:before {content: "settings_voice"}
.material-icons.severe_cold:before {content: "severe_cold"}
.material-icons.shape_line:before {content: "shape_line"}
.material-icons.share:before {content: "share"}
.material-icons.share_arrival_time:before {content: "share_arrival_time"}
.material-icons.share_location:before {content: "share_location"}
.material-icons.shelves:before {content: "shelves"}
.material-icons.shield:before {content: "shield"}
.material-icons.shield_moon:before {content: "shield_moon"}
.material-icons.shop:before {content: "shop"}
.material-icons.shop_2:before {content: "shop_2"}
.material-icons.shop_two:before {content: "shop_two"}
.material-icons.shopify:before {content: "shopify"}
.material-icons.shopping_bag:before {content: "shopping_bag"}
.material-icons.shopping_basket:before {content: "shopping_basket"}
.material-icons.shopping_cart:before {content: "shopping_cart"}
.material-icons.shopping_cart_checkout:before {content: "shopping_cart_checkout"}
.material-icons.short_text:before {content: "short_text"}
.material-icons.shortcut:before {content: "shortcut"}
.material-icons.show_chart:before {content: "show_chart"}
.material-icons.shower:before {content: "shower"}
.material-icons.shuffle:before {content: "shuffle"}
.material-icons.shuffle_on:before {content: "shuffle_on"}
.material-icons.shutter_speed:before {content: "shutter_speed"}
.material-icons.sick:before {content: "sick"}
.material-icons.sign_language:before {content: "sign_language"}
.material-icons.signal_cellular_0_bar:before {content: "signal_cellular_0_bar"}
.material-icons.signal_cellular_4_bar:before {content: "signal_cellular_4_bar"}
.material-icons.signal_cellular_alt:before {content: "signal_cellular_alt"}
.material-icons.signal_cellular_alt_1_bar:before {content: "signal_cellular_alt_1_bar"}
.material-icons.signal_cellular_alt_2_bar:before {content: "signal_cellular_alt_2_bar"}
.material-icons.signal_cellular_connected_no_internet_0_bar:before {content: "signal_cellular_connected_no_internet_0_bar"}
.material-icons.signal_cellular_connected_no_internet_4_bar:before {content: "signal_cellular_connected_no_internet_4_bar"}
.material-icons.signal_cellular_no_sim:before {content: "signal_cellular_no_sim"}
.material-icons.signal_cellular_nodata:before {content: "signal_cellular_nodata"}
.material-icons.signal_cellular_null:before {content: "signal_cellular_null"}
.material-icons.signal_cellular_off:before {content: "signal_cellular_off"}
.material-icons.signal_wifi_0_bar:before {content: "signal_wifi_0_bar"}
.material-icons.signal_wifi_4_bar:before {content: "signal_wifi_4_bar"}
.material-icons.signal_wifi_4_bar_lock:before {content: "signal_wifi_4_bar_lock"}
.material-icons.signal_wifi_bad:before {content: "signal_wifi_bad"}
.material-icons.signal_wifi_connected_no_internet_4:before {content: "signal_wifi_connected_no_internet_4"}
.material-icons.signal_wifi_off:before {content: "signal_wifi_off"}
.material-icons.signal_wifi_statusbar_4_bar:before {content: "signal_wifi_statusbar_4_bar"}
.material-icons.signal_wifi_statusbar_connected_no_internet_4:before {content: "signal_wifi_statusbar_connected_no_internet_4"}
.material-icons.signal_wifi_statusbar_null:before {content: "signal_wifi_statusbar_null"}
.material-icons.signpost:before {content: "signpost"}
.material-icons.sim_card:before {content: "sim_card"}
.material-icons.sim_card_alert:before {content: "sim_card_alert"}
.material-icons.sim_card_download:before {content: "sim_card_download"}
.material-icons.single_bed:before {content: "single_bed"}
.material-icons.sip:before {content: "sip"}
.material-icons.skateboarding:before {content: "skateboarding"}
.material-icons.skip_next:before {content: "skip_next"}
.material-icons.skip_previous:before {content: "skip_previous"}
.material-icons.sledding:before {content: "sledding"}
.material-icons.slideshow:before {content: "slideshow"}
.material-icons.slow_motion_video:before {content: "slow_motion_video"}
.material-icons.smart_button:before {content: "smart_button"}
.material-icons.smart_display:before {content: "smart_display"}
.material-icons.smart_screen:before {content: "smart_screen"}
.material-icons.smart_toy:before {content: "smart_toy"}
.material-icons.smartphone:before {content: "smartphone"}
.material-icons.smoke_free:before {content: "smoke_free"}
.material-icons.smoking_rooms:before {content: "smoking_rooms"}
.material-icons.sms:before {content: "sms"}
.material-icons.sms_failed:before {content: "sms_failed"}
.material-icons.snapchat:before {content: "snapchat"}
.material-icons.snippet_folder:before {content: "snippet_folder"}
.material-icons.snooze:before {content: "snooze"}
.material-icons.snowboarding:before {content: "snowboarding"}
.material-icons.snowing:before {content: "snowing"}
.material-icons.snowmobile:before {content: "snowmobile"}
.material-icons.snowshoeing:before {content: "snowshoeing"}
.material-icons.soap:before {content: "soap"}
.material-icons.social_distance:before {content: "social_distance"}
.material-icons.solar_power:before {content: "solar_power"}
.material-icons.sort:before {content: "sort"}
.material-icons.sort_by_alpha:before {content: "sort_by_alpha"}
.material-icons.sos:before {content: "sos"}
.material-icons.soup_kitchen:before {content: "soup_kitchen"}
.material-icons.source:before {content: "source"}
.material-icons.south:before {content: "south"}
.material-icons.south_america:before {content: "south_america"}
.material-icons.south_east:before {content: "south_east"}
.material-icons.south_west:before {content: "south_west"}
.material-icons.spa:before {content: "spa"}
.material-icons.space_bar:before {content: "space_bar"}
.material-icons.space_dashboard:before {content: "space_dashboard"}
.material-icons.spatial_audio:before {content: "spatial_audio"}
.material-icons.spatial_audio_off:before {content: "spatial_audio_off"}
.material-icons.spatial_tracking:before {content: "spatial_tracking"}
.material-icons.speaker:before {content: "speaker"}
.material-icons.speaker_group:before {content: "speaker_group"}
.material-icons.speaker_notes:before {content: "speaker_notes"}
.material-icons.speaker_notes_off:before {content: "speaker_notes_off"}
.material-icons.speaker_phone:before {content: "speaker_phone"}
.material-icons.speed:before {content: "speed"}
.material-icons.spellcheck:before {content: "spellcheck"}
.material-icons.splitscreen:before {content: "splitscreen"}
.material-icons.spoke:before {content: "spoke"}
.material-icons.sports:before {content: "sports"}
.material-icons.sports_bar:before {content: "sports_bar"}
.material-icons.sports_baseball:before {content: "sports_baseball"}
.material-icons.sports_basketball:before {content: "sports_basketball"}
.material-icons.sports_cricket:before {content: "sports_cricket"}
.material-icons.sports_esports:before {content: "sports_esports"}
.material-icons.sports_football:before {content: "sports_football"}
.material-icons.sports_golf:before {content: "sports_golf"}
.material-icons.sports_gymnastics:before {content: "sports_gymnastics"}
.material-icons.sports_handball:before {content: "sports_handball"}
.material-icons.sports_hockey:before {content: "sports_hockey"}
.material-icons.sports_kabaddi:before {content: "sports_kabaddi"}
.material-icons.sports_martial_arts:before {content: "sports_martial_arts"}
.material-icons.sports_mma:before {content: "sports_mma"}
.material-icons.sports_motorsports:before {content: "sports_motorsports"}
.material-icons.sports_rugby:before {content: "sports_rugby"}
.material-icons.sports_score:before {content: "sports_score"}
.material-icons.sports_soccer:before {content: "sports_soccer"}
.material-icons.sports_tennis:before {content: "sports_tennis"}
.material-icons.sports_volleyball:before {content: "sports_volleyball"}
.material-icons.square:before {content: "square"}
.material-icons.square_foot:before {content: "square_foot"}
.material-icons.ssid_chart:before {content: "ssid_chart"}
.material-icons.stacked_bar_chart:before {content: "stacked_bar_chart"}
.material-icons.stacked_line_chart:before {content: "stacked_line_chart"}
.material-icons.stadium:before {content: "stadium"}
.material-icons.stairs:before {content: "stairs"}
.material-icons.star:before {content: "star"}
.material-icons.star_border:before {content: "star_border"}
.material-icons.star_border_purple500:before {content: "star_border_purple500"}
.material-icons.star_half:before {content: "star_half"}
.material-icons.star_outline:before {content: "star_outline"}
.material-icons.star_purple500:before {content: "star_purple500"}
.material-icons.star_rate:before {content: "star_rate"}
.material-icons.stars:before {content: "stars"}
.material-icons.start:before {content: "start"}
.material-icons.stay_current_landscape:before {content: "stay_current_landscape"}
.material-icons.stay_current_portrait:before {content: "stay_current_portrait"}
.material-icons.stay_primary_landscape:before {content: "stay_primary_landscape"}
.material-icons.stay_primary_portrait:before {content: "stay_primary_portrait"}
.material-icons.sticky_note_2:before {content: "sticky_note_2"}
.material-icons.stop:before {content: "stop"}
.material-icons.stop_circle:before {content: "stop_circle"}
.material-icons.stop_screen_share:before {content: "stop_screen_share"}
.material-icons.storage:before {content: "storage"}
.material-icons.store:before {content: "store"}
.material-icons.store_mall_directory:before {content: "store_mall_directory"}
.material-icons.storefront:before {content: "storefront"}
.material-icons.storm:before {content: "storm"}
.material-icons.straight:before {content: "straight"}
.material-icons.straighten:before {content: "straighten"}
.material-icons.stream:before {content: "stream"}
.material-icons.streetview:before {content: "streetview"}
.material-icons.strikethrough_s:before {content: "strikethrough_s"}
.material-icons.stroller:before {content: "stroller"}
.material-icons.style:before {content: "style"}
.material-icons.subdirectory_arrow_left:before {content: "subdirectory_arrow_left"}
.material-icons.subdirectory_arrow_right:before {content: "subdirectory_arrow_right"}
.material-icons.subject:before {content: "subject"}
.material-icons.subscript:before {content: "subscript"}
.material-icons.subscriptions:before {content: "subscriptions"}
.material-icons.subtitles:before {content: "subtitles"}
.material-icons.subtitles_off:before {content: "subtitles_off"}
.material-icons.subway:before {content: "subway"}
.material-icons.summarize:before {content: "summarize"}
.material-icons.sunny:before {content: "sunny"}
.material-icons.sunny_snowing:before {content: "sunny_snowing"}
.material-icons.superscript:before {content: "superscript"}
.material-icons.supervised_user_circle:before {content: "supervised_user_circle"}
.material-icons.supervisor_account:before {content: "supervisor_account"}
.material-icons.support:before {content: "support"}
.material-icons.support_agent:before {content: "support_agent"}
.material-icons.surfing:before {content: "surfing"}
.material-icons.surround_sound:before {content: "surround_sound"}
.material-icons.swap_calls:before {content: "swap_calls"}
.material-icons.swap_horiz:before {content: "swap_horiz"}
.material-icons.swap_horizontal_circle:before {content: "swap_horizontal_circle"}
.material-icons.swap_vert:before {content: "swap_vert"}
.material-icons.swap_vert_circle:before {content: "swap_vert_circle"}
.material-icons.swap_vertical_circle:before {content: "swap_vertical_circle"}
.material-icons.swipe:before {content: "swipe"}
.material-icons.swipe_down:before {content: "swipe_down"}
.material-icons.swipe_down_alt:before {content: "swipe_down_alt"}
.material-icons.swipe_left:before {content: "swipe_left"}
.material-icons.swipe_left_alt:before {content: "swipe_left_alt"}
.material-icons.swipe_right:before {content: "swipe_right"}
.material-icons.swipe_right_alt:before {content: "swipe_right_alt"}
.material-icons.swipe_up:before {content: "swipe_up"}
.material-icons.swipe_up_alt:before {content: "swipe_up_alt"}
.material-icons.swipe_vertical:before {content: "swipe_vertical"}
.material-icons.switch_access_shortcut:before {content: "switch_access_shortcut"}
.material-icons.switch_access_shortcut_add:before {content: "switch_access_shortcut_add"}
.material-icons.switch_account:before {content: "switch_account"}
.material-icons.switch_camera:before {content: "switch_camera"}
.material-icons.switch_left:before {content: "switch_left"}
.material-icons.switch_right:before {content: "switch_right"}
.material-icons.switch_video:before {content: "switch_video"}
.material-icons.synagogue:before {content: "synagogue"}
.material-icons.sync:before {content: "sync"}
.material-icons.sync_alt:before {content: "sync_alt"}
.material-icons.sync_disabled:before {content: "sync_disabled"}
.material-icons.sync_lock:before {content: "sync_lock"}
.material-icons.sync_problem:before {content: "sync_problem"}
.material-icons.system_security_update:before {content: "system_security_update"}
.material-icons.system_security_update_good:before {content: "system_security_update_good"}
.material-icons.system_security_update_warning:before {content: "system_security_update_warning"}
.material-icons.system_update:before {content: "system_update"}
.material-icons.system_update_alt:before {content: "system_update_alt"}
.material-icons.system_update_tv:before {content: "system_update_tv"}
.material-icons.tab:before {content: "tab"}
.material-icons.tab_unselected:before {content: "tab_unselected"}
.material-icons.table_bar:before {content: "table_bar"}
.material-icons.table_chart:before {content: "table_chart"}
.material-icons.table_restaurant:before {content: "table_restaurant"}
.material-icons.table_rows:before {content: "table_rows"}
.material-icons.table_view:before {content: "table_view"}
.material-icons.tablet:before {content: "tablet"}
.material-icons.tablet_android:before {content: "tablet_android"}
.material-icons.tablet_mac:before {content: "tablet_mac"}
.material-icons.tag:before {content: "tag"}
.material-icons.tag_faces:before {content: "tag_faces"}
.material-icons.takeout_dining:before {content: "takeout_dining"}
.material-icons.tap_and_play:before {content: "tap_and_play"}
.material-icons.tapas:before {content: "tapas"}
.material-icons.task:before {content: "task"}
.material-icons.task_alt:before {content: "task_alt"}
.material-icons.taxi_alert:before {content: "taxi_alert"}
.material-icons.telegram:before {content: "telegram"}
.material-icons.temple_buddhist:before {content: "temple_buddhist"}
.material-icons.temple_hindu:before {content: "temple_hindu"}
.material-icons.terminal:before {content: "terminal"}
.material-icons.terrain:before {content: "terrain"}
.material-icons.text_decrease:before {content: "text_decrease"}
.material-icons.text_fields:before {content: "text_fields"}
.material-icons.text_format:before {content: "text_format"}
.material-icons.text_increase:before {content: "text_increase"}
.material-icons.text_rotate_up:before {content: "text_rotate_up"}
.material-icons.text_rotate_vertical:before {content: "text_rotate_vertical"}
.material-icons.text_rotation_angledown:before {content: "text_rotation_angledown"}
.material-icons.text_rotation_angleup:before {content: "text_rotation_angleup"}
.material-icons.text_rotation_down:before {content: "text_rotation_down"}
.material-icons.text_rotation_none:before {content: "text_rotation_none"}
.material-icons.text_snippet:before {content: "text_snippet"}
.material-icons.textsms:before {content: "textsms"}
.material-icons.texture:before {content: "texture"}
.material-icons.theater_comedy:before {content: "theater_comedy"}
.material-icons.theaters:before {content: "theaters"}
.material-icons.thermostat:before {content: "thermostat"}
.material-icons.thermostat_auto:before {content: "thermostat_auto"}
.material-icons.thumb_down:before {content: "thumb_down"}
.material-icons.thumb_down_alt:before {content: "thumb_down_alt"}
.material-icons.thumb_down_off_alt:before {content: "thumb_down_off_alt"}
.material-icons.thumb_up:before {content: "thumb_up"}
.material-icons.thumb_up_alt:before {content: "thumb_up_alt"}
.material-icons.thumb_up_off_alt:before {content: "thumb_up_off_alt"}
.material-icons.thumbs_up_down:before {content: "thumbs_up_down"}
.material-icons.thunderstorm:before {content: "thunderstorm"}
.material-icons.tiktok:before {content: "tiktok"}
.material-icons.time_to_leave:before {content: "time_to_leave"}
.material-icons.timelapse:before {content: "timelapse"}
.material-icons.timeline:before {content: "timeline"}
.material-icons.timer:before {content: "timer"}
.material-icons.timer_10:before {content: "timer_10"}
.material-icons.timer_10_select:before {content: "timer_10_select"}
.material-icons.timer_3:before {content: "timer_3"}
.material-icons.timer_3_select:before {content: "timer_3_select"}
.material-icons.timer_off:before {content: "timer_off"}
.material-icons.tips_and_updates:before {content: "tips_and_updates"}
.material-icons.tire_repair:before {content: "tire_repair"}
.material-icons.title:before {content: "title"}
.material-icons.toc:before {content: "toc"}
.material-icons.today:before {content: "today"}
.material-icons.toggle_off:before {content: "toggle_off"}
.material-icons.toggle_on:before {content: "toggle_on"}
.material-icons.token:before {content: "token"}
.material-icons.toll:before {content: "toll"}
.material-icons.tonality:before {content: "tonality"}
.material-icons.topic:before {content: "topic"}
.material-icons.tornado:before {content: "tornado"}
.material-icons.touch_app:before {content: "touch_app"}
.material-icons.tour:before {content: "tour"}
.material-icons.toys:before {content: "toys"}
.material-icons.track_changes:before {content: "track_changes"}
.material-icons.traffic:before {content: "traffic"}
.material-icons.train:before {content: "train"}
.material-icons.tram:before {content: "tram"}
.material-icons.transcribe:before {content: "transcribe"}
.material-icons.transfer_within_a_station:before {content: "transfer_within_a_station"}
.material-icons.transform:before {content: "transform"}
.material-icons.transgender:before {content: "transgender"}
.material-icons.transit_enterexit:before {content: "transit_enterexit"}
.material-icons.translate:before {content: "translate"}
.material-icons.travel_explore:before {content: "travel_explore"}
.material-icons.trending_down:before {content: "trending_down"}
.material-icons.trending_flat:before {content: "trending_flat"}
.material-icons.trending_neutral:before {content: "trending_neutral"}
.material-icons.trending_up:before {content: "trending_up"}
.material-icons.trip_origin:before {content: "trip_origin"}
.material-icons.trolley:before {content: "trolley"}
.material-icons.troubleshoot:before {content: "troubleshoot"}
.material-icons.try:before {content: "try"}
.material-icons.tsunami:before {content: "tsunami"}
.material-icons.tty:before {content: "tty"}
.material-icons.tune:before {content: "tune"}
.material-icons.tungsten:before {content: "tungsten"}
.material-icons.turn_left:before {content: "turn_left"}
.material-icons.turn_right:before {content: "turn_right"}
.material-icons.turn_sharp_left:before {content: "turn_sharp_left"}
.material-icons.turn_sharp_right:before {content: "turn_sharp_right"}
.material-icons.turn_slight_left:before {content: "turn_slight_left"}
.material-icons.turn_slight_right:before {content: "turn_slight_right"}
.material-icons.turned_in:before {content: "turned_in"}
.material-icons.turned_in_not:before {content: "turned_in_not"}
.material-icons.tv:before {content: "tv"}
.material-icons.tv_off:before {content: "tv_off"}
.material-icons.two_wheeler:before {content: "two_wheeler"}
.material-icons.type_specimen:before {content: "type_specimen"}
.material-icons.u_turn_left:before {content: "u_turn_left"}
.material-icons.u_turn_right:before {content: "u_turn_right"}
.material-icons.umbrella:before {content: "umbrella"}
.material-icons.unarchive:before {content: "unarchive"}
.material-icons.undo:before {content: "undo"}
.material-icons.unfold_less:before {content: "unfold_less"}
.material-icons.unfold_less_double:before {content: "unfold_less_double"}
.material-icons.unfold_more:before {content: "unfold_more"}
.material-icons.unfold_more_double:before {content: "unfold_more_double"}
.material-icons.unpublished:before {content: "unpublished"}
.material-icons.unsubscribe:before {content: "unsubscribe"}
.material-icons.upcoming:before {content: "upcoming"}
.material-icons.update:before {content: "update"}
.material-icons.update_disabled:before {content: "update_disabled"}
.material-icons.upgrade:before {content: "upgrade"}
.material-icons.upload:before {content: "upload"}
.material-icons.upload_file:before {content: "upload_file"}
.material-icons.usb:before {content: "usb"}
.material-icons.usb_off:before {content: "usb_off"}
.material-icons.vaccines:before {content: "vaccines"}
.material-icons.vape_free:before {content: "vape_free"}
.material-icons.vaping_rooms:before {content: "vaping_rooms"}
.material-icons.verified:before {content: "verified"}
.material-icons.verified_user:before {content: "verified_user"}
.material-icons.vertical_align_bottom:before {content: "vertical_align_bottom"}
.material-icons.vertical_align_center:before {content: "vertical_align_center"}
.material-icons.vertical_align_top:before {content: "vertical_align_top"}
.material-icons.vertical_distribute:before {content: "vertical_distribute"}
.material-icons.vertical_shades:before {content: "vertical_shades"}
.material-icons.vertical_shades_closed:before {content: "vertical_shades_closed"}
.material-icons.vertical_split:before {content: "vertical_split"}
.material-icons.vibration:before {content: "vibration"}
.material-icons.video_call:before {content: "video_call"}
.material-icons.video_camera_back:before {content: "video_camera_back"}
.material-icons.video_camera_front:before {content: "video_camera_front"}
.material-icons.video_chat:before {content: "video_chat"}
.material-icons.video_collection:before {content: "video_collection"}
.material-icons.video_file:before {content: "video_file"}
.material-icons.video_label:before {content: "video_label"}
.material-icons.video_library:before {content: "video_library"}
.material-icons.video_settings:before {content: "video_settings"}
.material-icons.video_stable:before {content: "video_stable"}
.material-icons.videocam:before {content: "videocam"}
.material-icons.videocam_off:before {content: "videocam_off"}
.material-icons.videogame_asset:before {content: "videogame_asset"}
.material-icons.videogame_asset_off:before {content: "videogame_asset_off"}
.material-icons.view_agenda:before {content: "view_agenda"}
.material-icons.view_array:before {content: "view_array"}
.material-icons.view_carousel:before {content: "view_carousel"}
.material-icons.view_column:before {content: "view_column"}
.material-icons.view_comfortable:before {content: "view_comfortable"}
.material-icons.view_comfy:before {content: "view_comfy"}
.material-icons.view_comfy_alt:before {content: "view_comfy_alt"}
.material-icons.view_compact:before {content: "view_compact"}
.material-icons.view_compact_alt:before {content: "view_compact_alt"}
.material-icons.view_cozy:before {content: "view_cozy"}
.material-icons.view_day:before {content: "view_day"}
.material-icons.view_headline:before {content: "view_headline"}
.material-icons.view_in_ar:before {content: "view_in_ar"}
.material-icons.view_kanban:before {content: "view_kanban"}
.material-icons.view_list:before {content: "view_list"}
.material-icons.view_module:before {content: "view_module"}
.material-icons.view_quilt:before {content: "view_quilt"}
.material-icons.view_sidebar:before {content: "view_sidebar"}
.material-icons.view_stream:before {content: "view_stream"}
.material-icons.view_timeline:before {content: "view_timeline"}
.material-icons.view_week:before {content: "view_week"}
.material-icons.vignette:before {content: "vignette"}
.material-icons.villa:before {content: "villa"}
.material-icons.visibility:before {content: "visibility"}
.material-icons.visibility_off:before {content: "visibility_off"}
.material-icons.voice_chat:before {content: "voice_chat"}
.material-icons.voice_over_off:before {content: "voice_over_off"}
.material-icons.voicemail:before {content: "voicemail"}
.material-icons.volcano:before {content: "volcano"}
.material-icons.volume_down:before {content: "volume_down"}
.material-icons.volume_down_alt:before {content: "volume_down_alt"}
.material-icons.volume_mute:before {content: "volume_mute"}
.material-icons.volume_off:before {content: "volume_off"}
.material-icons.volume_up:before {content: "volume_up"}
.material-icons.volunteer_activism:before {content: "volunteer_activism"}
.material-icons.vpn_key:before {content: "vpn_key"}
.material-icons.vpn_key_off:before {content: "vpn_key_off"}
.material-icons.vpn_lock:before {content: "vpn_lock"}
.material-icons.vrpano:before {content: "vrpano"}
.material-icons.wallet:before {content: "wallet"}
.material-icons.wallet_giftcard:before {content: "wallet_giftcard"}
.material-icons.wallet_membership:before {content: "wallet_membership"}
.material-icons.wallet_travel:before {content: "wallet_travel"}
.material-icons.wallpaper:before {content: "wallpaper"}
.material-icons.warehouse:before {content: "warehouse"}
.material-icons.warning:before {content: "warning"}
.material-icons.warning_amber:before {content: "warning_amber"}
.material-icons.wash:before {content: "wash"}
.material-icons.watch:before {content: "watch"}
.material-icons.watch_later:before {content: "watch_later"}
.material-icons.watch_off:before {content: "watch_off"}
.material-icons.water:before {content: "water"}
.material-icons.water_damage:before {content: "water_damage"}
.material-icons.water_drop:before {content: "water_drop"}
.material-icons.waterfall_chart:before {content: "waterfall_chart"}
.material-icons.waves:before {content: "waves"}
.material-icons.waving_hand:before {content: "waving_hand"}
.material-icons.wb_auto:before {content: "wb_auto"}
.material-icons.wb_cloudy:before {content: "wb_cloudy"}
.material-icons.wb_incandescent:before {content: "wb_incandescent"}
.material-icons.wb_iridescent:before {content: "wb_iridescent"}
.material-icons.wb_shade:before {content: "wb_shade"}
.material-icons.wb_sunny:before {content: "wb_sunny"}
.material-icons.wb_twighlight:before {content: "wb_twighlight"}
.material-icons.wb_twilight:before {content: "wb_twilight"}
.material-icons.wc:before {content: "wc"}
.material-icons.web:before {content: "web"}
.material-icons.web_asset:before {content: "web_asset"}
.material-icons.web_asset_off:before {content: "web_asset_off"}
.material-icons.web_stories:before {content: "web_stories"}
.material-icons.webhook:before {content: "webhook"}
.material-icons.wechat:before {content: "wechat"}
.material-icons.weekend:before {content: "weekend"}
.material-icons.west:before {content: "west"}
.material-icons.whatshot:before {content: "whatshot"}
.material-icons.wheelchair_pickup:before {content: "wheelchair_pickup"}
.material-icons.where_to_vote:before {content: "where_to_vote"}
.material-icons.widgets:before {content: "widgets"}
.material-icons.width_full:before {content: "width_full"}
.material-icons.width_normal:before {content: "width_normal"}
.material-icons.width_wide:before {content: "width_wide"}
.material-icons.wifi:before {content: "wifi"}
.material-icons.wifi_1_bar:before {content: "wifi_1_bar"}
.material-icons.wifi_2_bar:before {content: "wifi_2_bar"}
.material-icons.wifi_calling:before {content: "wifi_calling"}
.material-icons.wifi_calling_3:before {content: "wifi_calling_3"}
.material-icons.wifi_channel:before {content: "wifi_channel"}
.material-icons.wifi_find:before {content: "wifi_find"}
.material-icons.wifi_lock:before {content: "wifi_lock"}
.material-icons.wifi_off:before {content: "wifi_off"}
.material-icons.wifi_password:before {content: "wifi_password"}
.material-icons.wifi_protected_setup:before {content: "wifi_protected_setup"}
.material-icons.wifi_tethering:before {content: "wifi_tethering"}
.material-icons.wifi_tethering_error:before {content: "wifi_tethering_error"}
.material-icons.wifi_tethering_error_rounded:before {content: "wifi_tethering_error_rounded"}
.material-icons.wifi_tethering_off:before {content: "wifi_tethering_off"}
.material-icons.wind_power:before {content: "wind_power"}
.material-icons.window:before {content: "window"}
.material-icons.wine_bar:before {content: "wine_bar"}
.material-icons.woman:before {content: "woman"}
.material-icons.woman_2:before {content: "woman_2"}
.material-icons.woo_commerce:before {content: "woo_commerce"}
.material-icons.wordpress:before {content: "wordpress"}
.material-icons.work:before {content: "work"}
.material-icons.work_history:before {content: "work_history"}
.material-icons.work_off:before {content: "work_off"}
.material-icons.work_outline:before {content: "work_outline"}
.material-icons.workspace_premium:before {content: "workspace_premium"}
.material-icons.workspaces:before {content: "workspaces"}
.material-icons.workspaces_filled:before {content: "workspaces_filled"}
.material-icons.workspaces_outline:before {content: "workspaces_outline"}
.material-icons.wrap_text:before {content: "wrap_text"}
.material-icons.wrong_location:before {content: "wrong_location"}
.material-icons.wysiwyg:before {content: "wysiwyg"}
.material-icons.yard:before {content: "yard"}
.material-icons.youtube_searched_for:before {content: "youtube_searched_for"}
.material-icons.zoom_in:before {content: "zoom_in"}
.material-icons.zoom_in_map:before {content: "zoom_in_map"}
.material-icons.zoom_out:before {content: "zoom_out"}
.material-icons.zoom_out_map:before {content: "zoom_out_map"}