@font-face { font-family: 'BKoodakBold'; src: url('../fonts/BKoodakBold.eot') format('eot'), url('../fonts/BKoodakBold.ttf') format('truetype'), url('../fonts/BKoodakBold.woff') format('woff'); }
@font-face { font-family: 'Vazir'; src: url('../fonts/Vazir-FD.eot') format('eot'), url('../fonts/Vazir-FD.ttf') format('truetype'), url('../fonts/Vazir-FD.woff') format('woff'); }
* {font-family:Vazir,'Vazir',tahoma;}
.body{background-color:#FFF;margin-right:200px;padding:10px;overflow: scroll;}
.sidebar{position:fixed;display: block;width:200px;top:0;bottom:0;right:0;padding:10px;background-color:#343a40!important;z-index:1001;overflow: scroll;}
.overlay{position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0;background-color:#000;opacity:.5;display:none}
.topbar{display: none}
.factor-list{white-space: nowrap;}
@media(max-width: 1367px){ .sidebar{display:none}.body{margin-right:0;margin-left: 0!important}.topbar{display:block!important}}
@media(min-width: 1367px){ .sidebar{display:block!important}}
/* tree in side bar */
.tree{margin:5px;padding:0}.tree:not(:empty):before,.tree:not(:empty):after,.tree ul:not(:empty):before,.tree ul:not(:empty):after,.tree li:not(:empty):before,.tree li:not(:empty):after{display:block;position:absolute;content:""}.treebar{position:fixed;left:0;top:0;bottom:0;width:200px;background-color:#212529!important;overflow:auto}.tree ul,.tree li{position:relative;margin:0;padding:0}.tree a{text-decoration:none;color:#000}.tree li{list-style:none}.tree li > div{background-color:#eee;color:#222;padding:3px;display:inline-block;border-radius:5px;padding:2px 4px;cursor:default}.tree.cascade li{margin-right:24px}.tree.cascade li div{margin-top:12px}.tree.cascade li:before{border-left:1px solid #ddd;height:100%;width:0;top:0;right:-12px}.tree.cascade li:after{border-top:1px solid #ddd;width:12px;right:-12px;top:24px}.tree.cascade li:last-child:before{height:24px;top:0}.tree.cascade > li:first-child:before{top:24px}.tree.cascade > li:only-child{margin-left:0}.tree.cascade > li:only-child:before,.tree.cascade > li:only-child:after{content:none}.tree.horizontal li{display:flex;align-items:center;margin-left:24px}.tree.horizontal li div{margin:6px 0}.tree.horizontal li:before{border-left:1px solid #ddd;height:100%;width:0;top:0;left:-12px}.tree.horizontal li:first-child:before{height:50%;top:50%}.tree.horizontal li:last-child:before{height:50%;bottom:50%;top:auto}.tree.horizontal li:after,.tree.horizontal li ul:after{border-top:1px solid #ddd;height:0;width:12px;top:50%;left:-12px}.tree.horizontal li:only-child:before{content:none}.tree.horizontal li ul:after{left:0}.tree.horizontal > li:only-child{margin-left:0}.tree.horizontal > li:only-child:before,.tree.horizontal > li:only-child:after{content:none}.tree.vertical{display:flex}.tree.vertical ul{display:flex;justify-content:center}.tree.vertical li{display:flex;flex-direction:column;align-items:center}.tree.vertical li div{margin:12px 6px}.tree.vertical li:before{border-left:1px solid #ddd;height:12px;width:0;top:0}.tree.vertical li:after{border-top:1px solid #ddd;height:0;width:100%}.tree.vertical li:first-child:after{border-top:1px solid #ddd;height:0;width:50%;left:50%}.tree.vertical li:last-child:after{border-top:1px solid #ddd;height:0;width:50%;right:50%}.tree.vertical li:only-child:after{content:none}.tree.vertical li ul:before{border-left:1px solid #ddd;height:12px;width:0;top:-12px}.tree.vertical > li:only-child:before,.tree.vertical > li:only-child:after{content:none}.tree .tree.vertical .cascade,.tree.vertical .tree .cascade,.tree .tree.vertical.cascade-1 > li,.tree .tree.vertical.cascade-2 > li > ul > li,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li{flex-direction:column;align-items:start;padding:0 12px}.tree .tree.vertical .cascade:before,.tree.vertical .tree .cascade:before,.tree .tree.vertical.cascade-1 > li:before,.tree .tree.vertical.cascade-2 > li > ul > li:before,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li:before,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li:before{left:24px}.tree .tree.vertical .cascade:after,.tree.vertical .tree .cascade:after,.tree .tree.vertical.cascade-1 > li:after,.tree .tree.vertical.cascade-2 > li > ul > li:after,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li:after,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li:after{left:0}.tree .tree.vertical .cascade:first-child:after,.tree.vertical .tree .cascade:first-child:after,.tree .tree.vertical.cascade-1 > li:first-child:after,.tree .tree.vertical.cascade-2 > li > ul > li:first-child:after,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li:first-child:after,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li:first-child:after{left:24px;width:100%}.tree .tree.vertical .cascade:last-child:after,.tree.vertical .tree .cascade:last-child:after,.tree .tree.vertical.cascade-1 > li:last-child:after,.tree .tree.vertical.cascade-2 > li > ul > li:last-child:after,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li:last-child:after,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li:last-child:after{left:0;width:24px}.tree .tree.vertical .cascade ul,.tree.vertical .tree .cascade ul,.tree .tree.vertical.cascade-1 > li ul,.tree .tree.vertical.cascade-2 > li > ul > li ul,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li ul,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li ul,.tree .tree.vertical .cascade li,.tree.vertical .tree .cascade li,.tree .tree.vertical.cascade-1 > li li,.tree .tree.vertical.cascade-2 > li > ul > li li,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li li,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li{display:block}.tree .tree.vertical .cascade ul:before,.tree.vertical .tree .cascade ul:before,.tree .tree.vertical.cascade-1 > li ul:before,.tree .tree.vertical.cascade-2 > li > ul > li ul:before,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li ul:before,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li ul:before,.tree .tree.vertical .cascade ul:after,.tree.vertical .tree .cascade ul:after,.tree .tree.vertical.cascade-1 > li ul:after,.tree .tree.vertical.cascade-2 > li > ul > li ul:after,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li ul:after,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li ul:after,.tree .tree.vertical .cascade li:before,.tree.vertical .tree .cascade li:before,.tree .tree.vertical.cascade-1 > li li:before,.tree .tree.vertical.cascade-2 > li > ul > li li:before,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li li:before,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:before,.tree .tree.vertical .cascade li:after,.tree.vertical .tree .cascade li:after,.tree .tree.vertical.cascade-1 > li li:after,.tree .tree.vertical.cascade-2 > li > ul > li li:after,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li li:after,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:after{border:none}.tree .tree.vertical .cascade div,.tree.vertical .tree .cascade div,.tree .tree.vertical.cascade-1 > li div,.tree .tree.vertical.cascade-2 > li > ul > li div,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li div,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li div{margin:0;margin-top:12px}.tree .tree.vertical .cascade li,.tree.vertical .tree .cascade li,.tree .tree.vertical.cascade-1 > li li,.tree .tree.vertical.cascade-2 > li > ul > li li,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li li,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li{margin-left:24px}.tree .tree.vertical .cascade li:before,.tree.vertical .tree .cascade li:before,.tree .tree.vertical.cascade-1 > li li:before,.tree .tree.vertical.cascade-2 > li > ul > li li:before,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li li:before,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:before{border-left:1px solid #ddd;height:100%;width:0;top:0;left:-12px}.tree .tree.vertical .cascade li:after,.tree.vertical .tree .cascade li:after,.tree .tree.vertical.cascade-1 > li li:after,.tree .tree.vertical.cascade-2 > li > ul > li li:after,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li li:after,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:after{border-top:1px solid #ddd;width:12px;height:0;left:-12px;top:24px;content:""}.tree .tree.vertical .cascade li:last-child:before,.tree.vertical .tree .cascade li:last-child:before,.tree .tree.vertical.cascade-1 > li li:last-child:before,.tree .tree.vertical.cascade-2 > li > ul > li li:last-child:before,.tree .tree.vertical.cascade-3 > li > ul > li > ul > li li:last-child:before,.tree .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:last-child:before{height:24px;top:0}
#dynamic-result{position: fixed; bottom: 10rem;right: 0;left: 0;opacity: .9}
/* my styles */
a{text-decoration: none!important;}
.actv{background-color: #ddd!important}
.fade-elm:hover{opacity: .5; }
.hover-elm:hover{ background-color: #ddd!important }
.unselectable{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.cupo {cursor: pointer}
.bg-warm{background-color: #f0eb96!important;}
.scrl{ scrollbar-width: none;}
.scrl::-webkit-scrollbar { display: none; overflow-y: scroll; }
.scrl-info{scrollbar-color:#0dcaf0!important;max-height: 600px;overflow-y: auto;}
.scrl-info::-webkit-scrollbar { width: 0px; }
.scrl-info:hover::-webkit-scrollbar { width: 10px; }
.scrl-info::-webkit-scrollbar-track { background: #f1f1f1; }
.scrl-info::-webkit-scrollbar-thumb { background: #555; }
.scrl-info::-webkit-scrollbar-thumb:hover { background: #0092db; }
input[type="number"] {outline: none;-moz-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;appearance: none;}