/*!*****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/devextreme/dist/css/dx.material.blue.light.css ***! \*****************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700); /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/devextreme/dist/css/dx.material.blue.light.css (1) ***! \*********************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/earlyaccess/notokufiarabic.css); /*!********************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css ***! \********************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@dvsl/zoomcharts/lib/assets/zc.css ***! \*****************************************************************************************************************************************************************************************************************************************/ /* ZoomCharts SDK version 1.18.4 (8ff63c3f908ea3d6055c4d5deb06459d46d05178) */ .DVSL-container,.DVSL-interaction{-webkit-tap-highlight-color:transparent} .DVSL-font-height,.DVSL-resize-triggers{visibility:hidden} .DVSL-bar-left,.DVSL-bar-right{position:absolute;list-style:none;padding:0;margin:0} .DVSL-bar-left>li,.DVSL-bar-right>li{position:relative;list-style:none!important;min-height:32px;float:left} .DVSL-bar-left.DVSL-bar-vertical>li{clear:left} .DVSL-bar-right.DVSL-bar-vertical>li{float:right;clear:right} .DVSL-bar-left>li a,.DVSL-bar-right>li a{font-family:Arial,Helvetica,sans-serif;font-size:13px;height:32px;line-height:32px;text-decoration:none} .DVSL-bar-left li a p,.DVSL-bar-right li a p{background-image:url('sprite.d5565523c3766ffa.png');background-repeat:no-repeat;padding:0 0 0 18px;margin:0;float:left;height:37px;line-height:37px;text-indent:4px} .DVSL-bar-bottom>li a span,.DVSL-bar-top>li a span{padding:0 12px 0 0;margin:0;float:right;height:37px} .DVSL-bar-top>li a span{background:url('sprite.d5565523c3766ffa.png') right 2px no-repeat} .DVSL-bar-bottom>li a span{background:url('sprite.d5565523c3766ffa.png') 3px 2px no-repeat} .DVSL-bar-dropdown{z-index:2;position:absolute;background:#FFF;display:none;border:1px solid #CCC} .DVSL-bar-top.DVSL-bar-horizontal .DVSL-bar-dropdown{top:32px} .DVSL-bar-bottom.DVSL-bar-horizontal .DVSL-bar-dropdown{bottom:32px} .DVSL-bar-right.DVSL-bar-horizontal .DVSL-bar-dropdown{right:0} .DVSL-bar-left.DVSL-bar-horizontal .DVSL-bar-dropdown{left:0} .DVSL-bar-left.DVSL-bar-vertical .DVSL-bar-dropdown{left:100%} .DVSL-bar-right.DVSL-bar-vertical .DVSL-bar-dropdown{right:100%} .DVSL-bar-top.DVSL-bar-vertical .DVSL-bar-dropdown{top:0} .DVSL-bar-bottom.DVSL-bar-vertical .DVSL-bar-dropdown{bottom:0} .DVSL-bar-dropdown:after{content:"";position:absolute;width:0;height:0} .DVSL-bar-top.DVSL-bar-horizontal .DVSL-bar-dropdown:after{top:-7px;border-bottom:7px solid #DDD;border-left:7px solid transparent;border-right:7px solid transparent} .DVSL-bar-bottom.DVSL-bar-horizontal .DVSL-bar-dropdown:after{bottom:-7px;border-top:7px solid #DDD;border-left:7px solid transparent;border-right:7px solid transparent} .DVSL-bar-right.DVSL-bar-horizontal .DVSL-bar-dropdown:after{right:4px} .DVSL-bar-left.DVSL-bar-horizontal .DVSL-bar-dropdown:after{left:6px} .DVSL-bar-left.DVSL-bar-vertical .DVSL-bar-dropdown:after{left:-7px;border-right:7px solid #DDD;border-top:7px solid transparent;border-bottom:7px solid transparent} .DVSL-bar-right.DVSL-bar-vertical .DVSL-bar-dropdown:after{right:-7px;border-left:7px solid #DDD;border-top:7px solid transparent;border-bottom:7px solid transparent} .DVSL-bar-top.DVSL-bar-vertical .DVSL-bar-dropdown:after{top:10px} .DVSL-bar-bottom.DVSL-bar-vertical .DVSL-bar-dropdown:after{bottom:5px} .DVSL-bar-dropdown.DVSL-no-triangle:after{display:none} .DVSL-bar-dropdown ul{margin:0;padding:0;list-style:none;overflow:hidden;min-width:120px} .DVSL-bar-dropdown li a{float:none!important;display:block;border-bottom:none;border-top:none;padding:4px 10px;color:#666;filter:none;background:#FFF;white-space:nowrap;cursor:pointer;opacity:1} div .DVSL-bar-dropdown li a.DVSL-bar-dropdown-active{background:#ddd} div .DVSL-bar-dropdown li a.DVSL-bar-dropdown-disabled{color:#AAA!important;cursor:default} div .DVSL-bar-dropdown li a.DVSL-bar-dropdown-disabled:hover{color:#AAA;background:#FFF} div .DVSL-bar-dropdown li a:hover{color:#fff;background:#09c} .DVSL-bar-btn{white-space:nowrap;color:#333;float:left;padding:0 7px;text-decoration:none;cursor:pointer;opacity:.6} .DVSL-bar-btn:hover{opacity:1} .DVSL-bar-disabled{cursor:default;opacity:.3} .DVSL-bar-disabled:hover{opacity:.3} a.DVSL-bar-btn-none p{padding:0!important;background-image:none!important} a.DVSL-bar-btn-image p{background-position:0 center;min-width:7px} a.DVSL-bar-btn-back p{background-position:-4px -704px} a.DVSL-bar-btn-zoomout p{background-position:-4px -665px} a.DVSL-bar-btn-fullscreen p{background-position:-4px -994px} a.DVSL-bar-btn-fullscreen-active p{background-position:-4px -1058px} a.DVSL-bar-btn-lin p{background-position:-4px -66px} a.DVSL-bar-btn-log p{background-position:-4px -141px} a.DVSL-bar-btn-day p{background-position:-4px -217px} a.DVSL-bar-btn-week p{background-position:-4px -292px} a.DVSL-bar-btn-month p{background-position:-4px -368px} a.DVSL-bar-btn-bars p{background-position:-4px -445px} a.DVSL-bar-btn-children p{background-position:-4px -860px} a.DVSL-bar-btn-export p{background-position:-4px -928px} a.DVSL-bar-btn-fit-active p{background-position:-4px -1123px} a.DVSL-bar-btn-fit p{background-position:-4px -1427px} a.DVSL-bar-btn-rearrange p{background-position:-2px -1351px} a.DVSL-bar-btn-lock-all p{background-position:-2px -1272px} a.DVSL-bar-btn-lock-all-active p{background-position:-2px -1194px} .DVSL-suppress-default-styles{color:rgba(251,64,167,.2)!important;transition:none!important} .DVSL-container{-webkit-user-select:none;user-select:none} .DVSL-interaction{outline:0} .DVSL-canvas{image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated} .DVSL-menu-container{pointer-events:none} .DVSL-menu-container.DVSL-menu-workaround{box-shadow:none} .DVSL-menu-container>*{pointer-events:auto} .DVSL-menu-container .DVSL-empty{pointer-events:none;font-size:1px} .DVSL-font-height{position:absolute!important;top:-999px!important;clear:both} .DVSL-font-height div{padding:0!important;line-height:1em!important} .DVSL-container .DVSL-background-image{background:center center no-repeat;background-size:cover;position:absolute;overflow:hidden;left:0;right:0;top:0;bottom:0} .DVSL-PC-background-image{border-radius:9999px;background-position:center center;position:absolute;overflow:hidden} .DVSL-container.DVSL-gradient .DVSL-background-image,.DVSL-container.DVSL-round .DVSL-background-image{-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px} .DVSL-container.DVSL-gradient .DVSL-background{background:#fafafa;background:linear-gradient(to bottom,#fafafa 0,#bababa 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#bababa', GradientType=0 );border-radius:4px} .DVSL-container.DVSL-round .DVSL-background{border:1px solid #DDD;border-radius:4px} .DVSL-valueAxisInside .DVSL-valueAxis{background-color:rgba(255,255,255,.7)} .DVSL-valueAxisInside .DVSL-valueAxis.DVSL-gradient{box-shadow:2px 2px 4px rgba(0,0,0,.5)} .DVSL-container.DVSL-gradient .DVSL-border{border-radius:4px;box-shadow:inset 0 0 8px rgba(0,0,0,.8)} .DVSL-container.DVSL-flat .DVSL-border{box-shadow:none} .DVSL-hover-right{left:30px;top:10px} .DVSL-hover-left{left:550px;top:10px} .DVSL-hover-center,.DVSL-hover-left,.DVSL-hover-right{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#333;background:rgba(255,255,255,.95);position:absolute;padding:5px 0} .DVSL-gradient .DVSL-hover-center,.DVSL-gradient .DVSL-hover-left,.DVSL-gradient .DVSL-hover-right{border-radius:4px} .DVSL-gradient .DVSL-hover-left,.DVSL-gradient .DVSL-hover-right{box-shadow:0 0 5px rgba(0,0,0,.5)} .DVSL-flat .DVSL-hover-left,.DVSL-flat .DVSL-hover-right{border:1px solid #DDD} .DVSL-hover-center{left:300px;top:10px;background:rgba(45,136,181,.5);box-shadow:none} .DVSL-hover-left em,.DVSL-hover-right em{border-top:6px solid transparent;border-bottom:6px solid transparent;top:50%;margin-top:-6px;content:"";width:0;height:0;position:absolute} .DVSL-hover-right em{border-right:6px solid #FFF;left:-6px} .DVSL-hover-left em{border-left:6px solid #FFF;right:-6px} .DVSL-flat .DVSL-hover-right em{border-right:6px solid #DDD} .DVSL-flat .DVSL-hover-left em{border-left:6px solid #DDD} .DVSL-hover-left div,.DVSL-hover-right div{float:left;padding:5px 8px;border-right:1px solid #EFEFEF;border-left:1px solid #EFEFEF;margin-left:-1px} .DVSL-hover-center div{padding:0 6px} .DVSL-hover-center div:first-child,.DVSL-hover-left div:first-child,.DVSL-hover-right div:first-child{border-left:none} .DVSL-hover-center div:last-child,.DVSL-hover-left div:last-child,.DVSL-hover-right div:last-child{border-right:none} .DVSL-hover-center p,.DVSL-hover-left p,.DVSL-hover-right p{padding:0;margin:0;font-size:13px} .DVSL-hover-center p{display:none} .DVSL-hover-center strong,.DVSL-hover-left strong,.DVSL-hover-right strong{display:block;font-weight:700;color:#39c;font-size:28px;line-height:28px} .DVSL-hover-center strong{color:#333} .DVSL-gradient .DVSL-hover-center strong{text-shadow:0 1px 0 rgba(255,255,255,.5)} .DVSL-hover-center small,.DVSL-hover-left small,.DVSL-hover-right small{font-size:12px;color:#666} .DVSL-hover-center small{color:#FFF} .DVSL-resizer{position:absolute;display:none;height:1px;width:100%;bottom:0;left:0;background:#FFF;border-bottom:1px dotted #CCC;border-top:1px dotted #CCC} .DVSL-gradient .DVSL-resizer{height:8px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADC0AAAAICAMAAABQvxTqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUxpcQQEBAQEBAQEBBEREdzc3O7u7gQEBO7u7tvb29LS0vz8/OXl5fHx8aGhoebm5skxTVUAAAAIdFJOUwARMQohpfE1b/FKfQAAAIZJREFUeNrt2UEOgjAURdFfWqCKhf3v1sSZUQdMmlTOuQt4C3gBwCXl1EUOAABgLKlMXZQUAADASHKZ29ZBm4t3AcAXDcBQyrx1MpcEwKByRC4TAFezLq3W2r5W236i+rvXxLJOAAyq5EgVgOs5Hp0cFYBhpcg3AHiznwiAP5Yj7gAAAJ/iCZp5fSq+kErxAAAAAElFTkSuQmCC) top center;border-bottom:none;border-top:none} .DVSL-Menu,.DVSL-info-center,.DVSL-info-left,.DVSL-info-right{background:#efefef;-webkit-box-shadow:0 1px 7px rgba(0,0,0,.6);-moz-box-shadow:0 1px 7px rgba(0,0,0,.6);font-family:Arial,Helvetica,sans-serif} .DVSL-info-center b,.DVSL-info-left b,.DVSL-info-right b{display:block;padding:4px 9px 0;font-weight:400} .DVSL-info-center,.DVSL-info-left,.DVSL-info-right{position:absolute;box-shadow:0 1px 7px rgba(0,0,0,.6);border-radius:6px;border-bottom:1px solid #FFF;font-size:13px;color:#333;padding-bottom:2px;z-index:1;pointer-events:none} .DVSL-info-center .allow-pointer-events,.DVSL-info-center a,.DVSL-info-center button,.DVSL-info-left .allow-pointer-events,.DVSL-info-left a,.DVSL-info-left button,.DVSL-info-right .allow-pointer-events,.DVSL-info-right a,.DVSL-info-right button{pointer-events:auto} .DVSL-info-center strong,.DVSL-info-left strong,.DVSL-info-right strong{padding:7px 10px;background:#FFF;display:block;border-bottom:1px solid #DDD;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px;font-size:15px;color:#000;font-weight:400} .DVSL-info-center strong small,.DVSL-info-left strong small,.DVSL-info-right strong small{display:inline-block;padding-left:5px;font-size:12px;color:#666} .DVSL-info-center h3,.DVSL-info-left h3,.DVSL-info-right h3{padding:6px 7px 5px;margin:0;font-size:12px;font-weight:400;background-color:rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.1)} .DVSL-info-center table,.DVSL-info-left table,.DVSL-info-right table{padding:0;margin:0;font-size:12px;width:100%} .DVSL-info-center tr,.DVSL-info-left tr,.DVSL-info-right tr{padding:0;margin:0} .DVSL-info-center tr:nth-child(even),.DVSL-info-left tr:nth-child(even),.DVSL-info-right tr:nth-child(even){background-color:rgba(255,255,255,.5)} .DVSL-info-center td,.DVSL-info-left td,.DVSL-info-right td{border:0 solid transparent;position:relative;padding:3px 5px;color:#666;text-align:right} .DVSL-info-left em,.DVSL-info-right em{border-top:6px solid transparent;border-bottom:6px solid transparent;top:16px;margin-top:-6px} .DVSL-info-left td,.DVSL-info-right td{border-left-width:3px} .DVSL-info-center td:nth-child(even),.DVSL-info-left td:nth-child(even),.DVSL-info-right td:nth-child(even){padding-right:1px} .DVSL-info-center td:nth-child(odd),.DVSL-info-left td:nth-child(odd),.DVSL-info-right td:nth-child(odd){padding-left:1px} .DVSL-info-center td:first-child,.DVSL-info-left td:first-child,.DVSL-info-right td:first-child{padding-left:5px;text-align:left} .DVSL-info-center td:last-child,.DVSL-info-left td:last-child,.DVSL-info-right td:last-child{padding-right:5px;white-space:nowrap} .DVSL-info-left em,.DVSL-info-right em{content:"";width:0;height:0;position:absolute} .DVSL-info-right em{border-right:6px solid #FFF;left:-6px} .DVSL-info-left em{border-left:6px solid #FFF;right:-6px} .DVSL-Menu{line-height:140%;box-shadow:0 1px 7px rgba(0,0,0,.6);border-radius:6px;border-bottom:1px solid #FFF;font-size:13px;color:#333;max-width:600px;z-index:10000} .DVSL-Menu strong{padding:15px 35px 14px 16px;margin:-6px -32px -6px -6px;background:#FFF;display:block;border-bottom:1px solid #DDD;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px;font-size:16px;color:#000;font-weight:400} .DVSL-Menu ul{float:left;padding:16px;margin:0;max-width:300px} .DVSL-Menu.NC-with-logo ul{width:270px} .DVSL-Menu li{list-style:none;padding:1px 0 0 80px;clear:both;font-size:12px;color:#333} .DVSL-Menu li span{float:left;margin-left:-80px;color:#666} .DVSL-Menu img{width:180px;height:auto;float:right;padding:16px 16px 12px 0} .DVSL-Menu .clear{clear:both} .DVSL-Menu-details{position:relative;padding:16px 16px 0;min-width:100px} .DVSL-Menu-details small{position:absolute;right:16px;top:-8px;font-size:11px;color:#999;outline:0} .DVSL-Menu-details small:hover{color:#333;cursor:pointer} .DVSL-Menu-details pre{padding:12px;background:#FFF;margin-top:-9px;box-shadow:inset 0 0 5px rgba(0,0,0,.7);border-radius:4px;font-size:12px;white-space:pre-wrap;display:none} .DVSL-Menu nav{background:#e2e2e2;display:block;padding:8px 8px 3px;box-shadow:inset 0 2px 2px -1px rgba(0,0,0,.3);border-top:1px solid #FFF;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px} .DVSL-Menu nav:empty{display:none} .DVSL-Menu nav a{text-decoration:none;text-transform:uppercase;font-size:10px;color:#333;display:inline-block;padding:3px 2px 2px 22px;background-repeat:no-repeat;opacity:.7;position:relative} .DVSL-Menu nav a:hover{color:#000;opacity:1} .DVSL-Menu nav a:hover:after{content:"";position:absolute;top:-8px;left:0;right:0;height:2px;background:#09c} .DVSL-Menu b{position:absolute;left:16px;top:-8px;font-size:11px;color:#FFF;background:#C00;padding:0 4px;font-weight:400;box-shadow:inset 0 0 5px rgba(0,0,0,.4);border-radius:2px;z-index:1000} .DVSL-Menu-title{padding:6px 32px 4px 6px;min-height:20px} .DVSL-Menu-close{position:absolute;top:5px;right:5px;text-decoration:none;color:#CCC;border:1px solid #CCC;width:19px;height:19px;text-align:center;border-radius:20px;font-family:Verdana,Geneva,sans-serif;cursor:pointer} .DVSL-Menu-close::after{font-family:sans-serif;font-size:14px;content:'X';vertical-align:middle} .DVSL-Menu-close:hover{color:#333;border-color:#666} .DVSL-contract-trigger:before,.DVSL-resize-triggers,.DVSL-resize-triggers>div{content:" ";display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden} .DVSL-resize-triggers>div{background:#eee;overflow:hidden} .DVSL-contract-trigger:before{width:200%;height:200%} .DVSL-fullscreen{position:fixed!important;top:0;left:0;bottom:0;right:0;z-index:99999;background:#fff;width:auto!important;height:auto!important} .DVSL-dark .DVSL-bar-dropdown{box-shadow:0 1px 7px rgba(0,0,0,.6);background-color:rgba(22,22,22,.5);border:none} .DVSL-dark .DVSL-bar-dropdown a{background-color:rgba(22,22,22,1)} .DVSL-dark .DVSL-bar-dropdown ul li{display:block;width:100%} .DVSL-dark .DVSL-info-center,.DVSL-dark .DVSL-info-left,.DVSL-dark .DVSL-info-right{border-radius:0;background-color:#000;border-bottom:0;width:250px} .DVSL-PieChart.DVSL-dark .DVSL-info-center,.DVSL-PieChart.DVSL-dark .DVSL-info-left,.DVSL-PieChart.DVSL-dark .DVSL-info-right{border-radius:6px;background-color:#efefef;border-bottom:1px solid #fff} .DVSL-dark .DVSL-bar-left>li a,.DVSL-dark .DVSL-bar-right>li a{color:#ccc;height:37px} .DVSL-dark .DVSL-bar-left>li a:hover,.DVSL-dark .DVSL-bar-right>li a:hover{opacity:.8} .DVSL-dark .DVSL-info-center strong,.DVSL-dark .DVSL-info-left strong,.DVSL-dark .DVSL-info-right strong{background-color:#333;color:rgba(255,255,255,.9);border-bottom:1px solid #636363} .DVSL-dark .DVSL-info-right em{border-right:6px solid #333} .DVSL-dark .DVSL-info-left em{border-left:6px solid #333} .DVSL-dark .DVSL-info-center small,.DVSL-dark .DVSL-info-left small,.DVSL-dark .DVSL-info-right small{background-color:#333;color:#A8A7A8} .DVSL-dark .DVSL-info-center tr:nth-child(even),.DVSL-dark .DVSL-info-left tr:nth-child(even),.DVSL-dark .DVSL-info-right tr:nth-child(even){background-color:#333} .DVSL-dark .DVSL-info-center tr:nth-child(odd),.DVSL-dark .DVSL-info-left tr:nth-child(odd),.DVSL-dark .DVSL-info-right tr:nth-child(odd){background-color:#000} .DVSL-dark .DVSL-info-center td:nth-child(2),.DVSL-dark .DVSL-info-left td:nth-child(2),.DVSL-dark .DVSL-info-right td:nth-child(2){color:#A8A7A8} .DVSL-dark .DVSL-NC-zoom{background:#525252} a.DVSL-NC-button-collapse,a.DVSL-NC-button-expand,a.DVSL-NC-button-focus,a.DVSL-NC-button-hide,a.DVSL-NC-button-lock,a.DVSL-NC-button-unfocus,a.DVSL-NC-button-unlock{background-image:url('netchart-sprite.59decdd125d6aafc.png')} .DVSL-dark .DVSL-bar-top>li a span{background-position:-12px -34px} .DVSL-dark a.DVSL-bar-btn-lin p{background-position:-4px -103px} .DVSL-dark a.DVSL-bar-btn-log p{background-position:-4px -178px} .DVSL-dark a.DVSL-bar-btn-month p{background-position:-4px -406px} .DVSL-dark a.DVSL-bar-btn-bars p{background-position:-4px -483px} .DVSL-dark a.DVSL-bar-btn-zoomout p{background-position:-4px -740px} .DVSL-dark a.DVSL-bar-btn-back p{background-position:-4px -780px} .DVSL-dark a.DVSL-bar-btn-export p{background-position:-4px -963px} .DVSL-dark a.DVSL-bar-btn-lock-all p{background-position:-4px -1310px} .DVSL-dark a.DVSL-bar-btn-lock-all-active p{background-position:-4px -1232px} .DVSL-dark a.DVSL-bar-btn-fit-active p{background-position:-4px -1155px} .DVSL-dark a.DVSL-bar-btn-fit p{background-position:-4px -1460px} .DVSL-dark a.DVSL-bar-btn-rearrange p{background-position:-4px -1390px} .DVSL-dark a.DVSL-bar-btn-fullscreen p{background-position:-4px -1025px} .DVSL-dark a.DVSL-bar-btn-fullscreen-active p{background-position:-4px -1090px} .DVSL-leaflet .leaflet-overlay-pane>div:focus{outline:0} a.DVSL-NC-button-expand{background-position:0 0} a.DVSL-NC-button-collapse{background-position:0 -35px} a.DVSL-NC-button-focus{background-position:0 -135px} a.DVSL-NC-button-unfocus{background-position:0 -169px} a.DVSL-NC-button-lock{background-position:2px -103px} a.DVSL-NC-button-unlock{background-position:0 -69px} a.DVSL-NC-button-hide{background-position:1px -202px} .DVSL-NC-zoom{position:relative;display:block;left:15px;width:4px;height:100px;border-radius:2px;background:#ddd} .DVSL-NC-zoom em{position:absolute;left:-9px;width:22px;height:20px;border-radius:99px;background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 1%,rgba(0,0,0,.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#33000000', GradientType=0 );background-color:#FFF;border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 1px 2px rgba(0,0,0,.8);cursor:pointer} .DVSL-NC-zoom em:active,.DVSL-NC-zoom em:hover{background-color:#ddd;box-shadow:inset 0 0 5px rgba(0,0,0,.5);border-bottom:1px solid transparent} .DVSL-container.DVSL-gradient .DVSL-TC-timeAxis{background:#cacaca;background:linear-gradient(to bottom,#cacaca 0,#989898 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#989898', GradientType=0 );border-top:1px solid #c9c9c9;box-shadow:0 -2px 4px -1px rgba(0,0,0,.5);-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px} .DVSL-valueAxisInside .DVSL-TC-timeAxis.DVSL-gradient{box-shadow:0 -2px 4px -1px rgba(0,0,0,.5)} /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap.css ***! \***************************************************************************************************************************************************************************************************************************************/ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('glyphicons-halflings-regular.7a0f4b092e86cb52.eot'); src: url('glyphicons-halflings-regular.7a0f4b092e86cb52.eot?#iefix') format('embedded-opentype'), url('glyphicons-halflings-regular.b70781972ce7320b.woff2') format('woff2'), url('glyphicons-halflings-regular.4ba85deaf3670942.woff') format('woff'), url('glyphicons-halflings-regular.009b407a9881be10.ttf') format('truetype'), url('glyphicons-halflings-regular.85f0466cb4ab3a4d.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .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: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition-timing-function: ease; transition-duration: .35s; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: border .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -25%); } .modal.in .modal-dialog { transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/awesome-bootstrap-checkbox.css ***! \*******************************************************************************************************************************************************************************************************************************************/ .checkbox { padding-left: 20px; } .checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; } .checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity: 0; z-index: 1; } .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; } .checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; } .checkbox.checkbox-circle label::before { border-radius: 50%; } .checkbox.checkbox-inline { margin-top: 0; } .checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #337ab7; border-color: #337ab7; } .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after { color: #fff; } .checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color: #fff; } .checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color: #fff; } .checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color: #fff; } .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; } .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color: #fff; } .radio { padding-left: 20px; } .radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; } .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; transition: border 0.15s ease-in-out; } .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; transform: scale(0, 0); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] { opacity: 0; z-index: 1; } .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { transform: scale(1, 1); } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio.radio-inline { margin-top: 0; } .radio-primary input[type="radio"] + label::after { background-color: #337ab7; } .radio-primary input[type="radio"]:checked + label::before { border-color: #337ab7; } .radio-primary input[type="radio"]:checked + label::after { background-color: #337ab7; } .radio-danger input[type="radio"] + label::after { background-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; } .radio-info input[type="radio"] + label::after { background-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; } .radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; } .radio-success input[type="radio"] + label::after { background-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; } input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after { font-family: 'FontAwesome'; content: "\f00c"; } input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before { color: #fff; } input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after { color: #fff; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/devextreme/dist/css/dx.common.css ***! \****************************************************************************************************************************************************************************************************************************************/ /** * DevExtreme (dx.common.css) * Version: 21.1.12 * Build date: Fri Apr 07 2023 * * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ /*! This file is kept for backward compatibility. It is no longer required. */ /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/devextreme/dist/css/dx.material.blue.light.css (2) ***! \*********************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /** * DevExtreme (dx.material.blue.light.css) * Version: 21.1.12 * Build date: Fri Apr 07 2023 * * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ .dx-validationsummary-item { cursor: pointer; } .dx-invalid-message.dx-overlay { position: relative; } .dx-invalid-message.dx-overlay-wrapper { width: 100%; visibility: hidden; pointer-events: none; } .dx-invalid-message > .dx-overlay-content { display: inline-block; border-width: 0; font-size: .85em; line-height: normal; word-wrap: break-word; } .dx-dropdownbox.dx-dropdowneditor-active .dx-invalid-message-auto, .dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto, .dx-invalid-message.dx-invalid-message-always, .dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto, .dx-state-focused.dx-invalid .dx-invalid-message-auto { visibility: visible; } .dx-validationsummary-item-content { border-bottom: 1px dashed; display: inline-block; line-height: normal; } @keyframes dx-valid-badge-frames { from { opacity: 0; transform: scale(.1); } to { opacity: 1; transform: scale(1); } } @font-face { font-family: RobotoFallback; font-style: normal; font-weight: 300; src: local("Roboto Light"),local("Roboto-Light"),url('Roboto-300.0e01b6cd13b3857f.woff2') format("woff2"),url('Roboto-300.603ca9a537b88428.woff') format("woff"),url('Roboto-300.6c0fea71d0542cdb.ttf') format("truetype"); } @font-face { font-family: RobotoFallback; font-style: normal; font-weight: 400; src: local("Roboto"),local("Roboto-Regular"),url('Roboto-400.475ba9e4e2d63456.woff2') format("woff2"),url('Roboto-400.bcefbfee882bc1cb.woff') format("woff"),url('Roboto-400.83f6acca8a27a93c.ttf') format("truetype"); } @font-face { font-family: RobotoFallback; font-style: normal; font-weight: 500; src: local("Roboto Medium"),local("Roboto-Medium"),url('Roboto-500.457532032ceb0168.woff2') format("woff2"),url('Roboto-500.6e1ae5f0b324a0aa.woff') format("woff"),url('Roboto-500.de4cbf7a2334c617.ttf') format("truetype"); } @font-face { font-family: RobotoFallback; font-style: normal; font-weight: 700; src: local("Roboto Bold"),local("Roboto-Bold"),url('Roboto-700.447291a88c067396.woff2') format("woff2"),url('Roboto-700.fc482e6133cf5e26.woff') format("woff"),url('Roboto-700.f7aa49713d0a54c5.ttf') format("truetype"); } .dx-theme-material-typography { background-color: #fff; color: rgba(0,0,0,.87); font-weight: 400; font-size: 14px; font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-theme-material-typography input, .dx-theme-material-typography textarea { font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-theme-material-typography h1 { font-weight: 300; font-size: 96px; letter-spacing: -1.5px; } .dx-theme-material-typography h2 { font-weight: 300; font-size: 60px; letter-spacing: -.5px; } .dx-theme-material-typography h3 { font-weight: 400; font-size: 48px; } .dx-theme-material-typography h4 { font-weight: 400; font-size: 34px; letter-spacing: .25px; } .dx-theme-material-typography h5 { font-weight: 400; font-size: 24px; } .dx-theme-material-typography h6 { font-weight: 500; font-size: 20px; letter-spacing: .15px; } .dx-theme-material-typography .dx-font-xl { font-size: 34px; } .dx-theme-material-typography .dx-font-l { font-size: 28px; } .dx-theme-material-typography .dx-font-m { font-size: 20px; } .dx-theme-material-typography .dx-font-s { font-size: 18px; } .dx-theme-material-typography .dx-font-xs, .dx-theme-material-typography small { font-size: 12px; } .dx-theme-material-typography a { color: #03a9f4; } .dx-icon-add, .dx-icon-addcolumnleft, .dx-icon-addcolumnright, .dx-icon-addrowabove, .dx-icon-addrowbelow, .dx-icon-addtable, .dx-icon-airplane, .dx-icon-aligncenter, .dx-icon-alignjustify, .dx-icon-alignleft, .dx-icon-alignright, .dx-icon-arrowdown, .dx-icon-arrowleft, .dx-icon-arrowright, .dx-icon-arrowup, .dx-icon-background, .dx-icon-blockquote, .dx-icon-bold, .dx-icon-bookmark, .dx-icon-box, .dx-icon-bulletlist, .dx-icon-car, .dx-icon-card, .dx-icon-cart, .dx-icon-cellproperties, .dx-icon-chart, .dx-icon-checklist, .dx-icon-clear, .dx-icon-clearformat, .dx-icon-clock, .dx-icon-close, .dx-icon-codeblock, .dx-icon-color, .dx-icon-columnproperties, .dx-icon-comment, .dx-icon-decreaseindent, .dx-icon-doc, .dx-icon-download, .dx-icon-edit, .dx-icon-email, .dx-icon-event, .dx-icon-favorites, .dx-icon-find, .dx-icon-folder, .dx-icon-fontsize, .dx-icon-food, .dx-icon-formula, .dx-icon-gift, .dx-icon-globe, .dx-icon-group, .dx-icon-growfont, .dx-icon-header, .dx-icon-help, .dx-icon-home, .dx-icon-image, .dx-icon-increaseindent, .dx-icon-indent, .dx-icon-info, .dx-icon-italic, .dx-icon-key, .dx-icon-like, .dx-icon-link, .dx-icon-map, .dx-icon-mention, .dx-icon-menu, .dx-icon-mergecells, .dx-icon-money, .dx-icon-music, .dx-icon-orderedlist, .dx-icon-overflow, .dx-icon-percent, .dx-icon-photo, .dx-icon-plus, .dx-icon-preferences, .dx-icon-product, .dx-icon-redo, .dx-icon-refresh, .dx-icon-remove, .dx-icon-removecolumn, .dx-icon-removerow, .dx-icon-removetable, .dx-icon-rowproperties, .dx-icon-runner, .dx-icon-save, .dx-icon-search, .dx-icon-shrinkfont, .dx-icon-splitcells, .dx-icon-strike, .dx-icon-subscript, .dx-icon-superscript, .dx-icon-tableproperties, .dx-icon-tags, .dx-icon-tel, .dx-icon-tips, .dx-icon-todo, .dx-icon-toolbox, .dx-icon-underline, .dx-icon-undo, .dx-icon-user, .dx-icon-variable, .dx-icon-verticalalignbottom, .dx-icon-verticalaligncenter, .dx-icon-verticalaligntop, .dx-icon-video { background-position: 0 0; background-repeat: no-repeat; } .dx-icon { background-position: 50% 50%; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dx-svg-icon svg { pointer-events: none; } .dx-rtl .dx-icon-spinnext::before { content: ""; } .dx-rtl .dx-icon-spinprev::before { content: ""; } .dx-rtl .dx-icon-chevronnext::before { content: ""; } .dx-rtl .dx-icon-back::before, .dx-rtl .dx-icon-chevronprev::before { content: ""; } .dx-rtl .dx-icon-undo::before { content: ""; } .dx-rtl .dx-icon-redo::before { content: ""; } .dx-rtl .dx-icon-hidepanel::before { content: ""; } .dx-rtl .dx-icon-showpanel::before { content: ""; } @font-face { font-family: DXIcons; src: local("DevExtreme Material Icons"),local("devextreme_material_icons"),url('dxiconsmaterial.1fa2b94f2e25283d.woff2') format("woff2"),url('dxiconsmaterial.caa3b270ae8a8d7d.woff') format("woff"),url('dxiconsmaterial.6dad52cd84f67ac9.ttf') format("truetype"); font-weight: 400; font-style: normal; } .dx-icon-add { font: 14px/1 DXIcons; } .dx-icon-add::before { content: ""; } .dx-icon-airplane { font: 14px/1 DXIcons; } .dx-icon-airplane::before { content: ""; } .dx-icon-bookmark { font: 14px/1 DXIcons; } .dx-icon-bookmark::before { content: ""; } .dx-icon-box { font: 14px/1 DXIcons; } .dx-icon-box::before { content: ""; } .dx-icon-car { font: 14px/1 DXIcons; } .dx-icon-car::before { content: ""; } .dx-icon-card { font: 14px/1 DXIcons; } .dx-icon-card::before { content: ""; } .dx-icon-cart { font: 14px/1 DXIcons; } .dx-icon-cart::before { content: ""; } .dx-icon-chart { font: 14px/1 DXIcons; } .dx-icon-chart::before { content: ""; } .dx-icon-check { font: 14px/1 DXIcons; } .dx-icon-check::before { content: ""; } .dx-icon-clear { font: 14px/1 DXIcons; } .dx-icon-clear::before { content: ""; } .dx-icon-clock { font: 14px/1 DXIcons; } .dx-icon-clock::before { content: ""; } .dx-icon-close { font: 14px/1 DXIcons; } .dx-icon-close::before { content: ""; } .dx-icon-coffee { font: 14px/1 DXIcons; } .dx-icon-coffee::before { content: ""; } .dx-icon-comment { font: 14px/1 DXIcons; } .dx-icon-comment::before { content: ""; } .dx-icon-doc { font: 14px/1 DXIcons; } .dx-icon-doc::before { content: ""; } .dx-icon-file { font: 14px/1 DXIcons; } .dx-icon-file::before { content: ""; } .dx-icon-download { font: 14px/1 DXIcons; } .dx-icon-download::before { content: ""; } .dx-icon-dragvertical { font: 14px/1 DXIcons; } .dx-icon-dragvertical::before { content: ""; } .dx-icon-edit { font: 14px/1 DXIcons; } .dx-icon-edit::before { content: ""; } .dx-icon-email { font: 14px/1 DXIcons; } .dx-icon-email::before { content: ""; } .dx-icon-event { font: 14px/1 DXIcons; } .dx-icon-event::before { content: ""; } .dx-icon-favorites { font: 14px/1 DXIcons; } .dx-icon-favorites::before { content: ""; } .dx-icon-find { font: 14px/1 DXIcons; } .dx-icon-find::before { content: ""; } .dx-icon-filter { font: 14px/1 DXIcons; } .dx-icon-filter::before { content: ""; } .dx-icon-folder { font: 14px/1 DXIcons; } .dx-icon-folder::before { content: ""; } .dx-icon-activefolder { font: 14px/1 DXIcons; } .dx-icon-activefolder::before { content: ""; } .dx-icon-food { font: 14px/1 DXIcons; } .dx-icon-food::before { content: ""; } .dx-icon-gift { font: 14px/1 DXIcons; } .dx-icon-gift::before { content: ""; } .dx-icon-globe { font: 14px/1 DXIcons; } .dx-icon-globe::before { content: ""; } .dx-icon-group { font: 14px/1 DXIcons; } .dx-icon-group::before { content: ""; } .dx-icon-help { font: 14px/1 DXIcons; } .dx-icon-help::before { content: ""; } .dx-icon-home { font: 14px/1 DXIcons; } .dx-icon-home::before { content: ""; } .dx-icon-image { font: 14px/1 DXIcons; } .dx-icon-image::before { content: ""; } .dx-icon-info { font: 14px/1 DXIcons; } .dx-icon-info::before { content: ""; } .dx-icon-key { font: 14px/1 DXIcons; } .dx-icon-key::before { content: ""; } .dx-icon-like { font: 14px/1 DXIcons; } .dx-icon-like::before { content: ""; } .dx-icon-map { font: 14px/1 DXIcons; } .dx-icon-map::before { content: ""; } .dx-icon-menu { font: 14px/1 DXIcons; } .dx-icon-menu::before { content: ""; } .dx-icon-message { font: 14px/1 DXIcons; } .dx-icon-message::before { content: ""; } .dx-icon-money { font: 14px/1 DXIcons; } .dx-icon-money::before { content: ""; } .dx-icon-music { font: 14px/1 DXIcons; } .dx-icon-music::before { content: ""; } .dx-icon-overflow { font: 14px/1 DXIcons; } .dx-icon-overflow::before { content: ""; } .dx-icon-percent { font: 14px/1 DXIcons; } .dx-icon-percent::before { content: ""; } .dx-icon-photo { font: 14px/1 DXIcons; } .dx-icon-photo::before { content: ""; } .dx-icon-plus { font: 14px/1 DXIcons; } .dx-icon-plus::before { content: ""; } .dx-icon-minus { font: 14px/1 DXIcons; } .dx-icon-minus::before { content: ""; } .dx-icon-preferences { font: 14px/1 DXIcons; } .dx-icon-preferences::before { content: ""; } .dx-icon-product { font: 14px/1 DXIcons; } .dx-icon-product::before { content: ""; } .dx-icon-pulldown { font: 14px/1 DXIcons; } .dx-icon-pulldown::before { content: ""; } .dx-icon-refresh { font: 14px/1 DXIcons; } .dx-icon-refresh::before { content: ""; } .dx-icon-remove { font: 14px/1 DXIcons; } .dx-icon-remove::before { content: ""; } .dx-icon-revert { font: 14px/1 DXIcons; } .dx-icon-revert::before { content: ""; } .dx-icon-runner { font: 14px/1 DXIcons; } .dx-icon-runner::before { content: ""; } .dx-icon-save { font: 14px/1 DXIcons; } .dx-icon-save::before { content: ""; } .dx-icon-search { font: 14px/1 DXIcons; } .dx-icon-search::before { content: ""; } .dx-icon-tags { font: 14px/1 DXIcons; } .dx-icon-tags::before { content: ""; } .dx-icon-tel { font: 14px/1 DXIcons; } .dx-icon-tel::before { content: ""; } .dx-icon-tips { font: 14px/1 DXIcons; } .dx-icon-tips::before { content: ""; } .dx-icon-todo { font: 14px/1 DXIcons; } .dx-icon-todo::before { content: ""; } .dx-icon-toolbox { font: 14px/1 DXIcons; } .dx-icon-toolbox::before { content: ""; } .dx-icon-trash { font: 14px/1 DXIcons; } .dx-icon-trash::before { content: ""; } .dx-icon-user { font: 14px/1 DXIcons; } .dx-icon-user::before { content: ""; } .dx-icon-upload { font: 14px/1 DXIcons; } .dx-icon-upload::before { content: ""; } .dx-icon-floppy { font: 14px/1 DXIcons; } .dx-icon-floppy::before { content: ""; } .dx-icon-arrowleft { font: 14px/1 DXIcons; } .dx-icon-arrowleft::before { content: ""; } .dx-icon-arrowdown { font: 14px/1 DXIcons; } .dx-icon-arrowdown::before { content: ""; } .dx-icon-arrowright { font: 14px/1 DXIcons; } .dx-icon-arrowright::before { content: ""; } .dx-icon-arrowup { font: 14px/1 DXIcons; } .dx-icon-arrowup::before { content: ""; } .dx-icon-spinleft { font: 14px/1 DXIcons; } .dx-icon-spinleft::before { content: ""; } .dx-icon-spinprev { font: 14px/1 DXIcons; } .dx-icon-spinprev::before { content: ""; } .dx-icon-spinright { font: 14px/1 DXIcons; } .dx-icon-spinright::before { content: ""; } .dx-icon-spinnext { font: 14px/1 DXIcons; } .dx-icon-spinnext::before { content: ""; } .dx-icon-spindown { font: 14px/1 DXIcons; } .dx-icon-spindown::before { content: ""; } .dx-icon-spinup { font: 14px/1 DXIcons; } .dx-icon-spinup::before { content: ""; } .dx-icon-chevronleft { font: 14px/1 DXIcons; } .dx-icon-chevronleft::before { content: ""; } .dx-icon-chevronprev { font: 14px/1 DXIcons; } .dx-icon-chevronprev::before { content: ""; } .dx-icon-back { font: 14px/1 DXIcons; } .dx-icon-back::before { content: ""; } .dx-icon-chevronright { font: 14px/1 DXIcons; } .dx-icon-chevronright::before { content: ""; } .dx-icon-chevronnext { font: 14px/1 DXIcons; } .dx-icon-chevronnext::before { content: ""; } .dx-icon-chevrondown { font: 14px/1 DXIcons; } .dx-icon-chevrondown::before { content: ""; } .dx-icon-chevronup { font: 14px/1 DXIcons; } .dx-icon-chevronup::before { content: ""; } .dx-icon-chevrondoubleleft { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleleft::before { content: ""; } .dx-icon-chevrondoubleright { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleright::before { content: ""; } .dx-icon-equal { font: 14px/1 DXIcons; } .dx-icon-equal::before { content: ""; } .dx-icon-notequal { font: 14px/1 DXIcons; } .dx-icon-notequal::before { content: ""; } .dx-icon-less { font: 14px/1 DXIcons; } .dx-icon-less::before { content: ""; } .dx-icon-greater { font: 14px/1 DXIcons; } .dx-icon-greater::before { content: ""; } .dx-icon-lessorequal { font: 14px/1 DXIcons; } .dx-icon-lessorequal::before { content: ""; } .dx-icon-greaterorequal { font: 14px/1 DXIcons; } .dx-icon-greaterorequal::before { content: ""; } .dx-icon-isblank { font: 14px/1 DXIcons; } .dx-icon-isblank::before { content: ""; } .dx-icon-isnotblank { font: 14px/1 DXIcons; } .dx-icon-isnotblank::before { content: ""; } .dx-icon-sortup { font: 14px/1 DXIcons; } .dx-icon-sortup::before { content: ""; } .dx-icon-sortdown { font: 14px/1 DXIcons; } .dx-icon-sortdown::before { content: ""; } .dx-icon-sortuptext { font: 14px/1 DXIcons; } .dx-icon-sortuptext::before { content: ""; } .dx-icon-sortdowntext { font: 14px/1 DXIcons; } .dx-icon-sortdowntext::before { content: ""; } .dx-icon-sorted { font: 14px/1 DXIcons; } .dx-icon-sorted::before { content: ""; } .dx-icon-expand { font: 14px/1 DXIcons; } .dx-icon-expand::before { content: ""; } .dx-icon-collapse { font: 14px/1 DXIcons; } .dx-icon-collapse::before { content: ""; } .dx-icon-columnfield { font: 14px/1 DXIcons; } .dx-icon-columnfield::before { content: ""; } .dx-icon-rowfield { font: 14px/1 DXIcons; } .dx-icon-rowfield::before { content: ""; } .dx-icon-datafield { font: 14px/1 DXIcons; } .dx-icon-datafield::before { content: ""; } .dx-icon-fields { font: 14px/1 DXIcons; } .dx-icon-fields::before { content: ""; } .dx-icon-fieldchooser { font: 14px/1 DXIcons; } .dx-icon-fieldchooser::before { content: ""; } .dx-icon-columnchooser { font: 14px/1 DXIcons; } .dx-icon-columnchooser::before { content: ""; } .dx-icon-pin { font: 14px/1 DXIcons; } .dx-icon-pin::before { content: ""; } .dx-icon-unpin { font: 14px/1 DXIcons; } .dx-icon-unpin::before { content: ""; } .dx-icon-pinleft { font: 14px/1 DXIcons; } .dx-icon-pinleft::before { content: ""; } .dx-icon-pinright { font: 14px/1 DXIcons; } .dx-icon-pinright::before { content: ""; } .dx-icon-contains { font: 14px/1 DXIcons; } .dx-icon-contains::before { content: ""; } .dx-icon-startswith { font: 14px/1 DXIcons; } .dx-icon-startswith::before { content: ""; } .dx-icon-endswith { font: 14px/1 DXIcons; } .dx-icon-endswith::before { content: ""; } .dx-icon-doesnotcontain { font: 14px/1 DXIcons; } .dx-icon-doesnotcontain::before { content: ""; } .dx-icon-range { font: 14px/1 DXIcons; } .dx-icon-range::before { content: ""; } .dx-icon-export { font: 14px/1 DXIcons; } .dx-icon-export::before { content: ""; } .dx-icon-exportxlsx { font: 14px/1 DXIcons; } .dx-icon-exportxlsx::before { content: ""; } .dx-icon-exportpdf { font: 14px/1 DXIcons; } .dx-icon-exportpdf::before { content: ""; } .dx-icon-exportselected { font: 14px/1 DXIcons; } .dx-icon-exportselected::before { content: ""; } .dx-icon-warning { font: 14px/1 DXIcons; } .dx-icon-warning::before { content: ""; } .dx-icon-more { font: 14px/1 DXIcons; } .dx-icon-more::before { content: ""; } .dx-icon-square { font: 14px/1 DXIcons; } .dx-icon-square::before { content: ""; } .dx-icon-clearsquare { font: 14px/1 DXIcons; } .dx-icon-clearsquare::before { content: ""; } .dx-icon-repeat { font: 14px/1 DXIcons; } .dx-icon-repeat::before { content: ""; } .dx-icon-selectall { font: 14px/1 DXIcons; } .dx-icon-selectall::before { content: ""; } .dx-icon-unselectall { font: 14px/1 DXIcons; } .dx-icon-unselectall::before { content: ""; } .dx-icon-print { font: 14px/1 DXIcons; } .dx-icon-print::before { content: ""; } .dx-icon-bold { font: 14px/1 DXIcons; } .dx-icon-bold::before { content: ""; } .dx-icon-italic { font: 14px/1 DXIcons; } .dx-icon-italic::before { content: ""; } .dx-icon-underline { font: 14px/1 DXIcons; } .dx-icon-underline::before { content: ""; } .dx-icon-strike { font: 14px/1 DXIcons; } .dx-icon-strike::before { content: ""; } .dx-icon-indent { font: 14px/1 DXIcons; } .dx-icon-indent::before { content: ""; } .dx-icon-increaselinespacing { font: 14px/1 DXIcons; } .dx-icon-increaselinespacing::before { content: ""; } .dx-icon-font { font: 14px/1 DXIcons; } .dx-icon-font::before { content: ""; } .dx-icon-fontsize { font: 14px/1 DXIcons; } .dx-icon-fontsize::before { content: ""; } .dx-icon-shrinkfont { font: 14px/1 DXIcons; } .dx-icon-shrinkfont::before { content: ""; } .dx-icon-growfont { font: 14px/1 DXIcons; } .dx-icon-growfont::before { content: ""; } .dx-icon-color { font: 14px/1 DXIcons; } .dx-icon-color::before { content: ""; } .dx-icon-background { font: 14px/1 DXIcons; } .dx-icon-background::before { content: ""; } .dx-icon-fill { font: 14px/1 DXIcons; } .dx-icon-fill::before { content: ""; } .dx-icon-palette { font: 14px/1 DXIcons; } .dx-icon-palette::before { content: ""; } .dx-icon-superscript { font: 14px/1 DXIcons; } .dx-icon-superscript::before { content: ""; } .dx-icon-subscript { font: 14px/1 DXIcons; } .dx-icon-subscript::before { content: ""; } .dx-icon-header { font: 14px/1 DXIcons; } .dx-icon-header::before { content: ""; } .dx-icon-blockquote { font: 14px/1 DXIcons; } .dx-icon-blockquote::before { content: ""; } .dx-icon-formula { font: 14px/1 DXIcons; } .dx-icon-formula::before { content: ""; } .dx-icon-codeblock { font: 14px/1 DXIcons; } .dx-icon-codeblock::before { content: ""; } .dx-icon-orderedlist { font: 14px/1 DXIcons; } .dx-icon-orderedlist::before { content: ""; } .dx-icon-bulletlist { font: 14px/1 DXIcons; } .dx-icon-bulletlist::before { content: ""; } .dx-icon-increaseindent { font: 14px/1 DXIcons; } .dx-icon-increaseindent::before { content: ""; } .dx-icon-decreaseindent { font: 14px/1 DXIcons; } .dx-icon-decreaseindent::before { content: ""; } .dx-icon-decreaselinespacing { font: 14px/1 DXIcons; } .dx-icon-decreaselinespacing::before { content: ""; } .dx-icon-alignleft { font: 14px/1 DXIcons; } .dx-icon-alignleft::before { content: ""; } .dx-icon-alignright { font: 14px/1 DXIcons; } .dx-icon-alignright::before { content: ""; } .dx-icon-aligncenter { font: 14px/1 DXIcons; } .dx-icon-aligncenter::before { content: ""; } .dx-icon-alignjustify { font: 14px/1 DXIcons; } .dx-icon-alignjustify::before { content: ""; } .dx-icon-link { font: 14px/1 DXIcons; } .dx-icon-link::before { content: ""; } .dx-icon-video { font: 14px/1 DXIcons; } .dx-icon-video::before { content: ""; } .dx-icon-mention { font: 14px/1 DXIcons; } .dx-icon-mention::before { content: ""; } .dx-icon-variable { font: 14px/1 DXIcons; } .dx-icon-variable::before { content: ""; } .dx-icon-clearformat { font: 14px/1 DXIcons; } .dx-icon-clearformat::before { content: ""; } .dx-icon-fullscreen { font: 14px/1 DXIcons; } .dx-icon-fullscreen::before { content: ""; } .dx-icon-hierarchy { font: 14px/1 DXIcons; } .dx-icon-hierarchy::before { content: ""; } .dx-icon-docfile { font: 14px/1 DXIcons; } .dx-icon-docfile::before { content: ""; } .dx-icon-docxfile { font: 14px/1 DXIcons; } .dx-icon-docxfile::before { content: ""; } .dx-icon-pdffile { font: 14px/1 DXIcons; } .dx-icon-pdffile::before { content: ""; } .dx-icon-pptfile { font: 14px/1 DXIcons; } .dx-icon-pptfile::before { content: ""; } .dx-icon-pptxfile { font: 14px/1 DXIcons; } .dx-icon-pptxfile::before { content: ""; } .dx-icon-rtffile { font: 14px/1 DXIcons; } .dx-icon-rtffile::before { content: ""; } .dx-icon-txtfile { font: 14px/1 DXIcons; } .dx-icon-txtfile::before { content: ""; } .dx-icon-xlsfile { font: 14px/1 DXIcons; } .dx-icon-xlsfile::before { content: ""; } .dx-icon-xlsxfile { font: 14px/1 DXIcons; } .dx-icon-xlsxfile::before { content: ""; } .dx-icon-copy { font: 14px/1 DXIcons; } .dx-icon-copy::before { content: ""; } .dx-icon-cut { font: 14px/1 DXIcons; } .dx-icon-cut::before { content: ""; } .dx-icon-paste { font: 14px/1 DXIcons; } .dx-icon-paste::before { content: ""; } .dx-icon-share { font: 14px/1 DXIcons; } .dx-icon-share::before { content: ""; } .dx-icon-inactivefolder { font: 14px/1 DXIcons; } .dx-icon-inactivefolder::before { content: ""; } .dx-icon-newfolder { font: 14px/1 DXIcons; } .dx-icon-newfolder::before { content: ""; } .dx-icon-movetofolder { font: 14px/1 DXIcons; } .dx-icon-movetofolder::before { content: ""; } .dx-icon-parentfolder { font: 14px/1 DXIcons; } .dx-icon-parentfolder::before { content: ""; } .dx-icon-rename { font: 14px/1 DXIcons; } .dx-icon-rename::before { content: ""; } .dx-icon-detailslayout { font: 14px/1 DXIcons; } .dx-icon-detailslayout::before { content: ""; } .dx-icon-contentlayout { font: 14px/1 DXIcons; } .dx-icon-contentlayout::before { content: ""; } .dx-icon-smalliconslayout { font: 14px/1 DXIcons; } .dx-icon-smalliconslayout::before { content: ""; } .dx-icon-mediumiconslayout { font: 14px/1 DXIcons; } .dx-icon-mediumiconslayout::before { content: ""; } .dx-icon-undo { font: 14px/1 DXIcons; } .dx-icon-undo::before { content: ""; } .dx-icon-redo { font: 14px/1 DXIcons; } .dx-icon-redo::before { content: ""; } .dx-icon-hidepanel { font: 14px/1 DXIcons; } .dx-icon-hidepanel::before { content: ""; } .dx-icon-showpanel { font: 14px/1 DXIcons; } .dx-icon-showpanel::before { content: ""; } .dx-icon-checklist { font: 14px/1 DXIcons; } .dx-icon-checklist::before { content: ""; } .dx-icon-verticalaligntop { font: 14px/1 DXIcons; } .dx-icon-verticalaligntop::before { content: ""; } .dx-icon-verticalaligncenter { font: 14px/1 DXIcons; } .dx-icon-verticalaligncenter::before { content: ""; } .dx-icon-verticalalignbottom { font: 14px/1 DXIcons; } .dx-icon-verticalalignbottom::before { content: ""; } .dx-icon-rowproperties { font: 14px/1 DXIcons; } .dx-icon-rowproperties::before { content: ""; } .dx-icon-columnproperties { font: 14px/1 DXIcons; } .dx-icon-columnproperties::before { content: ""; } .dx-icon-cellproperties { font: 14px/1 DXIcons; } .dx-icon-cellproperties::before { content: ""; } .dx-icon-tableproperties { font: 14px/1 DXIcons; } .dx-icon-tableproperties::before { content: ""; } .dx-icon-splitcells { font: 14px/1 DXIcons; } .dx-icon-splitcells::before { content: ""; } .dx-icon-mergecells { font: 14px/1 DXIcons; } .dx-icon-mergecells::before { content: ""; } .dx-icon-deleterow { font: 14px/1 DXIcons; } .dx-icon-deleterow::before { content: ""; } .dx-icon-deletecolumn { font: 14px/1 DXIcons; } .dx-icon-deletecolumn::before { content: ""; } .dx-icon-insertrowabove { font: 14px/1 DXIcons; } .dx-icon-insertrowabove::before { content: ""; } .dx-icon-insertrowbelow { font: 14px/1 DXIcons; } .dx-icon-insertrowbelow::before { content: ""; } .dx-icon-insertcolumnleft { font: 14px/1 DXIcons; } .dx-icon-insertcolumnleft::before { content: ""; } .dx-icon-insertcolumnright { font: 14px/1 DXIcons; } .dx-icon-insertcolumnright::before { content: ""; } .dx-icon-inserttable { font: 14px/1 DXIcons; } .dx-icon-inserttable::before { content: ""; } .dx-icon-deletetable { font: 14px/1 DXIcons; } .dx-icon-deletetable::before { content: ""; } .dx-icon { font-size: 24px; line-height: 1; white-space: nowrap; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } .dx-tab .dx-icon, .dx-tab.dx-tab-selected .dx-icon { background-size: 100% 100%; background-position: 50% 50%; } .dx-scrollview-pulldown { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg=="); background-position: 0 0; background-repeat: no-repeat; } .dx-loadindicator-image-small { background-image: url("data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7"); background-position: center center; background-repeat: no-repeat; } .dx-loadindicator-image-large { background-image: url("data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7"); background-position: center center; background-repeat: no-repeat; } .dx-color-scheme { font-family: "#"; } .dx-widget { display: block; -ms-content-zooming: none; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; -webkit-touch-callout: none; padding: 0; outline: 0; print-color-adjust: exact; -webkit-print-color-adjust: exact; color: rgba(0,0,0,.87); font-weight: 400; font-size: 14px; font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-widget, .dx-widget *, .dx-widget ::after, .dx-widget ::before, .dx-widget::after, .dx-widget::before { box-sizing: border-box; } .dx-item { outline: 0; } .dx-rtl { direction: rtl; unicode-bidi: embed; } .dx-state-disabled { pointer-events: none; } .dx-widget input, .dx-widget textarea { font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget { opacity: .38; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; cursor: default; } .dx-state-disabled .dx-widget .dx-widget, .dx-state-disabled.dx-widget .dx-widget { opacity: 1; } .dx-card { overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); border-radius: 4px; background-color: #fff; margin: 2px 2px 3px; } .dx-fieldset .dx-field-value { margin: 0; } .dx-fieldset, .dx-fieldset * { box-sizing: border-box; } .dx-fieldset-header:empty { display: none; } .dx-field { position: relative; color: rgba(0,0,0,.87); font-weight: 400; font-size: 14px; font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; padding: 0; display: flex; } .dx-field::after, .dx-field::before { display: table; content: ""; line-height: 0; } .dx-field::after { clear: both; } .dx-field-label { float: left; width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-field-value, .dx-field-value-static { float: right; } .dx-field-value.dx-datebox { min-width: 60%; } .dx-field-value:not(.dx-widget) > .dx-datebox { min-width: 100%; } .dx-field-value .dx-selectbox-tag-container { white-space: normal; } .dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect.dx-widget { position: relative; width: auto; text-align: left; } .dx-fieldset.dx-rtl .dx-field-label, .dx-rtl .dx-fieldset .dx-field-label { float: right; } .dx-fieldset.dx-rtl .dx-field-value, .dx-rtl .dx-fieldset .dx-field-value { float: left; } .dx-field input, .dx-field textarea { font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-field-label i { font-style: normal; } .dx-field-value.dx-attention { color: #f44336; padding: 21px 10px 20px 32px; position: relative; } .dx-field-value.dx-attention::before { pointer-events: none; position: absolute; top: 50%; margin-top: -11px; width: 22px; height: 22px; text-align: center; line-height: 23px; font-size: 14px; font-weight: 500; background-color: #f44336; color: #fff; content: "!"; border-radius: 50%; left: 0; } .dx-field-value-static, .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) { width: 60%; } .dx-field-label { color: rgba(117,117,117,.87); font-size: 12px; cursor: default; align-self: center; padding-right: 15px; } .dx-field-value.dx-widget, .dx-field-value:not(.dx-widget) > .dx-widget { margin: 0; } .dx-field-value:not(.dx-widget) > .dx-button, .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-switch { float: right; } .dx-field-value.dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-checkbox { margin: 19px 0; } .dx-field-value.dx-switch, .dx-field-value:not(.dx-widget) > .dx-switch { margin: 18px 0; } .dx-field-value.dx-slider, .dx-field-value:not(.dx-widget) > .dx-slider { margin: 14px 0; } .dx-field-value.dx-radiogroup, .dx-field-value:not(.dx-widget) > .dx-radiogroup { margin: 15px 0; } .dx-field-value-static { white-space: normal; padding: 21px 10px 20px; } .dx-fieldset { margin: 30px 20px; padding: 0; } .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch { float: left; } .dx-fieldset-header { margin: 0 0 20px; font-size: 18px; } .dx-field { margin: 0 0 30px; } .dx-field:last-of-type { margin: 0; } .dx-device-mobile .dx-fieldset { margin: 20px 15px; padding: 0; } .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch, .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch { float: left; } .dx-device-mobile .dx-fieldset-header { margin: 0 0 20px; font-size: 18px; } .dx-device-mobile .dx-field { margin: 0 0 10px; } .dx-device-mobile .dx-field:last-of-type { margin: 0; } .dx-theme-marker { font-family: "dx.material.blue.light"; } .dx-theme-accent-as-text-color { color: #03a9f4!important; } .dx-theme-text-color { color: rgba(0,0,0,.87)!important; } .dx-theme-background-color-as-text-color { color: #fff!important; } .dx-theme-border-color-as-text-color { color: #e0e0e0!important; } .dx-theme-accent-as-background-color { background-color: #03a9f4!important; fill: #03a9f4!important; } .dx-theme-text-color-as-background-color { background-color: rgba(0,0,0,.87)!important; fill: rgba(0,0,0,0.87)!important; } .dx-theme-background-color { background-color: #fff!important; fill: #fff!important; } .dx-theme-border-color-as-background-color { background-color: #e0e0e0!important; fill: #e0e0e0!important; } .dx-theme-accent-as-border-color { border-color: #03a9f4!important; } .dx-theme-text-color-as-border-color { border-color: rgba(0,0,0,.87)!important; } .dx-theme-background-color-as-border-color { border-color: #fff!important; } .dx-theme-border-color { border-color: #e0e0e0!important; } .dx-inkripple { position: absolute; height: 100%; width: 100%; top: 0; left: 0; pointer-events: none; } .dx-inkripple-wave { position: absolute; background-color: rgba(0,0,0,.16); border-radius: 50%; opacity: 0; transform: scale(0); pointer-events: none; } .dx-inkripple-showing { transition: transform .1s linear; opacity: 1; transform: scale(1); } .dx-inkripple-hiding { transition: transform .1s linear,opacity .1s linear; transform: scale(1.01); opacity: 0; } .dx-resizable { display: block; position: relative; } .dx-resizable-handle { position: absolute; z-index: 50; } .dx-state-disabled .dx-resizable-handle { cursor: default; } .dx-resizable-handle-left, .dx-resizable-handle-right { top: 0; height: 100%; width: 3px; } .dx-resizable-handle-left { left: 0; cursor: e-resize; } .dx-resizable-handle-right { right: 0; cursor: e-resize; } .dx-resizable-handle-bottom, .dx-resizable-handle-top { left: 0; width: 100%; height: 3px; } .dx-resizable-handle-top { top: 0; cursor: s-resize; } .dx-resizable-handle-bottom { bottom: 0; cursor: s-resize; } .dx-resizable-handle-corner-bottom-left, .dx-resizable-handle-corner-bottom-right, .dx-resizable-handle-corner-top-left, .dx-resizable-handle-corner-top-right { width: 6px; height: 6px; } .dx-resizable-handle-corner-bottom-right, .dx-resizable-handle-corner-top-left { cursor: se-resize; } .dx-resizable-handle-corner-bottom-left, .dx-resizable-handle-corner-top-right { cursor: ne-resize; } .dx-resizable-handle-corner-bottom-left, .dx-resizable-handle-corner-top-left { left: 0; border-bottom-right-radius: 100%; } .dx-resizable-handle-corner-bottom-right, .dx-resizable-handle-corner-top-right { right: 0; border-bottom-left-radius: 100%; } .dx-resizable-handle-corner-top-left, .dx-resizable-handle-corner-top-right { top: 0; } .dx-resizable-handle-corner-bottom-left, .dx-resizable-handle-corner-bottom-right { bottom: 0; } .dx-draggable { left: 0; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-draggable.dx-state-disabled, .dx-state-disabled .dx-draggable { cursor: default; } .dx-draggable-clone { position: absolute; top: 0; left: 0; z-index: 2147483647; } .dx-clearfix::after, .dx-clearfix::before { display: table; content: ""; line-height: 0; } .dx-clearfix::after { clear: both; } .dx-translate-disabled { transform: none!important; } .dx-hidden-input { position: fixed; top: -10px; left: -10px; width: 0; height: 0; } .dx-user-select { -webkit-user-select: text; user-select: text; } .dx-hidden, .dx-state-invisible { display: none!important; } .dx-gesture-cover { transform: translate3d(0,0,0); position: fixed; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 2147483647; } .dx-animating { pointer-events: none; } .dx-fade-animation.dx-enter, .dx-fade-animation.dx-leave.dx-leave-active, .dx-no-direction.dx-enter, .dx-no-direction.dx-leave.dx-leave-active { opacity: 0; } .dx-fade-animation.dx-enter.dx-enter-active, .dx-fade-animation.dx-leave, .dx-no-direction.dx-enter.dx-enter-active, .dx-no-direction.dx-leave { opacity: 1; } .dx-overflow-animation.dx-enter.dx-forward { transform: translate3d(100%,0,0); z-index: 2; } .dx-overflow-animation.dx-enter.dx-enter-active.dx-forward { transform: translate3d(0,0,0); z-index: 2; } .dx-overflow-animation.dx-enter.dx-backward, .dx-overflow-animation.dx-enter.dx-enter-active.dx-backward, .dx-overflow-animation.dx-leave.dx-forward, .dx-overflow-animation.dx-leave.dx-leave-active.dx-forward { transform: translate3d(0,0,0); z-index: 1; } .dx-overflow-animation.dx-leave.dx-backward { transform: translate3d(0,0,0); z-index: 2; } .dx-overflow-animation.dx-leave.dx-leave-active.dx-backward { transform: translate3d(100%,0,0); z-index: 2; } .dx-slide-animation.dx-enter.dx-forward { transform: translate3d(100%,0,0); } .dx-slide-animation.dx-enter.dx-enter-active.dx-forward { transform: translate3d(0,0,0); } .dx-slide-animation.dx-enter.dx-backward { transform: translate3d(-100%,0,0); } .dx-slide-animation.dx-enter.dx-enter-active.dx-backward, .dx-slide-animation.dx-leave.dx-forward { transform: translate3d(0,0,0); } .dx-slide-animation.dx-leave.dx-leave-active.dx-forward { transform: translate3d(-100%,0,0); } .dx-slide-animation.dx-leave.dx-backward { transform: translate3d(0,0,0); } .dx-slide-animation.dx-leave.dx-leave-active.dx-backward { transform: translate3d(100%,0,0); } .dx-opendoor-animation.dx-enter.dx-forward { transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); transform-origin: center left 0; opacity: 0; } .dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward, .dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward { transform: none; opacity: 1; } .dx-opendoor-animation.dx-leave.dx-backward, .dx-opendoor-animation.dx-leave.dx-forward { transform: none; transform-origin: center left 0; opacity: 1; } .dx-opendoor-animation.dx-enter.dx-backward, .dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward { transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1); transform-origin: center left 0; opacity: 0; } .dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward { transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); opacity: 0; } .dx-win-pop-animation.dx-enter.dx-forward { transform: scale(.5); opacity: 0; } .dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward { transform: scale(1); opacity: 1; } .dx-win-pop-animation.dx-enter.dx-backward, .dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward { transform: scale(1.5); opacity: 0; } .dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward { transform: scale(1); opacity: 1; } .dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward { transform: scale(.5); opacity: 0; } .dx-android-pop-animation.dx-enter.dx-forward, .dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward { transform: translate3d(0,150px,0); opacity: 0; } .dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward, .dx-android-pop-animation.dx-leave.dx-backward { transform: translate3d(0,0,0); opacity: 1; } .dx-android-pop-animation.dx-enter.dx-forward, .dx-android-pop-animation.dx-leave.dx-backward { z-index: 1; } .dx-ios7-slide-animation.dx-enter.dx-forward { z-index: 2; transform: translate3d(100%,0,0); } .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward { z-index: 2; transform: translate3d(0,0,0); } .dx-ios7-slide-animation.dx-enter.dx-backward { transform: translate3d(-20%,0,0); z-index: 1; } .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward { transform: translate3d(0,0,0); z-index: 1; } .dx-ios7-slide-animation.dx-leave.dx-forward { z-index: 1; transform: translate3d(0,0,0); } .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward { transform: translate3d(-20%,0,0); z-index: 1; } .dx-ios7-slide-animation.dx-leave.dx-backward { z-index: 2; } .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward { transform: translate3d(100%,0,0); z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-forward { transform: translate3d(40%,0,0); opacity: 0; z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward { transform: translate3d(0,0,0); opacity: 1; z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-backward { transform: translate3d(-40%,0,0); opacity: 0; z-index: 1; } .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward, .dx-ios7-toolbar-animation.dx-leave.dx-forward { transform: translate3d(0,0,0); opacity: 1; z-index: 1; } .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward { transform: translate3d(-40%,0,0); opacity: 0; z-index: 1; } .dx-ios7-toolbar-animation.dx-leave.dx-backward { transform: translate3d(0,0,0); opacity: 1; z-index: 2; } .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward { transform: translate3d(40%,0,0); opacity: 0; z-index: 2; } .dx-drop-animation.dx-enter, .dx-drop-animation.dx-leave.dx-leave-active { transform: translate3d(0,-120%,0); } .dx-drop-animation.dx-enter.dx-enter-active, .dx-drop-animation.dx-leave { transform: translate3d(0,0,0); } .dx-3d-drop-animation.dx-enter, .dx-3d-drop-animation.dx-leave.dx-leave-active { transform: rotate3d(1,0,0,10deg) translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); opacity: 0; } .dx-3d-drop-animation.dx-enter.dx-enter-active, .dx-3d-drop-animation.dx-leave { transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1); opacity: 1; } .dx-fade-drop-animation.dx-enter, .dx-fade-drop-animation.dx-leave.dx-leave-active { transform: translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); opacity: 0; } .dx-fade-drop-animation.dx-enter.dx-enter-active, .dx-fade-drop-animation.dx-leave { transform: translate3d(0,0,0) scale3d(1,1,1); opacity: 1; } .dx-fade-rise-animation.dx-enter, .dx-fade-rise-animation.dx-leave.dx-leave-active { transform: translate3d(0,10px,0) scale3d(1.1,1.1,1.1); opacity: 0; } .dx-fade-rise-animation.dx-enter.dx-enter-active, .dx-fade-rise-animation.dx-leave { transform: translate3d(0,0,0) scale3d(1,1,1); opacity: 1; } .dx-fade-slide-animation.dx-enter, .dx-fade-slide-animation.dx-leave.dx-leave-active { transform: translate3d(40%,0,0); opacity: 0; } .dx-fade-slide-animation.dx-enter.dx-enter-active, .dx-fade-slide-animation.dx-leave { transform: translate3d(0,0,0); opacity: 1; } .dx-fade-zoom-animation.dx-enter, .dx-fade-zoom-animation.dx-leave.dx-leave-active { transform: scale3d(.3,.3,.3); opacity: 0; } .dx-fade-zoom-animation.dx-enter.dx-enter-active, .dx-fade-zoom-animation.dx-leave { transform: scale3d(1,1,1); opacity: 1; } .dx-box-fallback-item > .dx-box-item-content { width: 100%; height: 100%; } .dx-box-item-content { flex-direction: column; max-width: 100%; font-size: 14px; } .dx-button-disabled { cursor: default; } .dx-button { display: inline-block; cursor: pointer; text-align: center; vertical-align: middle; max-width: 100%; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; min-width: 36px; } .dx-button .dx-icon { -webkit-user-drag: none; display: inline-block; vertical-align: middle; } .dx-button-content { height: 100%; max-height: 100%; line-height: 0; } .dx-button-content::after { display: inline-block; position: relative; height: 100%; content: ""; vertical-align: middle; font-size: 0; } .dx-button-content > .dx-inkripple { display: none; } .dx-button-link { text-decoration: none; } .dx-button-text { display: inline; vertical-align: middle; line-height: 23px; text-transform: uppercase; font-weight: 500; letter-spacing: .04em; } .dx-button-submit-input { padding: 0; margin: 0; border: 0; height: 0; width: 0; font-size: 0; opacity: 0; } .dx-state-disabled .dx-button, .dx-state-disabled.dx-button { cursor: default; } .dx-button a { text-decoration: none; } .dx-button .dx-button-content { padding: 6px; position: relative; } .dx-button .dx-icon { width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; margin-right: 0; margin-left: 0; color: rgba(0,0,0,.87); } .dx-button .dx-icon.dx-icon-right, .dx-rtl .dx-button .dx-icon, .dx-rtl.dx-button .dx-icon { margin-left: 0; margin-right: 0; } .dx-rtl .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-button .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-button-has-icon { min-width: 36px; } .dx-button-has-icon .dx-button-content { padding: 6px; } .dx-button-has-icon .dx-icon { width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; margin-right: 0; margin-left: 0; } .dx-button-has-icon .dx-icon.dx-icon-right, .dx-rtl .dx-button-has-icon .dx-icon, .dx-rtl.dx-button-has-icon .dx-icon { margin-left: 0; margin-right: 0; } .dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right, .dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-button-has-text { min-width: 64px; } .dx-button-has-text .dx-button-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 6px 16px; } .dx-button-has-text .dx-icon { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 12px; margin-left: 0; } .dx-button-has-text .dx-icon.dx-icon-right, .dx-rtl .dx-button-has-text .dx-icon, .dx-rtl.dx-button-has-text .dx-icon { margin-left: 12px; margin-right: 0; } .dx-rtl .dx-button-has-text .dx-icon.dx-icon-right, .dx-rtl.dx-button-has-text .dx-icon.dx-icon-right { margin-right: 12px; margin-left: 0; } .dx-button-has-icon.dx-button-has-text .dx-button-content { padding: 6px 16px; } .dx-button-has-icon.dx-button-has-text .dx-icon { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 8px; margin-left: 0; } .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right, .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon, .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon { margin-left: 8px; margin-right: 0; } .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right, .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right { margin-right: 8px; margin-left: 0; } .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) { border-radius: 50%; box-shadow: none; } .dx-button { height: 36px; position: relative; overflow: hidden; border-radius: 4px; background-color: #fff; color: rgba(0,0,0,.87); box-shadow: 0 1px 3px rgba(0,0,0,.24); } .dx-button .dx-button-content .dx-inkripple { overflow: hidden; display: block; } .dx-button.dx-state-hover { background-color: #ebebeb; box-shadow: 0 1px 3px rgba(0,0,0,.24); } .dx-button.dx-state-focused { background-color: #ebebeb; box-shadow: 0 1px 3px rgba(0,0,0,.32); } .dx-button.dx-state-active { background-color: #b3b3b3; box-shadow: 0 4px 6px rgba(0,0,0,.32); } .dx-button.dx-state-disabled { background: rgba(0,0,0,.1); box-shadow: none; } .dx-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button .dx-inkripple-wave { background-color: rgba(0,0,0,.2); } .dx-button.dx-button-default { border-radius: 4px; background-color: #03a9f4; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.24); } .dx-button.dx-button-default .dx-icon { color: #fff; } .dx-button.dx-button-default.dx-state-hover { background-color: #028bc9; box-shadow: 0 1px 3px rgba(0,0,0,.24); } .dx-button.dx-button-default.dx-state-focused { background-color: #028bc9; box-shadow: 0 1px 3px rgba(0,0,0,.32); } .dx-button.dx-button-default.dx-state-active { background-color: #026592; box-shadow: 0 4px 6px rgba(0,0,0,.32); } .dx-button.dx-button-default.dx-state-disabled { background: rgba(0,0,0,.1); box-shadow: none; } .dx-button.dx-button-default.dx-state-disabled .dx-icon { opacity: .6; } .dx-button.dx-button-default.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button.dx-button-default .dx-inkripple-wave { background-color: rgba(255,255,255,.2); } .dx-button.dx-button-danger { border-radius: 4px; background-color: #f44336; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.24); } .dx-button.dx-button-danger .dx-icon { color: #fff; } .dx-button.dx-button-danger.dx-state-hover { background-color: #f11d0d; box-shadow: 0 1px 3px rgba(0,0,0,.24); } .dx-button.dx-button-danger.dx-state-focused { background-color: #f11d0d; box-shadow: 0 1px 3px rgba(0,0,0,.32); } .dx-button.dx-button-danger.dx-state-active { background-color: #bc160a; box-shadow: 0 4px 6px rgba(0,0,0,.32); } .dx-button.dx-button-danger.dx-state-disabled { background: rgba(0,0,0,.1); box-shadow: none; } .dx-button.dx-button-danger.dx-state-disabled .dx-icon { opacity: .6; } .dx-button.dx-button-danger.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button.dx-button-danger .dx-inkripple-wave { background-color: rgba(255,255,255,.2); } .dx-button.dx-button-success { border-radius: 4px; background-color: #8bc34a; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.24); } .dx-button.dx-button-success .dx-icon { color: #fff; } .dx-button.dx-button-success.dx-state-hover { background-color: #75a938; box-shadow: 0 1px 3px rgba(0,0,0,.24); } .dx-button.dx-button-success.dx-state-focused { background-color: #75a938; box-shadow: 0 1px 3px rgba(0,0,0,.32); } .dx-button.dx-button-success.dx-state-active { background-color: #587f2a; box-shadow: 0 4px 6px rgba(0,0,0,.32); } .dx-button.dx-button-success.dx-state-disabled { background: rgba(0,0,0,.1); box-shadow: none; } .dx-button.dx-button-success.dx-state-disabled .dx-icon { opacity: .6; } .dx-button.dx-button-success.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button.dx-button-success .dx-inkripple-wave { background-color: rgba(255,255,255,.2); } .dx-button.dx-button-back { background-color: transparent; color: rgba(0,0,0,.87); box-shadow: none; border-radius: 50%; min-width: 36px; } .dx-button.dx-button-back.dx-state-focused, .dx-button.dx-button-back.dx-state-hover { background-color: rgba(0,0,0,.08); box-shadow: none; } .dx-button.dx-button-back.dx-state-active { background-color: rgba(0,0,0,.3); box-shadow: none; } .dx-button.dx-button-back.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-button.dx-button-back.dx-state-disabled .dx-icon { opacity: .6; } .dx-button.dx-button-back.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button.dx-button-back .dx-inkripple-wave { background-color: rgba(0,0,0,.2); } .dx-button.dx-button-back .dx-button-content { padding: 6px; } .dx-button.dx-button-back .dx-icon { color: rgba(0,0,0,.87); width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; margin-right: 0; margin-left: 0; } .dx-button.dx-button-back .dx-icon.dx-icon-right, .dx-rtl .dx-button.dx-button-back .dx-icon, .dx-rtl.dx-button.dx-button-back .dx-icon { margin-left: 0; margin-right: 0; } .dx-rtl .dx-button.dx-button-back .dx-icon.dx-icon-right, .dx-rtl.dx-button.dx-button-back .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-button.dx-button-back .dx-button-text { display: none; } .dx-button-mode-text { background-color: transparent; color: rgba(0,0,0,.87); box-shadow: none; } .dx-button-mode-text .dx-icon { color: rgba(0,0,0,.87); } .dx-button-mode-text.dx-state-focused, .dx-button-mode-text.dx-state-hover { background-color: rgba(0,0,0,.08); box-shadow: none; } .dx-button-mode-text.dx-state-active { background-color: rgba(0,0,0,.3); box-shadow: none; } .dx-button-mode-text.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-button-mode-text.dx-state-disabled .dx-icon { opacity: .6; } .dx-button-mode-text.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button-mode-text .dx-inkripple-wave { background-color: rgba(0,0,0,.2); } .dx-button-mode-text.dx-button-default { background-color: transparent; color: #03a9f4; box-shadow: none; } .dx-button-mode-text.dx-button-default .dx-icon { color: #03a9f4; } .dx-button-mode-text.dx-button-default.dx-state-focused, .dx-button-mode-text.dx-button-default.dx-state-hover { background-color: rgba(3,169,244,.08); box-shadow: none; } .dx-button-mode-text.dx-button-default.dx-state-active { background-color: rgba(3,169,244,.36); box-shadow: none; } .dx-button-mode-text.dx-button-default.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-icon { opacity: .6; } .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button-mode-text.dx-button-default .dx-inkripple-wave { background-color: rgba(3,169,244,.2); } .dx-button-mode-text.dx-button-danger { background-color: transparent; color: #f44336; box-shadow: none; } .dx-button-mode-text.dx-button-danger .dx-icon { color: #f44336; } .dx-button-mode-text.dx-button-danger.dx-state-focused, .dx-button-mode-text.dx-button-danger.dx-state-hover { background-color: rgba(244,67,54,.08); box-shadow: none; } .dx-button-mode-text.dx-button-danger.dx-state-active { background-color: rgba(244,67,54,.36); box-shadow: none; } .dx-button-mode-text.dx-button-danger.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-icon { opacity: .6; } .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button-mode-text.dx-button-danger .dx-inkripple-wave { background-color: rgba(244,67,54,.2); } .dx-button-mode-text.dx-button-success { background-color: transparent; color: #8bc34a; box-shadow: none; } .dx-button-mode-text.dx-button-success .dx-icon { color: #8bc34a; } .dx-button-mode-text.dx-button-success.dx-state-focused, .dx-button-mode-text.dx-button-success.dx-state-hover { background-color: rgba(139,195,74,.08); box-shadow: none; } .dx-button-mode-text.dx-button-success.dx-state-active { background-color: rgba(139,195,74,.36); box-shadow: none; } .dx-button-mode-text.dx-button-success.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-icon { opacity: .6; } .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button-mode-text.dx-button-success .dx-inkripple-wave { background-color: rgba(139,195,74,.2); } .dx-button-mode-outlined { background-color: transparent; color: rgba(0,0,0,.87); box-shadow: none; border: 1px solid rgba(0,0,0,.24); } .dx-button-mode-outlined .dx-icon { color: rgba(0,0,0,.87); } .dx-button-mode-outlined.dx-state-focused, .dx-button-mode-outlined.dx-state-hover { background-color: rgba(0,0,0,.08); box-shadow: none; } .dx-button-mode-outlined.dx-state-active { background-color: rgba(0,0,0,.3); box-shadow: none; } .dx-button-mode-outlined.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-button-mode-outlined.dx-state-disabled .dx-icon { opacity: .6; } .dx-button-mode-outlined.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button-mode-outlined .dx-inkripple-wave { background-color: rgba(0,0,0,.2); } .dx-button-mode-outlined.dx-button-default { background-color: transparent; color: #03a9f4; box-shadow: none; border: 1px solid #03a9f4; } .dx-button-mode-outlined.dx-button-default .dx-icon { color: #03a9f4; } .dx-button-mode-outlined.dx-button-default.dx-state-focused, .dx-button-mode-outlined.dx-button-default.dx-state-hover { background-color: rgba(3,169,244,.08); box-shadow: none; } .dx-button-mode-outlined.dx-button-default.dx-state-active { background-color: rgba(3,169,244,.36); box-shadow: none; } .dx-button-mode-outlined.dx-button-default.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-icon { opacity: .6; } .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button-mode-outlined.dx-button-default .dx-inkripple-wave { background-color: rgba(3,169,244,.2); } .dx-button-mode-outlined.dx-button-danger { background-color: transparent; color: #f44336; box-shadow: none; border: 1px solid #f44336; } .dx-button-mode-outlined.dx-button-danger .dx-icon { color: #f44336; } .dx-button-mode-outlined.dx-button-danger.dx-state-focused, .dx-button-mode-outlined.dx-button-danger.dx-state-hover { background-color: rgba(244,67,54,.08); box-shadow: none; } .dx-button-mode-outlined.dx-button-danger.dx-state-active { background-color: rgba(244,67,54,.36); box-shadow: none; } .dx-button-mode-outlined.dx-button-danger.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-icon { opacity: .6; } .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button-mode-outlined.dx-button-danger .dx-inkripple-wave { background-color: rgba(244,67,54,.2); } .dx-button-mode-outlined.dx-button-success { background-color: transparent; color: #8bc34a; box-shadow: none; border: 1px solid #8bc34a; } .dx-button-mode-outlined.dx-button-success .dx-icon { color: #8bc34a; } .dx-button-mode-outlined.dx-button-success.dx-state-focused, .dx-button-mode-outlined.dx-button-success.dx-state-hover { background-color: rgba(139,195,74,.08); box-shadow: none; } .dx-button-mode-outlined.dx-button-success.dx-state-active { background-color: rgba(139,195,74,.36); box-shadow: none; } .dx-button-mode-outlined.dx-button-success.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-icon { opacity: .6; } .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button-mode-outlined.dx-button-success .dx-inkripple-wave { background-color: rgba(139,195,74,.2); } .dx-buttongroup { display: inline-block; } .dx-buttongroup-wrapper { display: flex; flex-flow: row nowrap; height: 100%; width: 100%; } .dx-buttongroup-item { flex: 0 1 auto; } .dx-buttongroup-item.dx-button-mode-contained, .dx-buttongroup-item.dx-button-mode-outlined { border-left-width: 0; } .dx-buttongroup-item.dx-button-mode-contained.dx-button, .dx-buttongroup-item.dx-button-mode-outlined.dx-button { border-radius: 0; } .dx-buttongroup-item.dx-button-mode-text { margin-left: 1px; } .dx-buttongroup-item-has-width { flex: 1 1 auto; } .dx-button-mode-contained.dx-buttongroup-item { padding-right: 1px; } .dx-button-mode-contained.dx-buttongroup-last-item { padding-right: 0; } .dx-button-mode-outlined.dx-buttongroup-item { border-left-width: 0; } .dx-button-mode-outlined.dx-buttongroup-first-item { border-left-width: 1px; } .dx-button-mode-text.dx-button.dx-buttongroup-item { border-radius: 4px; } .dx-button-mode-text.dx-buttongroup-first-item { margin-left: 0; } .dx-button-mode-contained.dx-button.dx-buttongroup-first-item, .dx-button-mode-outlined.dx-button.dx-buttongroup-first-item { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .dx-button-mode-contained.dx-button.dx-buttongroup-last-item, .dx-button-mode-outlined.dx-button.dx-buttongroup-last-item { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled { opacity: 1; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled .dx-button-content, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content { opacity: .6; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal { background-color: #fff; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover { background-color: #ebebeb; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected { background-color: #d1d1d1; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-hover { background-color: #e0e0e0; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected, .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected .dx-icon { color: rgba(0,0,0,.87); } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) { background-color: #fff; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-hover { background-color: #f6faf1; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success, .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success .dx-icon { color: #8bc34a; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-hover { background-color: #d6f2ff; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default, .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default .dx-icon { color: #03a9f4; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-hover { background-color: #fef0ef; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger, .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger .dx-icon { color: #f44336; } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover { background-color: rgba(0,0,0,.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-hover { background-color: rgba(139,195,74,.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-hover { background-color: rgba(3,169,244,.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-hover { background-color: rgba(244,67,54,.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-hover { background-color: rgba(0,0,0,.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-hover { background-color: rgba(139,195,74,.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-hover { background-color: rgba(3,169,244,.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-hover { background-color: rgba(244,67,54,.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal { background-color: rgba(0,0,0,.18); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal.dx-state-hover, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal.dx-state-hover { background-color: rgba(0,0,0,.12); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal .dx-icon, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal .dx-icon { color: rgba(0,0,0,.87); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success { background-color: rgba(139,195,74,.22); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success.dx-state-hover, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success.dx-state-hover { background-color: rgba(139,195,74,.14); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success .dx-icon, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success .dx-icon { color: #8bc34a; } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default { background-color: rgba(3,169,244,.22); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default.dx-state-hover, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default.dx-state-hover { background-color: rgba(3,169,244,.14); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default .dx-icon, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default .dx-icon { color: #03a9f4; } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger { background-color: rgba(244,67,54,.22); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger.dx-state-hover, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger.dx-state-hover { background-color: rgba(244,67,54,.14); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger .dx-icon, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger .dx-icon { color: #f44336; } .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item, .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item { border-radius: 0 4px 4px 0; } .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-last-item, .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-last-item { border-radius: 4px 0 0 4px; } .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item, .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item { border-radius: 4px; } .dx-rtl.dx-button-mode-text.dx-buttongroup-first-item { margin-left: 1px; } .dx-rtl.dx-button-mode-text.dx-buttongroup-last-item { margin-left: 0; } .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item { border-left-width: 0; } .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item { border-left-width: 1px; } .dx-scrollable-scrollbar-simulated { position: relative; } .dx-scrollable { display: block; height: 100%; min-height: 0; } .dx-scrollable-native { -ms-overflow-style: -ms-autohiding-scrollbar; -ms-scroll-snap-type: proximity; } .dx-scrollable-native > div > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-scrollbar, .dx-scrollable-native.dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-scrollbar { display: none; } .dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar { display: block; } .dx-scrollable-native > div.dx-scrollable-wrapper > .dx-scrollable-container, .dx-scrollable-native.dx-scrollable-wrapper > .dx-scrollable-container { -webkit-overflow-scrolling: touch; position: relative; height: 100%; } .dx-scrollable-native.dx-scrollable-vertical, .dx-scrollable-native.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-scrollable-native.dx-scrollable-vertical > div > .dx-scrollable-wrapper > .dx-scrollable-container { touch-action: pan-y; overflow-x: hidden; overflow-y: auto; } .dx-scrollable-native.dx-scrollable-horizontal, .dx-scrollable-native.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-scrollable-native.dx-scrollable-horizontal > div > .dx-scrollable-wrapper > .dx-scrollable-container { touch-action: pan-x; float: none; overflow-x: auto; overflow-y: hidden; } .dx-scrollable-native.dx-scrollable-both, .dx-scrollable-native.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-scrollable-native.dx-scrollable-both > div > .dx-scrollable-wrapper > .dx-scrollable-container { touch-action: pan-y pan-x; float: none; overflow-x: auto; overflow-y: auto; } .dx-scrollable-native.dx-scrollable-disabled, .dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container { touch-action: auto; } .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar { opacity: 0; } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content { min-height: 101%; box-sizing: content-box; } .dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal .dx-scrollable-content { min-height: 0; padding: 0; } .dx-scrollable-native.dx-scrollable-native-generic { -ms-overflow-style: auto; overflow: hidden; } .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content { height: auto; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content { transform: none; z-index: 0; } .dx-scrollable-scrollbar-simulated, .dx-scrollable-scrollbar-simulated .dx-scrollable-container { scrollbar-width: none; -ms-overflow-style: none; } .dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar, .dx-scrollable-scrollbar-simulated ::-webkit-scrollbar { display: none; } .dx-scrollable-container { -webkit-tap-highlight-color: transparent; overflow: hidden; width: 100%; height: 100%; } .dx-scrollable-container:focus { outline: 0; } .dx-scrollable-wrapper { position: relative; width: 100%; height: 100%; } .dx-scrollable-content { position: relative; min-height: 100%; box-sizing: border-box; } .dx-scrollable-content::after, .dx-scrollable-content::before { display: table; content: ""; line-height: 0; } .dx-scrollable-content::after { clear: both; } .dx-scrollable-both .dx-scrollable-content, .dx-scrollable-horizontal .dx-scrollable-content { display: block; float: left; min-width: 100%; } .dx-scrollable-scrollbar { position: absolute; pointer-events: auto; } .dx-scrollbar-vertical { top: 0; right: 0; height: 100%; } .dx-scrollbar-horizontal { bottom: 0; left: 0; width: 100%; } .dx-scrollable-scroll { position: relative; -webkit-transform: translate(0,0); padding: 2px 0 2px 2px; background-color: transparent; opacity: 1; overflow: hidden; transition: opacity linear; } .dx-scrollable-scroll.dx-state-invisible { display: block!important; background-color: rgba(0,0,0,0); opacity: 0; transition: opacity .5s linear 1s; } .dx-rtl .dx-scrollable, .dx-rtl .dx-scrollable .dx-scrollable-container, .dx-rtl .dx-scrollable .dx-scrollable-content, .dx-rtl.dx-scrollable, .dx-rtl.dx-scrollable .dx-scrollable-container, .dx-rtl.dx-scrollable .dx-scrollable-content { direction: ltr; } .dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-container, .dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-content, .dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-container, .dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-content { direction: rtl; } .dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-content, .dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-content { float: right; } .dx-rtl .dx-scrollable .dx-scrollable-content > *, .dx-rtl.dx-scrollable .dx-scrollable-content > * { direction: rtl; } .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical, .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical { right: auto; left: 0; } .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal, .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal { direction: ltr; } .dx-device-ios-6 .dx-scrollable-content { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-android .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar { display: none; } .dx-scrollable-simulated .dx-scrollable-content { overflow-anchor: none; } .dx-scrollable-simulated.dx-scrollable-disabled .dx-scrollable-scrollbar { pointer-events: none; } .dx-scrollable-content { -webkit-transform: none; } .dx-rtl .dx-scrollable-scroll { padding-left: 0; padding-right: 2px; } .dx-scrollable-scroll-content { width: 100%; height: 100%; background-color: rgba(191,191,191,.7); box-shadow: 0 0 0 1px transparent; } .dx-scrollbar-hoverable { background-color: transparent; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { opacity: 1; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { background-color: rgba(0,0,0,0); box-shadow: 0 0 0 1px transparent; } .dx-scrollbar-vertical .dx-scrollable-scroll { float: right; width: 6px; } .dx-scrollbar-vertical.dx-scrollbar-hoverable { width: 6px; transition: width .2s linear .15s,background-color .2s linear .15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll { transition: background-color .5s linear 1s,width .2s linear 150ms; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { transition: box-shadow .15s linear .15s,background-color .15s linear .15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { transition: background-color .5s linear 1s,width .2s linear .15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { transition: box-shadow .5s linear 1s,background-color .5s linear 1s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll { width: 13px; } .dx-scrollbar-horizontal .dx-scrollable-scroll { height: 6px; } .dx-rtl .dx-scrollbar-horizontal .dx-scrollable-scroll, .dx-scrollbar-horizontal .dx-scrollable-scroll { padding-left: 2px; padding-right: 2px; padding-bottom: 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable { height: 6px; transition: height .2s linear .15s,background-color .2s linear .15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll { transition: background-color .5s linear 1s,height .2s linear .15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { transition: box-shadow .15s linear .15s,background-color .15s linear .15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { transition: background-color .5s linear 1s,height .2s linear .15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { transition: box-shadow .5s linear 1s,background-color .5s linear 1s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll { height: 13px; } .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content { padding-right: 6px; } .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both.dx-rtl > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical.dx-rtl > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content { padding-right: 0; padding-left: 6px; } .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content { padding-bottom: 6px; } .dx-scrollview-pull-down-text, .dx-scrollview-scrollbottom-text { margin-left: 10px; top: 18px; } .dx-rtl .dx-scrollview-pull-down-text, .dx-rtl .dx-scrollview-scrollbottom-text { margin-left: 0; margin-right: 10px; } .dx-rtl .dx-scrollable .dx-scrollable-scroll, .dx-rtl.dx-scrollable .dx-scrollable-scroll { float: left; } .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket { position: absolute; display: none; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket { width: 40px; height: 40px; left: 50%; position: absolute; z-index: 1; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down { background-image: none; position: static; height: 100%; width: 100%; left: -50%; margin-left: -20px; padding: 0; border-radius: 50%; background-color: #fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading { transition: transform .1s linear; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator { position: relative; top: 0; padding: 4px; margin: 0; height: 100%; width: 100%; float: left; box-sizing: border-box; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator .dx-loadindicator { float: left; } .dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown { width: 100%; height: 100%; padding: 8px; font-size: 24px; box-sizing: border-box; transition: opacity .2s; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading.dx-scrollview-pull-down { transition: top .2s ease-out; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-image { position: absolute; margin: 0; width: 100%; height: 100%; top: 0; left: 0; background-size: contain; transition: opacity .2s; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown { display: none; } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket { position: absolute; left: 0; width: 100%; overflow-y: auto; transition: transform .4s; transform: translate(0,0); } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content { transition: transform .4s; transform: none; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled { overflow-y: auto; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container { overflow-y: auto; overflow-x: hidden; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-content, .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollview-content { overflow-y: hidden; } .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container { -ms-overflow-style: -ms-autohiding-scrollbar; } .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollview-bottom-pocket { width: 100%; text-align: center; } .dx-device-android-4 .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown { display: block; } .dx-scrollview-content { position: static; } .dx-scrollview-content::after, .dx-scrollview-content::before { display: table; content: ""; line-height: 0; } .dx-scrollview-content::after { clear: both; } .dx-scrollview-pull-down { text-align: center; width: 100%; height: 50px; padding: 15px 0; top: -80px; overflow: hidden; transform: translate(0,0); -webkit-user-drag: none; box-sizing: content-box; } .dx-scrollview-pull-down-container { display: inline-block; width: 49%; text-align: right; } .dx-scrollview-pull-down-indicator { opacity: 0; left: 0; top: 50%; display: inline-block; margin: -15px 20px 0 15px; -webkit-user-drag: none; } .dx-scrollview-pull-down-image { display: inline-block; vertical-align: middle; margin: 0 20px; width: 20px; height: 50px; background-size: contain; -webkit-user-drag: none; transform: translate(0,0) rotate(0); transition: transform .2s linear; } .dx-scrollview-pull-down-text { display: inline; vertical-align: middle; position: relative; overflow: visible; -webkit-user-drag: none; } .dx-scrollview-pull-down-text div { position: absolute; left: 0; top: 0; white-space: nowrap; overflow: visible; opacity: 0; } .dx-scrollview-pull-down-text div.dx-scrollview-pull-down-text-visible { opacity: 1; } .dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image { transform: translate(0,0) rotate(-180deg); } .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image { opacity: 0; } .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator { opacity: 1; } .dx-scrollview-scrollbottom { width: 100%; padding: 10px 0; overflow: hidden; text-align: center; transform: translate(0,0); } .dx-scrollview-scrollbottom::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .dx-scrollview-scrollbottom-indicator { display: inline-block; margin: 0 10px 0 0; -webkit-user-drag: none; } .dx-scrollview-scrollbottom-text { display: inline-block; margin-top: -20px; vertical-align: middle; -webkit-user-drag: none; } .dx-scrollview-scrollbottom-end { opacity: 0; } .dx-rtl .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket, .dx-scrollable-native.dx-rtl.dx-scrollable-native-ios .dx-scrollview-top-pocket { left: auto; right: 0; } .dx-rtl .dx-scrollview-pull-down-container { text-align: left; } .dx-rtl .dx-scrollview-pull-down-indicator, .dx-rtl .dx-scrollview-pull-down-text div { left: auto; right: 0; } .dx-rtl .dx-scrollview-scrollbottom-indicator { margin: 0 0 0 10px; } .dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image { width: 24px; height: 24px; } .dx-scrollview-pull-down-indicator, .dx-scrollview-scrollbottom-indicator { margin-right: 0; height: 42px; width: 42px; border-radius: 21px; display: inline-flex; justify-content: center; flex-direction: column; align-items: center; box-shadow: 0 1px 3px 1px rgba(0,0,0,.37); opacity: 1; } .dx-scrollview-pull-down-indicator > .dx-loadindicator, .dx-scrollview-scrollbottom-indicator > .dx-loadindicator { height: 24px; width: 24px; } .dx-scrollview-pull-down-indicator > .dx-loadindicator > .dx-loadindicator-wrapper, .dx-scrollview-scrollbottom-indicator > .dx-loadindicator > .dx-loadindicator-wrapper { font-size: 24px; } .dx-scrollview-pull-down-indicator { position: relative; margin-left: 0; margin-top: -21px; } .dx-scrollview-pull-down-text > div { display: none; } .dx-scrollview-pull-down-text > div.dx-scrollview-pull-down-text-visible { display: block; } .dx-checkbox.dx-state-readonly { cursor: default; } .dx-checkbox-container { height: 100%; width: 100%; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-checkbox-has-text .dx-checkbox-icon, .dx-checkbox-has-text .dx-checkbox-text { vertical-align: middle; } .dx-checkbox-text { display: inline-block; vertical-align: middle; white-space: pre-wrap; word-wrap: break-word; line-height: normal; height: 100%; width: 100%; margin-left: -18px; padding-left: 23px; } .dx-rtl .dx-checkbox-text, .dx-rtl.dx-checkbox-text { margin: 0 -18px 0 0; padding: 0 23px 0 0; } .dx-state-disabled .dx-checkbox, .dx-state-disabled.dx-checkbox { cursor: default; } .dx-checkbox { display: inline-block; cursor: pointer; -webkit-user-drag: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; line-height: 0; } .dx-checkbox .dx-checkbox-container { overflow: visible; } .dx-checkbox.dx-state-disabled, .dx-checkbox.dx-state-readonly { border-color: rgba(0,0,0,.26); } .dx-checkbox.dx-state-active .dx-checkbox-icon::after, .dx-checkbox.dx-state-focused .dx-checkbox-icon::after { background-color: rgba(0,0,0,.1); transform: scale(1); } .dx-checkbox.dx-checkbox-checked.dx-state-active .dx-checkbox-icon::after, .dx-checkbox.dx-checkbox-checked.dx-state-focused .dx-checkbox-icon::after, .dx-checkbox.dx-checkbox-indeterminate.dx-state-active .dx-checkbox-icon::after, .dx-checkbox.dx-checkbox-indeterminate.dx-state-focused .dx-checkbox-icon::after { background-color: rgba(3,169,244,.1); transform: scale(1); } .dx-checkbox.dx-checkbox-checked.dx-state-disabled .dx-checkbox-icon, .dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon, .dx-checkbox.dx-checkbox-indeterminate.dx-state-disabled .dx-checkbox-icon, .dx-checkbox.dx-checkbox-indeterminate.dx-state-readonly .dx-checkbox-icon { background-color: rgba(0,0,0,.26); } .dx-checkbox-checked.dx-state-readonly.dx-state-focused .dx-checkbox-icon::after, .dx-checkbox-indeterminate.dx-state-readonly.dx-state-focused .dx-checkbox-icon::after, .dx-checkbox.dx-state-readonly.dx-state-focused .dx-checkbox-icon::after { background-color: rgba(0,0,0,.1); transform: scale(1); } .dx-checkbox-icon { display: inline-block; position: relative; background-position: 0 0; background-size: cover; background-repeat: no-repeat; width: 18px; height: 18px; border: 2px solid rgba(0,0,0,.54); border-radius: 2px; } .dx-checkbox-icon::after { content: ""; width: 40px; height: 40px; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border-radius: 50%; display: block; position: absolute; z-index: 1; transform: scale(.5); transition: .4s cubic-bezier(.23, 1, .32, 1); } .dx-checkbox-icon::before { z-index: 2; } .dx-checkbox-checked .dx-checkbox-icon { color: #fff; background-color: #03a9f4; border: none; font: 16px/16px DXIcons; text-align: center; } .dx-checkbox-checked .dx-checkbox-icon::before { content: ""; position: absolute; display: block; width: 16px; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } .dx-checkbox-indeterminate .dx-checkbox-icon { background-color: #03a9f4; color: #fff; border: none; font: 20px/20px DXIcons; text-align: center; } .dx-checkbox-indeterminate .dx-checkbox-icon::before { content: ""; position: absolute; display: block; width: 20px; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; } .dx-invalid .dx-checkbox-icon { border: 2px solid #f44336; } .dx-invalid.dx-state-focused .dx-checkbox-icon::after { background-color: rgba(244,67,54,.1); transform: scale(1); } .dx-switch { display: inline-block; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; } .dx-switch .dx-switch-wrapper { display: inline-block; text-align: left; height: 100%; width: 100%; position: relative; padding: 10px; left: -10px; top: -10px; overflow: hidden; vertical-align: middle; box-sizing: content-box; } .dx-switch .dx-switch-wrapper::before { display: inline-block; height: 100%; content: ""; vertical-align: middle; } .dx-switch-inner { display: flex; transform: translateX(-50%); } .dx-switch-container { display: inline-block; width: 100%; vertical-align: middle; height: 20px; overflow: visible; position: relative; } .dx-state-disabled .dx-switch, .dx-state-disabled.dx-switch { cursor: default; } .dx-switch-handle, .dx-switch-on-value .dx-switch-inner { transform: translateX(0); } .dx-switch-on-value .dx-switch-handle { transform: translateX(-100%); } .dx-rtl .dx-switch-wrapper, .dx-rtl.dx-switch-wrapper { text-align: right; } .dx-rtl .dx-switch-inner { transform: translateX(50%); } .dx-rtl .dx-switch-handle { transform: translateX(-100%); } .dx-rtl.dx-switch-on-value .dx-switch-handle { transform: translateX(0); } .dx-switch { width: 36px; height: 20px; } .dx-switch.dx-state-disabled .dx-switch-handle::before, .dx-switch.dx-state-readonly .dx-switch-handle::before { background-color: #bdbdbd; } .dx-switch.dx-state-disabled .dx-switch-container::before, .dx-switch.dx-state-readonly .dx-switch-container::before { background-color: rgba(0,0,0,.12); } .dx-switch-on-value.dx-state-readonly.dx-state-focused .dx-switch-handle::before, .dx-switch.dx-state-active .dx-switch-handle::before, .dx-switch.dx-state-focused .dx-switch-handle::before, .dx-switch.dx-state-readonly.dx-state-focused .dx-switch-handle::before { box-shadow: 0 0 0 10px rgba(0,0,0,.1); border-radius: 50%; } .dx-switch-container::before { position: absolute; content: ""; width: 100%; height: 14px; border-radius: 500px; background-color: #9e9e9e; margin: 3px 0; } .dx-switch-inner { width: 200%; height: 100%; } .dx-switch-off, .dx-switch-on { flex-shrink: 0; float: left; padding: 4px 0; width: 50%; height: 20px; color: transparent; text-align: center; line-height: 100%; } .dx-switch-on { background: 0 0; } .dx-switch-off { display: none; padding-bottom: 10px; background-color: transparent; } .dx-switch-handle { flex-basis: 20px; flex-shrink: 0; position: relative; float: left; width: 20px; height: 20px; background-color: #fafafa; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); border-radius: 50%; } .dx-switch-handle::before { display: block; content: " "; width: 100%; height: 100%; background-color: #fafafa; border-radius: 50%; transition: .4s cubic-bezier(.23, 1, .32, 1); } .dx-switch-on-value .dx-switch-container::before { background-color: rgba(3,169,244,.5); } .dx-switch-on-value .dx-switch-handle::before { background-color: #03a9f4; } .dx-switch-on-value.dx-state-active .dx-switch-handle::before, .dx-switch-on-value.dx-state-focused .dx-switch-handle::before { box-shadow: 0 0 0 10px rgba(3,169,244,.1); border-radius: 50%; } .dx-rtl .dx-switch .dx-switch-off, .dx-rtl .dx-switch .dx-switch-on, .dx-switch.dx-rtl .dx-switch-off, .dx-switch.dx-rtl .dx-switch-on { float: right; padding-left: 16px; padding-right: 2px; } .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off { margin-left: 0; } .dx-rtl .dx-switch .dx-switch-handle, .dx-switch.dx-rtl .dx-switch-handle { float: right; margin-left: 0; margin-right: -20px; } .dx-rtl .dx-switch .dx-switch-wrapper, .dx-switch.dx-rtl .dx-switch-wrapper { left: 10px; } .dx-rtl .dx-switch .dx-switch-container, .dx-switch.dx-rtl .dx-switch-container { margin: 0 0 0 -6px; } .dx-invalid.dx-switch .dx-switch-container::before { background-color: rgba(244,67,54,.5); } .dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled) .dx-switch-container .dx-switch-handle::before { background-color: #f44336; } .dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-state-active .dx-switch-container .dx-switch-handle::before, .dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-state-focused .dx-switch-container .dx-switch-handle::before { box-shadow: 0 0 0 10px rgba(244,67,54,.1); } .dx-tabs-ie-hack a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; color: #fff; text-decoration: none; opacity: .001; } .dx-tabs { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; display: inline-block; width: 100%; text-align: center; table-layout: fixed; } .dx-tabs.dx-tabs-stretched { table-layout: auto; } .dx-tabs.dx-overflow-hidden { overflow: hidden; } .dx-tabs-wrapper { display: table-row; } .dx-tabs-scrollable .dx-tabs-wrapper { display: block; white-space: nowrap; height: 100%; } .dx-tabs-scrollable .dx-tab { height: 100%; display: inline-block; } .dx-tabs-scrollable .dx-tab::before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .dx-tabs-scrollable .dx-scrollable-content { height: 100%; } .dx-tabs-nav-button { width: 25px; padding: 0; top: 0; } .dx-tabs-nav-button-left { left: 0; } .dx-tabs-nav-button-right { right: 0; } .dx-tabs-expanded { display: table; } .dx-tab { position: relative; display: table-cell; vertical-align: middle; cursor: pointer; white-space: nowrap; } .dx-tab a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; color: #fff; text-decoration: none; opacity: .001; } .dx-tab-content { display: inline-block; max-width: 100%; } .dx-tab-text { display: inline-block; margin: 0 auto; text-align: center; max-width: 100%; -webkit-user-drag: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-tabs-item-badge { display: inline-block; vertical-align: top; } .dx-state-disabled .dx-tab { cursor: default; } .dx-badge { padding: 3px 9px; border-radius: 14px; background-color: #03a9f4; color: #fff; font-size: 12px; margin-left: 4px; line-height: normal; margin-top: 1px; } .dx-rtl .dx-badge { margin-left: 0; margin-right: 4px; } .dx-tabs { padding: 0; background-color: #f5f5f5; position: relative; } .dx-tabs .dx-inkripple { overflow: hidden; } .dx-tabs-nav-buttons .dx-tabs-scrollable { margin-right: 36px; margin-left: 36px; } .dx-tabs-nav-button { border: none; background-color: #f7f7f7; position: absolute; height: 48px; border-radius: 0; box-shadow: none; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) { background-color: transparent; color: rgba(0,0,0,.54); box-shadow: none; border-radius: 0; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-icon { color: rgba(0,0,0,.54); } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-focused, .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-hover { background-color: rgba(0,0,0,.08); box-shadow: none; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-active { background-color: rgba(0,0,0,.3); box-shadow: none; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled { background: 0 0; box-shadow: none; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-icon { opacity: .6; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-inkripple-wave { background-color: rgba(0,0,0,.2); } .dx-tabs-nav-button .dx-button-content { padding: 0; } .dx-tabs-nav-button.dx-state-active { border: none; } .dx-tabs-nav-button.dx-state-disabled { opacity: 1; background-color: #f7f7f7; } .dx-tabs-nav-button.dx-state-disabled .dx-button-content { opacity: 0; } .dx-tab { padding: 12px 16px; min-width: 90px; background-color: #f7f7f7; color: rgba(0,0,0,.54); } .dx-tab.dx-state-hover { background-color: #ededed; } .dx-tab .dx-icon { display: block; -webkit-user-drag: none; color: rgba(0,0,0,.54); vertical-align: middle; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; margin: 0 auto; } .dx-tab.dx-tab-selected, .dx-tab.dx-tab-selected .dx-icon { color: #03a9f4; } .dx-tab.dx-tab-selected::before { content: ""; position: absolute; bottom: 0; height: 2px; left: 0; right: 0; background-color: #03a9f4; } .dx-tab-content, .dx-tab-text { vertical-align: middle; text-transform: uppercase; line-height: 24px; font-weight: 500; } .dx-state-disabled.dx-tabs { opacity: 1; } .dx-state-disabled .dx-tab-content { opacity: .3; } .dx-tabs.dx-navbar { margin: 0; width: 100%; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-tabs.dx-navbar .dx-icon { display: block; margin: 0 auto; width: 31px; height: 31px; } .dx-rtl .dx-tabs.dx-navbar .dx-icon, .dx-rtl.dx-tabs.dx-navbar .dx-icon { margin: 0 auto; } .dx-tabs.dx-navbar .dx-tab-text { display: block; vertical-align: 50%; } .dx-nav-item { position: relative; vertical-align: bottom; } .dx-nav-item.dx-state-disabled { cursor: default; } .dx-nav-item-content { display: block; } .dx-nav-item a { display: block; height: 100%; text-decoration: none; } .dx-navbar-item-badge { position: absolute; right: 50%; margin-right: -26px; top: 11%; } .dx-rtl .dx-nav-item .dx-navbar-item-badge { right: auto; left: 50%; margin-right: auto; margin-left: -24px; } .dx-navbar { padding: 0; border: none; } .dx-nav-item, .dx-rtl .dx-nav-item { background: #f7f7f7; } .dx-nav-item .dx-tab-text, .dx-rtl .dx-nav-item .dx-tab-text { line-height: normal; color: rgba(0,0,0,.87); } .dx-navbar .dx-nav-item .dx-icon, .dx-navbar .dx-rtl .dx-nav-item .dx-icon { width: 31px; height: 31px; background-position: 0 0; background-size: 31px 31px; padding: 0; font-size: 31px; text-align: center; line-height: 31px; color: rgba(0,0,0,.87); } .dx-nav-item.dx-state-active::after, .dx-nav-item.dx-state-focused::after, .dx-nav-item.dx-tab-selected::after, .dx-rtl .dx-nav-item.dx-state-active::after, .dx-rtl .dx-nav-item.dx-state-focused::after, .dx-rtl .dx-nav-item.dx-tab-selected::after { content: none; } .dx-nav-item.dx-tab-selected, .dx-rtl .dx-nav-item.dx-tab-selected { background: #fff; } .dx-nav-item.dx-tab-selected .dx-icon, .dx-nav-item.dx-tab-selected .dx-tab-text, .dx-rtl .dx-nav-item.dx-tab-selected .dx-icon, .dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text { color: rgba(0,0,0,.87); } .dx-nav-item.dx-state-active, .dx-rtl .dx-nav-item.dx-state-active { border: none; box-shadow: none; } .dx-nav-item.dx-state-focused, .dx-rtl .dx-nav-item.dx-state-focused { box-shadow: inset 0 0 0 1px rgba(0,0,0,.04); } .dx-nav-item.dx-state-disabled .dx-icon, .dx-rtl .dx-nav-item.dx-state-disabled .dx-icon { opacity: .5; } .dx-rtl .dx-navbar-item-badge { margin-left: -26px; } .dx-overlay-wrapper { top: 0; pointer-events: none; width: 100%; height: 100%; left: 0; z-index: 1000; color: rgba(0,0,0,.87); font-weight: 400; font-size: 14px; font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-overlay-wrapper, .dx-overlay-wrapper *, .dx-overlay-wrapper ::after, .dx-overlay-wrapper ::before, .dx-overlay-wrapper::after, .dx-overlay-wrapper::before { box-sizing: border-box; } .dx-overlay-modal { width: 100%; height: 100%; } .dx-overlay-shader { pointer-events: auto; background-color: rgba(0,0,0,.32); } .dx-overlay-content { position: absolute; pointer-events: auto; z-index: 1000; outline: 0; overflow: hidden; } .dx-overlay-content > .dx-template-wrapper { height: 100%; width: 100%; } .dx-device-android .dx-overlay-content { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-android .dx-scrollable-native .dx-overlay-content { -webkit-backface-visibility: visible; backface-visibility: visible; } .dx-overlay-wrapper input, .dx-overlay-wrapper textarea { font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-validationsummary-item { color: #f44336; } .dx-invalid-message > .dx-overlay-content { background-color: transparent; color: #f44336; padding: 6px 0 0; } .dx-validationsummary > .dx-validationsummary-item:not(:last-child) { margin-bottom: 10px; } .dx-form-validation-summary { margin-top: 20px; } .dx-searchbox .dx-icon-search { display: block; pointer-events: none; } .dx-searchbox .dx-icon-search::before { display: inline-block; overflow: hidden; box-sizing: content-box; position: static; text-indent: 0; content: ""; color: rgba(0,0,0,.54); } .dx-texteditor { display: block; } .dx-texteditor input::-ms-clear { display: none; } .dx-placeholder { position: absolute; top: 0; left: 0; max-width: 100%; width: auto; height: 100%; text-align: left; cursor: text; pointer-events: none; color: rgba(148,148,148,.87); font-size: 16px; } .dx-placeholder::before { display: inline-block; vertical-align: middle; max-width: 100%; text-overflow: ellipsis; overflow: hidden; content: attr(DATA-DX_PLACEHOLDER); pointer-events: none; white-space: nowrap; } .dx-placeholder::after { content: " "; display: inline-block; height: 100%; vertical-align: middle; } .dx-texteditor-container { display: flex; position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-texteditor-buttons-container { display: flex; width: auto; flex-grow: 0; flex-basis: content; align-items: center; } .dx-texteditor-input-container { display: flex; flex-grow: 1; position: relative; align-items: baseline; } .dx-texteditor-input { -webkit-appearance: none; width: 100%; height: 100%; outline: 0; border: 0; -webkit-user-select: text; user-select: text; margin: 0; background-color: transparent; color: rgba(0,0,0,.87); font-size: 16px; } .dx-texteditor-input:-webkit-autofill + .dx-placeholder { display: none; } .dx-texteditor-input:-moz-ui-invalid { box-shadow: none; } .dx-show-clear-button { position: relative; } .dx-clear-button-area { height: 100%; width: 34px; position: relative; cursor: pointer; text-align: justify; } .dx-clear-button-area .dx-icon-clear { position: absolute; display: inline-block; background-size: contain; } .dx-texteditor-empty .dx-clear-button-area { display: none; } .dx-state-disabled .dx-placeholder { cursor: auto; } .dx-state-disabled .dx-clear-button-area { display: none; } .dx-state-disabled .dx-texteditor-input { opacity: 1; } .dx-rtl .dx-texteditor .dx-placeholder, .dx-rtl.dx-texteditor .dx-placeholder { text-align: right; left: auto; right: 0; } .dx-device-android .dx-texteditor-input { -webkit-user-modify: read-write-plaintext-only; } .dx-texteditor { border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; } .dx-texteditor::before { left: 0; right: 0; bottom: 0; height: 0; width: 100%; content: ""; position: absolute; z-index: 2; transform: scale(0); } .dx-texteditor::after { left: 0; right: 0; bottom: 0; height: 0; width: 100%; content: ""; position: absolute; } .dx-texteditor.dx-state-active, .dx-texteditor.dx-state-focused { background-color: rgba(0,0,0,.04); } .dx-texteditor.dx-state-active::before, .dx-texteditor.dx-state-focused::before { border-bottom: 2px solid #03a9f4; transform: scale(1); transition: transform .6s cubic-bezier(.4, 0, .02, 1); } .dx-texteditor.dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-underlined .dx-texteditor-input { padding-right: 54px; } .dx-texteditor.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 7px 0 6px 54px; } .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input { padding-right: 66px; } .dx-texteditor.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-texteditor.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 19px 12px 18px 66px; } .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after { right: 13px; } .dx-rtl .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl .dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after { left: 13px; right: auto; } .dx-texteditor.dx-invalid .dx-texteditor-input-container::after, .dx-texteditor.dx-valid .dx-texteditor-input-container::after { right: 8px; } .dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container::after, .dx-rtl .dx-texteditor.dx-valid .dx-texteditor-input-container::after, .dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container::after, .dx-rtl.dx-texteditor.dx-valid .dx-texteditor-input-container::after { left: 8px; right: auto; } .dx-texteditor.dx-validation-pending.dx-editor-underlined .dx-texteditor-input { padding-right: 54px; } .dx-texteditor.dx-validation-pending.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 7px 0 6px 54px; } .dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input { padding-right: 66px; } .dx-texteditor.dx-validation-pending.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-texteditor.dx-validation-pending.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 19px 12px 18px 66px; } .dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator { right: 13px; } .dx-rtl .dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl .dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator { left: 13px; right: auto; } .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator { right: 8px; } .dx-rtl .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator { left: 8px; right: auto; } .dx-texteditor.dx-editor-filled .dx-texteditor-buttons-container, .dx-texteditor.dx-editor-outlined .dx-texteditor-buttons-container { right: 12px; } .dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input, .dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input { padding-right: 12px; } .dx-rtl .dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input, .dx-rtl .dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input, .dx-texteditor.dx-editor-filled .dx-placeholder::before, .dx-texteditor.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-editor-outlined .dx-placeholder::before, .dx-texteditor.dx-editor-outlined .dx-texteditor-input { padding: 19px 12px 18px; } .dx-rtl .dx-texteditor.dx-editor-filled .dx-texteditor-buttons-container, .dx-rtl .dx-texteditor.dx-editor-outlined .dx-texteditor-buttons-container, .dx-texteditor.dx-editor-filled.dx-rtl .dx-texteditor-buttons-container, .dx-texteditor.dx-editor-outlined.dx-rtl .dx-texteditor-buttons-container { left: 12px; right: auto; } .dx-texteditor.dx-editor-filled { background-color: rgba(0,0,0,.04); } .dx-texteditor.dx-editor-filled.dx-state-hover { background-color: rgba(0,0,0,.07); } .dx-texteditor.dx-editor-filled.dx-state-hover::after { border-bottom: 1px solid rgba(0,0,0,.87); } .dx-texteditor.dx-editor-filled.dx-state-disabled, .dx-texteditor.dx-editor-filled.dx-state-readonly, .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover { background-color: rgba(0,0,0,.12); } .dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input, .dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input, .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-texteditor-input { color: rgba(0,0,0,.5); } .dx-texteditor.dx-editor-underlined { background-color: transparent; } .dx-texteditor.dx-editor-underlined .dx-texteditor-buttons-container { right: 0; } .dx-texteditor.dx-editor-underlined::after { border-bottom: 1px solid rgba(0,0,0,.42); } .dx-texteditor.dx-editor-underlined.dx-state-hover::after { border-bottom: 2px solid rgba(0,0,0,.87); } .dx-texteditor.dx-editor-underlined .dx-placeholder::before, .dx-texteditor.dx-editor-underlined .dx-texteditor-input { padding: 7px 0 6px; } .dx-rtl .dx-texteditor.dx-editor-underlined .dx-texteditor-buttons-container, .dx-texteditor.dx-editor-underlined.dx-rtl .dx-texteditor-buttons-container { left: 0; right: auto; } .dx-texteditor.dx-editor-underlined.dx-state-disabled::after, .dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover::after, .dx-texteditor.dx-editor-underlined.dx-state-readonly::after { border-bottom-style: dotted; border-bottom-width: 1px; } .dx-texteditor.dx-editor-underlined.dx-invalid::after { border-bottom-color: rgba(244,67,54,.4); } .dx-texteditor.dx-editor-outlined { background-color: transparent; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.42); } .dx-texteditor.dx-editor-outlined::before { display: none; } .dx-texteditor.dx-editor-outlined.dx-state-hover { box-shadow: inset 0 0 0 1px rgba(0,0,0,.87); } .dx-texteditor.dx-editor-outlined.dx-state-disabled, .dx-texteditor.dx-editor-outlined.dx-state-readonly, .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover { box-shadow: inset 0 0 0 1px rgba(0,0,0,.5); } .dx-texteditor.dx-editor-outlined.dx-state-disabled .dx-texteditor-input, .dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input, .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover .dx-texteditor-input { color: rgba(0,0,0,.5); } .dx-texteditor.dx-editor-outlined.dx-state-focused { box-shadow: inset 0 0 0 2px #03a9f4; } .dx-texteditor.dx-editor-outlined.dx-state-focused.dx-invalid { box-shadow: inset 0 0 0 2px #f44336; } .dx-texteditor.dx-editor-outlined.dx-invalid { box-shadow: inset 0 0 0 1px rgba(244,67,54,.4); } .dx-show-clear-button .dx-clear-button-area { width: 22px; min-width: 22px; right: 0; } .dx-show-clear-button .dx-icon-clear { color: rgba(117,117,117,.87); background-color: rgba(194,194,194,.87); border-radius: 50%; position: absolute; top: 50%; margin-top: -11px; width: 22px; height: 22px; background-position: 0 0; background-size: 22px 22px; padding: 0; font-size: 12px; text-align: center; line-height: 12px; } .dx-show-clear-button .dx-icon-clear::before { position: absolute; display: block; width: 12px; top: 50%; margin-top: -6px; left: 50%; margin-left: -6px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-underlined .dx-texteditor-input { padding-right: 54px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 7px 0 6px 54px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input { padding-right: 66px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 19px 12px 18px 66px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input-container::after { right: 13px; } .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input-container::after { left: 13px; right: auto; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container::after, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid .dx-texteditor-input-container::after { right: 8px; } .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container::after, .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid .dx-texteditor-input-container::after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container::after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid .dx-texteditor-input-container::after { left: 8px; right: auto; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-underlined .dx-texteditor-input { padding-right: 54px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 7px 0 6px 54px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input { padding-right: 66px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 19px 12px 18px 66px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator { right: 13px; } .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator { left: 13px; right: auto; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator { right: 8px; } .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator { left: 8px; right: auto; } .dx-invalid.dx-texteditor.dx-state-hover::after { border-bottom-color: rgba(244,67,54,.4); } .dx-invalid.dx-texteditor.dx-state-active::before, .dx-invalid.dx-texteditor.dx-state-focused::before { border-top: 1px solid #f44336; border-bottom: 1px solid #f44336; } .dx-invalid.dx-texteditor.dx-show-invalid-badge .dx-texteditor-input-container::after { pointer-events: none; position: absolute; top: 50%; margin-top: -11px; width: 22px; height: 22px; text-align: center; line-height: 23px; font-size: 14px; font-weight: 500; background-color: #f44336; color: #fff; content: "!"; border-radius: 50%; } .dx-editor-filled .dx-texteditor-buttons-container > .dx-button, .dx-editor-outlined .dx-texteditor-buttons-container > .dx-button { margin-left: 5px; margin-right: 5px; } .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child, .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child { margin-left: 10px; } .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child, .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child { margin-right: 0; } .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child, .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child { margin-left: 0; } .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child, .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child { margin-right: 10px; } .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child, .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child { margin-right: 12px; } .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child, .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child, .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child, .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child { margin-right: 8px; } .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child, .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child { margin-left: 5px; margin-right: 10px; } .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child, .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child { margin-left: 0; margin-right: 5px; } .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child, .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child { margin-left: 0; margin-right: 10px; } .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child, .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child { margin-left: 5px; margin-right: 0; } .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child, .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child { margin-left: 10px; margin-right: 5px; } .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child, .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child { margin-left: 12px; margin-right: 0; } .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child, .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child, .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child { margin-left: 8px; margin-right: 0; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text { height: 28px; margin: 1px 5px 3px; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content { display: flex; justify-content: center; padding-top: 5px; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content .dx-icon { align-self: center; margin-top: 1px; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text.dx-button-has-text .dx-button-content .dx-icon { margin-top: 3px; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) { min-width: 28px; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) .dx-button-content { padding: 2px; } .dx-editor-underlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child { margin-left: 0; } .dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child { margin-right: 0; } .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child { margin-left: 5px; margin-right: 0; } .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child { margin-left: 5px; margin-right: 5px; } .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child { margin-left: 0; margin-right: 5px; } .dx-valid.dx-texteditor .dx-texteditor-input-container::after { pointer-events: none; position: absolute; top: 50%; margin-top: -11px; width: 22px; height: 22px; text-align: center; line-height: 23px; font-size: 20px; font-weight: 700; font-family: DXIcons,sans-serif; color: #8bc34a; content: ""; opacity: 0; transform: scale(0); animation: .3s cubic-bezier(1,.008,.565,1.65) .1s forwards dx-valid-badge-frames; } .dx-validation-pending.dx-texteditor .dx-texteditor-input-container .dx-pending-indicator { pointer-events: none; position: absolute; top: 50%; margin-top: -11px; width: 22px; height: 22px; } .dx-rtl .dx-placeholder, .dx-rtl .dx-placeholder::before { right: 0; left: auto; } .dx-searchbox .dx-icon-search { font: 22px/22px DXIcons; position: absolute; top: 50%; margin-top: -11px; width: 22px; height: 22px; background-position: 0 0; background-size: 22px 22px; padding: 0; text-align: center; color: rgba(148,148,148,.87); } .dx-searchbox.dx-editor-underlined .dx-icon-search { left: 0; } .dx-rtl .dx-searchbox.dx-editor-underlined .dx-icon-search, .dx-rtl.dx-searchbox.dx-editor-underlined .dx-icon-search { left: initial; right: 0; } .dx-searchbox.dx-editor-underlined .dx-placeholder::before, .dx-searchbox.dx-editor-underlined .dx-texteditor-input { padding-left: 22px; } .dx-rtl .dx-searchbox.dx-editor-underlined .dx-placeholder::before, .dx-rtl .dx-searchbox.dx-editor-underlined .dx-texteditor-input, .dx-rtl.dx-searchbox.dx-editor-underlined .dx-placeholder::before, .dx-rtl.dx-searchbox.dx-editor-underlined .dx-texteditor-input { padding-left: 0; padding-right: 22px; } .dx-searchbox.dx-editor-filled .dx-icon-search, .dx-searchbox.dx-editor-outlined .dx-icon-search { left: 12px; } .dx-rtl .dx-searchbox.dx-editor-filled .dx-icon-search, .dx-rtl .dx-searchbox.dx-editor-outlined .dx-icon-search, .dx-rtl.dx-searchbox.dx-editor-filled .dx-icon-search, .dx-rtl.dx-searchbox.dx-editor-outlined .dx-icon-search { left: initial; right: 12px; } .dx-searchbox.dx-editor-filled .dx-placeholder::before, .dx-searchbox.dx-editor-filled .dx-texteditor-input, .dx-searchbox.dx-editor-outlined .dx-placeholder::before, .dx-searchbox.dx-editor-outlined .dx-texteditor-input { padding-left: 34px; } .dx-rtl .dx-searchbox.dx-editor-filled .dx-placeholder::before, .dx-rtl .dx-searchbox.dx-editor-filled .dx-texteditor-input, .dx-rtl .dx-searchbox.dx-editor-outlined .dx-placeholder::before, .dx-rtl .dx-searchbox.dx-editor-outlined .dx-texteditor-input, .dx-rtl.dx-searchbox.dx-editor-filled .dx-placeholder::before, .dx-rtl.dx-searchbox.dx-editor-filled .dx-texteditor-input, .dx-rtl.dx-searchbox.dx-editor-outlined .dx-placeholder::before, .dx-rtl.dx-searchbox.dx-editor-outlined .dx-texteditor-input { padding-left: 12px; padding-right: 34px; } .dx-searchbar { padding-bottom: 5px; } .dx-searchbar .dx-texteditor { margin: 0; } .dx-dropdowneditor { position: relative; } .dx-dropdowneditor.dx-dropdowneditor-field-clickable, .dx-dropdowneditor.dx-dropdowneditor-field-clickable .dx-texteditor-input { cursor: pointer; } .dx-dropdowneditor-input-wrapper { -webkit-tap-highlight-color: transparent; overflow: hidden; height: 100%; display: flex; } .dx-dropdowneditor-input-wrapper .dx-texteditor { border: none; margin: 0; display: flex; flex-grow: 1; } .dx-dropdowneditor-input-wrapper .dx-texteditor-input { text-overflow: ellipsis; } .dx-dropdowneditor-input-wrapper .dx-texteditor-input::-ms-clear { width: 0; height: 0; } .dx-dropdowneditor-field-template-wrapper { display: flex; flex-grow: 1; position: relative; align-items: baseline; } .dx-dropdowneditor-field-template-wrapper > * { flex-grow: 1; } .dx-dropdowneditor-active .dx-dropdowneditor-icon { opacity: .35; } .dx-dropdowneditor-button { position: relative; float: right; height: 100%; cursor: pointer; width: 24px; min-width: 24px; } .dx-dropdowneditor-button .dx-button-content { text-align: center; white-space: nowrap; } .dx-rtl .dx-dropdowneditor-button, .dx-rtl.dx-dropdowneditor-button { float: left; } .dx-dropdowneditor-button.dx-dropdowneditor-readonly { cursor: default; } .dx-dropdowneditor-icon { background-position: center; background-repeat: no-repeat; color: rgba(0,0,0,.54); font: 24px/24px DXIcons; width: 24px; height: 100%; text-align: center; } .dx-state-disabled .dx-dropdowneditor, .dx-state-disabled.dx-dropdowneditor { cursor: default; } .dx-state-disabled .dx-dropdowneditor-button { cursor: inherit; } .dx-state-disabled .dx-dropdowneditor-icon { opacity: .2; } .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon, .dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon { opacity: 1; } .dx-dropdowneditor-icon::before { content: ""; position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-dropdowneditor-input-wrapper .dx-texteditor::after, .dx-dropdowneditor-input-wrapper .dx-texteditor::before { content: none; } .dx-dropdowneditor-input-wrapper .dx-texteditor, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover { background-color: transparent; box-shadow: none; } .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input { padding-right: 38px; } .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 38px; } .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input, .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input { padding-right: 50px; } .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding-right: 12px; padding-left: 50px; } .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon { color: rgba(0,0,0,.54); opacity: 1; font: 24px/24px DXIcons; width: 24px; height: 100%; text-align: center; } .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon::before, .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before { content: ""; position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container::after, .dx-valid.dx-dropdowneditor .dx-texteditor-buttons-container::after { right: 32px; } .dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container::after, .dx-rtl .dx-valid.dx-dropdowneditor .dx-texteditor-buttons-container::after, .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container::after, .dx-rtl.dx-valid.dx-dropdowneditor .dx-texteditor-buttons-container::after { right: auto; left: 32px; } .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after, .dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after { right: 56px; } .dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after, .dx-rtl .dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after, .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after, .dx-rtl.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after { right: auto; left: 56px; } .dx-dropdowneditor-overlay.dx-popup-wrapper .dx-overlay-content { box-shadow: 0 2px 7px rgba(0,0,0,.2); overflow: hidden; } .dx-list { margin: 0; min-height: 3em; } .dx-list .dx-scrollview-content:focus { outline: 0; } .dx-wrap-item-text > .dx-list-group > .dx-list-group-body > .dx-list-item > .dx-list-item-content, .dx-wrap-item-text > .dx-list-item > .dx-list-item-content { white-space: normal; } .dx-empty-collection .dx-list-select-all { display: none; } .dx-list-group-header::before { width: 0; height: 0; display: block; float: right; margin-top: 6px; border-style: solid; border-color: transparent; border-width: 5px 5px 0; } .dx-list-collapsible-groups .dx-list-group-header { cursor: pointer; } .dx-list-collapsible-groups .dx-list-group-header::before { content: " "; content: none; } .dx-list-group-collapsed .dx-list-group-header::before { border-width: 0 5px 5px; } .dx-list-group-body { overflow: hidden; } .dx-list-item { cursor: pointer; display: table; width: 100%; table-layout: fixed; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-list-item-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: table-cell; width: 100%; } .dx-list-item-content::before { content: "_"; color: transparent; display: inline-block; width: 0; float: left; } .dx-list .dx-empty-message { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 3em; } .dx-list-item-badge-container { display: table-cell; width: 20px; text-align: right; vertical-align: middle; } .dx-list-item-badge { float: right; position: relative; } .dx-list-item-chevron-container { display: table-cell; vertical-align: middle; } .dx-list-item-icon-container { display: inline-block; } .dx-list-item-chevron { border-width: 2px 0 0 2px; opacity: .3; } .dx-list-item-response-wait { opacity: .5; transition: opacity .2s linear; } .dx-list-slide-menu-content { display: table; width: 100%; table-layout: fixed; } .dx-list-item-after-bag, .dx-list-item-before-bag { display: table-cell; width: 0; height: 100%; vertical-align: middle; } .dx-list-item-before-bag .dx-list-toggle-delete-switch { display: block; float: left; padding: 3px 0; } .dx-list-item-before-bag .dx-icon-toggle-delete { transition: .1s linear; } .dx-list-item-before-bag .dx-list-select-checkbox { float: left; transition: .1s linear; } .dx-list-select-all-label { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-list-item-after-bag .dx-list-reorder-handle { cursor: move; background-repeat: no-repeat; touch-action: manipulation; } .dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle { cursor: default; } .dx-list-switchable-menu-shield-positioning { position: relative; transform: translateZ(0); } .dx-device-android-4 .dx-list-switchable-menu-shield-positioning { transform: none; } .dx-list-switchable-delete-bottom-shield, .dx-list-switchable-delete-top-shield { position: absolute; right: 0; left: 0; cursor: pointer; } .dx-list-switchable-delete-top-shield { top: 0; } .dx-list-switchable-delete-bottom-shield { bottom: 0; } .dx-list-switchable-delete-item-content-shield { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .dx-list-switchable-delete-button-container { position: absolute; top: 0; bottom: 0; overflow: hidden; } .dx-list-switchable-delete-button-wrapper { display: table; height: 100%; } .dx-list-switchable-delete-button-inner-wrapper { display: table-cell; padding-left: 1px; height: 100%; vertical-align: middle; } .dx-list-switchable-menu-item-shield-positioning, .dx-list-switchable-menu-item-shield-positioning .dx-list-item-content, .dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content { position: relative; } .dx-list-switchable-delete-ready .dx-icon-toggle-delete { transform: rotate(-90deg); } .dx-list-slide-menu-buttons-container { position: absolute; width: 100%; top: 0; bottom: 0; left: 0; overflow: hidden; } .dx-device-ios .dx-list-slide-menu-buttons-container { -webkit-mask-image: -webkit-radial-gradient(white,black); } .dx-list-slide-menu-buttons { position: relative; top: 0; left: 0; bottom: 0; display: table; height: 100%; } .dx-list-slide-menu-button { display: table-cell; padding: 0 10px; vertical-align: middle; bottom: 1px; } .dx-list-static-delete-button .dx-button-content { overflow: visible; } .dx-list-next-button { padding: 5px; text-align: center; } .dx-state-disabled .dx-list-item, .dx-state-disabled .dx-list-switchable-delete-button, .dx-state-disabled .dx-list-toggle-delete-switch, .dx-state-disabled.dx-list-item { cursor: default; } .dx-list-context-menuitem { cursor: pointer; } .dx-rtl .dx-list .dx-list-item-badge-container, .dx-rtl.dx-list .dx-list-item-badge-container { padding-left: 10px; padding-right: 0; } .dx-rtl .dx-list .dx-list-item-badge, .dx-rtl.dx-list .dx-list-item-badge { float: left; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch { float: right; } .dx-rtl .dx-list .dx-list-slide-item-delete-button-container, .dx-rtl.dx-list .dx-list-slide-item-delete-button-container { right: 100%; left: 0; } .dx-rtl .dx-list .dx-list-slide-item-delete-button, .dx-rtl.dx-list .dx-list-slide-item-delete-button { right: auto; left: 0; } .dx-rtl .dx-list .dx-list-group-header::before, .dx-rtl.dx-list .dx-list-group-header::before { float: left; } .dx-list-item-chevron { transform: rotate(0); border: none; opacity: 1; font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; margin-left: -5px; color: rgba(0,0,0,.54); } .dx-rtl .dx-list-item-chevron { margin-left: auto; margin-right: -6px; transform: rotate(0); } .dx-list-item-chevron::before { content: ""; } .dx-list-item-icon-container { width: 40px; height: 24px; vertical-align: bottom; } .dx-list-item-icon { width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; } .dx-list-search { margin-bottom: 5px; padding-top: 4px; } .dx-list-search.dx-searchbox .dx-placeholder::before { font-size: 16px; } .dx-list-search.dx-searchbox .dx-clear-button-area { width: 23px; } .dx-list-group-header, .dx-list-item, .dx-list-select-all { position: relative; } .dx-list-group-header .dx-inkripple, .dx-list-item .dx-inkripple, .dx-list-select-all .dx-inkripple { overflow: hidden; } .dx-list { border: none; } .dx-list.dx-list-with-search .dx-scrollable-wrapper { height: calc(100% - 48px); } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon::before { border-color: #027fb8; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon::after { background-color: rgba(0,0,0,.1); transform: scale(1); } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon::after, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon::after { background-color: rgba(3,169,244,.1); transform: scale(1); } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: rgba(0,0,0,.12); color: #000; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: rgba(0,0,0,.14); color: #000; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: rgba(0,0,0,.04); color: rgba(0,0,0,.87); } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected { background-color: rgba(0,0,0,.18); color: #000; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active, .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #ccc; } .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) { padding-bottom: 8px; border-bottom: 1px solid #e0e0e0; } .dx-list-group:not(.dx-list-group-collapsed) + .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header { border-top-color: transparent; } .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator { font: 24px/1 DXIcons; } .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator::before { content: ""; } .dx-list-group.dx-list-group-collapsed .dx-list-group-header { color: rgba(0,0,0,.87); } .dx-list-group .dx-list-item:first-of-type { margin-top: 0; } .dx-list-group .dx-list-item:last-of-type { margin-bottom: 0; } .dx-list-group-header { font-weight: 400; padding: 14px 16px; background: rgba(255,255,255,0); color: #03a9f4; border-top: 1px solid transparent; font-size: 16px; } .dx-list-group-header .dx-list-group-header-indicator { color: rgba(0,0,0,.54); } .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator { font: 24px/1 DXIcons; float: right; margin-top: -2px; } .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator::before { content: ""; } .dx-list-group-header .dx-inkripple { height: auto; top: -1px; bottom: 0; } .dx-list-group-header::before { content: none; } .dx-list-item .dx-icon-toggle-delete { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22dx_l_3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3Argba%280,%200,%200,%200.54%29%3B%22%20d%3D%22M12%2C2C6.5%2C2%2C2%2C6.5%2C2%2C12c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C22%2C6.5%2C17.5%2C2%2C12%2C2z%20M18%2C13H6v-2h12V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-size: 100%; } .dx-list-item.dx-state-active, .dx-list-item.dx-state-hover { background-color: rgba(0,0,0,.04); color: rgba(0,0,0,.87); } .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper, .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper { background-color: rgba(0,0,0,.04); } .dx-list-item:first-of-type { border-top: none; margin-top: 8px; } .dx-list-item:last-of-type { border-bottom: none; margin-bottom: 8px; } .dx-list-item .dx-icon { color: rgba(0,0,0,.54); } .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: rgba(98,98,98,.87); background: #fff; border-top: 1px solid rgba(3,169,244,.5); border-bottom: 1px solid rgba(3,169,244,.5); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-list .dx-empty-message, .dx-list-item { color: rgba(0,0,0,.87); } .dx-list-item-separator-hidden .dx-list .dx-empty-message, .dx-list-item-separator-hidden .dx-list-item { border-top: none; border-bottom: none; } .dx-list-item-content { font-size: 16px; padding: 14px 16px 13px; } .dx-list .dx-empty-message { text-align: left; padding: 8px 16px 7px; color: rgba(0,0,0,.54); font-size: 12px; } .dx-list-next-button .dx-button { margin-top: 20px; padding: 0; } .dx-list-next-button .dx-button .dx-button-content { padding: 6px 16px; } .dx-list-next-button .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 12px; margin-left: 0; } .dx-list-next-button .dx-button .dx-icon.dx-icon-right, .dx-rtl .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-list-next-button .dx-button .dx-icon { margin-left: 12px; margin-right: 0; } .dx-rtl .dx-list-next-button .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-list-next-button .dx-button .dx-icon.dx-icon-right { margin-right: 12px; margin-left: 0; } .dx-list-next-button .dx-button .dx-button-content { padding-left: 58px; padding-right: 58px; } .dx-list-item-chevron-container { width: 27px; padding-top: 7px; } .dx-list-border-visible { border: 1px solid #e0e0e0; } .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 46px; } .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 56px; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { border: none; background: 0 0; padding: 0; height: 24px; width: 24px; margin-left: 15px; box-shadow: none; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content { padding: 0; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave { display: none; } .dx-list-item-before-bag .dx-icon-toggle-delete { width: 23px; height: 23px; } .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -1px; margin-bottom: -3px; margin-left: 16px; } .dx-list-toggle-delete-switch-container + .dx-list-item-content { padding-left: 34px; } .dx-list-select-all { white-space: nowrap; padding: 13px 0; font-size: 16px; position: relative; } .dx-list-select-all::after { content: ""; position: absolute; bottom: 1px; left: 16px; right: 16px; height: 1px; background-color: #e0e0e0; } .dx-list-select-all-checkbox { float: left; margin: -1px 0 -3px 16px; } .dx-list-select-all-label { line-height: 17px; padding: 0 35px; margin-top: 2px; } .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 43px; } .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 44.8px; } .dx-list-item-after-bag .dx-list-reorder-handle { font: 24px/24px DXIcons; color: rgba(0,0,0,.27); width: 38.4px; height: 38.4px; background-position: 7px 7px; background-size: 24px 24px; padding: 7px; text-align: center; } .dx-list-item-after-bag .dx-list-reorder-handle::before { content: ""; } .dx-list-slide-menu-button-delete { font: 24px/1 DXIcons; color: #fff; border: 1px solid rgba(0,0,0,.24); border-right-color: transparent; background-color: #f44336; display: table-cell; vertical-align: middle; padding: 0 16px; width: 56px; box-shadow: inset 3px 0 5px -3px rgba(0,0,0,.24),inset 0 3px 5px -3px rgba(0,0,0,.24),inset 0 -3px 5px -3px rgba(0,0,0,.24); } .dx-list-slide-menu-button-delete::before { content: ""; } .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #03a9f4; } .dx-list-static-delete-button { margin-right: 16px; padding: 0; border-radius: 50%; height: 34px; margin-top: -2px; } .dx-list-static-delete-button.dx-button { box-shadow: none; background-color: transparent; } .dx-list-static-delete-button.dx-button .dx-button-content { z-index: 1; } .dx-list-switchable-delete-button-inner-wrapper { padding-right: 6px; background-color: #fff; } .dx-button.dx-list-switchable-delete-button { background-color: transparent; color: #f44336; box-shadow: none; } .dx-button.dx-list-switchable-delete-button .dx-icon { color: #f44336; } .dx-button.dx-list-switchable-delete-button.dx-state-focused, .dx-button.dx-list-switchable-delete-button.dx-state-hover { background-color: rgba(244,67,54,.08); box-shadow: none; } .dx-button.dx-list-switchable-delete-button.dx-state-active { background-color: rgba(244,67,54,.36); box-shadow: none; } .dx-button.dx-list-switchable-delete-button.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave { background-color: rgba(244,67,54,.2); } .dx-list-context-menucontent { background-color: #fff; border: 1px solid #e0e0e0; border-radius: 0; box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-state-disabled .dx-list-item, .dx-state-disabled.dx-list-item { background-color: transparent; opacity: .6; } .dx-rtl .dx-list .dx-empty-message, .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch, .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { margin-right: 15px; margin-left: 0; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 16px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 16px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-right: 0; } .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper, .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper { padding-left: 6px; padding-right: 0; } .dx-list-item-badge-container { padding-right: 16px; } .dx-device-mobile .dx-list { border: none; } .dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper { height: calc(100% - 48px); } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon::before { border-color: #027fb8; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon::after { background-color: rgba(0,0,0,.1); transform: scale(1); } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon::after, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon::after { background-color: rgba(3,169,244,.1); transform: scale(1); } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: rgba(0,0,0,.12); color: #000; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: rgba(0,0,0,.14); color: #000; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: rgba(0,0,0,.04); color: rgba(0,0,0,.87); } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected { background-color: rgba(0,0,0,.18); color: #000; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active, .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #ccc; } .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) { padding-bottom: 8px; border-bottom: 1px solid #e0e0e0; } .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) + .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header { border-top-color: transparent; } .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator { font: 24px/1 DXIcons; } .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator::before { content: ""; } .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header { color: rgba(0,0,0,.87); } .dx-device-mobile .dx-list-group .dx-list-item:first-of-type { margin-top: 0; } .dx-device-mobile .dx-list-group .dx-list-item:last-of-type { margin-bottom: 0; } .dx-device-mobile .dx-list-group-header { font-weight: 400; padding: 14px 15px; background: rgba(255,255,255,0); color: #03a9f4; border-top: 1px solid transparent; font-size: 16px; } .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator { color: rgba(0,0,0,.54); } .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator { font: 24px/1 DXIcons; float: right; margin-top: -2px; } .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator::before { content: ""; } .dx-device-mobile .dx-list-group-header .dx-inkripple { height: auto; top: -1px; bottom: 0; } .dx-device-mobile .dx-list-group-header::before { content: none; } .dx-device-mobile .dx-list-item .dx-icon-toggle-delete { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22dx_l_3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3Argba%280,%200,%200,%200.54%29%3B%22%20d%3D%22M12%2C2C6.5%2C2%2C2%2C6.5%2C2%2C12c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C22%2C6.5%2C17.5%2C2%2C12%2C2z%20M18%2C13H6v-2h12V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-size: 100%; } .dx-device-mobile .dx-list-item.dx-state-active, .dx-device-mobile .dx-list-item.dx-state-hover { background-color: rgba(0,0,0,.04); color: rgba(0,0,0,.87); } .dx-device-mobile .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper, .dx-device-mobile .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper { background-color: rgba(0,0,0,.04); } .dx-device-mobile .dx-list-item:first-of-type { border-top: none; margin-top: 8px; } .dx-device-mobile .dx-list-item:last-of-type { border-bottom: none; margin-bottom: 8px; } .dx-device-mobile .dx-list-item .dx-icon { color: rgba(0,0,0,.54); } .dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: rgba(98,98,98,.87); background: #fff; border-top: 1px solid rgba(3,169,244,.5); border-bottom: 1px solid rgba(3,169,244,.5); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-device-mobile .dx-list .dx-empty-message, .dx-device-mobile .dx-list-item { color: rgba(0,0,0,.87); } .dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message, .dx-list-item-separator-hidden .dx-device-mobile .dx-list-item { border-top: none; border-bottom: none; } .dx-device-mobile .dx-list-item-content { font-size: 16px; padding: 14px 15px 13px; } .dx-device-mobile .dx-list .dx-empty-message { text-align: left; padding: 8px 15px 7px; color: rgba(0,0,0,.54); font-size: 12px; } .dx-device-mobile .dx-list-next-button .dx-button { margin-top: 20px; padding: 0; } .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content { padding: 6px 16px; } .dx-device-mobile .dx-list-next-button .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 12px; margin-left: 0; } .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right, .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon { margin-left: 12px; margin-right: 0; } .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right { margin-right: 12px; margin-left: 0; } .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content { padding-left: 58px; padding-right: 58px; } .dx-device-mobile .dx-list-item-chevron-container { width: 26px; padding-top: 7px; } .dx-device-mobile .dx-list-border-visible { border: 1px solid #e0e0e0; } .dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 45px; } .dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 55px; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { border: none; background: 0 0; padding: 0; height: 24px; width: 24px; margin-left: 14px; box-shadow: none; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content { padding: 0; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave { display: none; } .dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete { width: 23px; height: 23px; } .dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -1px; margin-bottom: -3px; margin-left: 15px; } .dx-device-mobile .dx-list-toggle-delete-switch-container + .dx-list-item-content { padding-left: 33px; } .dx-device-mobile .dx-list-select-all { padding: 13px 0; font-size: 16px; position: relative; } .dx-device-mobile .dx-list-select-all::after { content: ""; position: absolute; bottom: 1px; left: 16px; right: 16px; height: 1px; background-color: #e0e0e0; } .dx-device-mobile .dx-list-select-all-checkbox { float: left; margin: -1px 0 -3px 15px; } .dx-device-mobile .dx-list-select-all-label { line-height: 17px; padding: 0 35px; margin-top: 2px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 42px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 43.8px; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle { font: 24px/24px DXIcons; color: rgba(0,0,0,.27); width: 38.4px; height: 38.4px; background-position: 7px 7px; background-size: 24px 24px; padding: 7px; text-align: center; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle::before { content: ""; } .dx-device-mobile .dx-list-slide-menu-button { bottom: 1px; } .dx-device-mobile .dx-list-slide-menu-button-delete { font: 24px/1 DXIcons; color: #fff; border: 1px solid rgba(0,0,0,.24); border-right-color: transparent; background-color: #f44336; display: table-cell; vertical-align: middle; padding: 0 15px; width: 54px; box-shadow: inset 3px 0 5px -3px rgba(0,0,0,.24),inset 0 3px 5px -3px rgba(0,0,0,.24),inset 0 -3px 5px -3px rgba(0,0,0,.24); } .dx-device-mobile .dx-list-slide-menu-button-delete::before { content: ""; } .dx-device-mobile .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #03a9f4; } .dx-device-mobile .dx-list-static-delete-button { margin-right: 15px; padding: 0; border-radius: 50%; height: 34px; margin-top: -2px; } .dx-device-mobile .dx-list-static-delete-button.dx-button { box-shadow: none; background-color: transparent; } .dx-device-mobile .dx-list-static-delete-button.dx-button .dx-button-content { z-index: 1; } .dx-device-mobile .dx-list-switchable-delete-button-inner-wrapper { padding-right: 6px; background-color: #fff; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button { background-color: transparent; color: #f44336; box-shadow: none; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-icon { color: #f44336; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-focused, .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-hover { background-color: rgba(244,67,54,.08); box-shadow: none; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-active { background-color: rgba(244,67,54,.36); box-shadow: none; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave { background-color: rgba(244,67,54,.2); } .dx-device-mobile .dx-list-context-menucontent { background-color: #fff; border: 1px solid #e0e0e0; border-radius: 0; box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-device-mobile .dx-state-disabled .dx-list-item, .dx-device-mobile .dx-state-disabled.dx-list-item { background-color: transparent; opacity: .6; } .dx-device-mobile .dx-rtl .dx-list .dx-empty-message, .dx-device-mobile .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { margin-right: 14px; margin-left: 0; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-right: 0; } .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper, .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper { padding-left: 6px; padding-right: 0; } .dx-device-mobile .dx-list-item-badge-container { padding-right: 15px; } .dx-textarea .dx-texteditor-input { resize: none; font-family: inherit; display: block; overflow: auto; white-space: pre-wrap; margin: 0; padding: 10px; line-height: 24px; } .dx-textarea .dx-texteditor-input-auto-resize { overflow-y: hidden; } .dx-textarea .dx-placeholder { height: auto; } .dx-textarea .dx-placeholder::before { white-space: normal; padding: 13px 10px; } .dx-textarea { height: auto; } .dx-textarea .dx-texteditor-input-container { align-items: stretch; margin: 2px; } .dx-textarea .dx-icon-clear { top: 0; margin-top: 0; } .dx-textarea.dx-invalid .dx-texteditor-container::after { top: 18px; margin-top: 0; } .dx-numberbox { position: relative; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-numberbox input[type=number] { -moz-appearance: textfield; } .dx-numberbox input[type=number]::-webkit-inner-spin-button, .dx-numberbox input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .dx-numberbox-spin-container { height: 100%; } .dx-numberbox-spin-down, .dx-numberbox-spin-up { position: relative; width: 100%; height: 50%; cursor: pointer; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up { width: 50%; height: 100%; display: inline-block; } .dx-numberbox-spin-down-icon, .dx-numberbox-spin-up-icon { width: 100%; height: 100%; } .dx-state-disabled .dx-numberbox-spin-container { opacity: .2; opacity: 1; } .dx-numberbox-spin-container { overflow: hidden; width: 24px; } .dx-numberbox-spin-up-icon { font: 14px/1 DXIcons; color: rgba(0,0,0,.54); } .dx-numberbox-spin-up-icon::before { content: ""; } .dx-numberbox-spin-down-icon { font: 14px/1 DXIcons; color: rgba(0,0,0,.54); } .dx-numberbox-spin-down-icon::before { content: ""; } .dx-numberbox-spin-down-icon, .dx-numberbox-spin-up-icon { font-size: 24px; text-align: center; line-height: 24px; } .dx-numberbox-spin-down-icon::before, .dx-numberbox-spin-up-icon::before { position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-numberbox-spin-button { padding: 1px; height: 50%; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined .dx-texteditor-input { padding-right: 0; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-underlined .dx-texteditor-input { padding-right: 54px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 7px 0 6px 54px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input { padding-right: 66px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 19px 12px 18px 66px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after { right: 13px; } .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after { left: 13px; right: auto; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid .dx-texteditor-input-container::after { right: 8px; } .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid .dx-texteditor-input-container::after { left: 8px; right: auto; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined .dx-texteditor-input { padding-right: 12px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-underlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-underlined .dx-texteditor-input { padding-right: 54px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 7px 0 6px 54px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input { padding-right: 66px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 19px 12px 18px 66px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after { right: 13px; } .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after { left: 13px; right: auto; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container::after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid .dx-texteditor-input-container::after { right: 8px; } .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid .dx-texteditor-input-container::after { left: 8px; right: auto; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-underlined .dx-texteditor-input { padding-right: 54px; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 7px 0 6px 54px; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input { padding-right: 66px; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 19px 12px 18px 66px; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after { right: 13px; } .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after { left: 13px; right: auto; } .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container::after, .dx-numberbox-spin-touch-friendly.dx-valid .dx-texteditor-input-container::after { right: 8px; } .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container::after, .dx-rtl .dx-numberbox-spin-touch-friendly.dx-valid .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container::after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-valid .dx-texteditor-input-container::after { left: 8px; right: auto; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { width: 74px; border-left: none; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon { background-position: center; } .dx-numberbox-spin-touch-friendly.dx-editor-underlined.dx-show-clear-button .dx-texteditor-input { padding-right: 0; } .dx-numberbox-spin-touch-friendly.dx-editor-filled.dx-show-clear-button .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input { padding-right: 12px; } .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container, .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { border-right: none; } .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input, .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input, .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input { padding-left: 24px; } .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input, .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input { padding-left: 0; } .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input, .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input, .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input { padding-left: 12px; } .dx-calendar { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; position: relative; display: block; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer { position: absolute; bottom: 0; text-align: center; height: 45px; width: 100%; } .dx-calendar-views-wrapper { width: 100%; height: 100%; position: relative; } .dx-calendar-navigator { position: relative; text-align: center; width: 100%; } .dx-calendar-navigator .dx-calendar-caption-button { text-decoration: none; font-size: 14px; line-height: 1.2; text-transform: uppercase; right: 32px; left: 32px; } .dx-calendar-body { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; top: 49px; } .dx-calendar-body .dx-widget { position: absolute; width: 100%; height: 100%; } .dx-calendar-body table { width: 100%; height: 100%; position: absolute; direction: ltr; table-layout: fixed; border-spacing: 0; } .dx-calendar-body td { cursor: pointer; box-sizing: content-box; } .dx-calendar-body thead th { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-calendar-contoured-date { outline-offset: -1px; } .dx-rtl.dx-calendar .dx-calendar-body table { left: 0; } .dx-rtl.dx-calendar .dx-calendar-body .dx-widget { direction: ltr; } .dx-state-disabled .dx-calendar .dx-calendar-navigator-next-month, .dx-state-disabled .dx-calendar .dx-calendar-navigator-previous-month, .dx-state-disabled .dx-calendar-body table td, .dx-state-disabled .dx-calendar-body table th, .dx-state-disabled.dx-calendar .dx-calendar-navigator-next-month, .dx-state-disabled.dx-calendar .dx-calendar-navigator-previous-month { cursor: default; } .dx-calendar { width: 320px; min-width: 320px; height: 327.4px; min-height: 327.4px; background-color: #fff; -webkit-tap-highlight-color: transparent; outline: 0; border: 1px solid transparent; } .dx-calendar.dx-calendar-with-footer { height: 382.4px; min-height: 352.4px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-body { bottom: 55px; } .dx-calendar-navigator { line-height: 1.6; height: 36px; display: table; border-collapse: collapse; } .dx-calendar-navigator .dx-button { position: absolute; height: 100%; display: table-cell; background-color: transparent; color: #03a9f4; box-shadow: none; } .dx-calendar-navigator .dx-button .dx-icon { color: #03a9f4; font-size: 24px; } .dx-calendar-navigator .dx-button.dx-state-focused, .dx-calendar-navigator .dx-button.dx-state-hover { background-color: rgba(3,169,244,.08); box-shadow: none; } .dx-calendar-navigator .dx-button.dx-state-active { background-color: rgba(3,169,244,.36); box-shadow: none; } .dx-calendar-navigator .dx-button.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-calendar-navigator .dx-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-calendar-navigator .dx-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-calendar-navigator .dx-button .dx-inkripple-wave { background-color: rgba(3,169,244,.2); } .dx-calendar-navigator .dx-button .dx-button-text { text-transform: none; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link { border-collapse: collapse; visibility: visible; opacity: 1; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content { opacity: .5; } .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link), .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) { z-index: 1; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content { padding: 2px 15px 4px; } .dx-calendar-navigator-previous-month.dx-state-hover { z-index: 1; } .dx-calendar-navigator-next-view, .dx-calendar-navigator-previous-month { width: 32px; background: 0 0; } .dx-calendar-navigator-next-view.dx-button, .dx-calendar-navigator-previous-month.dx-button { margin: 0 1px; } .dx-calendar-navigator-next-view .dx-button-content, .dx-calendar-navigator-previous-month .dx-button-content { padding: 0; } .dx-calendar-navigator-previous-month, .dx-calendar-navigator-previous-view { left: 0; } .dx-calendar-navigator-previous-month.dx-button, .dx-calendar-navigator-previous-view.dx-button { border-radius: 4px 0 0 4px; } .dx-calendar-navigator-previous-month.dx-button .dx-icon, .dx-calendar-navigator-previous-view.dx-button .dx-icon { color: #03a9f4; } .dx-calendar-navigator-next-month, .dx-calendar-navigator-next-view { right: 0; } .dx-calendar-navigator-next-month.dx-button, .dx-calendar-navigator-next-view.dx-button { border-radius: 0 4px 4px 0; } .dx-calendar-navigator-next-month.dx-button .dx-icon, .dx-calendar-navigator-next-view.dx-button .dx-icon { color: #03a9f4; } .dx-calendar-body thead { font-size: 11px; line-height: 1.2; } .dx-calendar-body thead tr { height: 25px; padding-bottom: 10px; } .dx-calendar-body table th { color: rgba(102,102,102,.87); font-weight: 500; text-align: center; padding: 1px 0 10px; } .dx-calendar-cell { white-space: normal; text-align: center; padding: 4px 0; color: rgba(0,0,0,.87); font-size: 12px; width: 39px; border-radius: 50%; } .dx-calendar-view-decade .dx-calendar-cell span, .dx-calendar-view-year .dx-calendar-cell span { line-height: 400%; width: 48px; } .dx-calendar-view-century .dx-calendar-cell span { line-height: 200%; width: 48px; } .dx-calendar-cell span { display: inline-block; width: 32px; line-height: 32px; border-radius: 50%; } .dx-calendar-cell.dx-calendar-today { font-weight: 700; color: #03a9f4; } .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date):not(.dx-calendar-empty-cell), .dx-calendar-cell.dx-state-hover { color: rgba(0,0,0,.87); } .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date):not(.dx-calendar-empty-cell) span, .dx-calendar-cell.dx-state-hover span { background-color: rgba(0,0,0,.04); } .dx-calendar-cell.dx-calendar-empty-cell, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover, .dx-calendar-cell.dx-calendar-other-view, .dx-calendar-cell.dx-calendar-other-view.dx-state-active, .dx-calendar-cell.dx-calendar-other-view.dx-state-hover { color: rgba(125,125,125,.87); } .dx-calendar-cell.dx-calendar-empty-cell { cursor: default; color: rgba(0,0,0,.25); } .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover:not(.dx-calendar-selected-date) { color: rgba(0,0,0,.25); } .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover:not(.dx-calendar-selected-date) span { background-color: transparent; } .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) span { background-color: rgba(96,96,96,.2); } .dx-calendar-cell.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today span { color: #fff; background-color: #03a9f4; font-weight: 400; } .dx-invalid.dx-calendar { border-color: rgba(244,67,54,.4); } .dx-invalid.dx-calendar.dx-state-focused { border-color: #f44336; } .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button { margin: 0; } .dx-texteditor input[type=date]::-webkit-inner-spin-button { height: 20px; } .dx-datebox-native.dx-state-focused.dx-texteditor-empty .dx-placeholder { display: none; } .dx-datebox { max-width: 100%; } .dx-datebox .dx-texteditor-input::-webkit-datetime-edit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-datebox.dx-texteditor-empty input::-webkit-datetime-edit { color: transparent; } .dx-datebox.dx-texteditor-empty.dx-state-focused input::-webkit-datetime-edit { color: inherit; } .dx-datebox-wrapper .dx-popup-content { padding-top: 20px; padding-bottom: 20px; } .dx-rtl .dx-texteditor-input { text-align: right; } .dx-datebox-button-cell .dx-button { min-width: 90px; } .dx-datebox-button-cell .dx-button.dx-datebox-apply-button { margin-right: 10px; margin-left: 0; } .dx-datebox-button-cell .dx-button.dx-datebox-cancel-button { margin-right: 0; margin-left: 0; } .dx-datebox-buttons-container { text-align: right; width: 100%; } .dx-timeview-clock { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22200px%22%20height%3D%22200px%22%20viewBox%3D%220%200%20200%20200%22%20style%3D%22enable-background%3Anew%200%200%20200%20200%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%20%09.st1%7Bfill%3A%237A7A7A%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%22100%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M98.2%2C17h-0.9v-5.6H96v-0.6l2.2-0.2C98.2%2C10.6%2C98.2%2C17%2C98.2%2C17z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M104.9%2C17h-4.1v-0.6l2.1-2.3c0.4-0.4%2C0.6-0.8%2C0.8-1c0.1-0.2%2C0.2-0.5%2C0.2-0.8s-0.1-0.6-0.3-0.8%0A%09%09c-0.2-0.2-0.4-0.3-0.7-0.3c-0.4%2C0-0.8%2C0.1-1%2C0.3s-0.3%2C0.5-0.3%2C1h-0.8l0%2C0c0-0.6%2C0.2-1%2C0.5-1.4s0.9-0.6%2C1.6-0.6c0.6%2C0%2C1%2C0.2%2C1.4%2C0.5%0A%09%09c0.3%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.7-0.3%2C1c-0.2%2C0.4-0.5%2C0.7-0.9%2C1.1l-1.7%2C1.8l0%2C0h3.1L104.9%2C17L104.9%2C17z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M181.4%2C97.4h0.8c0.4%2C0%2C0.7-0.1%2C0.8-0.3c0.2-0.2%2C0.2-0.5%2C0.2-0.8c0-0.4-0.1-0.6-0.3-0.8s-0.5-0.3-0.8-0.3%0A%09%09s-0.6%2C0.1-0.8%2C0.3c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.8h-0.8l0%2C0c0-0.5%2C0.2-0.9%2C0.5-1.2c0.4-0.3%2C0.8-0.5%2C1.4-0.5c0.6%2C0%2C1.1%2C0.2%2C1.4%2C0.5%0A%09%09c0.4%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.5-0.2%2C0.8c-0.2%2C0.3-0.4%2C0.5-0.7%2C0.6c0.4%2C0.1%2C0.7%2C0.3%2C0.8%2C0.6c0.2%2C0.3%2C0.2%2C0.6%2C0.2%2C0.9%0A%09%09c0%2C0.6-0.2%2C1-0.6%2C1.4c-0.4%2C0.3-0.9%2C0.5-1.5%2C0.5s-1.1-0.2-1.4-0.5c-0.4-0.3-0.6-0.7-0.6-1.3l0%2C0h0.8c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.8%0A%09%09c0.2%2C0.2%2C0.5%2C0.3%2C0.9%2C0.3s0.7-0.1%2C0.9-0.3c0.2-0.2%2C0.3-0.5%2C0.3-0.9s-0.1-0.7-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3h-0.8v-0.7H181.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M16%2C100.4c0.4%2C0%2C0.8-0.2%2C1-0.5c0.3-0.3%2C0.4-0.8%2C0.4-1.4v-0.3c-0.1%2C0.2-0.3%2C0.4-0.5%2C0.5s-0.5%2C0.2-0.7%2C0.2%0A%09%09c-0.6%2C0-1.1-0.2-1.5-0.6s-0.5-0.9-0.5-1.6c0-0.6%2C0.2-1.2%2C0.6-1.6c0.4-0.4%2C0.9-0.6%2C1.4-0.6c0.7%2C0%2C1.2%2C0.2%2C1.6%2C0.6s0.6%2C1%2C0.6%2C1.8v1.5%0A%09%09c0%2C0.8-0.2%2C1.5-0.6%2C1.9s-1%2C0.7-1.6%2C0.7c-0.2%2C0-0.5%2C0-0.7-0.1c-0.2%2C0-0.4-0.1-0.6-0.2L15%2C100c0.2%2C0.1%2C0.4%2C0.2%2C0.5%2C0.2%0A%09%09C15.5%2C100.4%2C15.7%2C100.4%2C16%2C100.4z%20M16.1%2C98.2c0.3%2C0%2C0.6-0.1%2C0.8-0.2c0.2-0.1%2C0.4-0.3%2C0.5-0.5v-0.6c0-0.6-0.1-1-0.3-1.3%0A%09%09c-0.2-0.3-0.5-0.4-0.9-0.4c-0.3%2C0-0.6%2C0.1-0.8%2C0.4s-0.3%2C0.6-0.3%2C1.1c0%2C0.4%2C0.1%2C0.8%2C0.3%2C1.1C15.5%2C98%2C15.7%2C98.2%2C16.1%2C98.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M174.7%2C136.8h0.9v0.7h-0.9v1.5h-0.9v-1.5H171V137l2.8-4.4h0.9V136.8z%20M171.9%2C136.8h2v-3l0%2C0l-0.1%2C0.2%0A%09%09L171.9%2C136.8z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M175.4%2C60h-4.1v-0.6l2.1-2.3c0.4-0.4%2C0.6-0.8%2C0.8-1c0.1-0.2%2C0.2-0.5%2C0.2-0.8s-0.1-0.6-0.3-0.8%0A%09%09s-0.4-0.3-0.7-0.3c-0.4%2C0-0.8%2C0.1-1%2C0.3s-0.3%2C0.5-0.3%2C1h-0.8l0%2C0c0-0.6%2C0.2-1%2C0.5-1.4s0.9-0.6%2C1.6-0.6c0.6%2C0%2C1%2C0.2%2C1.4%2C0.5%0A%09%09c0.3%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.7-0.3%2C1c-0.2%2C0.4-0.5%2C0.7-0.9%2C1.1l-1.7%2C1.8l0%2C0h3.1V60H175.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M30.2%2C134.3c0%2C0.3-0.1%2C0.6-0.3%2C0.9c-0.2%2C0.3-0.4%2C0.4-0.8%2C0.6c0.4%2C0.1%2C0.7%2C0.3%2C0.9%2C0.6c0.2%2C0.3%2C0.3%2C0.6%2C0.3%2C1%0A%09%09c0%2C0.6-0.2%2C1-0.6%2C1.4c-0.4%2C0.3-0.9%2C0.5-1.5%2C0.5s-1.1-0.2-1.5-0.5s-0.6-0.8-0.6-1.4c0-0.4%2C0.1-0.7%2C0.3-1s0.5-0.5%2C0.9-0.6%0A%09%09c-0.3-0.1-0.6-0.3-0.8-0.6c-0.2-0.3-0.3-0.5-0.3-0.9c0-0.6%2C0.2-1%2C0.5-1.3s0.8-0.5%2C1.4-0.5s1%2C0.2%2C1.4%2C0.5%0A%09%09C30%2C133.3%2C30.2%2C133.7%2C30.2%2C134.3z%20M29.5%2C137.2c0-0.3-0.1-0.6-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3s-0.7%2C0.1-0.9%2C0.3%0A%09%09c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.9s0.1%2C0.6%2C0.3%2C0.9c0.2%2C0.2%2C0.5%2C0.3%2C0.9%2C0.3s0.7-0.1%2C0.9-0.3S29.5%2C137.6%2C29.5%2C137.2z%20M29.3%2C134.3%0A%09%09c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3%2C0-0.6%2C0.1-0.7%2C0.3c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.8s0.1%2C0.6%2C0.3%2C0.8%0A%09%09c0.2%2C0.2%2C0.4%2C0.3%2C0.8%2C0.3c0.3%2C0%2C0.6-0.1%2C0.7-0.3S29.3%2C134.6%2C29.3%2C134.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M26.2%2C60h-0.9v-5.6H24v-0.6l2.2-0.2C26.2%2C53.6%2C26.2%2C60%2C26.2%2C60z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M32.8%2C57.6c0%2C0.8-0.2%2C1.4-0.5%2C1.9c-0.4%2C0.4-0.9%2C0.7-1.5%2C0.7s-1.1-0.2-1.5-0.7s-0.5-1.1-0.5-1.9V56%0A%09%09c0-0.8%2C0.2-1.4%2C0.5-1.9c0.4-0.4%2C0.9-0.7%2C1.5-0.7s1.1%2C0.2%2C1.5%2C0.7c0.4%2C0.4%2C0.5%2C1.1%2C0.5%2C1.9V57.6z%20M32%2C55.9c0-0.6-0.1-1-0.3-1.2%0A%09%09c-0.2-0.3-0.5-0.4-0.9-0.4s-0.7%2C0.1-0.9%2C0.4c-0.2%2C0.3-0.3%2C0.7-0.3%2C1.2v1.9c0%2C0.6%2C0.1%2C1%2C0.3%2C1.3c0.2%2C0.3%2C0.5%2C0.4%2C0.9%2C0.4%0A%09%09s0.7-0.1%2C0.9-0.4c0.2-0.3%2C0.3-0.7%2C0.3-1.3V55.9z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M140.5%2C169.1l0.4-3.5h3.2v0.8h-2.5l-0.2%2C1.8c0.1-0.1%2C0.3-0.2%2C0.5-0.2c0.2-0.1%2C0.4-0.1%2C0.6-0.1%0A%09%09c0.6%2C0%2C1.1%2C0.2%2C1.4%2C0.6c0.3%2C0.4%2C0.5%2C0.9%2C0.5%2C1.6c0%2C0.6-0.2%2C1.2-0.5%2C1.5c-0.3%2C0.4-0.8%2C0.6-1.5%2C0.6c-0.5%2C0-1-0.1-1.4-0.4%0A%09%09c-0.4-0.3-0.5-0.7-0.5-1.3l0%2C0h0.8c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.8s0.5%2C0.3%2C0.8%2C0.3c0.4%2C0%2C0.7-0.1%2C0.9-0.4c0.2-0.3%2C0.3-0.6%2C0.3-1.1%0A%09%09c0-0.4-0.1-0.7-0.3-1s-0.5-0.4-0.8-0.4s-0.6%2C0.1-0.7%2C0.2c-0.2%2C0.1-0.3%2C0.3-0.3%2C0.5L140.5%2C169.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M142.7%2C29h-0.9v-5.6h-1.3v-0.6l2.2-0.2V29z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M61.4%2C166.3c-0.8%2C0.9-1.3%2C1.7-1.6%2C2.4s-0.5%2C1.6-0.6%2C2.6l-0.1%2C0.7h-0.9l0.1-0.7c0.1-1%2C0.4-1.9%2C0.7-2.7%0A%09%09s0.8-1.6%2C1.5-2.3H57v-0.7h4.3L61.4%2C166.3L61.4%2C166.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M57.2%2C29h-0.9v-5.6H55v-0.6l2.2-0.2V29z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M62.2%2C29h-0.9v-5.6H60v-0.6l2.2-0.2V29z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M100.7%2C180.5c0.2%2C0%2C0.4%2C0%2C0.7%2C0.1c0.2%2C0%2C0.4%2C0.1%2C0.5%2C0.2l-0.2%2C0.7c-0.1-0.1-0.3-0.1-0.5-0.2%0A%09%09c-0.2%2C0-0.3-0.1-0.6-0.1c-0.5%2C0-0.8%2C0.2-1.1%2C0.5c-0.3%2C0.4-0.4%2C0.8-0.4%2C1.4v0.1c0.2-0.2%2C0.4-0.3%2C0.6-0.4c0.2-0.1%2C0.5-0.1%2C0.8-0.1%0A%09%09c0.6%2C0%2C1%2C0.2%2C1.4%2C0.6c0.3%2C0.4%2C0.5%2C0.9%2C0.5%2C1.5c0%2C0.7-0.2%2C1.2-0.5%2C1.6c-0.4%2C0.4-0.8%2C0.6-1.4%2C0.6s-1.1-0.2-1.6-0.7s-0.6-1.1-0.6-1.9%0A%09%09v-1.2c0-0.8%2C0.2-1.5%2C0.7-2S100%2C180.5%2C100.7%2C180.5z%20M100.4%2C183.4c-0.3%2C0-0.5%2C0.1-0.8%2C0.2c-0.2%2C0.1-0.4%2C0.3-0.5%2C0.5v0.5%0A%09%09c0%2C0.6%2C0.1%2C1%2C0.4%2C1.4s0.6%2C0.5%2C0.9%2C0.5c0.4%2C0%2C0.6-0.1%2C0.8-0.5c0.2-0.3%2C0.3-0.7%2C0.3-1.1c0-0.4-0.1-0.8-0.3-1%0A%09%09C101.1%2C183.5%2C100.8%2C183.4%2C100.4%2C183.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%226%22%20fill%3D%22%2303a9f4%22%2F%3E%0A%3C%2Fsvg%3E%0A"); position: relative; } .dx-timeview-hourarrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%223px%22%20height%3D%2250px%22%20viewBox%3D%220%200%203%2050%22%20style%3D%22enable-background%3Anew%200%200%203%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20width%3D%223%22%20height%3D%2250%22%20fill%3D%22%2303a9f4%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-timeview .dx-state-disabled .dx-widget, .dx-timeview .dx-state-disabled.dx-widget, .dx-timeview.dx-state-disabled .dx-widget, .dx-timeview.dx-state-disabled.dx-widget { opacity: 1; } .dx-timeview-hourarrow, .dx-timeview-minutearrow { position: absolute; left: 50%; width: 30px; height: 50%; margin-left: -15px; background-position: bottom; background-repeat: no-repeat; transform-origin: 50% 100%; -webkit-backface-visibility: hidden; } .dx-timeview { height: auto; width: auto; background-color: #f2f2f2; } .dx-timeview-clock { min-height: 260px; min-width: 260px; background-size: 215px; background-repeat: no-repeat; background-position: 50% 50%; } .dx-timeview-hourarrow { background-size: 5px 57px; } .dx-timeview-minutearrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%222px%22%20height%3D%2268px%22%20viewBox%3D%220%200%202%2068%22%20style%3D%22enable-background%3Anew%200%200%202%2068%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20width%3D%222%22%20height%3D%2268%22%20fill%3D%22%2303a9f4%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-size: 5px 79px; } .dx-timeview-format12 { width: 74px; margin-left: 5px; margin-right: auto; } .dx-rtl .dx-timeview-format12, .dx-timeview-format12.dx-rtl { margin-left: auto; margin-right: 5px; } .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input { padding-right: 0; } .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input { padding-left: 0; } .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button { margin-right: 0; } .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button, .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button.dx-rtl { margin-left: 0; } .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-container .dx-texteditor-input, .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-container .dx-texteditor-input, .dx-rtl.dx-timeview-format12.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-container .dx-texteditor-input, .dx-rtl.dx-timeview-format12.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-container .dx-texteditor-input { padding-right: 12px; } .dx-timeview-time-separator { margin: 0 5px; } .dx-timeview-field { min-height: 35px; } .dx-timeview-field .dx-numberbox { width: 74px; } .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly { width: 110px; } .dx-dateview-item { margin: 0; height: 40px; line-height: 40px; text-align: center; font-size: 1.3em; color: rgba(0,0,0,.87); } .dx-dateview-rollers { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; flex-flow: row nowrap; } .dx-dateview-item-selected-border, .dx-dateviewroller-day .dx-dateview-name-formatter, .dx-dateviewroller-month .dx-dateview-value-formatter { display: none; } .dx-dateview-rollers { width: auto; text-align: center; display: block; } .dx-dateviewroller-current .dx-dateview-item { transition: font-size .2s ease-out; } .dx-dateviewroller { position: relative; vertical-align: top; cursor: pointer; flex: 1 1 auto; min-width: 4em; text-align: center; display: inline-block; } .dx-dateviewroller .dx-button { display: none; } .dx-dateviewroller .dx-scrollable-content::after, .dx-dateviewroller .dx-scrollable-content::before { content: ""; height: 71px; display: block; } .dx-dateviewroller .dx-scrollable-container { height: 182px; } .dx-dateviewroller.dx-dateviewroller-year { min-width: 4.85em; } .dx-dateviewroller.dx-state-active .dx-button { display: none; } .dx-dateviewroller-month { min-width: 12em; } .dx-dateviewroller-hours::after { content: ":"; font-size: 2.2em; position: absolute; right: -9%; font-weight: 700; top: 37%; color: rgba(0,0,0,.87); } .dx-dateviewroller-hours .dx-dateview-item-selected-frame { padding-left: 20%; } .dx-dateviewroller-minutes .dx-dateview-item-selected-frame { width: 80%; } .dx-dateview-item-selected { font-size: 1.8em; color: #03a9f4; } .dx-rtl.dx-dateviewroller-hours::after { left: -9%; right: auto; } .dx-dateview-item-selected-frame { position: absolute; top: 71px; width: 100%; } .dx-dateview-item-selected-frame::after, .dx-dateview-item-selected-frame::before { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; content: ""; display: block; width: 100%; position: absolute; height: 71px; } .dx-dateview-item-selected-frame::before { top: -71px; background-repeat: no-repeat; background-image: linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 60%); } .dx-dateview-item-selected-frame::after { top: 40px; background-repeat: no-repeat; background-image: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 60%); } .dx-device-phone .dx-dateview-rollers, .dx-device-tablet .dx-dateview-rollers { display: flex; flex-flow: row nowrap; } .dx-device-phone .dx-dateviewroller-month, .dx-device-tablet .dx-dateviewroller-month { min-width: 4em; } .dx-device-phone .dx-dateview-item, .dx-device-tablet .dx-dateview-item { font-size: 1.1em; } .dx-device-phone .dx-dateview-item-selected, .dx-device-tablet .dx-dateview-item-selected { font-size: 1.4em; } .dx-datebox-wrapper .dx-popup-title { min-height: 10px; border-bottom: none; background: 0 0; } .dx-datebox-wrapper .dx-item { border: none; } .dx-datebox-wrapper .dx-popup-bottom .dx-button { width: auto; } .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content { margin: 0 34px; } .dx-datebox-wrapper-list .dx-overlay-content { border-top: none; } .dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content { padding: 10px; } .dx-datebox-calendar .dx-dropdowneditor-icon { font: 24px/24px DXIcons; width: 24px; height: 100%; text-align: center; } .dx-datebox-calendar .dx-dropdowneditor-icon::before { content: ""; position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-datebox-calendar.dx-dropdowneditor-active.dx-editor-filled { background: rgba(0,0,0,.07); } .dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon { opacity: 1; } .dx-datebox-wrapper-calendar .dx-popup-content { padding: 0; } .dx-datebox-wrapper-calendar .dx-calendar { border: none; margin: 10px; } .dx-datebox-wrapper-calendar .dx-datebox-container-cell { margin-right: 10px; margin-bottom: 10px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-right: 5px; margin-bottom: 5px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { padding: 10px; } .dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin: 0 5px 5px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell { margin-top: -1px; margin-right: 10px; } @media (max-width:320px) { .dx-datebox-wrapper-calendar .dx-calendar { margin: 18px; } } .dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button { margin-right: 5px; margin-left: 0; } .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-left: 5px; margin-right: 10px; } .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin-right: 5px; margin-left: 10px; } .dx-datebox-list .dx-dropdowneditor-icon { font: 24px/24px DXIcons; width: 24px; height: 100%; text-align: center; } .dx-datebox-list .dx-dropdowneditor-icon::before { content: ""; position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-datebox-wrapper-list .dx-popup-content { padding: 0; } .dx-datebox input[type=date] { line-height: normal; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input { padding-right: 38px; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 38px; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input, .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input { padding-right: 50px; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding-right: 12px; padding-left: 50px; } .dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input { min-height: 33px; } .dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content { margin: 0; } .dx-dropdownlist-popup-wrapper { height: 100%; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content { box-shadow: 0 2px 7px rgba(0,0,0,.2); border-top-width: 0; border-bottom-width: 1px; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-dropdownlist-popup-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-dropdownlist-popup-wrapper .dx-list { height: 100%; min-height: 48px; } .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 14px 15px; } .dx-dropdownlist-popup-wrapper .dx-list-select-all { padding: 16px 0 12px; } .dx-dropdownlist-popup-wrapper .dx-empty-message, .dx-dropdownlist-popup-wrapper .dx-list-item { border-top: 0; } .dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type, .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-autocomplete.dx-invalid .dx-texteditor-buttons-container::after, .dx-autocomplete.dx-valid .dx-texteditor-buttons-container::after { right: 16px; } .dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-buttons-container::after, .dx-rtl .dx-autocomplete.dx-valid .dx-texteditor-buttons-container::after, .dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-buttons-container::after, .dx-rtl.dx-autocomplete.dx-valid .dx-texteditor-buttons-container::after { left: 16px; } .dx-autocomplete.dx-validation-pending .dx-texteditor-buttons-container .dx-pending-indicator { right: 16px; } .dx-rtl .dx-autocomplete.dx-validation-pending .dx-texteditor-buttons-container .dx-pending-indicator, .dx-rtl.dx-autocomplete.dx-validation-pending .dx-texteditor-buttons-container .dx-pending-indicator { left: 16px; } .dx-loadindicator { width: 32px; height: 32px; display: inline-block; overflow: hidden; border: none; background-color: transparent; line-height: 100%; } .dx-loadindicator-wrapper { width: 100%; height: 100%; font-size: 32px; margin: auto; } .dx-loadindicator-image { background-size: contain; transform-origin: 50% 50%; background-position: 50%; background-repeat: no-repeat; background-image: url("data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7"); } .dx-loadindicator-icon-custom { position: relative; width: 100%; height: 100%; background-size: 100% 100%; transform-origin: 50% 50%; animation: 1.5s linear infinite dx-loadindicator-icon-custom-rotate; } @keyframes dx-loadindicator-icon-custom-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } .dx-loadindicator-container > .dx-loadindicator { top: 50%; left: 50%; position: absolute; margin-top: -16px; margin-left: -16px; } .dx-loadindicator-container > .dx-loadindicator.dx-loadindicator { margin-top: -16px; margin-left: -16px; } .dx-loadindicator-content { position: relative; height: 100%; width: 100%; animation: 1568ms linear infinite dx-content-rotation; } .dx-loadindicator-image .dx-loadindicator-content { animation: none; } .dx-loadindicator-icon { direction: ltr; position: absolute; height: 100%; width: 100%; animation: 5332ms cubic-bezier(.4,0,.2,1) infinite both dx-icon-rotation; } .dx-loadindicator-segment { height: 100%; width: 100%; position: absolute; } .dx-loadindicator-segment-inner { position: relative; height: 100%; border-color: #03a9f4 #03a9f4 transparent; border-width: .12em; border-style: solid; animation: none; border-radius: 50%; } .dx-loadindicator-segment0, .dx-loadindicator-segment2 { width: 50%; height: 100%; overflow: hidden; } .dx-loadindicator-segment0 .dx-loadindicator-segment-inner, .dx-loadindicator-segment2 .dx-loadindicator-segment-inner { width: 200%; } .dx-loadindicator-segment2 { left: 0; } .dx-loadindicator-segment2 .dx-loadindicator-segment-inner { border-right-color: transparent; transform: rotate(-129deg); animation: 1333ms cubic-bezier(.4,0,.2,1) infinite both dx-left-segment-rotation; } .dx-loadindicator-segment0 { right: 0; } .dx-loadindicator-segment0 .dx-loadindicator-segment-inner { left: -100%; border-left-color: transparent; transform: rotate(129deg); animation: 1333ms cubic-bezier(.4,0,.2,1) infinite both dx-right-segment-rotation; } .dx-loadindicator-segment1 { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; box-sizing: border-box; } .dx-loadindicator-segment1 .dx-loadindicator-segment-inner { width: 1000%; left: -450%; } @keyframes dx-content-rotation { to { transform: rotate(360deg); } } @keyframes dx-icon-rotation { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } to { transform: rotate(1080deg); } } @keyframes dx-left-segment-rotation { from, to { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } } @keyframes dx-right-segment-rotation { from, to { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } } .dx-treeview-loadindicator-wrapper { text-align: center; } .dx-treeview-node-loadindicator { position: absolute; } .dx-treeview { height: 100%; } .dx-treeview .dx-scrollable:focus, .dx-treeview :focus { outline: 0; } .dx-treeview .dx-empty-message { line-height: normal; } .dx-checkbox + .dx-treeview-node-container, .dx-treeview-node-container:first-child { margin: 0; display: block; } .dx-treeview-select-all-item { width: 100%; } .dx-treeview-node-container { list-style-position: inside; padding: 0; margin: 0; display: none; overflow: hidden; } .dx-treeview-node-container.dx-treeview-node-container-opened { display: block; } .dx-treeview-node { list-style-type: none; position: relative; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; } .dx-treeview-node a { text-decoration: none; } .dx-treeview-node .dx-checkbox { position: absolute; margin: 0; } .dx-treeview-item .dx-treeview-item-content span { vertical-align: middle; } .dx-treeview-item.dx-state-disabled { opacity: .5; } .dx-treeview-toggle-item-visibility.dx-state-disabled { cursor: default; } .dx-rtl .dx-treeview-node-container .dx-treeview-node, .dx-rtl .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item, .dx-rtl .dx-treeview-node-container:first-child>.dx-treeview-node { padding-left: 0; } .dx-rtl .dx-treeview-node-container .dx-treeview-node .dx-treeview-item .dx-treeview-item-content > .dx-icon { margin-right: 0; } .dx-rtl .dx-treeview-toggle-item-visibility { left: auto; transform: scaleX(-1); right: 0; } .dx-treeview-node-loadindicator { right: 0; top: 13px; left: 2px; width: 20px; height: 20px; } .dx-rtl .dx-treeview-node .dx-checkbox { left: auto; } .dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item { padding-left: 0; padding-right: 26px; } .dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container { padding-left: 1px; padding-right: 8px; } .dx-rtl .dx-treeview-node { padding-right: 24px; } .dx-rtl .dx-treeview-item .dx-treeview-item-content > .dx-icon { margin-left: 5px; } .dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item { padding-right: 40px; } .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { right: 35px; overflow: visible; } .dx-rtl .dx-treeview-select-all-item { padding-left: 0; padding-right: 35px; } .dx-rtl .dx-treeview-select-all-item .dx-checkbox-text { padding-left: 0; padding-right: 31px; } .dx-treeview-search { margin-bottom: 8px; } .dx-treeview-with-search > .dx-scrollable { height: calc(100% - 41px); } .dx-treeview-border-visible { border: 1px solid #e0e0e0; } .dx-treeview-border-visible .dx-treeview-select-all-item { padding-left: 26px; } .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container { padding: 1px 1px 1px 8px; } .dx-treeview-select-all-item { border-bottom: 1px solid #e0e0e0; padding: 15px 0 15px 35px; } .dx-treeview-select-all-item .dx-checkbox-text { padding-left: 31px; } .dx-treeview-node { padding-left: 24px; } .dx-state-selected > .dx-treeview-item { color: rgba(0,0,0,.87); } .dx-treeview-item-with-checkbox .dx-treeview-item { color: rgba(0,0,0,.87); padding-left: 40px; } .dx-treeview-item-with-checkbox .dx-checkbox { top: 14px; left: 35px; } .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item { color: rgba(0,0,0,.87); background-color: rgba(0,0,0,.12); } .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item.dx-state-hover:not(.dx-state-focused) { background-color: rgba(0,0,0,.14); } .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item { background-color: rgba(0,0,0,.04); color: rgba(0,0,0,.87); } .dx-treeview-item { display: block; cursor: pointer; padding: 13px 8px; min-height: 48px; line-height: 22px; } .dx-treeview-item .dx-treeview-item-content > .dx-icon { display: inline-block; vertical-align: middle; margin-right: 5px; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; } .dx-treeview-item.dx-state-hover { background-color: rgba(0,0,0,.04); color: rgba(0,0,0,.87); } .dx-treeview-toggle-item-visibility { position: absolute; cursor: pointer; font: 24px/24px DXIcons; text-align: center; color: rgba(0,0,0,.54); width: 24px; height: 48px; top: 0; left: 0; } .dx-treeview-toggle-item-visibility::before { content: ""; position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened { font: 24px/24px DXIcons; text-align: center; } .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before { content: ""; position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-menu-base .dx-menu-item-wrapper, .dx-menu-base .dx-menu-items-container { margin: 0; padding: 0; border: 0; outline: 0; } .dx-menu-base .dx-menu-items-container { list-style-type: none; display: inline-block; white-space: nowrap; cursor: pointer; } .dx-menu-base .dx-state-disabled, .dx-menu-base.dx-state-disabled .dx-menu-items-container { cursor: default; } .dx-menu-base .dx-menu-item { display: inline-block; position: relative; height: 100%; width: 100%; } .dx-menu-base .dx-menu-item.dx-state-disabled { opacity: .5; } .dx-menu-base .dx-menu-item .dx-menu-item-content { white-space: nowrap; height: 100%; width: 100%; line-height: 24px; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon { display: inline-block; vertical-align: middle; border: 0; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text { display: inline; vertical-align: middle; overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container { position: absolute; top: 0; right: 0; bottom: 0; width: 2em; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { height: 100%; } .dx-menu-base.dx-rtl { text-align: right; } .dx-menu-base.dx-rtl .dx-menu-item-popout-container { left: 0; right: auto; } .dx-menu-item { color: rgba(117,117,117,.87); } .dx-menu-item.dx-state-focused, .dx-menu-item.dx-state-hover { background-color: rgba(0,0,0,.04); } .dx-menu-item-selected { background-color: rgba(224,224,224,.87); color: rgba(0,0,0,.87); } .dx-menu-item-selected.dx-state-focused { background-color: rgba(0,0,0,.7); } .dx-menu-item-expanded, .dx-menu-item-expanded.dx-state-focused, .dx-menu-item-expanded.dx-state-hover { color: rgba(117,117,117,.87); background-color: rgba(224,224,224,.87); } .dx-menu-base { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; text-align: left; color: rgba(0,0,0,.87); font-weight: 400; font-size: 14px; font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-menu-base input, .dx-menu-base textarea { font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-menu-base.dx-state-focused { outline: 0; } .dx-menu-base .dx-icon { width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout { min-width: 7px; min-height: 7px; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon { margin-left: auto; margin-right: auto; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container { margin-left: 0; margin-right: auto; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { transform: scaleX(-1); } .dx-menu { position: relative; color: rgba(117,117,117,.87); } .dx-menu-horizontal { height: 100%; } .dx-menu-horizontal::after { height: 100%; display: inline-block; content: ""; vertical-align: middle; } .dx-menu-horizontal .dx-menu-item-wrapper { display: inline-block; } .dx-menu-horizontal .dx-menu-separator { display: inline-block; margin: 0 15px 0 0; } .dx-menu-vertical { height: 100%; } .dx-menu-vertical::after { height: 100%; display: inline-block; content: ""; vertical-align: middle; } .dx-menu-vertical .dx-menu-item-wrapper { display: block; } .dx-menu-vertical .dx-menu-separator { margin: 0 0 15px; } .dx-rtl.dx-menu { text-align: right; } .dx-context-menu-container-border { top: 0; right: 0; bottom: 0; left: 0; position: absolute; } .dx-context-menu-content-delimiter { position: absolute; display: none; z-index: 2000; cursor: pointer; } .dx-rtl .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility, .dx-rtl.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility { left: 0; right: auto; } .dx-menu-adaptive-mode .dx-treeview-item { cursor: pointer; } .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node { padding: 1px; border-bottom: 1px solid #e0e0e0; } .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content { padding-left: 15px; } .dx-rtl .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content, .dx-rtl.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content { padding-right: 15px; } .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node:last-child { border-bottom: none; } .dx-menu-adaptive-mode-overlay-wrapper { display: flex; flex-flow: row wrap; } .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content { display: flex; } .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content .dx-treeview { height: auto; flex: 1 1 auto; } .dx-context-menu-container-border, .dx-context-menu-content-delimiter { background-color: transparent; } .dx-menu .dx-menu-item { font-size: 13px; border-radius: 4px; } .dx-menu .dx-menu-item .dx-menu-item-content { padding: 7px 16px 8px; } .dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container { width: 0; } .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin-right: 24px; } .dx-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin-left: 24px; margin-right: 0; } .dx-menu-adaptive-mode { background-color: #fff; } .dx-menu-adaptive-mode .dx-treeview { border: 1px solid #e0e0e0; border-radius: 4px; } .dx-menu-adaptive-mode .dx-treeview, .dx-menu-adaptive-mode .dx-treeview.dx-state-focused { box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility { left: auto; right: 0; font-size: 18px; } .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility { color: inherit; } .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility { color: #fff; } .dx-selectbox { cursor: pointer; } .dx-selectbox .dx-texteditor-input { max-width: 100%; } .dx-selectbox .dx-texteditor-input:read-only { cursor: pointer; } .dx-selectbox-container { position: relative; } .dx-state-disabled .dx-selectbox .dx-texteditor-input, .dx-state-disabled.dx-selectbox .dx-texteditor-input { cursor: default; } .dx-selectbox-popup-wrapper .dx-overlay-content { box-shadow: 0 2px 7px rgba(0,0,0,.2); } .dx-selectbox-popup-wrapper .dx-popup-content { padding: 0; } .dx-selectbox-popup-wrapper .dx-list { background-color: #fff; } .dx-toolbar .dx-button-content::after { display: none; } .dx-device-mobile .dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container, .dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container { height: 100%; } .dx-device-mobile .dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container .dx-toolbar-before, .dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container .dx-toolbar-before { position: relative; } .dx-device-mobile .dx-toolbar.dx-toolbar-multiline .dx-toolbar-item, .dx-toolbar.dx-toolbar-multiline .dx-toolbar-item { display: inline-block; } .dx-toolbar .dx-button .dx-icon { box-sizing: content-box; } .dx-toolbar-items-container { position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-toolbar-item { display: table-cell; padding: 0 5px; vertical-align: middle; box-sizing: content-box; } .dx-toolbar-item .dx-tabs { table-layout: auto; } .dx-toolbar-item img { display: block; } .dx-toolbar-menu-container { display: table-cell; padding: 0 5px; vertical-align: middle; box-sizing: content-box; } .dx-toolbar-menu-container .dx-tabs { table-layout: auto; } .dx-toolbar-menu-container img { display: block; } .dx-toolbar-group { float: left; margin: 0 10px; } .dx-toolbar-after, .dx-toolbar-before { position: absolute; } .dx-toolbar-center:empty { display: none; } .dx-toolbar-before { left: 0; } .dx-toolbar-after { right: 0; } .dx-toolbar-label { white-space: nowrap; -webkit-user-drag: none; } .dx-toolbar-label .dx-toolbar-item-content > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-toolbar-label > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 -5px; padding: 0 5px; } .dx-toolbar-center { margin: 0 auto; text-align: center; } .dx-toolbar-after, .dx-toolbar-before, .dx-toolbar-center { top: 0; display: table; height: 100%; } .dx-rtl .dx-toolbar-before { right: 0; left: auto; } .dx-rtl .dx-toolbar-after { right: auto; left: 0; } .dx-toolbar-menu-section:empty { display: none; } .dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button > .dx-list-item-content { padding: 0; } .dx-toolbar-menu-section.dx-toolbar-menu-last-section { border-bottom: none; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button { border: none; background: 0 0; margin: 0; width: 100%; text-align: left; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-text { line-height: normal; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content { text-align: left; } .dx-rtl .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content, .dx-rtl.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content { text-align: right; } .dx-toolbar-text-auto-hide .dx-button .dx-button-text { display: none; } .dx-toolbar-item-content > .dx-texteditor { width: 150px; } .dx-toolbar-item-invisible { display: none; } .dx-toolbar-hidden-button-group.dx-state-hover { background-color: transparent; } .dx-toolbar-hidden-button-group .dx-list-item-content, .dx-toolbar-hidden-button-group .dx-list-item-content .dx-toolbar-item-auto-hide { padding: 0; } .dx-toolbar-hidden-button-group .dx-buttongroup { width: 100%; } .dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper { flex-direction: column; } .dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper .dx-buttongroup-item { border: none; text-align: left; } .dx-rtl .dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper .dx-buttongroup-item, .dx-rtl.dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper .dx-buttongroup-item { text-align: right; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list { min-height: 0; min-width: 100px; border-radius: 8px; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item { display: block; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item:last-of-type { border-bottom: none; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item-content { display: block; } .dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content { padding: 1px; } .dx-dropdownmenu-popup-wrapper .dx-list-item { display: block; border-top: 0; } .dx-overlay-wrapper.dx-dropdownmenu-popup .dx-overlay-content .dx-popover-arrow { width: 0; height: 0; } .dx-dropdownmenu-popup-wrapper .dx-overlay-content { box-shadow: 0 2px 7px rgba(0,0,0,.2); } .dx-toolbar { width: 100%; background-color: #fff; color: rgba(0,0,0,.87); padding: 0; overflow: visible; } .dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-toolbar .dx-toolbar-after:empty, .dx-toolbar .dx-toolbar-before:empty { padding: 0; } .dx-toolbar .dx-toolbar-items-container { height: 76px; overflow: visible; } .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-rtl.dx-toolbar .dx-toolbar-menu-container, .dx-toolbar .dx-toolbar-item { padding: 0 5px 0 0; } .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-toolbar .dx-toolbar-item { padding: 0 0 0 5px; } .dx-rtl.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-toolbar .dx-toolbar-label { font-size: 20px; font-weight: 500; } .dx-device-mobile .dx-toolbar { padding: 0; overflow: visible; } .dx-device-mobile .dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-device-mobile .dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-device-mobile .dx-toolbar .dx-toolbar-after:empty, .dx-device-mobile .dx-toolbar .dx-toolbar-before:empty { padding: 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-items-container { height: 76px; overflow: visible; } .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-device-mobile .dx-toolbar .dx-toolbar-item, .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 5px 0 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item { padding: 0 0 0 5px; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-label { font-size: 20px; font-weight: 500; } .dx-toolbar.dx-state-disabled { opacity: 1; } .dx-toolbar-after .dx-toolbar-item, .dx-toolbar-after .dx-toolbar-item:last-child { padding: 0 0 0 5px; } .dx-toolbar-after .dx-toolbar-item:first-child { padding: 0; } .dx-rtl .dx-toolbar-after .dx-toolbar-item:first-child { padding-left: 5px; } .dx-device-mobile .dx-toolbar-after .dx-toolbar-item, .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child { padding: 0 0 0 5px; } .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child { padding: 0; } .dx-rtl .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child { padding-left: 5px; } .dx-toolbar-background { background-color: #fff; } .dx-toolbar-menu-section { border-bottom: 1px solid #e0e0e0; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide { padding: 0; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button { height: 48px; padding: 0; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content { padding: 0 16px; } .dx-toolbar-menu-section .dx-button-content { padding: 4px; } .dx-toolbar-menu-section .dx-button-content .dx-icon { color: rgba(0,0,0,.87); width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; } .dx-toolbar-menu-section .dx-toolbar-item-auto-hide { padding: 0 16px; } .dx-toolbar-menu-section .dx-toolbar-item-auto-hide .dx-checkbox { padding: 15px 0; } .dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon { width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; margin-right: 6px; margin-left: 0; } .dx-rtl .dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon, .dx-rtl.dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon, .dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon.dx-icon-right { margin-left: 6px; margin-right: 0; } .dx-rtl .dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon.dx-icon-right, .dx-rtl.dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon.dx-icon-right { margin-right: 6px; margin-left: 0; } .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button { min-width: 36px; } .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-button-content { padding: 6px; } .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon { width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon, .dx-rtl.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon, .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon.dx-button-has-text { border-radius: 50%; } .dx-toolbar-button .dx-menu .dx-menu-item { color: rgba(0,0,0,.87); font-size: 14px; font-weight: 500; height: 36px; } .dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content { padding-top: 7px; padding-bottom: 7px; } .dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin-right: 6px; margin-left: 0; } .dx-rtl .dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon, .dx-rtl.dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon, .dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon.dx-icon-right { margin-left: 6px; margin-right: 0; } .dx-rtl .dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon.dx-icon-right, .dx-rtl.dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon.dx-icon-right { margin-right: 6px; margin-left: 0; } .dx-toolbar-button .dx-menu .dx-menu-item.dx-state-active, .dx-toolbar-button .dx-menu .dx-menu-item.dx-state-focused, .dx-toolbar-button .dx-menu .dx-menu-item.dx-state-hover { background-color: #ebebeb; } .dx-toolbar-menu-action .dx-button.dx-button-has-icon:not(.dx-button-has-text) { border-radius: 0; } .dx-toolbar .dx-tab { padding: 4px; } .dx-toolbar-hidden-button-group { margin-top: 0; margin-bottom: 0; } .dx-toolbar-hidden-button-group .dx-buttongroup-wrapper .dx-buttongroup-item.dx-button { box-shadow: none; } .dx-toolbar-hidden-button-group .dx-buttongroup-wrapper .dx-buttongroup-item.dx-button .dx-button-content { padding: 0 16px; } .dx-popup-draggable .dx-popup-title { cursor: move; touch-action: pinch-zoom; } .dx-overlay-content > .dx-template-wrapper.dx-popup-title { height: auto; width: auto; } .dx-overlay-content .dx-popup-content > .dx-template-wrapper { height: 100%; width: 100%; } .dx-overlay-content .dx-popup-content { box-sizing: content-box; } .dx-popup-flex-height { display: flex; flex-wrap: wrap; } .dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-bottom, .dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-title { width: 100%; } .dx-popup-flex-height .dx-popup-content { box-sizing: border-box; height: auto; flex: 1; max-width: 100%; flex-basis: 100%; } .dx-popup-inherit-height .dx-popup-content>.dx-scrollable, .dx-popup-inherit-height .dx-popup-content>.dx-scrollable>.dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content>.dx-scrollable>.dx-scrollable-wrapper>.dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content>.dx-scrollable>div>.dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content>.dx-scrollable>div>.dx-scrollable-wrapper>.dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content>.dx-treeview>.dx-scrollable, .dx-popup-inherit-height .dx-popup-content>.dx-treeview>.dx-scrollable>.dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content>.dx-treeview>.dx-scrollable>.dx-scrollable-wrapper>.dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content>.dx-treeview>.dx-scrollable>div>.dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content>.dx-treeview>.dx-scrollable>div>.dx-scrollable-wrapper>.dx-scrollable-container { max-height: inherit; min-height: inherit; } .dx-popup-inherit-height .dx-popup-content > .dx-widget { max-height: inherit; } .dx-popup-inherit-height .dx-popup-content>.dx-template-wrapper, .dx-popup-inherit-height .dx-popup-content>.dx-template-wrapper>.dx-scrollable, .dx-popup-inherit-height .dx-popup-content>.dx-template-wrapper>.dx-scrollable>.dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content>.dx-template-wrapper>.dx-scrollable>.dx-scrollable-wrapper>.dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content>.dx-template-wrapper>.dx-scrollable>div>.dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content>.dx-template-wrapper>.dx-scrollable>div>.dx-scrollable-wrapper>.dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content>.dx-template-wrapper>.dx-treeview>.dx-scrollable, .dx-popup-inherit-height .dx-popup-content>.dx-template-wrapper>.dx-treeview>.dx-scrollable>.dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content>.dx-template-wrapper>.dx-treeview>.dx-scrollable>.dx-scrollable-wrapper>.dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content>.dx-template-wrapper>.dx-treeview>.dx-scrollable>div>.dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content>.dx-template-wrapper>.dx-treeview>.dx-scrollable>div>.dx-scrollable-wrapper>.dx-scrollable-container { max-height: inherit; min-height: inherit; } .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-widget { max-height: inherit; } .dx-dialog-root .dx-overlay-shader { background-color: #444; } .dx-prevent-safari-scrolling { position: fixed; margin: 0; left: 0; right: 0; top: 0; } .dx-popup-wrapper > .dx-overlay-content { background: #fff; box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12); border-radius: 4px; } .dx-popup-wrapper > .dx-popup-fullscreen { border-radius: 0; } .dx-popup-title { -webkit-user-drag: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; white-space: normal; position: relative; padding: 0 8px 0 24px; min-height: 28px; border-bottom: 1px solid #e0e0e0; background: 0 0; color: rgba(0,0,0,.87); } .dx-popup-title.dx-toolbar { padding: 0 8px 0 24px; overflow: visible; box-shadow: none; } .dx-popup-title.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-popup-title.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-popup-title.dx-toolbar .dx-toolbar-after:empty, .dx-popup-title.dx-toolbar .dx-toolbar-before:empty { padding: 0; } .dx-popup-title.dx-toolbar .dx-toolbar-items-container { height: 76px; overflow: visible; } .dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 8px; } .dx-popup-title.dx-toolbar .dx-toolbar-item, .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 8px 0 0; } .dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item { padding: 0 0 0 8px; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-popup-title.dx-toolbar .dx-toolbar-label { font-size: 20px; font-weight: 500; } .dx-popup-title.dx-toolbar .dx-button.dx-closebutton { display: block; } .dx-popup-content { -webkit-user-drag: none; padding: 24px; } .dx-popup-content > .dx-button { margin: 0 8px; } .dx-popup-bottom { background: 0 0; color: rgba(0,0,0,.87); } .dx-popup-bottom.dx-toolbar { padding: 0 8px 0 24px; overflow: visible; } .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty, .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty { padding: 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container { height: 52px; overflow: visible; } .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 8px; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 8px 0 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 0 0 8px; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-label { font-size: 20px; font-weight: 500; } .dx-device-mobile .dx-popup-bottom.dx-toolbar { padding: 0 8px 0 24px; overflow: visible; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty, .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty { padding: 0; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container { height: 52px; overflow: visible; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 8px; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 8px 0 0; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 0 0 8px; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-label { font-size: 20px; font-weight: 500; } .dx-popup-content.dx-dialog-content { min-width: 172px; padding: 24px; } .dx-dialog-message { padding: 0; } .dx-rtl .dx-popup-title.dx-toolbar { padding: 0 24px 0 8px; overflow: visible; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-after:empty, .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-before:empty { padding: 0; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-items-container { height: 76px; overflow: visible; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 8px; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item, .dx-rtl.dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 8px 0 0; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item { padding: 0 0 0 8px; } .dx-rtl.dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-label { font-size: 20px; font-weight: 500; } .dx-rtl .dx-popup-bottom.dx-toolbar { padding: 0 24px 0 8px; overflow: visible; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty, .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty { padding: 0; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container { height: 52px; overflow: visible; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 8px; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-rtl.dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 8px 0 0; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 0 0 8px; } .dx-rtl.dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-label { font-size: 20px; font-weight: 500; } .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar { padding: 0 24px 0 8px; overflow: visible; } .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty, .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty { padding: 0; } .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container { height: 52px; overflow: visible; } .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 8px; } .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-rtl.dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 8px 0 0; } .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 0 0 8px; } .dx-rtl.dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-label { font-size: 20px; font-weight: 500; } .dx-dropdownbutton { display: inline-block; } .dx-dropdownbutton-content.dx-popup-content { padding: 0; } .dx-dropdownbutton-content .dx-list .dx-empty-message, .dx-dropdownbutton-content .dx-list .dx-list-item { border: none; } .dx-dropdownbutton-toggle.dx-button .dx-button-content { padding-left: 0; padding-right: 0; } .dx-rtl .dx-dropdownbutton-toggle { border-right-width: 0; } .dx-dropdownbutton-action.dx-button .dx-button-content { padding-left: 10px; padding-right: 4px; } .dx-rtl .dx-dropdownbutton-action.dx-button .dx-button-content { padding-left: 4px; padding-right: 10px; } .dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button .dx-button-content { padding-left: 10px; padding-right: 0; } .dx-rtl .dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button .dx-button-content { padding-left: 0; padding-right: 10px; } .dx-dropdownbutton:not(.dx-dropdownbutton-has-arrow) .dx-button-has-icon:not(.dx-button-has-text) .dx-button-content { padding-left: 5px; padding-right: 5px; } .dx-dropdownbutton:not(.dx-dropdownbutton-has-arrow) .dx-button-has-text.dx-button .dx-button-content { padding-left: 10px; padding-right: 10px; } .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button { border-right-width: 0; border-left-width: 1px; } .dx-rtl .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button { border-right-width: 1px; border-left-width: 0; } .dx-dropdownbutton-toggle { display: flex; flex: 0 0 auto; min-width: 0; height: 100%; } .dx-rtl .dx-dropdownbutton-toggle.dx-button { border-right-width: 0; } .dx-dropdownbutton-toggle .dx-button-content { flex: 0 0 24px; } .dx-dropdownbutton-action { min-width: 0; height: 100%; } .dx-dropdownbutton { height: 36px; } .dx-dropdownbutton .dx-buttongroup-last-item .dx-button-content { padding-right: 0; } .dx-rtl .dx-dropdownbutton .dx-buttongroup-last-item .dx-button-content { padding-left: 0; } .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text, .dx-dropdownbutton .dx-button-has-text { min-width: 0; } .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-button-content, .dx-dropdownbutton .dx-button-has-text .dx-button-content { padding-left: 8px; padding-right: 2px; } .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-button-content .dx-icon.dx-icon-right.dx-icon-spindown, .dx-dropdownbutton .dx-button-has-text .dx-button-content .dx-icon.dx-icon-right.dx-icon-spindown { width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; margin-left: 0; } .dx-rtl .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-button-content, .dx-rtl .dx-dropdownbutton .dx-button-has-text .dx-button-content { padding-left: 2px; padding-right: 8px; } .dx-dropdownbutton:not(.dx-dropdownbutton-has-arrow) .dx-button.dx-button-has-text .dx-button-content { padding-left: 8px; padding-right: 8px; } .dx-dropdownbutton-popup-wrapper { height: 100%; } .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content { box-shadow: 0 2px 7px rgba(0,0,0,.2); border-top-width: 0; border-bottom-width: 1px; } .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-dropdownbutton-popup-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-dropdownbutton-popup-wrapper .dx-list { height: 100%; min-height: 48px; } .dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 14px 15px; } .dx-dropdownbutton-popup-wrapper .dx-list-select-all { padding: 16px 0 12px; } .dx-dropdownbutton-popup-wrapper .dx-empty-message, .dx-dropdownbutton-popup-wrapper .dx-list-item { border-top: 0; } .dx-dropdownbutton-popup-wrapper .dx-empty-message:last-of-type, .dx-dropdownbutton-popup-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-actionsheet-popup-wrapper .dx-overlay-content { padding-top: 0; padding-bottom: 0; -webkit-user-drag: none; } .dx-actionsheet-popover-wrapper .dx-popup-content .dx-button, .dx-actionsheet-popup-wrapper .dx-popup-content .dx-button { width: 100%; margin-right: 0; margin-left: 0; } .dx-actionsheet-cancel, .dx-actionsheet-item { width: 100%; } .dx-state-disabled .dx-actionsheet-container .dx-button { cursor: default; } .dx-actionsheet-popover-wrapper .dx-popup-title, .dx-actionsheet-popup-wrapper .dx-popup-title { word-wrap: break-word; } .dx-actionsheet-container .dx-actionsheet-item { margin: 0 0 10px; } .dx-actionsheet-container .dx-button, .dx-button.dx-actionsheet-cancel { margin: 0; } .dx-tileview div.dx-scrollable-container { overflow-y: hidden; } .dx-tile { position: absolute; color: rgba(0,0,0,.87); background-color: #fff; border: 1px solid rgba(224,224,224,.6); text-align: left; } .dx-tile-content { padding: 0; width: 100%; height: 100%; } .dx-tileview-wrapper { position: relative; height: 1px; } .dx-device-ios-6 .dx-tile { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-tile.dx-state-focused, .dx-tile.dx-state-hover { background-color: #fff; border-color: rgba(3,169,244,.4); } .dx-tile.dx-state-active { transform: scale(.96); transition: transform .1s linear; background-color: rgba(96,96,96,.2); color: rgba(0,0,0,.87); border-color: transparent; } .dx-toast-content { display: flex; align-items: center; } .dx-toast-message { display: inline-flex; } .dx-rtl .dx-toast-icon { margin-left: 10px; margin-right: 0; } .dx-toast-content { color: rgba(255,255,255,.87); font-size: 14px; font-weight: 400; padding: 0 16px; border-radius: 4px; box-shadow: 0 2px 3px rgba(0,0,0,.25); min-height: 48px; display: flex; align-items: center; } .dx-toast-icon { background-size: contain; width: 35px; height: 35px; background-position: left center; background-repeat: no-repeat; margin-right: 10px; display: none; } .dx-toast-message { padding: 0; } .dx-toast-info { background-color: rgba(0,0,0,.87); } .dx-toast-warning { background-color: #ffc107; } .dx-toast-error { background-color: #f44336; } .dx-toast-success { background-color: #8bc34a; } .dx-popover-wrapper .dx-popover-arrow::after { width: 14.1422712488px; height: 14.1422712488px; } .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow, .dx-popover-wrapper.dx-position-top .dx-popover-arrow { width: 20px; height: 10px; } .dx-popover-wrapper.dx-position-left .dx-popover-arrow, .dx-popover-wrapper.dx-position-right .dx-popover-arrow { width: 10px; height: 20px; } .dx-popover-arrow { position: absolute; z-index: 2000; overflow: hidden; } .dx-popover-arrow::after { position: absolute; display: block; overflow: hidden; content: " "; transform: rotate(-45deg); } .dx-popover-wrapper.dx-position-top .dx-popover-arrow::after { top: 0; left: 0; transform-origin: top left; } .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow::after { right: 0; bottom: 0; transform-origin: bottom right; } .dx-popover-wrapper.dx-position-left .dx-popover-arrow::after { bottom: 0; left: 0; transform-origin: bottom left; } .dx-popover-wrapper.dx-position-right .dx-popover-arrow::after { top: 0; right: 0; transform-origin: top right; } .dx-popover-wrapper .dx-overlay-content { overflow: visible; } .dx-popover-wrapper .dx-popup-content { overflow: hidden; } .dx-device-ios .dx-popover-arrow::after { -webkit-transform: rotate(-45deg) translateZ(0); } .dx-popover-wrapper .dx-popup-title { margin: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; } .dx-popover-wrapper .dx-popup-title.dx-toolbar { padding-left: 15px; } .dx-popover-wrapper .dx-popover-arrow { display: none; } .dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar { padding-right: 15px; padding-left: 0; } .dx-progressbar .dx-position-left .dx-progressbar-range-container, .dx-progressbar .dx-position-left .dx-progressbar-status, .dx-progressbar .dx-position-right .dx-progressbar-range-container, .dx-progressbar .dx-position-right .dx-progressbar-status { display: table-cell; vertical-align: middle; } .dx-progressbar .dx-position-bottom-left .dx-progressbar-range-container, .dx-progressbar .dx-position-bottom-left .dx-progressbar-status, .dx-progressbar .dx-position-top-left .dx-progressbar-range-container, .dx-progressbar .dx-position-top-left .dx-progressbar-status { float: left; } .dx-progressbar .dx-position-bottom-right .dx-progressbar-range-container, .dx-progressbar .dx-position-bottom-right .dx-progressbar-status, .dx-progressbar .dx-position-top-right .dx-progressbar-range-container, .dx-progressbar .dx-position-top-right .dx-progressbar-status { float: right; } .dx-progressbar .dx-position-bottom-center .dx-progressbar-status, .dx-progressbar .dx-position-top-center .dx-progressbar-status { text-align: center; } .dx-progressbar .dx-position-left .dx-progressbar-status { padding-right: 8px; } .dx-progressbar .dx-position-right .dx-progressbar-status { padding-left: 8px; padding-top: 0; } .dx-progressbar::before { display: inline-block; height: 100%; content: ""; vertical-align: middle; } .dx-progressbar-range-container { width: 100%; } .dx-progressbar-container { position: relative; width: 100%; } .dx-progressbar-wrapper { display: inline-block; width: 100%; vertical-align: middle; direction: ltr; } .dx-progressbar-range { height: 100%; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; } .dx-progressbar-status { position: relative; top: 0; left: 0; width: auto; height: 20px; font-size: 12px; padding-top: 8px; color: #03a9f4; } .dx-progressbar-animating-segment { display: none; } .dx-rtl .dx-progressbar .dx-progressbar-wrapper, .dx-rtl.dx-progressbar .dx-progressbar-wrapper { direction: rtl; } .dx-progressbar-container { height: 4px; background-color: rgba(3,169,244,.3); } .dx-progressbar-range { position: relative; background-color: #03a9f4; margin-top: -1px; box-sizing: content-box; } .dx-progressbar-animating-container { width: 100%; height: 4px; background-color: rgba(3,169,244,.3); background-size: 90% 5px; animation: 2s linear infinite dx-loader; background-image: linear-gradient(-90deg,transparent 5%,#03a9f4,transparent 95%); background-repeat: repeat; } .dx-state-disabled .dx-progressbar-range { background-color: rgba(3,169,244,.6); } .dx-state-disabled .dx-progressbar-animating-container { animation: none; background-position-x: 45%; } .dx-rtl .dx-progressbar .dx-progressbar-animating-container, .dx-rtl.dx-progressbar .dx-progressbar-animating-container { animation: 2s linear infinite dx-loader-rtl; background-image: linear-gradient(-90deg,transparent 5%,#03a9f4,transparent 95%); background-repeat: repeat; } @keyframes dx-loader { 0% { background-position-x: 0; } 100% { background-position-x: 900%; } } @keyframes dx-loader-rtl { 0% { background-position-x: 0; } 100% { background-position-x: -900%; } } .dx-tooltip-wrapper .dx-overlay-content { min-width: 34px; text-align: center; line-height: 0; background-color: #616161; color: #fff; box-shadow: none; border-radius: 4px; min-height: auto; } .dx-tooltip-wrapper .dx-overlay-content::before { display: inline-block; height: 100%; content: ""; vertical-align: middle; } .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { display: inline-block; line-height: normal; white-space: nowrap; padding: 6px 8px; font-size: 12px; } .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow { display: none; } .dx-slider-label { position: absolute; font-size: .85em; } .dx-slider-label:last-child { right: 0; left: auto; } .dx-rtl .dx-slider-label:last-child { left: 0; right: auto; } .dx-slider-label-position-bottom { padding-bottom: 14px; } .dx-slider-label-position-top { padding-top: 14px; } .dx-slider { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-slider::before { display: inline-block; height: 100%; content: ""; vertical-align: middle; } .dx-slider .dx-overlay-content { height: 28px; } .dx-slider .dx-overlay-content::before { display: none; } .dx-slider .dx-popover-wrapper .dx-popover-arrow::after { width: 9.8995898741px; height: 9.8995898741px; } .dx-slider .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-top .dx-popover-arrow { width: 14px; height: 7px; } .dx-slider .dx-popover-wrapper.dx-position-left .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-right .dx-popover-arrow { width: 7px; height: 14px; } .dx-slider-wrapper { position: relative; display: inline-block; width: 100%; vertical-align: middle; cursor: pointer; height: 32px; } .dx-slider-bar { position: relative; margin-right: 18px; margin-left: 18px; background: rgba(3,169,244,.24); } .dx-slider-range { position: absolute; pointer-events: none; -webkit-user-drag: none; } .dx-slider-handle { position: absolute; top: 0; right: 0; pointer-events: auto; -webkit-user-drag: none; } .dx-slider-handle .dx-tooltip-wrapper .dx-popup-content { line-height: 0; } .dx-state-disabled .dx-slider-wrapper { cursor: default; } .dx-rtl .dx-slider-handle { right: auto; left: 0; } .dx-slider-tooltip-on-hover .dx-tooltip { visibility: hidden; } .dx-slider-tooltip-on-hover.dx-state-active .dx-tooltip, .dx-slider-tooltip-on-hover.dx-state-hover .dx-tooltip { visibility: visible; } .dx-slider-bar, .dx-slider-range { margin-top: 15px; height: 2px; } .dx-slider-range { top: -15px; } .dx-slider-range.dx-slider-range-visible { background: #03a9f4; } .dx-slider-handle { margin-top: -15px; margin-right: -16px; width: 32px; height: 32px; border-radius: 50%; } .dx-slider-handle::after { position: absolute; top: 50%; left: 50%; display: block; margin-top: -6px; margin-left: -6px; width: 12px; height: 12px; background: #03a9f4; content: ""; border-radius: 50%; } .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content { background-color: transparent; min-width: 34px; } .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content::before { content: ""; position: absolute; width: 34px; height: 34px; border-radius: 0 50% 50%; transform: rotate(45deg); display: block; background-color: #03a9f4; top: 0; } .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content::before { transform: rotate(-135deg); bottom: 0; margin-top: -5px; } .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { line-height: normal; font-size: 10px; max-width: 28px; min-width: 28px; width: 28px; text-overflow: ellipsis; padding: 11px 3px 5px; color: #fff; position: relative; } .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { padding-top: 6px; } .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled::before { margin-top: 5px; } .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled::before { margin-top: -5px; } .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content { padding-top: 17px; } .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content { padding-top: 6px; padding-bottom: 17px; } .dx-slider-handle .dx-inkripple-wave { background-color: rgba(3,169,244,.24); } .dx-slider-tooltip-position-top { padding-top: 40px; } .dx-slider-tooltip-position-bottom { padding-bottom: 40px; } .dx-slider-label-position-bottom .dx-slider-label { bottom: -18px; } .dx-slider-label-position-top .dx-slider-label { top: -15px; } .dx-state-disabled .dx-slider, .dx-state-disabled .dx-slider .dx-slider-handle, .dx-state-disabled.dx-slider, .dx-state-disabled.dx-slider .dx-slider-handle { opacity: 1; } .dx-state-disabled .dx-slider-bar, .dx-state-disabled .dx-slider-range.dx-slider-range-visible { background: rgba(0,0,0,.24); } .dx-state-disabled .dx-slider-handle { width: 12px; height: 12px; margin-top: -5px; margin-right: -5px; border-radius: 50%; border: 2px solid #fff; } .dx-state-disabled .dx-slider-handle::after { margin-top: -4px; margin-left: -4px; width: 8px; height: 8px; background: grey; } .dx-state-disabled .dx-slider-handle .dx-overlay-content { margin-top: -12px; } .dx-invalid .dx-slider-handle::after { background-color: #f44336; } .dx-invalid .dx-slider-range-visible { background-color: #f44336; border-color: #f44336; } .dx-invalid .dx-slider-bar { background-color: rgba(244,67,54,.4); } .dx-rtl .dx-slider-handle { margin-left: -16px; } .dx-rtl.dx-state-disabled .dx-slider-handle { margin-left: -5px; margin-right: 0; } .dx-rtl.dx-state-disabled .dx-overlay-content { margin-left: -13px; } .dx-rangeslider-start-handle { top: 0; right: auto; left: 0; margin-left: -14px; } .dx-rtl .dx-rangeslider-start-handle { right: 0; left: auto; margin-right: -14px; } .dx-state-disabled .dx-rangeslider-start-handle { margin-left: -5px; } .dx-rtl.dx-state-disabled .dx-rangeslider-start-handle { margin-right: -5px; } .dx-gallery { width: 100%; height: 100%; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; touch-action: pinch-zoom pan-y; } .dx-gallery-wrapper { position: relative; overflow: hidden; width: 100%; height: 100%; white-space: nowrap; } .dx-gallery-wrapper > .dx-empty-message { text-align: center; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); } .dx-gallery-container { position: relative; height: 100%; } .dx-gallery-item { display: inline-block; overflow: hidden; width: 100%; height: 100%; text-align: center; } .dx-gallery-item-image { max-width: 100%; align-self: flex-start; flex-shrink: 0; height: auto; margin: auto; } .dx-gallery-item-content { width: 100%; height: 100%; display: flex; flex-direction: column; } .dx-gallery .dx-gallery-item-loop { display: none; } .dx-gallery-loop .dx-gallery-item-loop { display: inline-block; position: absolute; } .dx-gallery-item-invisible { visibility: hidden; } .dx-gallery-nav-button-next, .dx-gallery-nav-button-prev { position: absolute; top: 50%; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; background-size: 100% 100%; } .dx-gallery-nav-button-prev { left: 0; } .dx-gallery-nav-button-next { right: 0; } .dx-gallery-indicator { position: absolute; bottom: 10px; width: 100%; height: 10px; font-size: 0; pointer-events: none; text-align: center; } .dx-state-disabled .dx-gallery-indicator-item, .dx-state-disabled .dx-gallery-nav-button-next, .dx-state-disabled .dx-gallery-nav-button-prev { cursor: default; } .dx-rtl .dx-gallery-nav-button-prev { right: 0; left: auto; transform: scaleX(-1); } .dx-rtl .dx-gallery-nav-button-next { right: auto; left: 0; transform: scaleX(-1); } .dx-device-android .dx-scrollable-native .dx-gallery-indicator, .dx-device-android .dx-scrollable-native .dx-gallery-item, .dx-device-android .dx-scrollable-native .dx-gallery-nav-button-next, .dx-device-android .dx-scrollable-native .dx-gallery-nav-button-prev { -webkit-backface-visibility: visible; backface-visibility: visible; } .dx-device-android .dx-gallery-item, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-indicator, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-item, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-next, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-prev, .dx-device-ios-6 .dx-gallery, .dx-device-ios-6 .dx-gallery-indicator, .dx-device-ios-6 .dx-gallery-item, .dx-device-ios-6 .dx-gallery-nav-button-next, .dx-device-ios-6 .dx-gallery-nav-button-prev { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-gallery .dx-gallery-nav-button-next, .dx-gallery .dx-gallery-nav-button-prev { position: absolute; top: 0; width: 34%; height: 100%; background: 0 0; cursor: pointer; text-align: center; } .dx-gallery .dx-gallery-nav-button-next.dx-state-active::after, .dx-gallery .dx-gallery-nav-button-next.dx-state-hover::after, .dx-gallery .dx-gallery-nav-button-prev.dx-state-active::after, .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover::after { background-color: #03a9f4; } .dx-gallery .dx-gallery-nav-button-next::before, .dx-gallery .dx-gallery-nav-button-prev::before { display: block; width: 32px; top: 50%; margin-top: -16px; left: 50%; margin-left: -16px; position: absolute; z-index: 10; clear: both; font-size: 32px; color: #fff; } .dx-gallery .dx-gallery-nav-button-next::after, .dx-gallery .dx-gallery-nav-button-prev::after { content: ""; position: absolute; width: 32px; height: 32px; background: rgba(0,0,0,.54); border-radius: 50%; top: 50%; margin-top: -16px; } .dx-gallery .dx-gallery-nav-button-prev { font: 14px/1 DXIcons; } .dx-gallery .dx-gallery-nav-button-prev::after { left: 8px; } .dx-gallery .dx-gallery-nav-button-prev::before { content: ""; left: 7px; right: auto; margin-left: 0; } .dx-gallery .dx-gallery-nav-button-next { font: 14px/1 DXIcons; } .dx-gallery .dx-gallery-nav-button-next::after { right: 8px; } .dx-gallery .dx-gallery-nav-button-next::before { content: ""; right: 7px; left: auto; } .dx-gallery-indicator-item { display: inline-block; cursor: pointer; border-radius: 50%; box-sizing: border-box; border: 1px solid rgba(0,0,0,.2); pointer-events: auto; margin: 1px 6px; width: 8px; height: 8px; background: #fff; } .dx-gallery-indicator-item-active, .dx-gallery-indicator-item-selected { width: 12px; height: 12px; background: #03a9f4; border: 2px solid rgba(255,255,255,.8); margin: -1px 6px; } .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected { background: #03a9f4; } .dx-lookup { margin: 0; height: 19px; } .dx-lookup .dx-popup-content .dx-scrollable { height: calc(100% - 45px); } .dx-lookup .dx-lookup-field-wrapper { position: relative; width: 100%; height: 100%; } .dx-lookup .dx-rtl .dx-lookup-field-wrapper::after, .dx-lookup:not(.dx-rtl) .dx-lookup-field-wrapper::before { display: inline-block; height: 100%; content: ""; vertical-align: middle; } .dx-lookup-field { outline: 0; position: relative; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; } .dx-lookup-field::before { content: "."; color: transparent; display: inline-block; width: 0; float: left; } .dx-rtl .dx-lookup-arrow { right: auto; left: 0; } .dx-state-disabled .dx-lookup-field { cursor: default; } .dx-lookup-popup-wrapper .dx-list-item { cursor: pointer; border-top: none; } .dx-lookup-popup-search .dx-list { height: 90%; } .dx-lookup-search-wrapper { width: 100%; padding: 20px 20px 14px; } .dx-lookup.dx-editor-filled, .dx-lookup.dx-editor-outlined { height: 56px; } .dx-lookup.dx-editor-filled .dx-lookup-field, .dx-lookup.dx-editor-outlined .dx-lookup-field { padding: 19px 36px 18px 12px; } .dx-lookup.dx-editor-filled .dx-lookup-arrow, .dx-lookup.dx-editor-outlined .dx-lookup-arrow { right: 12px; } .dx-lookup.dx-editor-filled.dx-invalid .dx-lookup-field, .dx-lookup.dx-editor-outlined.dx-invalid .dx-lookup-field { padding-right: 60px; } .dx-lookup.dx-editor-filled.dx-invalid.dx-rtl .dx-lookup-field, .dx-lookup.dx-editor-outlined.dx-invalid.dx-rtl .dx-lookup-field { padding-left: 60px; padding-right: 12px; } .dx-lookup.dx-editor-filled.dx-rtl .dx-lookup-arrow, .dx-lookup.dx-editor-outlined.dx-rtl .dx-lookup-arrow, .dx-rtl .dx-lookup.dx-editor-filled .dx-lookup-arrow, .dx-rtl .dx-lookup.dx-editor-outlined .dx-lookup-arrow { left: 12px; right: auto; } .dx-lookup.dx-editor-filled.dx-rtl .dx-lookup-field, .dx-lookup.dx-editor-outlined.dx-rtl .dx-lookup-field, .dx-rtl .dx-lookup.dx-editor-filled .dx-lookup-field, .dx-rtl .dx-lookup.dx-editor-outlined .dx-lookup-field { padding-left: 36px; padding-right: 12px; } .dx-lookup.dx-editor-underlined { height: 32px; } .dx-lookup.dx-editor-underlined .dx-lookup-field { padding: 7px 24px 6px 0; } .dx-lookup.dx-editor-underlined.dx-invalid .dx-lookup-field { padding-right: 48px; } .dx-lookup.dx-editor-underlined.dx-invalid.dx-rtl .dx-lookup-field { padding-left: 48px; padding-right: 0; } .dx-lookup.dx-editor-underlined.dx-rtl .dx-lookup-field, .dx-rtl .dx-lookup.dx-editor-underlined .dx-lookup-field { padding-left: 24px; padding-right: 0; } .dx-lookup.dx-invalid { border-bottom-color: rgba(244,67,54,.4); } .dx-lookup.dx-invalid .dx-lookup-arrow::after { pointer-events: none; position: absolute; top: 50%; margin-top: -11px; width: 22px; height: 22px; text-align: center; line-height: 23px; font-size: 14px; font-weight: 500; background-color: #f44336; color: #fff; content: "!"; border-radius: 50%; right: 24px; } .dx-lookup.dx-invalid.dx-rtl .dx-lookup-arrow::after, .dx-rtl .dx-lookup.dx-invalid .dx-lookup-arrow::after { left: 24px; right: auto; } .dx-lookup.dx-valid .dx-lookup-arrow::after { pointer-events: none; position: absolute; top: 50%; margin-top: -11px; width: 22px; height: 22px; text-align: center; line-height: 23px; font-size: 20px; font-weight: 700; font-family: DXIcons,sans-serif; color: #8bc34a; content: ""; opacity: 0; transform: scale(0); animation: .3s cubic-bezier(1,.008,.565,1.65) .1s forwards dx-valid-badge-frames; right: 24px; } .dx-lookup.dx-valid.dx-rtl .dx-lookup-arrow::after, .dx-rtl .dx-lookup.dx-valid .dx-lookup-arrow::after { left: 24px; right: auto; } .dx-lookup.dx-validation-pending .dx-lookup-field-wrapper .dx-pending-indicator { pointer-events: none; position: absolute; top: 50%; margin-top: -11px; width: 22px; height: 22px; right: 24px; } .dx-lookup.dx-validation-pending.dx-rtl .dx-lookup-field-wrapper .dx-pending-indicator, .dx-rtl .dx-lookup.dx-validation-pending .dx-lookup-field-wrapper .dx-pending-indicator { left: 24px; right: auto; } .dx-lookup-field .dx-texteditor { border: none; } .dx-lookup-field .dx-texteditor::after, .dx-lookup-field .dx-texteditor::before { content: none; } .dx-lookup-field .dx-texteditor, .dx-lookup-field .dx-texteditor.dx-state-active, .dx-lookup-field .dx-texteditor.dx-state-disabled, .dx-lookup-field .dx-texteditor.dx-state-focused, .dx-lookup-field .dx-texteditor.dx-state-hover, .dx-lookup-field .dx-texteditor.dx-state-readonly, .dx-lookup-field .dx-texteditor.dx-state-readonly.dx-state-hover { background-color: transparent; } .dx-lookup-arrow { pointer-events: none; position: absolute; top: 0; bottom: 0; right: 0; left: auto; height: 100%; font: 24px/24px DXIcons; width: 24px; color: rgba(0,0,0,.54); text-align: center; } .dx-lookup-arrow::before { content: ""; position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-state-readonly .dx-lookup-field::before { opacity: .5; } .dx-lookup-popup-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-lookup-popup-wrapper .dx-popup-content { top: 0; padding: 0; } .dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content { top: 49px; } .dx-lookup-empty .dx-lookup-field { color: rgba(148,148,148,.87); } .dx-lookup-popup-search .dx-list { height: calc(100% - 66px); } .dx-loadpanel-content::before { display: inline-block; height: 100%; content: ""; vertical-align: middle; } .dx-loadpanel-content-wrapper { display: inline-block; width: 100%; vertical-align: middle; } .dx-loadpanel-message { text-align: center; display: none; } .dx-loadpanel-content.dx-loadpanel-pane-hidden { box-shadow: none; border: none; background: 0 0; } @keyframes dx-loadpanel-opacity { from { opacity: 0; } to { opacity: 1; } } .dx-loadpanel-content { text-align: center; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; border: 1px solid #e0e0e0; background: #fff; padding: 13px; border-radius: 50%; box-shadow: 0 6px 12px rgba(0,0,0,.25); } .dx-tagbox .dx-texteditor-input { width: auto; } .dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input { border: none; color: transparent; text-shadow: 0 0 0 gray; min-width: 0; width: .1px; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input:focus { outline: 0; } .dx-tagbox.dx-state-disabled .dx-texteditor-input { background: 0 0; } .dx-tagbox.dx-state-disabled .dx-tag-content { cursor: default; } .dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container { flex-wrap: wrap; align-items: stretch; } .dx-tag-container.dx-texteditor-input-container { padding: 0 4px 0 0; outline: 0; } .dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container { overflow: hidden; white-space: nowrap; } .dx-texteditor-container.dx-tag-container { white-space: normal; } .dx-tag-content { position: relative; display: inline-block; text-align: center; cursor: pointer; margin: 0; padding: 8px 32px 7px 12px; min-width: 40px; background-color: #e0e0e0; color: rgba(0,0,0,.6); border-radius: 16px; } .dx-tag-content::before { content: "."; color: transparent; display: inline-block; width: 0; } .dx-tag-remove-button { position: absolute; top: 0; width: 24px; height: 100%; right: 4px; font: 10px/1 DXIcons; } .dx-tag-remove-button::after, .dx-tag-remove-button::before { position: absolute; top: 50%; content: ""; transform: rotate(45deg); } .dx-rtl .dx-tagbox .dx-tag-content, .dx-tagbox.dx-rtl .dx-tag-content { margin-left: 0; margin-right: 4px; } .dx-rtl .dx-tagbox .dx-tag-remove-button, .dx-tagbox.dx-rtl .dx-tag-remove-button { right: auto; left: 0; } .dx-rtl .dx-tagbox .dx-tag-container, .dx-tagbox.dx-rtl .dx-tag-container { padding-left: 4px; padding-right: 0; } .dx-tagbox .dx-texteditor-input-container { height: 100%; } .dx-tagbox .dx-texteditor-input { height: 32px; } .dx-tagbox.dx-editor-filled .dx-texteditor-input, .dx-tagbox.dx-editor-outlined .dx-texteditor-input { padding: 0; margin-top: 8px; } .dx-tagbox.dx-editor-filled .dx-tag-container, .dx-tagbox.dx-editor-outlined .dx-tag-container { padding: 4px 12px 12px; min-height: 56px; } .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container { margin-top: -8px; } .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container::after { margin-top: -7px; } .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input { padding-left: 0; margin-top: 8px; } .dx-rtl .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input, .dx-rtl.dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input { padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; } .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-active::before, .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-focused::before { border-top: 0; border-bottom: 0; } .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-hover::after, .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined)::after { border-bottom: 0; } .dx-tagbox-single-line .dx-tag-container { padding-right: 0; } .dx-tag-remove-button::before { content: ""; display: block; position: absolute; top: 51%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; line-height: 16px; color: #e0e0e0; background-color: rgba(0,0,0,.36); border-radius: 50%; transform: none; } .dx-tag { max-width: calc(100% - 1px); display: inline-block; align-self: flex-start; margin: 8px 8px 0 0; } .dx-tag:hover .dx-tag-content { background-color: #d9d9d9; color: rgba(0,0,0,.87); } .dx-tag.dx-state-focused .dx-tag-content { background-color: #adadad; color: rgba(0,0,0,.87); } .dx-tagbox.dx-invalid .dx-texteditor-container::after, .dx-tagbox.dx-valid .dx-texteditor-container::after { right: 16px; } .dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container::after, .dx-rtl .dx-tagbox.dx-valid .dx-texteditor-container::after, .dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container::after, .dx-rtl.dx-tagbox.dx-valid .dx-texteditor-container::after { left: 16px; } .dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator { right: 16px; } .dx-rtl .dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator, .dx-rtl.dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator { left: 16px; } .dx-tagbox-popup-wrapper .dx-list-select-all { border-bottom: 1px solid #e0e0e0; padding-bottom: 12px; margin-bottom: 3px; } .dx-tagbox-popup-wrapper .dx-list-select-all::after { background-color: transparent; } .dx-rtl .dx-tag-content { padding-right: 12px; padding-left: 32px; } .dx-rtl .dx-tag-remove-button { left: 4px!important; } .dx-radiobutton { display: table; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; line-height: 20px; } .dx-radio-value-container { display: table-cell; padding-right: 10px; vertical-align: middle; padding-left: 0; } .dx-rtl .dx-radio-value-container, .dx-rtl.dx-radio-value-container { padding-right: 5px; padding-left: 10px; } .dx-radiogroup-horizontal .dx-collection { display: flex; flex-wrap: wrap; } .dx-radiogroup-horizontal .dx-radiobutton:last-of-type { margin-right: 0; } .dx-state-disabled .dx-radiobutton { cursor: default; } .dx-state-disabled.dx-radiobutton { cursor: default; } .dx-radiobutton-icon { width: 20px; height: 20px; position: relative; } .dx-radiobutton-icon::after { content: ""; width: 40px; height: 40px; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border-radius: 50%; display: block; position: absolute; z-index: 1; transform: scale(.5); transition: .4s cubic-bezier(.23, 1, .32, 1); } .dx-radiobutton-icon::before { display: block; width: 16px; height: 16px; border: 2px solid rgba(0,0,0,.54); background-color: #fff; content: ""; border-radius: 10px; box-sizing: content-box; } .dx-radiobutton-icon-checked::before { border-color: #03a9f4; } .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot { display: block; margin-top: -15px; margin-left: 5px; width: 10px; height: 10px; background: #03a9f4; content: ""; border-radius: 5px; } .dx-radiobutton.dx-state-active .dx-radiobutton-icon::after, .dx-radiobutton.dx-state-focused .dx-radiobutton-icon::after { background-color: rgba(0,0,0,.1); transform: scale(1); } .dx-radiobutton.dx-radiobutton-checked.dx-state-active .dx-radiobutton-icon-checked::after, .dx-radiobutton.dx-radiobutton-checked.dx-state-focused .dx-radiobutton-icon-checked::after { background-color: rgba(3,169,244,.1); transform: scale(1); } .dx-radiobutton.dx-state-disabled { opacity: .38; } .dx-state-disabled .dx-radiobutton-icon-dot, .dx-state-readonly .dx-radiobutton-icon-dot { background-color: rgba(0,0,0,.54); } .dx-state-disabled .dx-radiobutton-icon::before, .dx-state-readonly .dx-radiobutton-icon::before { border-color: rgba(0,0,0,.54); } .dx-invalid .dx-radiobutton-icon::before { border-color: rgba(244,67,54,.4); } .dx-invalid .dx-radiobutton-icon-dot { background-color: rgba(244,67,54,.4); } .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon::before, .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon::before { border-color: #f44336; } .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon-dot, .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon-dot { background-color: #f44336; } .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon::after, .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon::after { background-color: rgba(244,67,54,.1); transform: scale(1); } .dx-state-disabled .dx-radiobutton.dx-state-disabled { opacity: 1; } .dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot, .dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot { margin-right: 5px; margin-left: 0; } .dx-radiogroup .dx-radiobutton { margin: 2px 0; } .dx-radiogroup-horizontal .dx-radiobutton { margin-right: 17px; } .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton, .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton { margin-right: 0; margin-left: 17px; } .dx-accordion-item-title { font-size: 18px; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; height: 48px; position: relative; padding: 12px 24px; background-color: #fff; } .dx-accordion-item-body { overflow: hidden; padding: 24px; font-size: 12px; } .dx-accordion-item-closed .dx-accordion-item-body { visibility: hidden; } .dx-accordion-item { overflow: hidden; background-color: #fff; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); transition: margin .2s cubic-bezier(.4, 0, .2, 1); will-change: margin,height; border-top: 1px solid #e0e0e0; } .dx-accordion-item-opened .dx-accordion-item-body { visibility: visible; } .dx-state-disabled .dx-accordion-item-title { cursor: default; } .dx-accordion { background-color: #fff; color: rgba(0,0,0,.87); margin: 3px 3px 5px; } .dx-accordion-item:first-child { border-top: none; } .dx-accordion-item.dx-state-active > .dx-accordion-item-title, .dx-accordion-item.dx-state-focused > .dx-accordion-item-title { color: rgba(0,0,0,.87); background-color: rgba(0,0,0,.04); } .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon, .dx-accordion-item.dx-state-focused:not(.dx-accordion-item-opened) .dx-icon { color: rgba(0,0,0,.87); } .dx-accordion-item.dx-state-hover > .dx-accordion-item-title { background-color: rgba(0,0,0,.04); } .dx-accordion-item.dx-state-hover + .dx-accordion-item-closed { border-top-color: #d1d1d1; } .dx-accordion-item-opened { margin: 16px 0; border-top: none; } .dx-accordion-item-opened:first-child { margin-top: 0; } .dx-accordion-item-opened > .dx-accordion-item-title { height: 64px; } .dx-accordion-item-opened > .dx-accordion-item-title .dx-accordion-item-title-caption { top: 24px; } .dx-accordion-item-opened > .dx-accordion-item-title::before { content: ""; top: 18px; } .dx-accordion-item-opened + .dx-accordion-item-closed { border-top: none; } .dx-accordion-item-title .dx-accordion-item-title-caption, .dx-accordion-item-title::before { position: absolute; transition: top .2s cubic-bezier(.4, 0, .2, 1); will-change: top; } .dx-accordion-item-title .dx-accordion-item-title-caption { color: rgba(0,0,0,.87); font-size: 15px; top: 16px; left: 24px; right: 72px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dx-accordion-item-title::before { background-position: center; float: right; top: 11px; right: 24px; font-weight: 400; color: rgba(0,0,0,.38); content: ""; font-family: DXIcons; font-size: 24px; height: 24px; width: 24px; } .dx-accordion-item-title .dx-icon { display: inline-block; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; } .dx-accordion-item-title .dx-accordion-item-title-caption .dx-icon { margin-right: 8px; margin-left: 0; position: relative; top: 4px; } .dx-accordion-item-title .dx-accordion-item-title-caption .dx-icon.dx-icon-right, .dx-rtl .dx-accordion-item-title .dx-accordion-item-title-caption .dx-icon, .dx-rtl.dx-accordion-item-title .dx-accordion-item-title-caption .dx-icon { margin-left: 8px; margin-right: 0; } .dx-rtl .dx-accordion-item-title .dx-accordion-item-title-caption .dx-icon.dx-icon-right, .dx-rtl.dx-accordion-item-title .dx-accordion-item-title-caption .dx-icon.dx-icon-right { margin-right: 8px; margin-left: 0; } .dx-state-disabled.dx-accordion-item { opacity: .5; } .dx-rtl .dx-accordion-item-title .dx-accordion-item-title-caption { right: 24px; left: 72px; } .dx-rtl .dx-accordion-item-title::before { float: left; left: 24px; right: auto; } .dx-slideoutview { height: 100%; width: 100%; touch-action: pinch-zoom; } .dx-slideoutview-wrapper { position: relative; overflow: hidden; height: 100%; } .dx-slideoutview-menu-content { position: absolute; top: 0; bottom: 0; } .dx-slideoutview-menu-content.dx-slideoutview-right { right: 0; } .dx-slideoutview-menu-content.dx-slideoutview-left { left: 0; } .dx-slideoutview-content { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; z-index: 100; box-sizing: content-box; margin-left: -1px; border-style: solid; border-width: 0 1px; border-color: rgba(224,224,224,.5); } .dx-slideoutview-shield { position: absolute; top: 0; height: 100%; width: 100%; z-index: 1; } .dx-device-android .dx-slideoutview-content { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-slideoutview-content, .dx-slideoutview-menu-content { background-color: #fff; } .dx-slideout { height: 100%; width: 100%; } .dx-slideout-menu { min-width: 280px; max-width: 350px; } .dx-slideout-menu .dx-list-item .dx-icon { float: left; width: 32px; height: 32px; background-position: 0 0; background-size: 32px 32px; padding: 0; font-size: 32px; text-align: center; line-height: 32px; margin: -4px 16px -4px 0; } .dx-slideout-item, .dx-slideout-item-content { height: 100%; width: 100%; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon { float: right; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon, .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right { margin-left: 16px; margin-right: 0; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right { margin-right: 16px; margin-left: 0; } .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview { border: none; } .dx-colorbox-input-container .dx-placeholder::before { max-width: calc(100% - 25px); } .dx-colorbox .dx-texteditor-input-container::before { content: ""; display: block; position: absolute; top: 50%; z-index: 1; width: 15px; height: 15px; margin-top: -7.5px; left: 14px; } .dx-colorbox .dx-colorbox-color-is-not-defined .dx-texteditor-input-container::before { background: 0 0; } .dx-colorbox-color-result-preview { position: absolute; top: 50%; z-index: 2; width: 17px; height: 17px; margin-top: -8.5px; border: 1px solid; } .dx-colorbox-input-container .dx-colorbox-input.dx-texteditor-input { -webkit-appearance: none; padding-left: 40px; } .dx-colorbox-overlay .dx-popup-content { overflow: hidden; padding: 20px; } .dx-colorbox-overlay .dx-popup-bottom .dx-toolbar-item:first-child { padding-right: 10px; } .dx-colorbox-overlay .dx-colorview-buttons-container .dx-button { margin: 0; } .dx-rtl .dx-colorbox .dx-placeholder, .dx-rtl.dx-colorbox .dx-placeholder { right: 32px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input { direction: ltr; text-align: end; padding-right: 40px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview { left: auto; right: 13px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container::before, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container::before { left: auto; right: 14px; } .dx-colorview-container label { overflow: hidden; font-weight: 400; margin: 0 0 10px; white-space: normal; line-height: normal; display: flex; align-items: center; color: rgba(0,0,0,.87); } .dx-colorview-container .dx-button { margin-top: 0; margin-bottom: 0; } .dx-colorview-container .dx-button.dx-colorview-apply-button { margin-right: 10px; margin-left: 0; } .dx-colorview-container .dx-button.dx-colorview-cancel-button { margin-right: 0; margin-left: 0; } .dx-colorview-container-row { overflow: hidden; padding-top: 1px; } .dx-colorview-container-row:first-child { margin-top: 0; } .dx-colorview-container-cell { float: left; } .dx-colorview-palette-handle { width: 28px; height: 28px; top: 0; left: 0; cursor: crosshair; border-radius: 100%; z-index: 5; position: absolute; } .dx-colorview-alpha-channel-handle, .dx-colorview-hue-scale-handle { position: absolute; cursor: pointer; } .dx-colorview-hue-scale-handle { width: 36px; height: 17px; top: 0; left: -7px; } .dx-colorview-alpha-channel-handle { width: 17px; height: 36px; top: -6px; left: 0; } .dx-colorview-hue-scale { position: relative; background-repeat: no-repeat; background-image: linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); } .dx-colorbox-input-container::after, .dx-colorview-alpha-channel-wrapper, .dx-colorview-color-preview-container-inner { background-image: linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc); background-size: 16px 16px; background-position: 0 0,8px 8px; } .dx-colorview-alpha-channel-wrapper { background-position: 0 6px,8px 14px; } .dx-colorbox-input-container { height: 100%; } .dx-colorview-palette-gradient-white { background-repeat: no-repeat; background-image: linear-gradient(270deg,rgba(255,255,255,0),#fff); } .dx-colorview-palette-gradient-black { background-repeat: no-repeat; background-image: linear-gradient(180deg,rgba(0,0,0,0),#000); } .dx-colorview-palette { position: relative; overflow: hidden; cursor: crosshair; } .dx-colorview-palette-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dx-colorview-alpha-channel-scale { height: 20px; position: relative; } .dx-colorview-alpha-channel-cell { margin: 6px 0; position: relative; } .dx-colorview-alpha-channel-cell .dx-button { width: 90px; } .dx-rtl .dx-colorview-container-row .dx-colorview-container-cell { float: right; } .dx-rtl .dx-colorview-container label .dx-texteditor { float: left; } .dx-rtl .dx-colorview-alpha-channel-scale { direction: ltr; } .dx-colorview-palette-handle { background: radial-gradient(transparent 5px,rgba(0,0,0,.2) 6px,#fff 7px,#fff 12px,rgba(0,0,0,.2) 13px); box-shadow: 0 1px 1px 0 rgba(0,0,0,.2); } .dx-colorview-hue-scale-handle { border: 1px solid rgba(0,0,0,.2); box-shadow: inset -5px 0 0 3px #fff,inset 5px 0 0 3px #fff,inset -6px 0 1px 4px rgba(0,0,0,.2),inset 6px 0 1px 4px rgba(0,0,0,.2); } .dx-colorview-alpha-channel-handle { border: 1px solid rgba(0,0,0,.2); box-shadow: inset 0 -5px 0 3px #fff,inset 0 5px 0 3px #fff,inset 0 -6px 1px 4px rgba(0,0,0,.2),inset 0 6px 1px 4px rgba(0,0,0,.2); } .dx-colorview-container { overflow: hidden; width: 450px; } .dx-colorview-container label.dx-colorview-label-hex { margin: 20px 0 0; } .dx-colorview-container label.dx-colorview-alpha-channel-label { margin: 0 0 0 43px; width: 115px; } .dx-colorview-container label .dx-texteditor { float: right; width: 69px; margin: 0 0 0 10px; } .dx-colorview-hue-scale-cell { position: relative; margin-left: 19px; } .dx-colorview-palette { width: 288px; height: 299px; } .dx-colorview-alpha-channel-scale { width: 288px; } .dx-colorview-container-row.dx-colorview-alpha-channel-row { margin-top: 10px; display: flex; align-items: center; } .dx-colorview-hue-scale { width: 18px; height: 299px; } .dx-colorview-alpha-channel-cell { width: 292px; } .dx-colorview-hue-scale-wrapper { height: 301px; } .dx-colorview-color-preview { width: 100%; height: 40px; } .dx-colorview-controls-container { position: relative; width: 90px; margin-left: 27px; } .dx-colorview-alpha-channel-border, .dx-colorview-color-preview-container, .dx-colorview-hue-scale-wrapper, .dx-colorview-palette-cell { padding: 1px; margin: 0 1px 1px; background-color: #fff; box-shadow: 0 0 0 1px #e0e0e0; } .dx-colorview-color-preview-container { margin-bottom: 34px; } .dx-rtl .dx-colorview-controls-container { margin-left: 0; margin-right: 27px; } .dx-rtl .dx-colorview-hue-scale-cell { margin-left: 0; margin-right: 19px; } .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 0; margin-right: 43px; } .dx-colorbox .dx-colorbox-input-container .dx-dropdowneditor-input-wrapper .dx-colorbox-input { padding-left: 40px; } .dx-colorbox .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=") no-repeat; } .dx-colorbox .dx-colorbox-input-container::after { left: 14px; } .dx-colorbox .dx-placeholder { left: 32px; } .dx-colorbox-color-result-preview { border-color: #e0e0e0; left: 13px; } .dx-colorbox-overlay { padding: 0; } .dx-colorbox-overlay.dx-overlay-content { background-color: #fff; } .dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input, .dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input { padding-right: 40px; } .dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child { padding-left: 10px; padding-right: 0; } .dx-pager { overflow: hidden; width: 100%; line-height: normal; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; padding: 13px 14px 13px 24px; } .dx-pager .dx-pages { white-space: nowrap; float: right; } .dx-pager .dx-pages .dx-page-indexes { display: inline-block; } .dx-pager .dx-pages .dx-page { display: inline-block; cursor: pointer; margin-left: 5px; margin-right: 1px; } .dx-pager .dx-pages .dx-separator { display: inline-block; } .dx-pager .dx-pages .dx-info { display: inline-block; margin-right: 9px; opacity: .6; } .dx-pager .dx-pages .dx-navigate-button { cursor: pointer; display: inline-block; vertical-align: top; box-sizing: content-box; } .dx-pager .dx-pages .dx-navigate-button.dx-button-disable { opacity: .3; cursor: inherit; } .dx-pager .dx-page-sizes { float: left; } .dx-pager .dx-page-sizes .dx-page-size { display: inline-block; cursor: pointer; margin-left: 4px; margin-right: 1px; } .dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection { cursor: inherit; text-shadow: none; } .dx-pager .dx-light-pages { display: inline-block; } .dx-pager .dx-light-pages .dx-page-index { width: 40px; } .dx-pager .dx-light-pages .dx-pages-count { cursor: pointer; } .dx-pager .dx-light-pages .dx-info-text, .dx-pager .dx-light-pages .dx-pages-count { padding-left: 6px; } .dx-pager .dx-light-pages .dx-info-text, .dx-pager .dx-light-pages .dx-page-index, .dx-pager .dx-light-pages .dx-pages-count { display: table-cell; } .dx-pager.dx-rtl .dx-pages, .dx-rtl .dx-pager .dx-pages { float: left; direction: ltr; } .dx-pager.dx-rtl .dx-pages .dx-page, .dx-rtl .dx-pager .dx-pages .dx-page { direction: ltr; } .dx-pager.dx-rtl .dx-pages .dx-page:first-child, .dx-rtl .dx-pager .dx-pages .dx-page:first-child { margin-left: 1px; } .dx-pager.dx-rtl .dx-pages .dx-info, .dx-rtl .dx-pager .dx-pages .dx-info { direction: rtl; margin-left: 9px; margin-right: 0; } .dx-pager.dx-rtl .dx-page-sizes, .dx-rtl .dx-pager .dx-page-sizes { float: right; } .dx-pager.dx-light-mode .dx-page-sizes { min-width: 42px; } .dx-pager.dx-light-mode .dx-page-index { min-width: 19px; } .dx-pager .dx-pages .dx-page { padding: 9px 12px; line-height: 12px; } .dx-pager .dx-pages .dx-separator { padding-left: 8px; padding-right: 8px; } .dx-pager .dx-pages .dx-navigate-button { width: 9px; height: 12px; padding: 9px 12px; } .dx-pager .dx-pages .dx-prev-button { font: 14px/1 DXIcons; } .dx-pager .dx-pages .dx-prev-button::before { content: ""; } .dx-pager .dx-pages .dx-next-button { font: 14px/1 DXIcons; } .dx-pager .dx-pages .dx-next-button::before { content: ""; } .dx-pager .dx-pages .dx-next-button, .dx-pager .dx-pages .dx-prev-button { position: relative; font-size: 21px; text-align: center; line-height: 21px; } .dx-pager .dx-pages .dx-next-button::before, .dx-pager .dx-pages .dx-prev-button::before { position: absolute; display: block; width: 21px; top: 50%; margin-top: -10.5px; left: 50%; margin-left: -10.5px; } .dx-pager .dx-page, .dx-pager .dx-page-size { font-size: 12px; border-radius: 20px; } .dx-pager .dx-page-size:hover, .dx-pager .dx-page:hover { background-color: rgba(0,0,0,.04); } .dx-pager .dx-page-sizes .dx-page-size { padding: 9px 12px; line-height: 12px; } .dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection { font-weight: 500; background-color: #03a9f4; color: #fff; } .dx-pager .dx-page-sizes .dx-page-size:first-child { margin-left: 0; } .dx-gridbase-container { display: flex; flex-direction: column; height: 100%; min-height: inherit; max-height: inherit; } .dx-gridbase-container > * { flex: 0 0 auto; } .dx-datagrid-checkbox-size { vertical-align: middle; } .dx-datagrid-important-margin { margin-right: 5px!important; } .dx-datagrid-table { background-color: transparent; } .dx-datagrid-borders > .dx-datagrid-total-footer { border-top: 0; } .dx-datagrid-borders > .dx-datagrid-pager { margin-top: 1px; } .dx-datagrid-borders > .dx-datagrid-header-panel { border-bottom: 0; } .dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td { border-bottom-width: 0; } .dx-datagrid .dx-datagrid-content-fixed { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; pointer-events: none; overflow: hidden; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table { position: relative; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td { pointer-events: auto; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row td.dx-pointer-events-none { visibility: hidden; background-color: transparent; pointer-events: none; border-top-color: transparent; border-bottom-color: transparent; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-header-row td.dx-pointer-events-none { border-bottom-color: transparent; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none { width: auto; } .dx-datagrid .dx-menu-subitem ul li { padding-top: 0; } .dx-datagrid .dx-menu-subitem ul li:first-child { padding-top: 1px; } .dx-datagrid .dx-menu-subitem .dx-menu-item { padding: 7px 30px 7px 5px; } .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: left; } .dx-datagrid .dx-column-indicators { display: inline-block; vertical-align: top; white-space: nowrap; } .dx-datagrid .dx-column-indicators.dx-visibility-hidden { visibility: hidden; } .dx-datagrid .dx-column-indicators .dx-sort-index-icon { width: 15px; } .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter, .dx-datagrid .dx-column-indicators .dx-sort.dx-sort { display: inline-block; } .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter::after, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: -7px; } .dx-datagrid .dx-row > td, .dx-datagrid .dx-row > tr > td { padding: 7px; } .dx-datagrid .dx-error-row { -webkit-user-select: initial; user-select: initial; } .dx-datagrid .dx-error-row .dx-error-message { -webkit-user-select: text; user-select: text; } .dx-datagrid .dx-error-row .dx-error-message a { color: inherit; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row .dx-command-drag { cursor: move; vertical-align: middle; padding: 0; } .dx-sortable-dragging .dx-datagrid-rowsview .dx-data-row .dx-command-drag { cursor: pointer; cursor: grabbing; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title { font-size: 16px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content { padding: 0 20px 20px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { opacity: .5; box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-datagrid-drag-action { opacity: 1; cursor: pointer; touch-action: pinch-zoom; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf { padding: 0; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node { padding-left: 0; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node .dx-checkbox { left: 4px; } .dx-datagrid-nowrap, .dx-datagrid-nowrap .dx-header-row>td>.dx-datagrid-text-content { white-space: nowrap; } .dx-datagrid-drag-header { position: absolute; vertical-align: middle; cursor: pointer; z-index: 10000; box-sizing: content-box; } .dx-datagrid-drag-header.dx-drag-command-cell { padding: 0; } .dx-datagrid-columns-separator { position: absolute; z-index: 3; width: 3px; } .dx-datagrid-columns-separator-transparent { border-left: 0; border-right: 0; } .dx-datagrid-tracker { width: 100%; position: absolute; top: 0; z-index: 3; cursor: col-resize; } .dx-datagrid-table-content { position: absolute; top: 0; } .dx-datagrid-focus-overlay { position: absolute; pointer-events: none; top: 0; left: 0; visibility: hidden; } .dx-datagrid-action, .dx-datagrid-drag-action { cursor: pointer; } .dx-datagrid-content { position: relative; } .dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message { visibility: visible; } .dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content, .dx-datagrid-text-content { overflow: hidden; text-overflow: ellipsis; } .dx-datagrid-table-fixed { table-layout: fixed; width: 100%; } .dx-datagrid-content .dx-datagrid-table { border-collapse: collapse; border-spacing: 0; margin: 0; max-width: 10px; } .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed { max-width: none; } .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-none { display: none; } .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-index { width: 26px; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators { float: none!important; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators > span { width: 14px; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators .dx-sort.dx-sort-none { display: inline-block; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-header-row .dx-datagrid-text-content { max-width: none; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-left { margin-right: 3px; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-right { margin-left: 3px; } .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators { float: none!important; } .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators > span { width: 14px; } .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-left { margin-right: 3px; } .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-right { margin-left: 3px; } .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-master-detail-cell { max-width: 0; } .dx-datagrid-content .dx-datagrid-table [class*=column] + [class*=column]:last-child { float: none; } .dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td { vertical-align: top; } .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child { border-left: 0; } .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space { border-right: none; vertical-align: top; } .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space + td { border-left: none; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container { overflow: hidden; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay { position: static; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell { max-width: 0; padding: 0; vertical-align: middle; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor, .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container { border: 0; margin: 0; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select { padding: 0; width: 70px; min-width: 70px; max-width: 70px; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit { text-overflow: clip; width: 100px; min-width: 100px; white-space: nowrap; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons { width: 80px; min-width: 80px; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link { text-decoration: none; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link { display: inline-block; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand { padding: 0; width: 30px; min-width: 30px; max-width: 30px; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-adaptive { padding: 0; vertical-align: middle; } .dx-datagrid-content .dx-datagrid-table .dx-data-row .dx-command-edit-with-icons { line-height: 1; white-space: nowrap; } .dx-datagrid-content .dx-datagrid-table .dx-filter-range-content { padding: 7px 7px 7px 32px; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-last-data-cell { border-right: none; } .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-command-adaptive-hidden { border-left: none; } .dx-cell-modified, .dx-datagrid-invalid, .dx-highlight-outline { position: relative; padding: 7px; } .dx-cell-modified::after, .dx-datagrid-invalid::after, .dx-highlight-outline::after { content: ""; position: absolute; border: 2px solid transparent; top: 0; left: 1px; bottom: 0; right: 0; pointer-events: none; } .dx-cell-modified.dx-hidden, .dx-datagrid-invalid.dx-hidden, .dx-highlight-outline.dx-hidden { display: block!important; } .dx-cell-modified.dx-hidden::after, .dx-datagrid-invalid.dx-hidden::after, .dx-highlight-outline.dx-hidden::after { display: none; } .dx-editor-cell .dx-highlight-outline, .dx-editor-cell.dx-cell-modified, .dx-editor-cell.dx-datagrid-invalid { padding: 0; } .dx-column-lines .dx-cell-modified::after, .dx-column-lines .dx-datagrid-invalid::after, .dx-column-lines .dx-highlight-outline::after { left: 0; } .dx-datagrid-headers { position: relative; outline: 0; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-header-row > td > .dx-datagrid-text-content { display: inline-block; white-space: normal; vertical-align: top; } .dx-header-row > td > .dx-datagrid-text-content:not(.dx-sort-indicator):not(.dx-header-filter-indicator) { max-width: 100%; } .dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor { border-width: 0; } .dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused::after { content: " "; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; z-index: 1; pointer-events: none; } .dx-datagrid-filter-range-overlay .dx-datagrid-filter-range-end { border-top: 1px solid transparent; } .dx-datagrid-filter-range-overlay .dx-editor-container.dx-cell-modified, .dx-datagrid-filter-range-overlay .dx-editor-container.dx-datagrid-invalid { padding: 0; } .dx-datagrid-filter-row .dx-editor-cell .dx-menu { display: none; } .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu { position: relative; } .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu { display: block; } .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before, .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input { padding-left: 32px; } .dx-datagrid-filter-row .dx-cell-modified::after, .dx-datagrid-filter-row .dx-datagrid-invalid::after { pointer-events: none; } .dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after, .dx-datagrid-filter-row .dx-focused.dx-cell-modified::after, .dx-datagrid-filter-row .dx-focused.dx-datagrid-invalid::after { border-color: transparent; } .dx-datagrid-filter-row .dx-menu { z-index: 1; position: absolute; top: 0; left: 0; cursor: pointer; margin-top: -2px; height: 100%; overflow: visible; } .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal { height: 100%; } .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout, .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text { display: none; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused::after { position: absolute; left: 2px; top: 2px; width: 100%; height: 102%; content: ""; } .dx-datagrid-filter-row > .dx-first-cell .dx-menu, .dx-datagrid-filter-row > td:first-child .dx-menu { margin-left: 0; } .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px 30px 5px 5px; } .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item { padding: 8px 5px 7px; } .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover { padding: 9px 6px 8px; } .dx-datagrid-filter-row .dx-menu-caption { padding-left: 6px; } .dx-datagrid-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down { display: none; } .dx-datagrid-filter-row .dx-menu-item-highlight { font-weight: 400; } .dx-datagrid-scroll-container { overflow: hidden; width: 100%; } .dx-datagrid-header-panel { text-align: left; } .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button { margin-left: 10px; } .dx-datagrid-search-panel { margin: 0 0 0 15px; } .dx-gridbase-container > .dx-datagrid-rowsview { flex: auto; height: auto; } .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable { display: flex; } .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper, .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > div > .dx-scrollable-wrapper { flex: 1; height: auto; min-width: 0; min-height: 0; } .dx-datagrid-rowsview { position: relative; overflow: hidden; } .dx-datagrid-rowsview.dx-empty { height: 100px; } .dx-datagrid-rowsview.dx-empty .dx-scrollable-content { height: 100%; } .dx-datagrid-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content { z-index: 2; } .dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar { z-index: 3; } .dx-datagrid-rowsview .dx-datagrid-content { overflow-anchor: none; } .dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) { min-height: 100%; } .dx-datagrid-rowsview .dx-datagrid-content.dx-scrollable-container { width: auto; } .dx-datagrid-rowsview .dx-datagrid-content.dx-datagrid-content-fixed.dx-scrollable-container { height: auto; } .dx-datagrid-rowsview:focus { outline: 0; } .dx-datagrid-rowsview .dx-row > td, .dx-datagrid-rowsview .dx-row > tr > td { overflow: hidden; text-overflow: ellipsis; } .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child, .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child>td, .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child>tr>td { border-top: none; } .dx-datagrid-rowsview .dx-data-row > td:focus { outline: 0; } .dx-datagrid-rowsview .dx-selection > td .dx-link, .dx-datagrid-rowsview .dx-selection > tr > td .dx-link, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link, .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link { color: inherit; } .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row, .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row { border-top: 0; border-bottom: 0; } .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row > td, .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row > td { padding-top: 0; padding-bottom: 0; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox { display: none; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden>tbody>tr.dx-selection>td>.dx-select-checkbox, .dx-datagrid-rowsview .dx-select-checkboxes-hidden>tbody>tr>td:hover>.dx-select-checkbox { display: inline-block; } .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { padding: 30px; } .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell:focus { outline: 0; } .dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified::after { border-color: transparent; } .dx-datagrid-nodata { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%,-50%); } .dx-datagrid-bottom-load-panel { text-align: center; padding: 10px; } .dx-datagrid-hidden-column { white-space: nowrap; } .dx-datagrid .dx-row .dx-datagrid-hidden-column { border-right-width: 0; border-left-width: 0; } .dx-datagrid-hidden-column > * { display: none!important; } .dx-datagrid-summary-item { font-weight: 700; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox { margin-left: 0; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon { width: 16px; height: 16px; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text { white-space: nowrap; word-break: normal; } .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content { border: none; box-shadow: none; } .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content { padding: 0; } .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-popover-arrow { width: 0; height: 0; } .dx-datagrid-notouch-action { touch-action: none; -ms-content-zooming: none; -ms-overflow-style: none; } .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message, .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item, .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message, .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item { border: none; } .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message, .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message { text-align: center; left: 0; right: 0; bottom: 50%; position: absolute; } .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item, .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item { padding: 7px 5px 7px 30px; } .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image, .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: right; } .dx-datagrid.dx-rtl .dx-texteditor-buttons-container, .dx-rtl .dx-datagrid .dx-texteditor-buttons-container { text-align: start; } .dx-rtl .dx-datagrid-content .dx-datagrid-table { direction: rtl; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space { border-left: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td { border-right: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon { transform: scaleX(-1); } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-filter-range-content { padding: 7px 32px 7px 7px; } .dx-rtl .dx-datagrid-headers .dx-datagrid-scrollable-simulated, .dx-rtl .dx-datagrid-total-footer .dx-datagrid-scrollable-simulated { direction: ltr; } .dx-rtl .dx-datagrid-headers .dx-datagrid-scrollable-simulated .dx-datagrid-table, .dx-rtl .dx-datagrid-total-footer .dx-datagrid-scrollable-simulated .dx-datagrid-table { direction: rtl; } .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder::before, .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input { padding-right: 32px; } .dx-rtl .dx-datagrid-filter-row .dx-menu { right: 0; left: auto; margin-left: 0; margin-right: -2px; } .dx-rtl .dx-datagrid-filter-row > td:first-child .dx-menu { margin-left: 0; } .dx-rtl .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px 5px 5px 30px; } .dx-rtl .dx-datagrid-filter-row .dx-menu-caption { padding-right: 6px; } .dx-rtl .dx-datagrid-header-panel { text-align: right; } .dx-rtl .dx-datagrid-header-panel .dx-datagrid-column-chooser-button { margin-left: 0; } .dx-rtl .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-rtl .dx-datagrid-search-panel { margin: 0 15px 0 0; } .dx-datagrid-filter-panel, .dx-datagrid-filter-panel-left { display: flex; justify-content: space-between; flex-direction: row; min-width: 0; } .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter:hover, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text:hover { text-decoration: underline; cursor: pointer; } .dx-datagrid-filter-panel .dx-datagrid-filter-panel-checkbox { padding-right: 10px; } .dx-datagrid-filter-panel .dx-icon-filter { margin: auto 7px auto auto; cursor: pointer; } .dx-datagrid { position: relative; cursor: default; white-space: normal; line-height: normal; } .dx-hidden.dx-group-cell { display: table-cell!important; font-size: 0!important; } .dx-datagrid-group-panel { display: inline-block; white-space: nowrap; width: 100%; touch-action: pinch-zoom; } .dx-datagrid-group-panel .dx-group-panel-message { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-datagrid-group-panel .dx-group-panel-item { display: inline-block; min-width: 30px; white-space: nowrap; } .dx-datagrid-group-panel .dx-group-panel-item .dx-sort { margin-left: 6px; } .dx-datagrid-group-panel .dx-block-separator { display: inline-block; white-space: nowrap; position: relative; min-width: 0; } .dx-datagrid-group-panel .dx-block-separator .dx-sort { margin-left: 6px; } .dx-datagrid-rowsview .dx-row.dx-group-row td { border-top: 1px solid; border-bottom: 1px solid; } .dx-datagrid-rowsview .dx-row.dx-group-row:first-child td { border-top: none; } .dx-datagrid-rowsview .dx-group-row:focus { outline: 0; } .dx-datagrid-rowsview .dx-group-row.dx-row > td { border-left-color: transparent; border-right-color: transparent; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content:focus { outline: 0; } .dx-datagrid-group-closed, .dx-datagrid-group-opened { cursor: pointer; position: relative; } .dx-datagrid-group-closed::before, .dx-datagrid-group-opened::before { position: absolute; display: block; right: 0; left: 0; } .dx-rtl .dx-datagrid-group-closed { transform: scaleX(-1); } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-group-row.dx-row.dx-column-lines > td { border-left: none; border-right: none; } .dx-rtl .dx-datagrid-group-panel .dx-block-separator, .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item { margin-right: 0; } .dx-rtl .dx-datagrid-group-panel .dx-sort { margin-left: 0; margin-right: 6px; } .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer { border-bottom: 1px solid #e0e0e0; } .dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-pager { border-top: 1px solid #e0e0e0; } .dx-datagrid-borders > .dx-datagrid-filter-panel { border-top-width: 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .dx-sortable-dragging > div > .dx-gridbase-container > .dx-datagrid-rowsview { border-color: rgba(3,169,244,.5); } .dx-datagrid .dx-sort-up { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-up::before { content: ""; } .dx-datagrid .dx-sort-down { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-down::before { content: ""; } .dx-datagrid .dx-sort-down, .dx-datagrid .dx-sort-up { font-family: inherit; } .dx-datagrid .dx-sort-down::before, .dx-datagrid .dx-sort-up::before { font-family: DXIcons,sans-serif; } .dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item, .dx-datagrid .dx-datagrid-header-panel .dx-header-filter { outline: 0; } .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus, .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus { outline: #35baf6 solid 2px; outline-offset: -2px; } .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus { outline-offset: 2px; } .dx-datagrid .dx-datagrid-headers .dx-header-filter, .dx-datagrid .dx-datagrid-headers .dx-header-row > td { outline: 0; } .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus, .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus { outline: #35baf6 solid 2px; outline-offset: 2px; } .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus { outline-offset: -2px; } .dx-datagrid .dx-header-filter { position: relative; color: rgba(0,0,0,.54); font: 14px/1 DXIcons; } .dx-datagrid .dx-header-filter::before { content: ""; } .dx-datagrid .dx-header-filter-empty { color: rgba(0,0,0,.38); } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed { background-color: #fff; } .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none { border-left: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; } .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell { border-left: none; } .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell { border-right: none; } .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus { outline: #35baf6 solid 2px; outline-offset: 2px; } .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus { outline-color: #fff; outline-offset: 0; } .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form { background-color: #fff; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td { position: relative; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space)::before { display: block; height: 100%; content: ""; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC"); background-repeat: no-repeat repeat; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]::before { transform: scaleX(-1); } .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content { color: rgba(0,0,0,.87); } .dx-datagrid .dx-error-row td { color: #fff; padding: 0; } .dx-datagrid .dx-column-lines > td:first-child { border-left: none; } .dx-datagrid .dx-column-lines > td:last-child { border-right: none; } .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon { font: 14px/1 DXIcons; } .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon::before { content: ""; } .dx-datagrid-filter-panel { color: rgba(0,0,0,.87); border-top: 1px solid #e0e0e0; } .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text, .dx-datagrid-filter-panel .dx-icon-filter { outline: 0; } .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus, .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus, .dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus { outline: #35baf6 solid 2px; outline-offset: 3px; } .dx-datagrid-form-buttons-container { float: right; } .dx-datagrid-form-buttons-container .dx-button { margin-left: 10px; margin-top: 10px; } .dx-datagrid-adaptive-more { cursor: pointer; font: 21px/21px DXIcons; } .dx-datagrid-adaptive-more::before { content: ""; } .dx-datagrid-edit-popup .dx-error-message { background-color: #f88e86; white-space: normal; word-wrap: break-word; color: #fff; margin-bottom: 20px; } .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none { border-left: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; } .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell { border-right: none; } .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell { border-left: none; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td::before { transform: scaleX(-1); } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]::before { transform: scale(1); } .dx-rtl .dx-datagrid .dx-column-lines > td:first-child { border-right: none; border-left: 1px solid #e0e0e0; } .dx-rtl .dx-datagrid .dx-column-lines > td:last-child { border-left: none; border-right: 1px solid #e0e0e0; } .dx-rtl .dx-datagrid-form-buttons-container { float: left; } .dx-rtl .dx-datagrid-form-buttons-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-datagrid-cell-updated-animation { animation: 1s dx-datagrid-highlight-change; } @keyframes dx-datagrid-highlight-change { 50%, from { background-color: rgba(0,0,0,.08); } } .dx-datagrid .dx-menu, .dx-datagrid-container .dx-menu { background-color: transparent; height: 100%; } .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content { padding: 11px 4px; } .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon { width: 22px; height: 22px; background-position: 0 0; background-size: 22px 22px; padding: 0; font-size: 22px; text-align: center; line-height: 22px; margin: 0 3px; } .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon, .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon { color: rgba(86,86,86,.54); width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu { height: 48px; } .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon, .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-datagrid .dx-editor-with-menu .dx-texteditor .dx-placeholder::before, .dx-datagrid .dx-editor-with-menu .dx-texteditor .dx-texteditor-input, .dx-datagrid-container .dx-editor-with-menu .dx-texteditor .dx-placeholder::before, .dx-datagrid-container .dx-editor-with-menu .dx-texteditor .dx-texteditor-input { padding-left: 40px; } .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc { font: 18px/18px DXIcons; width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; text-align: center; } .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before { content: ""; } .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc { font: 18px/18px DXIcons; width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; text-align: center; } .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before { content: ""; } .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid .dx-header-filter, .dx-datagrid .dx-sort-down, .dx-datagrid .dx-sort-up, .dx-datagrid-container .dx-header-filter, .dx-datagrid-container .dx-sort-down, .dx-datagrid-container .dx-sort-up { width: 15px; height: 15px; background-position: 0 0; background-size: 15px 15px; padding: 0; font-size: 15px; text-align: center; line-height: 15px; } .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty), .dx-datagrid-container .dx-header-filter:not(.dx-header-filter-empty) { color: #03a9f4; } .dx-datagrid .dx-icon-filter-operation-equals, .dx-datagrid-container .dx-icon-filter-operation-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-equals::before, .dx-datagrid-container .dx-icon-filter-operation-equals::before { content: ""; } .dx-datagrid .dx-icon-filter-operation-default, .dx-datagrid-container .dx-icon-filter-operation-default { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-default::before, .dx-datagrid-container .dx-icon-filter-operation-default::before { content: ""; } .dx-datagrid .dx-icon-filter-operation-not-equals, .dx-datagrid-container .dx-icon-filter-operation-not-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-equals::before, .dx-datagrid-container .dx-icon-filter-operation-not-equals::before { content: ""; } .dx-datagrid .dx-icon-filter-operation-less, .dx-datagrid-container .dx-icon-filter-operation-less { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less::before, .dx-datagrid-container .dx-icon-filter-operation-less::before { content: ""; } .dx-datagrid .dx-icon-filter-operation-less-equal, .dx-datagrid-container .dx-icon-filter-operation-less-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less-equal::before, .dx-datagrid-container .dx-icon-filter-operation-less-equal::before { content: ""; } .dx-datagrid .dx-icon-filter-operation-greater, .dx-datagrid-container .dx-icon-filter-operation-greater { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater::before, .dx-datagrid-container .dx-icon-filter-operation-greater::before { content: ""; } .dx-datagrid .dx-icon-filter-operation-greater-equal, .dx-datagrid-container .dx-icon-filter-operation-greater-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater-equal::before, .dx-datagrid-container .dx-icon-filter-operation-greater-equal::before { content: ""; } .dx-datagrid .dx-icon-filter-operation-contains, .dx-datagrid-container .dx-icon-filter-operation-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-contains::before, .dx-datagrid-container .dx-icon-filter-operation-contains::before { content: ""; } .dx-datagrid .dx-icon-filter-operation-not-contains, .dx-datagrid-container .dx-icon-filter-operation-not-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-contains::before, .dx-datagrid-container .dx-icon-filter-operation-not-contains::before { content: ""; } .dx-datagrid .dx-icon-filter-operation-starts-with, .dx-datagrid-container .dx-icon-filter-operation-starts-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-starts-with::before, .dx-datagrid-container .dx-icon-filter-operation-starts-with::before { content: ""; } .dx-datagrid .dx-icon-filter-operation-ends-with, .dx-datagrid-container .dx-icon-filter-operation-ends-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-ends-with::before, .dx-datagrid-container .dx-icon-filter-operation-ends-with::before { content: ""; } .dx-datagrid .dx-icon-filter-operation-between, .dx-datagrid-container .dx-icon-filter-operation-between { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-between::before, .dx-datagrid-container .dx-icon-filter-operation-between::before { content: ""; } .dx-datagrid .dx-column-indicators, .dx-datagrid-container .dx-column-indicators { height: 16px; } .dx-datagrid .dx-column-indicators .dx-sort-index-icon, .dx-datagrid-container .dx-column-indicators .dx-sort-index-icon { padding-right: 4px; margin-left: -1px; font-size: 11px; position: relative; bottom: 1px; } .dx-datagrid .dx-column-indicators > div, .dx-datagrid-container .dx-column-indicators > div { width: 15px; height: 15px; background-position: 0 0; background-size: 15px 15px; padding: 0; font-size: 15px; text-align: center; line-height: 15px; } .dx-datagrid .dx-placeholder::before, .dx-datagrid-container .dx-placeholder::before { font-size: 14px; } .dx-datagrid { color: rgba(0,0,0,.87); background-color: #fff; line-height: inherit; } .dx-datagrid .dx-row-alt > td { background-color: #f5f5f5; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) { border-bottom-color: transparent; } .dx-datagrid .dx-link { text-decoration: underline; cursor: pointer; color: #03a9f4; } .dx-datagrid .dx-row-lines > td { border-bottom: 1px solid #e0e0e0; } .dx-datagrid .dx-column-lines > td { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .dx-datagrid .dx-error-row .dx-closebutton { float: right; margin: 16px; font: 14px/14px DXIcons; width: 14px; height: 14px; background-position: 0 0; background-size: 14px 14px; padding: 0; text-align: center; } .dx-datagrid .dx-error-row .dx-closebutton::before { content: ""; } .dx-datagrid .dx-error-row .dx-error-message { background-color: #f88e86; white-space: normal; word-wrap: break-word; padding: 14px 35px 14px 14px; } .dx-datagrid .dx-row > td { padding-top: 14px; padding-bottom: 14px; font-size: 14px; line-height: 20px; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending), .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all), .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) { padding-right: 14px; padding-left: 14px; vertical-align: middle; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending):first-of-type, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all):first-of-type, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all):first-of-type { padding-left: 18px; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending):last-of-type, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all):last-of-type, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all):last-of-type { padding-right: 18px; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-select, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select { overflow: visible; width: 40px; min-width: 40px; padding-left: 18px; padding-right: 4px; line-height: 1; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit { width: 115px; min-width: 115px; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons { width: 93px; min-width: 93px; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin: 0 2px; vertical-align: middle; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon), .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon), .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon) { width: auto; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending) .dx-datagrid-group-space, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-expand, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all) .dx-datagrid-group-space, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-expand, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) .dx-datagrid-group-space, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-expand { padding: 0 4px 0 8px; line-height: 0; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select), .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select), .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select) { padding-right: 0; padding-left: 0; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before { background-position-y: 49px; } .dx-datagrid .dx-command-drag { width: 56px; min-width: 56px; } .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon { width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; } .dx-datagrid-edit-popup .dx-popup-content { padding: 0; } .dx-datagrid-edit-popup .dx-error-message { padding: 14px; } .dx-datagrid-edit-popup-form { padding: 24px; } .dx-datagrid-headers .dx-texteditor-input, .dx-datagrid-rowsview .dx-texteditor-input { min-height: 16px; } .dx-datagrid-headers .dx-lookup, .dx-datagrid-rowsview .dx-lookup { height: auto; } .dx-datagrid-headers .dx-lookup .dx-lookup-field, .dx-datagrid-rowsview .dx-lookup .dx-lookup-field { padding-left: 14px; padding-top: 14px; padding-bottom: 14px; font-size: 14px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input { padding-right: 38px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 38px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input { padding-right: 38px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 38px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input { padding-right: 0; } .dx-datagrid-headers .dx-searchbox .dx-placeholder::before, .dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-datagrid-rowsview .dx-searchbox .dx-placeholder::before, .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input { padding-left: 22px; } .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder::before, .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder::before, .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder::before, .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder::before, .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input { padding-right: 22px; } .dx-datagrid-column-chooser-list .dx-empty-message, .dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message { color: rgba(102,102,102,.87); padding: 0 24px; } .dx-datagrid-column-chooser { color: rgba(0,0,0,.87); font-weight: 400; font-size: 14px; font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-datagrid-column-chooser input, .dx-datagrid-column-chooser textarea { font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content { padding: 16px 24px 9px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search { margin-bottom: 10px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node { padding-left: 20px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content { padding: 16px 24px 9px; } .dx-datagrid-column-chooser .dx-overlay-content { background-color: #fff; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title { background-color: transparent; border-bottom: 1px solid #e0e0e0; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label { font-size: 20px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { margin: 2px 2px 8px; background-color: #fff; color: rgba(0,0,0,.54); font-weight: 500; font-size: 12px; padding: 14px; line-height: 16px; box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-datagrid-drag-header { border-color: rgba(3,169,244,.5); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); color: rgba(0,0,0,.54); font-weight: 500; padding: 20px; background-color: #fff; line-height: 16px; font-size: 12px; } .dx-datagrid-columns-separator { background-color: rgba(3,169,244,.5); } .dx-datagrid-columns-separator-transparent { background-color: transparent; } .dx-datagrid-drop-highlight > td { background-color: #03a9f4; color: #fff; } .dx-datagrid-drop-highlight > td .dx-header-filter { color: #fff; } .dx-datagrid-drop-highlight > td .dx-checkbox .dx-checkbox-icon { background-color: #fff; color: #03a9f4; } .dx-datagrid-focus-overlay:after { content: ""; position: absolute; bottom: 0; height: 2px; background-color: #35baf6; left: 0; right: 1px; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input { background-color: rgba(0,0,0,.04); color: rgba(0,0,0,.87); } .dx-datagrid-headers { color: rgba(0,0,0,.54); touch-action: pinch-zoom; border-bottom: 1px solid #e0e0e0; } .dx-datagrid-headers .dx-datagrid-content { margin-bottom: -1px; } .dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table { border-bottom-width: 1px; } .dx-datagrid-headers .dx-datagrid-table .dx-row > td { border-bottom: 1px solid #e0e0e0; padding-top: 20px; padding-bottom: 20px; line-height: 16px; font-weight: 500; font-size: 12px; } .dx-datagrid-headers .dx-datagrid-table .dx-row>td .dx-sort, .dx-datagrid-headers .dx-datagrid-table .dx-row>td .dx-sort-indicator, .dx-datagrid-headers .dx-datagrid-table .dx-row>td:hover .dx-datagrid-text-content { color: rgba(0,0,0,.87); } .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-sort { color: rgba(0,0,0,.38); } .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) { background-color: rgba(0,0,0,.04); } .dx-datagrid-headers.dx-header-multi-row .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row .dx-command-select { padding-bottom: 19px; } .dx-datagrid-headers.dx-header-multi-row .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td { padding-top: 12px; padding-bottom: 12px; vertical-align: bottom; border-right: 1px solid #e0e0e0; } .dx-datagrid-headers.dx-header-multi-row .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td:last-child { border-right: none; } .dx-datagrid-filter-row { background-color: #fafafa; } .dx-datagrid-filter-row .dx-menu { margin-left: 0; } .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container { height: 100%; top: 2px; position: absolute; } .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper { height: 100%; } .dx-datagrid-filter-row .dx-menu .dx-overlay-content { color: rgba(117,117,117,.87); } .dx-datagrid-filter-row .dx-filter-modified { background-color: rgba(139,195,74,.32); } .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content { padding: 14px 14px 14px 40px; } .dx-datagrid .dx-datagrid-table .dx-datagrid-filter-row > td { padding-top: 0; padding-bottom: 0; } .dx-datagrid-filter-range-overlay .dx-overlay-content { overflow: inherit; background-color: #fafafa; box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused::after, .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover::after { top: auto; bottom: 0; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input { font-size: 14px; height: 49px; padding-right: 12px; padding-left: 12px; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder::before { padding-left: 12px; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper { display: none; } .dx-cell-modified, .dx-datagrid-invalid { padding: 14px 0; overflow: hidden; text-overflow: ellipsis; } .dx-datagrid-header-panel { border-bottom: 1px solid #e0e0e0; padding: 0 14px 0 24px; background-color: #fff; } .dx-datagrid-header-panel .dx-apply-button { background-color: transparent; color: #fff; box-shadow: none; } .dx-datagrid-header-panel .dx-apply-button .dx-icon { color: #fff; } .dx-datagrid-header-panel .dx-apply-button.dx-state-focused, .dx-datagrid-header-panel .dx-apply-button.dx-state-hover { background-color: rgba(139,195,74,.08); box-shadow: none; } .dx-datagrid-header-panel .dx-apply-button.dx-state-active { background-color: rgba(139,195,74,.36); box-shadow: none; } .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-datagrid-header-panel .dx-apply-button .dx-inkripple-wave { background-color: rgba(255,255,255,.2); } .dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon { border-radius: 50%; } .dx-datagrid-header-panel .dx-datagrid-toolbar-button .dx-icon { color: rgba(0,0,0,.87); } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow::before { content: ""; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel::before { content: ""; } .dx-datagrid-save-button .dx-icon-edit-button-save { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; } .dx-datagrid-save-button .dx-icon-edit-button-save::before { content: ""; } .dx-datagrid-export-button .dx-icon-export-to { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; } .dx-datagrid-export-button .dx-icon-export-to::before { content: ""; } .dx-datagrid-export-button .dx-icon-export-excel-button { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; } .dx-datagrid-export-button .dx-icon-export-excel-button::before { content: ""; } .dx-datagrid-adaptive-more { vertical-align: middle; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; color: rgba(0,0,0,.54); } .dx-row.dx-row-focused .dx-datagrid-adaptive-more { color: inherit; } .dx-datagrid-rowsview { border-top: 1px solid #e0e0e0; } .dx-datagrid-headers + .dx-datagrid-rowsview { border-top: none; } .dx-datagrid-rowsview .dx-row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-rowsview .dx-row:focus { outline: 0; } .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td { border-top-width: 0; border-bottom: 1px solid #e0e0e0; } .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell, .dx-datagrid-rowsview .dx-master-detail-row>.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-row.dx-edit-row>td { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell, .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space { background-color: #fafafa; } .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified, .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:not(.dx-edit-row) .dx-cell-modified, .dx-datagrid-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified, .dx-datagrid-rowsview .dx-data-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified, .dx-datagrid-rowsview .dx-data-row.dx-selection:not(.dx-edit-row) .dx-cell-modified, .dx-datagrid-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified { background-color: rgba(139,195,74,.32); } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-datagrid-invalid, .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid, .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-datagrid-invalid, .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-invalid, .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-datagrid-invalid, .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-invalid, .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid, .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid, .dx-datagrid-rowsview .dx-data-row.dx-selection .dx-validator.dx-datagrid-invalid, .dx-datagrid-rowsview .dx-data-row.dx-selection .dx-validator.dx-invalid, .dx-datagrid-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-datagrid-invalid, .dx-datagrid-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-invalid { background-color: rgba(244,67,54,.32); } .dx-datagrid-rowsview .dx-overlay-wrapper.dx-invalid-message .dx-overlay-content { padding: 9px 17px; background-color: #f44336; color: #fff; } .dx-datagrid-rowsview .dx-row-removed > td { background-color: rgba(139,195,74,.32); border-top: 1px solid rgba(139,195,74,.32); border-bottom: 1px solid rgba(139,195,74,.32); } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-label { padding-top: 0; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content { line-height: 40px; min-height: 40px; font-size: 14px; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused { padding: 0; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor-input { font-size: 14px; height: 40px; line-height: 40px; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor::after, .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor::before { content: none; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined { box-shadow: none; } .dx-datagrid-rowsview .dx-item-modified { background-color: rgba(139,195,74,.32); } .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) { background-color: #35baf6; color: #fff; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-opened { color: #fff; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus { background-color: #fff; color: #03a9f4; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td { border-bottom: 1px solid #35baf6; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td { border-top: 1px solid #35baf6; border-bottom: 1px solid #35baf6; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row.dx-edit-row > td.dx-editor-cell:not(.dx-command-select), .dx-datagrid-rowsview .dx-row-focused.dx-data-row.dx-edit-row > tr > td.dx-editor-cell:not(.dx-command-select) { background-color: #fff; color: rgba(0,0,0,.87); } .dx-datagrid-rowsview .dx-row-focused.dx-group-row { background-color: #35baf6; color: #fff; } .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened { color: #fff; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td { background-color: rgba(3,169,244,.04); color: rgba(0,0,0,.87); } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-datagrid-group-space { border-right-color: rgba(3,169,244,.04); } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none { border-left-color: #e0e0e0; border-right-color: #e0e0e0; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td { border-bottom: 1px solid rgba(3,169,244,.04); border-top: 1px solid rgba(3,169,244,.04); } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td { border-bottom-color: #e0e0e0; } .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content { padding-right: 0; } .dx-datagrid-rowsview td.dx-validation-pending { position: relative; padding: 0; } .dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid, .dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified { padding: 14px 54px 14px 14px; } .dx-rtl .dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid, .dx-rtl .dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified, .dx-rtl.dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid, .dx-rtl.dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified { padding-left: 54px; padding-right: 14px; } .dx-datagrid-rowsview td.dx-validation-pending > .dx-pending-indicator { pointer-events: none; position: absolute; top: 50%; margin-top: -11px; width: 22px; height: 22px; right: 22px; background-color: transparent; } .dx-rtl .dx-datagrid-rowsview td.dx-validation-pending > .dx-pending-indicator, .dx-rtl.dx-datagrid-rowsview td.dx-validation-pending > .dx-pending-indicator { right: auto; left: 22px; } .dx-datagrid-search-text { color: #fff; background-color: #03a9f4; } .dx-datagrid-nodata { color: rgba(102,102,102,.87); font-size: 17px; } .dx-datagrid-bottom-load-panel { border-top: 1px solid #e0e0e0; background-color: #fff; } .dx-datagrid-summary-item { color: rgba(0,0,0,.7); } .dx-datagrid-total-footer { position: relative; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .dx-datagrid-total-footer > .dx-datagrid-content { padding: 0; } .dx-datagrid-revert-tooltip .dx-overlay-content { background-color: transparent; min-width: inherit; } .dx-datagrid-revert-tooltip .dx-revert-button { border-radius: 4px; background-color: #f44336; color: #fff; -webkit-box-shadow: none; margin: 0 0 0 1px; height: 48px; box-shadow: none; min-width: inherit; } .dx-datagrid-revert-tooltip .dx-revert-button .dx-button-content { padding: 2px; } .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; color: #fff; } .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right, .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon, .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon { margin-left: 0; margin-right: 0; } .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right, .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active, .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused, .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover { background-color: #f44336; box-shadow: none; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled { background: rgba(0,0,0,.1); box-shadow: none; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-datagrid-revert-tooltip .dx-revert-button .dx-inkripple-wave { background-color: rgba(255,255,255,.2); } .dx-datagrid-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) { border-radius: 2px; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover { box-shadow: none; } .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space { border-left-color: rgba(0,0,0,.04); border-right-color: transparent; } .dx-rtl .dx-datagrid .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon, .dx-rtl .dx-datagrid-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type { padding-left: 14px; padding-right: 18px; } .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type { padding-right: 14px; padding-left: 18px; } .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select { padding-right: 18px; padding-left: 4px; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td { border-right-color: #e0e0e0; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space { border-left-color: rgba(3,169,244,.04); } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none { border-left-color: #e0e0e0; } .dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content { padding-left: 0; } .dx-datagrid-form-buttons-container .dx-button { background-color: transparent; color: #03a9f4; box-shadow: none; } .dx-datagrid-form-buttons-container .dx-button .dx-icon { color: #03a9f4; } .dx-datagrid-form-buttons-container .dx-button.dx-state-focused, .dx-datagrid-form-buttons-container .dx-button.dx-state-hover { background-color: rgba(3,169,244,.08); box-shadow: none; } .dx-datagrid-form-buttons-container .dx-button.dx-state-active { background-color: rgba(3,169,244,.36); box-shadow: none; } .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-datagrid-form-buttons-container .dx-button .dx-inkripple-wave { background-color: rgba(3,169,244,.2); } .dx-datagrid-filter-panel { padding: 15px 18px; } .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text { color: #03a9f4; font-size: 14px; line-height: 18px; } .dx-datagrid-filter-panel .dx-icon-filter { color: #03a9f4; } .dx-datagrid-filter-panel + .dx-pager { border-top: 1px solid #e0e0e0; } .dx-datagrid-group-panel { font-size: 14px; touch-action: pinch-zoom; } .dx-datagrid-group-panel .dx-group-panel-message { color: rgba(0,0,0,.54); font-weight: 500; padding: 7px 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-group-panel .dx-group-panel-item { margin-right: 10px; color: rgba(0,0,0,.54); font-weight: 500; font-size: 12px; line-height: 16px; background: #e0e0e0; border-radius: 16px; padding: 8px 10px; } .dx-datagrid-group-panel .dx-block-separator { margin-right: 10px; color: rgba(0,0,0,.54); font-weight: 500; padding: 7px; background-color: #e0e0e0; } .dx-datagrid-group-panel .dx-sort { color: rgba(86,86,86,.54); } .dx-datagrid-rowsview .dx-row.dx-group-row:first-child { border-top: none; } .dx-datagrid-rowsview .dx-row.dx-group-row { font-size: 12px; font-weight: 700; } .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) { color: rgba(0,0,0,.54); background-color: #fff; } .dx-datagrid-rowsview .dx-row.dx-group-row td { border-top-color: #e0e0e0; border-bottom-color: #e0e0e0; } .dx-datagrid-group-opened { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; color: rgba(98,98,98,.54); } .dx-datagrid-group-opened::before { content: ""; } .dx-datagrid-group-closed { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; color: rgba(98,98,98,.54); } .dx-datagrid-group-closed::before { content: ""; } .dx-row.dx-datagrid-group-footer.dx-column-lines { border-bottom: 1px solid #e0e0e0; } .dx-row.dx-datagrid-group-footer > td { background-color: #fff; border-top: 1px solid #e0e0e0; border-left-width: 0; border-right-width: 0; } .dx-rtl .dx-datagrid-group-panel .dx-block-separator, .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item { margin-left: 10px; } .dx-treelist-important-margin { margin-right: 5px!important; } .dx-treelist-table { background-color: transparent; } .dx-treelist-borders > .dx-treelist-total-footer { border-top: 0; } .dx-treelist-borders > .dx-treelist-pager { margin-top: 1px; } .dx-treelist-borders > .dx-treelist-header-panel { border-bottom: 0; } .dx-treelist-borders > .dx-treelist-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td { border-bottom-width: 0; } .dx-treelist .dx-treelist-content-fixed { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; pointer-events: none; overflow: hidden; } .dx-treelist .dx-treelist-content-fixed .dx-treelist-table { position: relative; } .dx-treelist .dx-treelist-content-fixed .dx-treelist-table td { pointer-events: auto; } .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-row td.dx-pointer-events-none { visibility: hidden; background-color: transparent; pointer-events: none; border-top-color: transparent; border-bottom-color: transparent; } .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-header-row td.dx-pointer-events-none { border-bottom-color: transparent; } .dx-treelist .dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed .dx-row td.dx-pointer-events-none { width: auto; } .dx-treelist .dx-menu-subitem ul li { padding-top: 0; } .dx-treelist .dx-menu-subitem ul li:first-child { padding-top: 1px; } .dx-treelist .dx-menu-subitem .dx-menu-item { padding: 7px 30px 7px 5px; } .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: left; } .dx-treelist .dx-link { text-decoration: underline; cursor: pointer; } .dx-treelist .dx-column-indicators { display: inline-block; vertical-align: top; white-space: nowrap; } .dx-treelist .dx-column-indicators.dx-visibility-hidden { visibility: hidden; } .dx-treelist .dx-column-indicators .dx-sort-index-icon { width: 15px; } .dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter, .dx-treelist .dx-column-indicators .dx-header-filter.dx-sort, .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter, .dx-treelist .dx-column-indicators .dx-sort.dx-sort { display: inline-block; } .dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter::after, .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: -7px; } .dx-treelist .dx-row > td, .dx-treelist .dx-row > tr > td { padding: 7px; } .dx-treelist .dx-error-row { -webkit-user-select: initial; user-select: initial; } .dx-treelist .dx-error-row .dx-error-message { -webkit-user-select: text; user-select: text; } .dx-treelist .dx-error-row .dx-error-message a { color: inherit; } .dx-treelist .dx-treelist-rowsview .dx-data-row .dx-command-drag { cursor: move; vertical-align: middle; padding: 0; } .dx-sortable-dragging .dx-treelist-rowsview .dx-data-row .dx-command-drag { cursor: pointer; cursor: grabbing; } .dx-sortable-without-handle .dx-data-row { cursor: pointer; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title { font-size: 16px; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content { padding: 0 20px 20px; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { opacity: .5; box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-treelist-drag-action { opacity: 1; cursor: pointer; touch-action: pinch-zoom; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf { padding: 0; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node { padding-left: 0; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node .dx-checkbox { left: 4px; } .dx-treelist-nowrap, .dx-treelist-nowrap .dx-header-row>td>.dx-treelist-text-content { white-space: nowrap; } .dx-treelist-drag-header { position: absolute; vertical-align: middle; cursor: pointer; z-index: 10000; box-sizing: content-box; } .dx-treelist-drag-header.dx-drag-command-cell { padding: 0; } .dx-treelist-columns-separator { position: absolute; z-index: 3; width: 3px; } .dx-treelist-columns-separator-transparent { border-left: 0; border-right: 0; } .dx-treelist-tracker { width: 100%; position: absolute; top: 0; z-index: 3; cursor: col-resize; } .dx-treelist-table-content { position: absolute; top: 0; } .dx-treelist-focus-overlay { position: absolute; pointer-events: none; top: 0; left: 0; visibility: hidden; } .dx-treelist-action, .dx-treelist-drag-action { cursor: pointer; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link { color: inherit; } .dx-treelist-content { position: relative; } .dx-treelist-content .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message { visibility: visible; } .dx-treelist-content .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message .dx-overlay-content, .dx-treelist-text-content { overflow: hidden; text-overflow: ellipsis; } .dx-treelist-table-fixed { table-layout: fixed; width: 100%; } input.dx-hidden { display: inline-block!important; width: 0!important; } .dx-hidden-cell { visibility: hidden; } .dx-row > td, .dx-row > tr > td { border: none; } .dx-treelist-content .dx-treelist-table { border-collapse: collapse; border-spacing: 0; margin: 0; max-width: 10px; } .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed { max-width: none; } .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-none { display: none; } .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-index { width: 26px; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators { float: none!important; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators > span { width: 14px; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators .dx-sort.dx-sort-none { display: inline-block; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-header-row .dx-treelist-text-content { max-width: none; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-left { margin-right: 3px; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-right { margin-left: 3px; } .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators { float: none!important; } .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators > span { width: 14px; } .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-left { margin-right: 3px; } .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-right { margin-left: 3px; } .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-master-detail-cell { max-width: 0; } .dx-treelist-content .dx-treelist-table [class*=column] + [class*=column]:last-child { float: none; } .dx-treelist-content .dx-treelist-table .dx-row > td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td { vertical-align: top; } .dx-treelist-content .dx-treelist-table .dx-row > td:first-child, .dx-treelist-content .dx-treelist-table .dx-row > tr > td:first-child { border-left: 0; } .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space { border-right: none; vertical-align: top; } .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space + td { border-left: none; } .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container { overflow: hidden; } .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay { position: static; } .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell { max-width: 0; padding: 0; vertical-align: middle; } .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor, .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor-container { border: 0; margin: 0; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-select { padding: 0; width: 70px; min-width: 70px; max-width: 70px; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit { text-overflow: clip; width: 100px; min-width: 100px; white-space: nowrap; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons { width: 80px; min-width: 80px; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link { text-decoration: none; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit .dx-link { display: inline-block; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-expand { padding: 0; width: 30px; min-width: 30px; max-width: 30px; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-adaptive { padding: 0; vertical-align: middle; } .dx-treelist-content .dx-treelist-table .dx-data-row .dx-command-edit-with-icons { line-height: 1; white-space: nowrap; } .dx-treelist-content .dx-treelist-table .dx-filter-range-content { padding: 7px 7px 7px 32px; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .dx-treelist-content .dx-treelist-table .dx-row > .dx-last-data-cell { border-right: none; } .dx-treelist-content .dx-treelist-table .dx-row > .dx-command-adaptive-hidden { border-left: none; } .dx-cell-modified, .dx-highlight-outline, .dx-treelist-invalid { position: relative; padding: 7px; } .dx-cell-modified::after, .dx-highlight-outline::after, .dx-treelist-invalid::after { content: ""; position: absolute; border: 2px solid transparent; top: 0; left: 1px; bottom: 0; right: 0; pointer-events: none; } .dx-cell-modified.dx-hidden, .dx-highlight-outline.dx-hidden, .dx-treelist-invalid.dx-hidden { display: block!important; } .dx-cell-modified.dx-hidden::after, .dx-highlight-outline.dx-hidden::after, .dx-treelist-invalid.dx-hidden::after { display: none; } .dx-editor-cell .dx-texteditor-input { margin: 0; } .dx-editor-cell .dx-highlight-outline, .dx-editor-cell.dx-cell-modified, .dx-editor-cell.dx-treelist-invalid { padding: 0; } .dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before { display: inline-block; content: "​"; vertical-align: middle; } .dx-column-lines .dx-cell-modified::after, .dx-column-lines .dx-highlight-outline::after, .dx-column-lines .dx-treelist-invalid::after { left: 0; } .dx-treelist-headers { position: relative; outline: 0; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-header-row .dx-editor-cell .dx-select-checkbox { display: inline-block; } .dx-header-row > td { white-space: nowrap; overflow: hidden; } .dx-header-row > td > .dx-treelist-text-content { display: inline-block; white-space: normal; vertical-align: top; } .dx-header-row .dx-text-content-alignment-left, .dx-header-row .dx-text-content-alignment-right, .dx-header-row>td>.dx-treelist-text-content:not(.dx-sort-indicator):not(.dx-header-filter-indicator) { max-width: 100%; } .dx-header-row .dx-header-filter-indicator, .dx-header-row .dx-sort-indicator { max-width: calc(100% - 17px); } .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left { margin-right: 3px; } .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right { margin-left: 3px; } .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right { max-width: calc(100% - 34px); } .dx-header-row .dx-sort-indicator.dx-header-filter-indicator { max-width: calc(100% - 31px); } .dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right { max-width: calc(100% - 62px); } .dx-header-row .dx-sort-indicator.dx-sort-index-indicator { max-width: calc(100% - 29px); } .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator { max-width: calc(100% - 43px); } .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right { max-width: calc(100% - 46px); } .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right { max-width: calc(100% - 74px); } .dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor { border-width: 0; } .dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused::after { content: " "; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; z-index: 1; pointer-events: none; } .dx-treelist-filter-range-overlay .dx-treelist-filter-range-end { border-top: 1px solid transparent; } .dx-treelist-filter-range-overlay .dx-editor-container.dx-cell-modified, .dx-treelist-filter-range-overlay .dx-editor-container.dx-treelist-invalid { padding: 0; } .dx-treelist-filter-row .dx-editor-cell .dx-menu { display: none; } .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu { position: relative; } .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu { display: block; } .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before, .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input { padding-left: 32px; } .dx-treelist-filter-row .dx-cell-modified::after, .dx-treelist-filter-row .dx-treelist-invalid::after { pointer-events: none; } .dx-treelist-filter-row .dx-focused .dx-highlight-outline::after, .dx-treelist-filter-row .dx-focused.dx-cell-modified::after, .dx-treelist-filter-row .dx-focused.dx-treelist-invalid::after { border-color: transparent; } .dx-treelist-filter-row .dx-menu { z-index: 1; position: absolute; top: 0; left: 0; cursor: pointer; margin-top: -2px; height: 100%; overflow: visible; } .dx-treelist-filter-row .dx-menu .dx-menu-horizontal { height: 100%; } .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout, .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text { display: none; } .dx-treelist-filter-row .dx-menu-item.dx-state-focused::after { position: absolute; left: 2px; top: 2px; width: 100%; height: 102%; content: ""; } .dx-treelist-filter-row > .dx-first-cell .dx-menu, .dx-treelist-filter-row > td:first-child .dx-menu { margin-left: 0; } .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px 30px 5px 5px; } .dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item { padding: 8px 5px 7px; } .dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover { padding: 9px 6px 8px; } .dx-treelist-filter-row .dx-menu-caption { padding-left: 6px; } .dx-treelist-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down { display: none; } .dx-treelist-filter-row .dx-menu-item-highlight { font-weight: 400; } .dx-treelist-scroll-container { overflow: hidden; width: 100%; } .dx-treelist-header-panel { text-align: left; } .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button { margin-left: 10px; } .dx-state-disabled { cursor: pointer; } .dx-state-disabled .dx-menu-item { cursor: default; } .dx-treelist-search-panel { margin: 0 0 0 15px; } .dx-gridbase-container > .dx-treelist-rowsview { flex: auto; height: auto; } .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable { display: flex; } .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable > .dx-scrollable-wrapper, .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable > div > .dx-scrollable-wrapper { flex: 1; height: auto; min-width: 0; min-height: 0; } .dx-treelist-rowsview { position: relative; overflow: hidden; } .dx-treelist-rowsview.dx-empty { height: 100px; } .dx-treelist-rowsview.dx-empty .dx-scrollable-content { height: 100%; } .dx-treelist-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content { z-index: 2; } .dx-treelist-rowsview.dx-fixed-columns .dx-scrollable-scrollbar { z-index: 3; } .dx-treelist-rowsview .dx-treelist-content { overflow-anchor: none; } .dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) { min-height: 100%; } .dx-treelist-rowsview .dx-treelist-content.dx-scrollable-container { width: auto; } .dx-treelist-rowsview .dx-treelist-content.dx-treelist-content-fixed.dx-scrollable-container { height: auto; } .dx-treelist-rowsview:focus { outline: 0; } .dx-treelist-rowsview .dx-row > td, .dx-treelist-rowsview .dx-row > tr > td { overflow: hidden; text-overflow: ellipsis; } .dx-treelist-rowsview .dx-row.dx-row-lines:first-child, .dx-treelist-rowsview .dx-row.dx-row-lines:first-child>td, .dx-treelist-rowsview .dx-row.dx-row-lines:first-child>tr>td { border-top: none; } .dx-treelist-rowsview .dx-data-row > td:focus { outline: 0; } .dx-treelist-rowsview .dx-selection > td .dx-link, .dx-treelist-rowsview .dx-selection > tr > td .dx-link, .dx-treelist-rowsview .dx-selection.dx-row:hover > td .dx-link, .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td .dx-link { color: inherit; } .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row, .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row { border-top: 0; border-bottom: 0; } .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row > td, .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row > td { padding-top: 0; padding-bottom: 0; } .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox { display: none; } .dx-treelist-rowsview .dx-select-checkboxes-hidden>tbody>tr.dx-selection>td>.dx-select-checkbox, .dx-treelist-rowsview .dx-select-checkboxes-hidden>tbody>tr>td:hover>.dx-select-checkbox { display: inline-block; } .dx-treelist-rowsview .dx-row > .dx-master-detail-cell { padding: 30px; } .dx-treelist-rowsview .dx-row > .dx-master-detail-cell:focus { outline: 0; } .dx-treelist-rowsview .dx-data-row.dx-edit-row .dx-cell-modified::after { border-color: transparent; } .dx-treelist-nodata { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%,-50%); } .dx-treelist-bottom-load-panel { text-align: center; padding: 10px; } .dx-treelist-hidden-column { white-space: nowrap; } .dx-treelist .dx-row .dx-treelist-hidden-column { border-right-width: 0; border-left-width: 0; } .dx-treelist-hidden-column > * { display: none!important; } .dx-treelist-summary-item { font-weight: 700; } .dx-treelist-export-menu .dx-menu-item .dx-checkbox { margin-left: 0; } .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon { width: 16px; height: 16px; } .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text { white-space: nowrap; word-break: normal; } .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content { border: none; box-shadow: none; } .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content { padding: 0; } .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-popover-arrow { width: 0; height: 0; } .dx-treelist-notouch-action { touch-action: none; -ms-content-zooming: none; -ms-overflow-style: none; } .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message, .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item, .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message, .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item { border: none; } .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message, .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message { text-align: center; left: 0; right: 0; bottom: 50%; position: absolute; } .dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item, .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item { padding: 7px 5px 7px 30px; } .dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image, .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: right; } .dx-rtl .dx-treelist .dx-texteditor-buttons-container, .dx-treelist.dx-rtl .dx-texteditor-buttons-container { text-align: start; } .dx-rtl .dx-treelist-content .dx-treelist-table { direction: rtl; } .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space { border-left: none; } .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td { border-right: none; } .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon { transform: scaleX(-1); } .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-filter-range-content { padding: 7px 32px 7px 7px; } .dx-rtl .dx-treelist-headers .dx-treelist-scrollable-simulated, .dx-rtl .dx-treelist-total-footer .dx-treelist-scrollable-simulated { direction: ltr; } .dx-rtl .dx-treelist-headers .dx-treelist-scrollable-simulated .dx-treelist-table, .dx-rtl .dx-treelist-total-footer .dx-treelist-scrollable-simulated .dx-treelist-table { direction: rtl; } .dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder::before, .dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input { padding-right: 32px; } .dx-rtl .dx-treelist-filter-row .dx-menu { right: 0; left: auto; margin-left: 0; margin-right: -2px; } .dx-rtl .dx-treelist-filter-row > td:first-child .dx-menu { margin-left: 0; } .dx-rtl .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px 5px 5px 30px; } .dx-rtl .dx-treelist-filter-row .dx-menu-caption { padding-right: 6px; } .dx-rtl .dx-treelist-header-panel { text-align: right; } .dx-rtl .dx-treelist-header-panel .dx-treelist-column-chooser-button { margin-left: 0; } .dx-rtl .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-rtl .dx-treelist-search-panel { margin: 0 15px 0 0; } .dx-treelist-filter-panel, .dx-treelist-filter-panel-left { display: flex; justify-content: space-between; flex-direction: row; min-width: 0; } .dx-treelist-filter-panel .dx-treelist-filter-panel-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter:hover, .dx-treelist-filter-panel .dx-treelist-filter-panel-text:hover { text-decoration: underline; cursor: pointer; } .dx-treelist-filter-panel .dx-treelist-filter-panel-checkbox { padding-right: 10px; } .dx-treelist-filter-panel .dx-icon-filter { margin: auto 7px auto auto; cursor: pointer; } .dx-treelist-container { position: relative; cursor: default; white-space: normal; line-height: normal; color: rgba(0,0,0,.87); background-color: #fff; } .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable, .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable { white-space: nowrap; } .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-text-content, .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-text-content { display: inline; white-space: normal; } .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-icon-container, .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-icon-container { float: none; } .dx-treelist-rowsview .dx-treelist-icon-container { display: inline-block; white-space: nowrap; vertical-align: top; line-height: 1; } .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container { float: left; } .dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer { border-bottom: 1px solid #e0e0e0; } .dx-treelist-borders > .dx-treelist-filter-panel, .dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-pager { border-top: 1px solid #e0e0e0; } .dx-treelist-borders > .dx-treelist-filter-panel { border-top-width: 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .dx-sortable-dragging > div > .dx-gridbase-container > .dx-treelist-rowsview { border-color: rgba(3,169,244,.5); } .dx-treelist .dx-column-lines > td:first-child { border-left: none; } .dx-treelist .dx-column-lines > td:last-child { border-right: none; } .dx-treelist .dx-command-drag .dx-treelist-drag-icon { font: 14px/1 DXIcons; } .dx-treelist .dx-command-drag .dx-treelist-drag-icon::before { content: ""; } .dx-treelist-container .dx-sort-up { font: 14px/1 DXIcons; } .dx-treelist-container .dx-sort-up::before { content: ""; } .dx-treelist-container .dx-sort-down { font: 14px/1 DXIcons; } .dx-treelist-container .dx-sort-down::before { content: ""; } .dx-treelist-container .dx-sort-down, .dx-treelist-container .dx-sort-up { font-family: inherit; } .dx-treelist-container .dx-sort-down::before, .dx-treelist-container .dx-sort-up::before { font-family: DXIcons,sans-serif; } .dx-treelist-container .dx-treelist-headers .dx-header-filter, .dx-treelist-container .dx-treelist-headers .dx-header-row > td { outline: 0; } .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus, .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus { outline: #35baf6 solid 2px; } .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus { outline-offset: -2px; } .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus { outline-offset: 2px; } .dx-treelist-container .dx-header-filter { position: relative; color: rgba(0,0,0,.54); font: 14px/1 DXIcons; } .dx-treelist-container .dx-header-filter::before { content: ""; } .dx-treelist-container .dx-header-filter-empty { color: rgba(0,0,0,.38); } .dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed { background-color: #fff; } .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none { border-left: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; } .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell { border-left: none; } .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell { border-right: none; } .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus { outline: #35baf6 solid 2px; outline-offset: 2px; } .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus { outline-color: #fff; outline-offset: 0; } .dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form { background-color: #fff; } .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td { position: relative; } .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td::before { display: block; height: 100%; content: ""; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC"); background-repeat: no-repeat repeat; } .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]::before { transform: scaleX(-1); } .dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content { color: rgba(0,0,0,.87); } .dx-treelist-container .dx-error-row td { color: #fff; padding: 0; } .dx-treelist-container .dx-error-row .dx-error-message { background-color: #f88e86; white-space: normal; word-wrap: break-word; } .dx-treelist-filter-panel { color: rgba(0,0,0,.87); border-top: 1px solid #e0e0e0; } .dx-treelist-filter-panel .dx-icon-filter, .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter, .dx-treelist-filter-panel .dx-treelist-filter-panel-text { outline: 0; } .dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus, .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus, .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus { outline: #35baf6 solid 2px; } .dx-treelist-form-buttons-container { float: right; } .dx-treelist-form-buttons-container .dx-button { margin-left: 10px; margin-top: 10px; } .dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx { width: 16px; height: 16px; background-position: 0 0; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-treelist-adaptive-more { cursor: pointer; font: 21px/21px DXIcons; } .dx-treelist-adaptive-more::before { content: ""; } .dx-treelist-edit-popup .dx-error-message { background-color: #f88e86; white-space: normal; word-wrap: break-word; color: #fff; margin-bottom: 20px; } .dx-rtl.dx-treelist .dx-column-lines > td:first-child { border-right: none; border-left: 1px solid #e0e0e0; } .dx-rtl.dx-treelist .dx-column-lines > td:last-child { border-left: none; border-right: 1px solid #e0e0e0; } .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none { border-left: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; } .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell { border-right: none; } .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell { border-left: none; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td::before { transform: scaleX(-1); } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]::before { transform: scale(1); } .dx-rtl .dx-treelist-form-buttons-container { float: left; } .dx-rtl .dx-treelist-form-buttons-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-treelist-cell-updated-animation { animation: 1s dx-treelist-highlight-change; } @keyframes dx-treelist-highlight-change { 50%, from { background-color: rgba(0,0,0,.08); } } .dx-treelist .dx-menu, .dx-treelist-container .dx-menu { background-color: transparent; height: 100%; } .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content, .dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content { padding: 11px 4px; } .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon, .dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon { width: 22px; height: 22px; background-position: 0 0; background-size: 22px 22px; padding: 0; font-size: 22px; text-align: center; line-height: 22px; margin: 0 3px; } .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon, .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon { color: rgba(86,86,86,.54); width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-treelist .dx-editor-with-menu, .dx-treelist-container .dx-editor-with-menu { height: 48px; } .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon, .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .dx-icon { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-treelist .dx-editor-with-menu .dx-texteditor .dx-placeholder::before, .dx-treelist .dx-editor-with-menu .dx-texteditor .dx-texteditor-input, .dx-treelist-container .dx-editor-with-menu .dx-texteditor .dx-placeholder::before, .dx-treelist-container .dx-editor-with-menu .dx-texteditor .dx-texteditor-input { padding-left: 40px; } .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc { font: 18px/18px DXIcons; width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; text-align: center; } .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before { content: ""; } .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc { font: 18px/18px DXIcons; width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; text-align: center; } .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before { content: ""; } .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist .dx-header-filter, .dx-treelist .dx-sort-down, .dx-treelist .dx-sort-up, .dx-treelist-container .dx-header-filter, .dx-treelist-container .dx-sort-down, .dx-treelist-container .dx-sort-up { width: 15px; height: 15px; background-position: 0 0; background-size: 15px 15px; padding: 0; font-size: 15px; text-align: center; line-height: 15px; } .dx-treelist .dx-header-filter:not(.dx-header-filter-empty), .dx-treelist-container .dx-header-filter:not(.dx-header-filter-empty) { color: #03a9f4; } .dx-treelist .dx-icon-filter-operation-equals, .dx-treelist-container .dx-icon-filter-operation-equals { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-equals::before, .dx-treelist-container .dx-icon-filter-operation-equals::before { content: ""; } .dx-treelist .dx-icon-filter-operation-default, .dx-treelist-container .dx-icon-filter-operation-default { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-default::before, .dx-treelist-container .dx-icon-filter-operation-default::before { content: ""; } .dx-treelist .dx-icon-filter-operation-not-equals, .dx-treelist-container .dx-icon-filter-operation-not-equals { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-not-equals::before, .dx-treelist-container .dx-icon-filter-operation-not-equals::before { content: ""; } .dx-treelist .dx-icon-filter-operation-less, .dx-treelist-container .dx-icon-filter-operation-less { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-less::before, .dx-treelist-container .dx-icon-filter-operation-less::before { content: ""; } .dx-treelist .dx-icon-filter-operation-less-equal, .dx-treelist-container .dx-icon-filter-operation-less-equal { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-less-equal::before, .dx-treelist-container .dx-icon-filter-operation-less-equal::before { content: ""; } .dx-treelist .dx-icon-filter-operation-greater, .dx-treelist-container .dx-icon-filter-operation-greater { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-greater::before, .dx-treelist-container .dx-icon-filter-operation-greater::before { content: ""; } .dx-treelist .dx-icon-filter-operation-greater-equal, .dx-treelist-container .dx-icon-filter-operation-greater-equal { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-greater-equal::before, .dx-treelist-container .dx-icon-filter-operation-greater-equal::before { content: ""; } .dx-treelist .dx-icon-filter-operation-contains, .dx-treelist-container .dx-icon-filter-operation-contains { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-contains::before, .dx-treelist-container .dx-icon-filter-operation-contains::before { content: ""; } .dx-treelist .dx-icon-filter-operation-not-contains, .dx-treelist-container .dx-icon-filter-operation-not-contains { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-not-contains::before, .dx-treelist-container .dx-icon-filter-operation-not-contains::before { content: ""; } .dx-treelist .dx-icon-filter-operation-starts-with, .dx-treelist-container .dx-icon-filter-operation-starts-with { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-starts-with::before, .dx-treelist-container .dx-icon-filter-operation-starts-with::before { content: ""; } .dx-treelist .dx-icon-filter-operation-ends-with, .dx-treelist-container .dx-icon-filter-operation-ends-with { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-ends-with::before, .dx-treelist-container .dx-icon-filter-operation-ends-with::before { content: ""; } .dx-treelist .dx-icon-filter-operation-between, .dx-treelist-container .dx-icon-filter-operation-between { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-between::before, .dx-treelist-container .dx-icon-filter-operation-between::before { content: ""; } .dx-treelist .dx-column-indicators, .dx-treelist-container .dx-column-indicators { height: 16px; } .dx-treelist .dx-column-indicators .dx-sort-index-icon, .dx-treelist-container .dx-column-indicators .dx-sort-index-icon { padding-right: 4px; margin-left: -1px; font-size: 11px; position: relative; bottom: 1px; } .dx-treelist .dx-column-indicators > div, .dx-treelist-container .dx-column-indicators > div { width: 15px; height: 15px; background-position: 0 0; background-size: 15px 15px; padding: 0; font-size: 15px; text-align: center; line-height: 15px; } .dx-treelist .dx-placeholder::before, .dx-treelist-container .dx-placeholder::before { font-size: 14px; } .dx-treelist { line-height: inherit; } .dx-treelist .dx-row-alt > td { background-color: #f5f5f5; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) { border-bottom-color: transparent; } .dx-treelist .dx-link { color: #03a9f4; } .dx-treelist .dx-row-lines > td { border-bottom: 1px solid #e0e0e0; } .dx-treelist .dx-column-lines > td { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .dx-treelist .dx-error-row .dx-closebutton { float: right; margin: 16px; font: 14px/14px DXIcons; width: 14px; height: 14px; background-position: 0 0; background-size: 14px 14px; padding: 0; text-align: center; } .dx-treelist .dx-error-row .dx-closebutton::before { content: ""; } .dx-treelist .dx-error-row .dx-error-message { padding: 14px 35px 14px 14px; } .dx-treelist .dx-row > td { padding-top: 14px; padding-bottom: 14px; font-size: 14px; line-height: 20px; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending), .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all), .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all) { padding-right: 14px; padding-left: 14px; vertical-align: middle; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending):first-of-type, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all):first-of-type, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all):first-of-type { padding-left: 18px; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending):last-of-type, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all):last-of-type, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all):last-of-type { padding-right: 18px; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-select, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-select, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-select { overflow: visible; width: 40px; min-width: 40px; padding-left: 18px; padding-right: 4px; line-height: 1; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit { width: 115px; min-width: 115px; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons { width: 93px; min-width: 93px; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin: 0 2px; vertical-align: middle; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon), .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon), .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon) { width: auto; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending) .dx-treelist-group-space, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-expand, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all) .dx-treelist-group-space, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-expand, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all) .dx-treelist-group-space, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-expand { padding: 0 4px 0 8px; line-height: 0; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select), .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-editor-cell:not(.dx-command-select), .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-editor-cell:not(.dx-command-select) { padding-right: 0; padding-left: 0; } .dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before { background-position-y: 49px; } .dx-treelist .dx-command-drag { width: 56px; min-width: 56px; } .dx-treelist .dx-command-drag .dx-treelist-drag-icon { width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; } .dx-treelist-edit-popup .dx-popup-content { padding: 0; } .dx-treelist-edit-popup .dx-error-message { padding: 14px; } .dx-treelist-edit-popup-form { padding: 24px; } .dx-treelist-headers .dx-texteditor-input, .dx-treelist-rowsview .dx-texteditor-input { min-height: 16px; } .dx-treelist-headers .dx-lookup, .dx-treelist-rowsview .dx-lookup { height: auto; } .dx-treelist-headers .dx-lookup .dx-lookup-field, .dx-treelist-rowsview .dx-lookup .dx-lookup-field { padding-left: 14px; padding-top: 14px; padding-bottom: 14px; font-size: 14px; } .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input { padding-right: 38px; } .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 38px; } .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input { padding-right: 38px; } .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 38px; } .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input { padding-right: 0; } .dx-treelist-headers .dx-searchbox .dx-placeholder::before, .dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-treelist-rowsview .dx-searchbox .dx-placeholder::before, .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input { padding-left: 22px; } .dx-rtl .dx-treelist-headers .dx-searchbox .dx-placeholder::before, .dx-rtl .dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-placeholder::before, .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-treelist-headers .dx-searchbox .dx-placeholder::before, .dx-rtl.dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-placeholder::before, .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input { padding-right: 22px; } .dx-editor-cell { padding-top: 0; padding-bottom: 0; } .dx-editor-cell .dx-numberbox-spin-button { background-color: transparent; } .dx-editor-cell .dx-icon-clear { left: 0; } .dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor.dx-state-active, .dx-editor-cell .dx-texteditor.dx-state-focused, .dx-editor-cell .dx-texteditor.dx-state-hover { background: rgba(255,255,255,0); box-shadow: none; } .dx-editor-cell .dx-texteditor .dx-texteditor-input { background: rgba(255,255,255,0); font-size: 14px; height: 48px; line-height: 48px; padding: 0 14px; margin-top: 0; } .dx-editor-cell .dx-texteditor .dx-placeholder::before { padding-right: 14px; padding-left: 14px; } .dx-editor-cell .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-texteditor-input { padding-top: 0; padding-bottom: 0; } .dx-editor-cell .dx-texteditor .dx-tag-container { min-height: 48px; padding: 0; } .dx-editor-cell .dx-texteditor:not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container, .dx-editor-cell .dx-texteditor:not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input { margin-top: 0; } .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container { right: 0; } .dx-editor-cell .dx-texteditor::after, .dx-editor-cell .dx-texteditor::before { content: none; } .dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container, .dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container { left: 0; } .dx-editor-cell .dx-dropdowneditor { background-color: rgba(255,255,255,0); } .dx-editor-cell.dx-focused .dx-dropdowneditor-icon { border-radius: 0; } .dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before { padding-top: 14px; padding-bottom: 14px; } .dx-editor-cell:first-of-type > .dx-texteditor .dx-texteditor-input { padding-left: 18px; } .dx-editor-cell:last-of-type > .dx-texteditor .dx-texteditor-input { padding-right: 18px; } .dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message, .dx-treelist-column-chooser-list .dx-empty-message { color: rgba(102,102,102,.87); padding: 0 24px; } .dx-treelist-column-chooser { color: rgba(0,0,0,.87); font-weight: 400; font-size: 14px; font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-treelist-column-chooser input, .dx-treelist-column-chooser textarea { font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content { padding: 16px 24px 9px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search { margin-bottom: 10px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-node { padding-left: 20px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content { padding: 16px 24px 9px; } .dx-treelist-column-chooser .dx-overlay-content { background-color: #fff; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title { background-color: transparent; border-bottom: 1px solid #e0e0e0; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label { font-size: 20px; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { margin: 2px 2px 8px; background-color: #fff; color: rgba(0,0,0,.54); font-weight: 500; font-size: 12px; padding: 14px; line-height: 16px; box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-treelist-drag-header { border-color: rgba(3,169,244,.5); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); color: rgba(0,0,0,.54); font-weight: 500; padding: 20px; background-color: #fff; line-height: 16px; font-size: 12px; } .dx-treelist-columns-separator { background-color: rgba(3,169,244,.5); } .dx-treelist-columns-separator-transparent { background-color: transparent; } .dx-treelist-drop-highlight > td { background-color: #03a9f4; color: #fff; } .dx-treelist-drop-highlight > td .dx-header-filter { color: #fff; } .dx-treelist-drop-highlight > td .dx-checkbox .dx-checkbox-icon { background-color: #fff; color: #03a9f4; } .dx-treelist-focus-overlay:after { content: ""; position: absolute; bottom: 0; height: 2px; background-color: #35baf6; left: 0; right: 1px; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td { color: rgba(0,0,0,.87); } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) { background-color: rgba(0,0,0,.04); } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input { background-color: rgba(0,0,0,.04); color: rgba(0,0,0,.87); } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none { background-color: transparent; } .dx-treelist-headers { color: rgba(0,0,0,.54); touch-action: pinch-zoom; border-bottom: 1px solid #e0e0e0; } .dx-treelist-headers .dx-treelist-content { margin-bottom: -1px; } .dx-treelist-borders .dx-treelist-headers .dx-treelist-table { border-bottom-width: 1px; } .dx-treelist-headers .dx-treelist-table .dx-row > td { border-bottom: 1px solid #e0e0e0; padding-top: 20px; padding-bottom: 20px; line-height: 16px; font-weight: 500; font-size: 12px; } .dx-treelist-headers .dx-treelist-table .dx-row>td .dx-sort, .dx-treelist-headers .dx-treelist-table .dx-row>td .dx-sort-indicator, .dx-treelist-headers .dx-treelist-table .dx-row>td:hover .dx-treelist-text-content { color: rgba(0,0,0,.87); } .dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-sort { color: rgba(0,0,0,.38); } .dx-treelist-headers .dx-treelist-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-treelist-group-space) { background-color: rgba(0,0,0,.04); } .dx-treelist-headers.dx-header-multi-row .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row .dx-command-select { padding-bottom: 19px; } .dx-treelist-headers.dx-header-multi-row .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row > td { padding-top: 12px; padding-bottom: 12px; vertical-align: bottom; border-right: 1px solid #e0e0e0; } .dx-treelist-headers.dx-header-multi-row .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row > td:last-child { border-right: none; } .dx-treelist-filter-row { background-color: #fafafa; } .dx-treelist-filter-row .dx-menu { margin-left: 0; } .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container { height: 100%; top: 2px; position: absolute; } .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper { height: 100%; } .dx-treelist-filter-row .dx-menu .dx-overlay-content { color: rgba(117,117,117,.87); } .dx-treelist-filter-row .dx-filter-modified { background-color: rgba(139,195,74,.32); } .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content { padding: 14px 14px 14px 40px; } .dx-treelist .dx-treelist-table .dx-treelist-filter-row > td { padding-top: 0; padding-bottom: 0; } .dx-treelist-filter-range-overlay .dx-overlay-content { overflow: inherit; background-color: #fafafa; box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused::after, .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover::after { top: auto; bottom: 0; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input { font-size: 14px; height: 49px; padding-right: 12px; padding-left: 12px; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder::before { padding-left: 12px; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper { display: none; } .dx-cell-modified, .dx-treelist-invalid { padding: 14px 0; overflow: hidden; text-overflow: ellipsis; } .dx-treelist-header-panel { border-bottom: 1px solid #e0e0e0; padding: 0 14px 0 24px; background-color: #fff; } .dx-treelist-header-panel .dx-apply-button { background-color: transparent; color: #fff; box-shadow: none; } .dx-treelist-header-panel .dx-apply-button .dx-icon { color: #fff; } .dx-treelist-header-panel .dx-apply-button.dx-state-focused, .dx-treelist-header-panel .dx-apply-button.dx-state-hover { background-color: rgba(139,195,74,.08); box-shadow: none; } .dx-treelist-header-panel .dx-apply-button.dx-state-active { background-color: rgba(139,195,74,.36); box-shadow: none; } .dx-treelist-header-panel .dx-apply-button.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-treelist-header-panel .dx-apply-button .dx-inkripple-wave { background-color: rgba(255,255,255,.2); } .dx-treelist-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon { border-radius: 50%; } .dx-treelist-header-panel .dx-treelist-toolbar-button .dx-icon { color: rgba(0,0,0,.87); } .dx-icon-column-chooser { font: 14px/1 DXIcons; } .dx-icon-column-chooser::before { content: ""; } .dx-treelist-addrow-button .dx-icon-edit-button-addrow { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; } .dx-treelist-addrow-button .dx-icon-edit-button-addrow::before { content: ""; } .dx-treelist-cancel-button .dx-icon-edit-button-cancel { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; } .dx-treelist-cancel-button .dx-icon-edit-button-cancel::before { content: ""; } .dx-treelist-save-button .dx-icon-edit-button-save { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; } .dx-treelist-save-button .dx-icon-edit-button-save::before { content: ""; } .dx-apply-button .dx-icon-apply-filter { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; } .dx-apply-button .dx-icon-apply-filter::before { content: ""; } .dx-treelist-export-button .dx-icon-export-to { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; } .dx-treelist-export-button .dx-icon-export-to::before { content: ""; } .dx-treelist-export-button .dx-icon-export-excel-button { font: 24px/24px DXIcons; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; text-align: center; } .dx-treelist-export-button .dx-icon-export-excel-button::before { content: ""; } .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected, .dx-datagrid-export-menu .dx-menu-item .dx-icon-xlsxfile { width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; } .dx-treelist-adaptive-more { vertical-align: middle; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; color: rgba(0,0,0,.54); } .dx-row.dx-row-focused .dx-treelist-adaptive-more { color: inherit; } .dx-treelist-rowsview { border-top: 1px solid #e0e0e0; } .dx-treelist-headers + .dx-treelist-rowsview { border-top: none; } .dx-treelist-rowsview .dx-row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-treelist-rowsview .dx-row:focus { outline: 0; } .dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td { border-top-width: 0; border-bottom: 1px solid #e0e0e0; } .dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell, .dx-treelist-rowsview .dx-master-detail-row>.dx-treelist-group-space, .dx-treelist-rowsview .dx-row.dx-edit-row>td { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell, .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space { background-color: #fafafa; } .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified, .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:not(.dx-edit-row) .dx-cell-modified, .dx-treelist-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified, .dx-treelist-rowsview .dx-data-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified, .dx-treelist-rowsview .dx-data-row.dx-selection:not(.dx-edit-row) .dx-cell-modified, .dx-treelist-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified { background-color: rgba(139,195,74,.32); } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid, .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-treelist-invalid, .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-invalid, .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-treelist-invalid, .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-invalid, .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-treelist-invalid, .dx-treelist-rowsview .dx-data-row .dx-validator.dx-invalid, .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid, .dx-treelist-rowsview .dx-data-row.dx-selection .dx-validator.dx-invalid, .dx-treelist-rowsview .dx-data-row.dx-selection .dx-validator.dx-treelist-invalid, .dx-treelist-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-invalid, .dx-treelist-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-treelist-invalid { background-color: rgba(244,67,54,.32); } .dx-treelist-rowsview .dx-overlay-wrapper.dx-invalid-message .dx-overlay-content { padding: 9px 17px; background-color: #f44336; color: #fff; } .dx-treelist-rowsview .dx-row-removed > td { background-color: rgba(139,195,74,.32); border-top: 1px solid rgba(139,195,74,.32); border-bottom: 1px solid rgba(139,195,74,.32); } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-label { padding-top: 0; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content { line-height: 40px; min-height: 40px; font-size: 14px; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused { padding: 0; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor-input { font-size: 14px; height: 40px; line-height: 40px; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor::after, .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor::before { content: none; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined { box-shadow: none; } .dx-treelist-rowsview .dx-item-modified { background-color: rgba(139,195,74,.32); } .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link, .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) { background-color: #35baf6; color: #fff; } .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-opened { color: #fff; } .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus { background-color: #fff; color: #03a9f4; } .dx-treelist-rowsview .dx-row-focused.dx-data-row > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr:last-child > td { border-bottom: 1px solid #35baf6; } .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td { border-top: 1px solid #35baf6; border-bottom: 1px solid #35baf6; } .dx-treelist-rowsview .dx-row-focused.dx-data-row.dx-edit-row > td.dx-editor-cell:not(.dx-command-select), .dx-treelist-rowsview .dx-row-focused.dx-data-row.dx-edit-row > tr > td.dx-editor-cell:not(.dx-command-select) { background-color: #fff; color: rgba(0,0,0,.87); } .dx-treelist-rowsview .dx-row-focused.dx-group-row { background-color: #35baf6; color: #fff; } .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened { color: #fff; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td { background-color: rgba(3,169,244,.04); color: rgba(0,0,0,.87); } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-treelist-group-space { border-right-color: rgba(3,169,244,.04); } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none { border-left-color: #e0e0e0; border-right-color: #e0e0e0; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td { border-bottom: 1px solid rgba(3,169,244,.04); border-top: 1px solid rgba(3,169,244,.04); } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td { border-bottom-color: #e0e0e0; } .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content { padding-right: 0; } .dx-treelist-rowsview td.dx-validation-pending { position: relative; padding: 0; } .dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid, .dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified { padding: 14px 54px 14px 14px; } .dx-rtl .dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid, .dx-rtl .dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified, .dx-rtl.dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid, .dx-rtl.dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified { padding-left: 54px; padding-right: 14px; } .dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator { pointer-events: none; position: absolute; top: 50%; margin-top: -11px; width: 22px; height: 22px; right: 22px; background-color: transparent; } .dx-rtl .dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator, .dx-rtl.dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator { right: auto; left: 22px; } .dx-treelist-search-text { color: #fff; background-color: #03a9f4; } .dx-treelist-nodata { color: rgba(102,102,102,.87); font-size: 17px; } .dx-treelist-bottom-load-panel { border-top: 1px solid #e0e0e0; background-color: #fff; } .dx-treelist-summary-item { color: rgba(0,0,0,.7); } .dx-treelist-total-footer { position: relative; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .dx-treelist-total-footer > .dx-treelist-content { padding: 0; } .dx-treelist-revert-tooltip .dx-overlay-content { background-color: transparent; min-width: inherit; } .dx-treelist-revert-tooltip .dx-revert-button { border-radius: 4px; background-color: #f44336; color: #fff; -webkit-box-shadow: none; margin: 0 0 0 1px; height: 48px; box-shadow: none; min-width: inherit; } .dx-treelist-revert-tooltip .dx-revert-button .dx-button-content { padding: 2px; } .dx-treelist-revert-tooltip .dx-revert-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; color: #fff; } .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon, .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon, .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right, .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active, .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused, .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover { background-color: #f44336; box-shadow: none; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled { background: rgba(0,0,0,.1); box-shadow: none; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-treelist-revert-tooltip .dx-revert-button .dx-inkripple-wave { background-color: rgba(255,255,255,.2); } .dx-treelist-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) { border-radius: 2px; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover { box-shadow: none; } .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space { border-left-color: rgba(0,0,0,.04); border-right-color: transparent; } .dx-rtl .dx-treelist .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon, .dx-rtl .dx-treelist-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type { padding-left: 14px; padding-right: 18px; } .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type { padding-right: 14px; padding-left: 18px; } .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select { padding-right: 18px; padding-left: 4px; } .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td { border-right-color: #e0e0e0; } .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space { border-left-color: rgba(3,169,244,.04); } .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none { border-left-color: #e0e0e0; } .dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content { padding-left: 0; } .dx-header-filter-menu .dx-popup-content { padding: 12px 8px 0; border-bottom: 1px solid #e0e0e0; } .dx-treelist-form-buttons-container .dx-button { background-color: transparent; color: #03a9f4; box-shadow: none; } .dx-treelist-form-buttons-container .dx-button .dx-icon { color: #03a9f4; } .dx-treelist-form-buttons-container .dx-button.dx-state-focused, .dx-treelist-form-buttons-container .dx-button.dx-state-hover { background-color: rgba(3,169,244,.08); box-shadow: none; } .dx-treelist-form-buttons-container .dx-button.dx-state-active { background-color: rgba(3,169,244,.36); box-shadow: none; } .dx-treelist-form-buttons-container .dx-button.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-treelist-form-buttons-container .dx-button .dx-inkripple-wave { background-color: rgba(3,169,244,.2); } .dx-command-adaptive { width: 56px; min-width: 56px; } .dx-treelist-filter-panel { padding: 15px 18px; } .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter, .dx-treelist-filter-panel .dx-treelist-filter-panel-text { color: #03a9f4; font-size: 14px; line-height: 18px; } .dx-treelist-filter-panel .dx-icon-filter { color: #03a9f4; } .dx-treelist-filter-panel + .dx-pager { border-top: 1px solid #e0e0e0; } .dx-treelist-rowsview .dx-treelist-empty-space { position: relative; top: -2px; display: inline-block; font: 14px/1 DXIcons; width: 24px; } .dx-treelist-rowsview .dx-treelist-empty-space::before { content: ""; visibility: hidden; } .dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space { color: rgba(98,98,98,.54); } .dx-treelist-rowsview .dx-treelist-expanded span { font: 24px/24px DXIcons; text-align: center; cursor: pointer; } .dx-treelist-rowsview .dx-treelist-expanded span::before { content: ""; position: absolute; display: block; width: 24px; top: 50%; left: 0; margin-left: -5px; margin-top: -12px; } .dx-treelist-rowsview .dx-treelist-collapsed span { font: 24px/24px DXIcons; text-align: center; cursor: pointer; } .dx-treelist-rowsview .dx-treelist-collapsed span::before { content: ""; position: absolute; display: block; width: 24px; top: 50%; left: 0; margin-left: -6px; margin-top: -12px; } .dx-treelist-rowsview .dx-header-filter, .dx-treelist-rowsview .dx-sort-down, .dx-treelist-rowsview .dx-sort-up { vertical-align: middle; } .dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space { color: rgba(98,98,98,.54); } .dx-treelist-rowsview .dx-treelist-cell-expandable { white-space: nowrap; } .dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content { white-space: normal; } .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content { white-space: nowrap; } .dx-treelist-checkbox-size { vertical-align: middle; line-height: 0; } .dx-treelist-cell-expandable .dx-checkbox, .dx-treelist-select-all .dx-checkbox { position: absolute; } .dx-treelist-icon-container { max-height: 20px; } .dx-treelist-icon-container.dx-editor-inline-block { position: relative; padding-right: 32px; } .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox { top: 50%; margin-top: -9px; } .dx-treelist-select-all { position: relative; } .dx-treelist-select-all .dx-checkbox { left: 42px; top: 19px; } .dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all { padding-left: 74px; } .dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed, .dx-rtl .dx-treelist-rowsview .dx-treelist-expanded { transform: scaleX(-1); } .dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container { float: right; } .dx-rtl .dx-treelist-select-all .dx-checkbox { left: calc(100% - 60px); } .dx-rtl.dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all { padding-right: 74px; padding-left: 14px; } .dx-rtl .dx-treelist-icon-container.dx-editor-inline-block { padding-left: 32px; padding-right: 0; } .dx-pivotgrid-fields-container .dx-header-filter, .dx-pivotgrid-fields-container .dx-sort { display: inline-block; } .dx-pivotgrid-fields-container.dx-drag .dx-area-field-content { display: inline-block; } .dx-pivotgrid-fields-container.dx-drag .dx-column-indicators { float: none; display: inline-block; } .dx-pivotgrid-nodata { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%,-50%); } .dx-pivotgrid { cursor: default; width: 100%; position: relative; background-color: #fff; } .dx-pivotgrid.dx-overflow-hidden { overflow: hidden; } .dx-pivotgrid .dx-area-column-cell, .dx-pivotgrid .dx-area-data-cell { width: 100%; } .dx-pivotgrid .dx-area-data-cell { position: relative; } .dx-pivotgrid table, .dx-pivotgrid tbody, .dx-pivotgrid td, .dx-pivotgrid tfoot, .dx-pivotgrid th, .dx-pivotgrid thead, .dx-pivotgrid tr { margin: 0; padding: 0; border: 0; outline: 0; } .dx-pivotgrid table { border-collapse: collapse; table-layout: auto; border-spacing: 0; } .dx-pivotgrid td { vertical-align: top; box-sizing: content-box; } .dx-pivotgrid .dx-area-description-cell { position: relative; background-clip: padding-box; white-space: nowrap; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-fields-area { position: absolute; bottom: 0; } .dx-pivotgrid .dx-ie { height: 1px; } .dx-pivotgrid .dx-ie .dx-area-description-cell { position: static; height: inherit; vertical-align: bottom; font-size: 0; } .dx-pivotgrid .dx-ie .dx-area-description-cell .dx-pivotgrid-fields-area { position: relative; display: inline-block; } .dx-pivotgrid .dx-area-field-content, .dx-pivotgrid .dx-column-indicators { display: inline-block; } .dx-pivotgrid .dx-expand-icon-container { position: relative; display: inline-block; } .dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area { position: static; } .dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area:not(.dx-hidden) { display: table-cell; } .dx-pivotgrid .dx-incompressible-fields .dx-column-indicators { vertical-align: top; float: none!important; } .dx-pivotgrid .dx-incompressible-fields .dx-area-field { display: inline-block; white-space: nowrap; } .dx-pivotgrid .dx-area-field, .dx-pivotgrid .dx-area-field-content { white-space: nowrap; } .dx-pivotgrid .dx-popup-content .dx-column-indicators { float: none!important; display: inline-block; } .dx-pivotgrid .dx-popup-content .dx-area-field-content { display: inline-block; } .dx-pivotgrid .dx-pivotgrid-area { white-space: nowrap; box-sizing: content-box; } .dx-pivotgrid .dx-pivotgrid-collapsed, .dx-pivotgrid .dx-pivotgrid-expanded { cursor: pointer; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand, .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand { display: inline-block; } .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-area { white-space: normal; } .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted { white-space: nowrap; } .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted > span { white-space: normal; } .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span { display: inline-flex; } .dx-pivotgridfieldchooser { position: relative; background-color: #fff; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container { display: flex; overflow: hidden; height: 100%; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-0, .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 { flex-direction: column; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:first-child { flex-grow: 3; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(2) { display: flex; flex-direction: row; flex-wrap: wrap; flex-grow: 4; } .dx-pivotgridfieldchooser .dx-col { width: 50%; display: flex; flex-direction: column; } .dx-pivotgridfieldchooser .dx-row { display: flex; flex-direction: row; height: 0; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:first-child { flex-grow: 2; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(2) { flex-grow: 1; } .dx-pivotgridfieldchooser .dx-area-caption { vertical-align: middle; } .dx-pivotgrid-action { cursor: pointer; } .dx-pivotgrid-drag-action { touch-action: pinch-zoom; } .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical { margin-top: -4px; margin-left: -1px; height: 2px; } .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical.dx-position-indicator-last { margin-top: -3px; } .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal { margin-left: -3px; width: 2px; } .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last { margin-left: 3px; } .dx-pivotgrid-fields-container .dx-area-fields { position: relative; } .dx-pivotgrid-fields-container .dx-sort { color: rgba(0,0,0,.54); font-size: 14px; width: 14px; } .dx-pivotgrid-fields-container .dx-sort-up { font: 14px/1 DXIcons; } .dx-pivotgrid-fields-container .dx-sort-up::before { content: ""; } .dx-pivotgrid-fields-container .dx-sort-down { font: 14px/1 DXIcons; } .dx-pivotgrid-fields-container .dx-sort-down::before { content: ""; } .dx-pivotgrid-fields-container .dx-header-filter { color: rgba(0,0,0,.54); font: 14px/1 DXIcons; width: 14px; } .dx-pivotgrid-fields-container .dx-header-filter::before { content: ""; } .dx-pivotgrid-fields-container .dx-header-filter-empty { color: rgba(0,0,0,.38); } .dx-pivotgrid-fields-container .dx-area-field { cursor: pointer; } .dx-pivotgrid-fields-container.dx-drag { opacity: .8; } .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box { box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); border: 1px solid rgba(3,169,244,.5); } .dx-pivotgrid-fields-container .dx-area-field.dx-area-box { margin-bottom: 4px; border: 1px solid #e0e0e0; padding: 7px 10px; } .dx-pivotgrid-fields-container .dx-drag-source { opacity: .5; } .dx-pivotgrid-fields-container .dx-column-indicators { vertical-align: bottom; margin-left: 6px; line-height: 12px; } .dx-pivotgrid-fields-container .dx-area-field-content { overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area { overflow: hidden; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar { margin-right: 10px; float: right; display: inline-block; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button { margin-right: 4px; } .dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background, .dx-pivotgrid .dx-column-header, .dx-pivotgrid .dx-data-header { background-color: rgba(221,221,221,.2); } .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child { padding-left: 0; } .dx-pivotgrid .dx-filter-header .dx-area-field-container { border-spacing: 8px; border-collapse: separate; } .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head td { padding: 2px; } .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head tr > td:first-child { padding-left: 2px; } .dx-pivotgrid .dx-area-field.dx-area-box { margin-bottom: 0; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td { border-top: 1px solid #e0e0e0; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td { border-top-width: 0; } .dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-area-row-cell { border-right: 1px solid #e0e0e0; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button { margin: 1px; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) { border-color: transparent; background-color: transparent; box-shadow: none; } .dx-pivotgrid .dx-area-column-cell, .dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-bottom-border { border-bottom: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-fields-area-head td { position: relative; border: none; padding: 10px 2px; } .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child { padding-left: 10px; } .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child { padding-right: 10px; } .dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text { white-space: nowrap; padding: 6px 0; border: 1px solid transparent; color: rgba(0,0,0,.3); } .dx-pivotgrid .dx-group-connector { position: absolute; width: 2px; top: 50%; height: 2px; margin-top: -1px; background-color: #e0e0e0; } .dx-pivotgrid .dx-group-connector.dx-group-connector-prev { left: 0; } .dx-pivotgrid .dx-group-connector.dx-group-connector-next { right: 0; } .dx-pivotgrid .dx-virtual-content { display: none; } .dx-pivotgrid .dx-virtual-mode .dx-virtual-content { position: relative; overflow: hidden; display: block; } .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td { color: transparent; background-color: transparent!important; } .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td span { visibility: hidden; } .dx-pivotgrid .dx-virtual-mode table { position: absolute; } .dx-pivotgrid .dx-pivotgrid-area-data { position: relative; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td { text-align: right; color: rgba(0,0,0,.87); white-space: nowrap; border-left: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal, .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total { border-top-width: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border { border-top: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell { border-right: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers td { min-width: 50px; border-right: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child { border-right: 0; } .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total, .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .dx-pivotgrid .dx-area-tree-view .dx-total { border-bottom: none; } .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column { border-top: 1px solid transparent; background-color: rgba(221,221,221,.2); padding: 0; width: 19px; min-width: 19px; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td { text-align: center; border: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed, .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded { text-align: left; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-expand-icon-container { width: 14px; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child { border-bottom: 0; } .dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-column-header, .dx-pivotgrid .dx-data-header, .dx-pivotgrid .dx-total { background-color: rgba(221,221,221,.2); } .dx-pivotgrid .dx-grandtotal { background-color: rgba(0,0,0,.04); } .dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-data-header, .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header { border-left: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-column-header, .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header { border-right: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header { border-top: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header td { display: inline-block; } .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell { border-bottom: 1px solid #e0e0e0; } .dx-pivotgrid .dx-icon-sorted { display: inline-block; margin-left: 5px; width: 14px; } .dx-pivotgrid .dx-popup-content { padding: 10px; } .dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td { padding: 0 2px; } .dx-pivotgridfieldchooser .dx-area-fields { overflow: hidden; } .dx-pivotgridfieldchooser .dx-treeview-item .dx-icon { margin-bottom: 1px; width: 16px; height: 16px; background-position: 0 0; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgridfieldchooser .dx-treeview-search { margin: 5px; } .dx-pivotgridfieldchooser .dx-area-icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .dx-pivotgridfieldchooser .dx-area { padding: 5px; display: flex; flex-grow: 1; flex-direction: column; } .dx-pivotgridfieldchooser .dx-area>.dx-scrollable, .dx-pivotgridfieldchooser .dx-area>.dx-scrollable>.dx-scrollable-wrapper, .dx-pivotgridfieldchooser .dx-area>.dx-scrollable>div>.dx-scrollable-wrapper, .dx-pivotgridfieldchooser .dx-area>.dx-treeview, .dx-pivotgridfieldchooser .dx-area>.dx-treeview>.dx-scrollable, .dx-pivotgridfieldchooser .dx-area>.dx-treeview>.dx-scrollable-wrapper, .dx-pivotgridfieldchooser .dx-area>.dx-treeview>.dx-scrollable>.dx-scrollable-wrapper, .dx-pivotgridfieldchooser .dx-area>.dx-treeview>.dx-scrollable>div>.dx-scrollable-wrapper, .dx-pivotgridfieldchooser .dx-area>.dx-treeview>div>.dx-scrollable-wrapper { display: flex; flex-grow: 1; flex-direction: column; height: 0; } .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > div > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > div > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > div > .dx-scrollable-wrapper > .dx-scrollable-container { height: auto; } .dx-pivotgridfieldchooser .dx-area .dx-area-fields { border: 1px solid #e0e0e0; display: flex; flex-direction: column; height: 0; margin-top: 8px; } .dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption { align-self: center; } .dx-pivotgridfieldchooser .dx-area-fields[group] { padding: 5px; background-color: rgba(221,221,221,.2); display: flex; } .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target { border-color: #03a9f4; } .dx-pivotgridfieldchooser .dx-area-icon-all { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC") center center no-repeat; } .dx-pivotgridfieldchooser .dx-area-icon-filter { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==") center center no-repeat; } .dx-pivotgridfieldchooser .dx-area-icon-row { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=") center center no-repeat; } .dx-pivotgridfieldchooser .dx-area-icon-column { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=") center center no-repeat; } .dx-pivotgridfieldchooser .dx-area-icon-data, .dx-pivotgridfieldchooser .dx-icon-measure { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=") center center no-repeat; } .dx-pivotgridfieldchooser .dx-icon-dimension { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==") center center no-repeat; } .dx-pivotgridfieldchooser .dx-icon-hierarchy { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==") center center no-repeat; } .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal { margin-left: -3px; } .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last { margin-left: 1px; } .dx-rtl .dx-pivotgrid-fields-container .dx-column-indicators { margin-left: 0; margin-right: 6px; } .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar, .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar { margin-right: 0; margin-left: 10px; float: left; } .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button, .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button { margin-right: 0; margin-left: 4px; } .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child { padding-left: 2px; padding-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td { padding: 10px 2px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child { padding-right: 10px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child { padding-left: 10px; } .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-prev { left: initial; right: 0; } .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-next { right: initial; left: 0; } .dx-rtl.dx-pivotgrid .dx-area-description-cell, .dx-rtl.dx-pivotgrid .dx-area-row-cell { border-left: 1px solid #e0e0e0; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data.dx-scrollable-native .dx-scrollable-content { float: none; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td { border-left: 0; border-right: 1px solid #e0e0e0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child { border-left: 1px solid #e0e0e0; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td { border-right: 0; border-left: 1px solid #e0e0e0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell { border-left: 0; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 0; border-left: 1px solid #e0e0e0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area { border-left: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child { border-left: 1px solid #e0e0e0; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed, .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded { text-align: right; } .dx-rtl.dx-pivotgrid .dx-expand-icon-container { margin-left: 0; margin-right: -5px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container { transform: scaleX(-1); } .dx-rtl.dx-pivotgrid .dx-icon-sorted { margin-left: 0; margin-right: 5px; } .dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col { display: flex; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header { border-right: 1px solid #e0e0e0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header { border-left: 1px solid #e0e0e0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header { border-right: none; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header { border-left: none; } .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box { background-color: rgba(224,224,224,.9); border: none; box-shadow: 0 3px 4px rgba(0,0,0,.15); } .dx-pivotgrid-fields-container .dx-area-field.dx-area-box { color: rgba(0,0,0,.54); background-color: #e0e0e0; border-radius: 16px; border: none; font-size: 12px; font-weight: 500; } .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter { color: #03a9f4; } .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter.dx-header-filter-empty { color: rgba(0,0,0,.54); } .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-area-data { font-size: 13px; } .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers { font-size: 12px; } .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers td, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers td { font-weight: 500; } .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-grandtotal, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-total, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-grandtotal, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-total { color: rgba(0,0,0,.87); } .dx-pivotgrid .dx-pivotgrid-area td { color: rgba(0,0,0,.54); padding: 10px 14px; } .dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-collapsed, .dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-expanded { padding: 10px 14px 10px 19px; } .dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-collapsed > span, .dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-expanded > span { padding: 0 5px 0 10px; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar { padding-left: 8px; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button { background-color: transparent; color: rgba(0,0,0,.87); box-shadow: none; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-icon { color: rgba(0,0,0,.87); } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-focused, .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-hover { background-color: rgba(0,0,0,.08); box-shadow: none; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-active { background-color: rgba(0,0,0,.3); box-shadow: none; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave { background-color: rgba(0,0,0,.2); } .dx-pivotgrid .dx-grandtotal.dx-last-cell, .dx-pivotgrid .dx-row-total.dx-last-cell { padding-left: 22px; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button { margin-top: 7px; background-color: transparent; color: rgba(0,0,0,.87); box-shadow: none; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-icon, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-icon { color: rgba(0,0,0,.87); } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused, .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover { background-color: rgba(0,0,0,.08); box-shadow: none; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-active, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-active { background-color: rgba(0,0,0,.3); box-shadow: none; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave { background-color: rgba(0,0,0,.2); } .dx-pivotgrid .dx-expand-icon-container { margin: 0; font: 12px/1 DXIcons; } .dx-pivotgrid .dx-expand-icon-container::before { content: ""; visibility: hidden; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand { font: 20px/20px DXIcons; text-align: center; color: rgba(0,0,0,.54); } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand::before { content: ""; position: absolute; display: block; width: 20px; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; } .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand { font: 20px/20px DXIcons; text-align: center; color: rgba(0,0,0,.54); } .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand::before { content: ""; position: absolute; display: block; width: 20px; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; } .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area { color: rgba(0,0,0,.87); font-weight: 400; font-size: 14px; font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input, .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea { font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif; line-height: 1.2857; } .dx-pivotgridfieldchooser .dx-area .dx-area-icon-filter { background: 0 0; font: 14px/1 DXIcons; width: 14px; height: 14px; } .dx-pivotgridfieldchooser .dx-area .dx-area-icon-filter::before { content: ""; } .dx-pivotgridfieldchooser .dx-area .dx-area-caption { text-transform: uppercase; font-size: 12px; font-weight: 500; color: rgba(0,0,0,.54); } .dx-pivotgridfieldchooser .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container { padding-right: 8px; } .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf { padding-left: 0; } .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox { left: 8px; } .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf { padding-left: 24px; } .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox { left: 35px; } .dx-pivotgridfieldchooser .dx-treeview-item { min-height: 36px; padding: 9px 8px; line-height: normal; } .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-checkbox { top: 9px; } .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-treeview-item { padding-left: 40px; } .dx-pivotgridfieldchooser .dx-treeview-toggle-item-visibility { height: 36px; } .dx-pivotgrid-fields-container .dx-position-indicator { background-color: gray; } .dx-context-menu.dx-overlay-content { overflow: inherit; position: absolute; } .dx-context-menu .dx-menu-item .dx-submenu { position: absolute; z-index: 1003; } .dx-context-menu .dx-menu-item { font-size: 15px; color: rgba(0,0,0,.87); } .dx-context-menu .dx-menu-item .dx-menu-item-content { padding: 3px 16px 4px; } .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container { right: 16px; width: 24px; } .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { color: rgba(0,0,0,.54); font: 24px/24px DXIcons; text-align: center; } .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout::before { content: ""; position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-context-menu .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content { padding-right: 64px; } .dx-context-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin-right: 24px; } .dx-context-menu .dx-menu-items-container { padding: 8px 0; } .dx-context-menu.dx-overlay-content.dx-state-focused { box-shadow: none; } .dx-context-menu .dx-submenu { background-color: #fff; border-radius: 4px; box-shadow: 0 2px 7px rgba(0,0,0,.2); } .dx-context-menu .dx-menu-separator { height: 1px; margin: 5px 0; background-color: #e0e0e0; } .dx-context-menu.dx-rtl .dx-menu-item .dx-menu-item-popout-container { left: 16px; } .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin-left: 24px; margin-right: 0; } .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content { padding-left: 64px; padding-right: 16px; } .dx-multiview-wrapper { overflow: hidden; width: 100%; height: 100%; touch-action: pinch-zoom pan-y; } .dx-multiview-item-container { position: relative; overflow: visible; width: 100%; height: 100%; } .dx-multiview-item-container .dx-empty-message { text-align: center; } .dx-multiview-item { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; width: 100%; height: 100%; } .dx-multiview-item.dx-item-selected { position: relative; } .dx-multiview-item-content { width: 100%; height: 100%; } .dx-multiview-item-hidden { top: -9999px; left: -9999px; visibility: hidden; } .dx-multiview-item-hidden .dx-accordion-item-opened .dx-accordion-item-body { visibility: hidden; } .dx-tabpanel-tabs { width: 100%; } .dx-tabpanel-tabs .dx-tabs { height: 100%; } .dx-tabpanel-container { width: 100%; height: 100%; } .dx-tabpanel .dx-tabs { display: block; border-bottom: none; background-color: #f7f7f7; } .dx-empty-collection.dx-tabpanel .dx-tabs { border-top: none; } .dx-tabpanel .dx-tab { min-width: 72px; } .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) { background: 0 0; } .dx-tabpanel .dx-tabs-wrapper { display: block; } .dx-fileuploader.dx-state-disabled .dx-fileuploader-input { display: none; } .dx-fileuploader-wrapper { height: 100%; width: 100%; overflow: hidden; } .dx-fileuploader-container { display: table; table-layout: fixed; height: 100%; width: 100%; } .dx-fileuploader-input-wrapper::after, .dx-fileuploader-input-wrapper::before { display: table; content: ""; line-height: 0; width: 100%; } .dx-fileuploader-input-wrapper::after { clear: both; padding-bottom: 1em; margin-bottom: -1em; } .dx-fileuploader-input-wrapper::before { padding-top: 1em; margin-top: -1em; } .dx-fileuploader-input-wrapper .dx-button { float: left; } .dx-fileuploader-input-wrapper .dx-button + .dx-button { margin-left: 12px; } .dx-fileuploader-button { position: relative; } .dx-fileuploader-button .dx-fileuploader-input { position: absolute; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; } .dx-fileuploader-button .dx-fileuploader-input::-ms-browse, .dx-fileuploader-button .dx-fileuploader-input::-webkit-file-upload-button { cursor: pointer; } .dx-fileuploader-content { display: table-row-group; vertical-align: middle; } .dx-fileuploader-content > .dx-fileuploader-upload-button { margin-top: 10px; } .dx-fileuploader-empty .dx-fileuploader-content > .dx-fileuploader-upload-button { display: none; } .dx-fileuploader-input-content { width: 100%; display: table; } .dx-fileuploader-files-container { padding-top: 0; width: 100%; } .dx-fileuploader-file-container { width: 100%; padding: 4px 0; } .dx-fileuploader-file-container .dx-button { width: 28px; height: 28px; margin-right: 10px; } .dx-fileuploader-file-container .dx-button.dx-state-invisible { margin-right: 0; } .dx-fileuploader-button-container, .dx-fileuploader-input-container { display: table-cell; vertical-align: middle; } .dx-fileuploader-input-container { height: 100%; width: 100%; position: relative; overflow: hidden; } .dx-fileuploader-input { opacity: 0; width: 100%; margin: 0; cursor: default; } .dx-fileuploader-input-label { pointer-events: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: default; } .dx-fileuploader-input-label::before { content: ""; position: absolute; top: -50%; overflow: hidden; cursor: default; } .dx-fileuploader-button-container { display: table-cell; vertical-align: middle; } .dx-fileuploader-file-info { float: left; width: 100%; } .dx-fileuploader-file-status-message { float: left; font-size: 12px; height: 16px; } .dx-fileuploader .dx-progressbar { float: left; width: 100%; height: 22px; margin-top: -6px; } .dx-rtl .dx-fileuploader .dx-fileuploader-button, .dx-rtl.dx-fileuploader .dx-fileuploader-button { float: right; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button, .dx-rtl.dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button { margin-left: 10px; margin-right: 0; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-name, .dx-rtl .dx-fileuploader .dx-fileuploader-file-size, .dx-rtl .dx-fileuploader .dx-fileuploader-file-status-message, .dx-rtl.dx-fileuploader .dx-fileuploader-file-name, .dx-rtl.dx-fileuploader .dx-fileuploader-file-size, .dx-rtl.dx-fileuploader .dx-fileuploader-file-status-message { float: right; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-size, .dx-rtl.dx-fileuploader .dx-fileuploader-file-size { margin-right: 4px; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message { height: auto; color: #f44336; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message span { display: block; margin-bottom: 2px; } .dx-fileuploader-wrapper { padding: 7px; } .dx-fileuploader-content > .dx-fileuploader-upload-button { margin-left: 3px; margin-right: 3px; } .dx-fileuploader-input-wrapper { padding: 7px 0; border: 3px dashed transparent; } .dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label { position: relative; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper { border: none; padding: 0; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button { display: none; } .dx-fileuploader-dragover .dx-fileuploader-input-container { display: block; width: 100%; } .dx-fileuploader-dragover .dx-fileuploader-input { display: block; width: 100%; padding: 17px 3px 18px; box-sizing: content-box; } .dx-fileuploader-dragover .dx-fileuploader-input-label { text-align: center; padding: 14px 9px; border: 3px dashed #e0e0e0; } .dx-fileuploader-file-size, .dx-fileuploader-file-status-message { color: rgba(102,102,102,.87); } .dx-fileuploader-input { padding: 7px 0; } .dx-fileuploader-input-label { padding: 8px 9px; color: rgba(0,0,0,.87); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-fileuploader-show-file-list .dx-fileuploader-files-container { padding: 14px 3px 0; } .dx-fileuploader-empty .dx-fileuploader-files-container { padding: 0; } .dx-invalid .dx-fileuploader-files-container { padding-top: 50px; } .dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content { padding: 0; } .dx-fileuploader-files-container .dx-fileuploader-file-container { box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); padding: 5px 8px; margin-bottom: 4px; } .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button { margin-right: 15px; } .dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button { margin-left: 15px; margin-right: 0; } .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button { height: 36px; width: 36px; margin-right: 5px; } .dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button { margin-left: 5px; margin-right: 0; } .dx-fileuploader-file { display: table-cell; width: 100%; white-space: nowrap; padding-top: 5px; line-height: 13px; } .dx-fileuploader-file-name { float: left; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 3.5px; color: rgba(0,0,0,.87); font-weight: 500; } .dx-fileuploader-file-size { margin-left: 4px; float: left; vertical-align: super; font-size: 10px; padding-bottom: 3.5px; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:first-child { margin-top: 2px; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child { margin-bottom: 2px; } .dx-fileuploader-invalid .dx-fileuploader-button-container { vertical-align: middle; } .dx-fileuploader-invalid .dx-fileuploader-cancel-button { margin-top: 0; } .dx-scheduler-appointment-popup .dx-popup-content { padding-top: 0; padding-bottom: 0; } .dx-scheduler-appointment-popup .dx-scrollable-content { padding-top: 20px; } .dx-scheduler-appointment-popup .dx-form.dx-recurrence-editor-container .dx-scrollable-content { padding-top: 0; } .dx-scheduler .dx-empty-message { line-height: normal; } .dx-scheduler-all-day-panel td { padding: 0; } .dx-scheduler-appointment-collector { display: block; height: 20px; text-align: center; cursor: pointer; margin: 3px 0 0 3px; } .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 4px; } .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content.dx-button-content { padding: 0; } .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child { display: inline-block; vertical-align: middle; line-height: 13.3333333333px; height: 20px; padding-left: 2px; } .dx-scheduler-appointment-collector.dx-state-hover::before { border-radius: 20px; } .dx-scheduler-appointment-collector.dx-button.dx-button-default { padding: 0; max-width: none; border-radius: 20px; } .dx-scheduler-work-space-mouse-selection .dx-scheduler-fixed-appointments, .dx-scheduler-work-space-mouse-selection .dx-scheduler-scrollable-appointments { pointer-events: none; } .dx-rtl .dx-scheduler-appointment-collector { margin: 3px 3px 0 0; } @media (max-width:450px) { .dx-scheduler-adaptive .dx-scheduler-view-switcher-label { display: none; } } .dx-scheduler-adaptive .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell { line-height: 1.3; white-space: nowrap; } .dx-scheduler-adaptive .dx-scheduler-appointment-collector { margin: 0; } .dx-scheduler-adaptive .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child { line-height: 20px; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content, .dx-scheduler-overlay-panel .dx-popup-content { padding: 0; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item, .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item { width: 360px; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item .dx-list-item-content, .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item .dx-list-item-content { padding: 5px; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content, .dx-scheduler-overlay-panel .dx-overlay-content { box-shadow: 0 0 15px 0 rgba(0,0,0,.15); } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item { display: flex; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body { margin-top: 7px; margin-left: 5px; background: #03a9f4; width: 20px; height: 20px; border-radius: 50%; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button .dx-icon, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button .dx-icon { color: rgba(0,0,0,.87); } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content { flex-basis: 100%; margin: 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(0,0,0,.87); } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject { text-align: left; font-weight: 700; font-size: 16px; letter-spacing: .01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date { text-align: left; font-size: 12px; opacity: .8; margin-top: 10px; } .dx-scheduler-overlay-panel .dx-overlay-content { position: relative; background: #fff; } .dx-scheduler-win-no-touch .dx-scheduler-appointment { touch-action: none; } .dx-scheduler-appointment-content-date { opacity: .7; display: inline-block; white-space: pre-wrap; } .dx-scheduler-appointment-content-details { margin-top: 2px; } .dx-scheduler-appointment-content-allday { display: none; } .dx-scheduler-appointment { border-bottom: 1px solid transparent; background-clip: padding-box; position: absolute; cursor: default; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; background-color: #03a9f4; color: #fff; box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3); left: 0; min-width: 4px; min-height: 4px; } .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-state-active { box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment .dx-scheduler-appointment, .dx-scheduler-appointment.dx-state-focused { box-shadow: none; } .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.3); opacity: .98; } .dx-scheduler-appointment.dx-state-hover { box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-hover.dx-resizable { box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3),inset 0 -2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top { height: 5px; } .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left { width: 5px; } .dx-scheduler-appointment.dx-resizable-resizing { z-index: 1000; opacity: .7; } .dx-scheduler-appointment .dx-resizable-handle-left { left: -1px; } .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon { position: absolute; top: 3px; right: 5px; font: 14px/1 DXIcons; } .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon::before { content: ""; } .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon { right: auto; left: 3px; font: 14px/1 DXIcons; } .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon::before { content: ""; } .dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon, .dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon { display: none; } .dx-scheduler-appointment.dx-state-disabled { cursor: default; opacity: .6; pointer-events: auto; } .dx-scheduler-appointment.dx-scheduler-appointment-drag-source { opacity: .7; } .dx-scheduler-fixed-appointments { z-index: 100; position: absolute; } .dx-scheduler-fixed-appointments .dx-draggable-dragging { position: fixed; top: 0; left: 0; z-index: 1000; } .dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment, .dx-scheduler-fixed-appointments .dx-draggable-dragging.dx-state-focused { box-shadow: none; } .dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-fixed-appointments .dx-draggable-dragging.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.3); opacity: .98; } .dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment { box-shadow: 7px 7px 15px 0 rgba(50,50,50,.2),inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-agenda .dx-scheduler-appointment { background-color: transparent; color: rgba(0,0,0,.87); padding: 10px; border-radius: 5px; } .dx-scheduler-agenda .dx-scheduler-appointment.dx-state-hover { background-color: rgba(0,0,0,.04); } .dx-scheduler-agenda .dx-scheduler-appointment.dx-state-focused { color: rgba(0,0,0,.87); background-color: rgba(0,0,0,.08); box-shadow: none; } .dx-scheduler-agenda .dx-scheduler-appointment.dx-state-focused::before { background: 0 0; } .dx-scheduler-agenda .dx-scheduler-appointment-recurrence-icon { position: static; color: #fff; } .dx-scheduler-agenda .dx-scheduler-agenda-appointment-left-layout { overflow: visible; } .dx-scheduler-agenda .dx-scheduler-agenda-appointment-right-layout { margin-left: 10px; } .dx-scheduler-agenda .dx-scheduler-appointment-content, .dx-scheduler-agenda .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 0; } .dx-scheduler-agenda .dx-scheduler-appointment-content { display: flex; flex-direction: row; } .dx-scheduler-agenda .dx-scheduler-appointment-content-date { opacity: 1; white-space: nowrap; } .dx-scheduler-agenda .dx-scheduler-appointment-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 700; line-height: 16px; font-size: 14px; } .dx-scheduler-agenda .dx-scheduler-appointment-content-details { display: flex; font-size: 12px; opacity: .7; } .dx-scheduler-agenda .dx-scheduler-appointment-content-allday { display: flex; padding-right: 5px; } .dx-scheduler-agenda .dx-scheduler-appointment-resource-item, .dx-scheduler-agenda .dx-scheduler-appointment-resource-list { display: flex; } .dx-scheduler-agenda .dx-scheduler-appointment-resource-item { margin-left: 15px; } .dx-scheduler-agenda .dx-scheduler-appointment-resource-item-value { margin-left: 3px; } .dx-scheduler-agenda .dx-scheduler-agenda-appointment-marker { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #03a9f4; } .dx-scheduler-agenda .dx-rtl .dx-scheduler-agenda-appointment-right-layout { margin-left: 0; margin-right: 10px; } .dx-scheduler-agenda .dx-rtl .dx-scheduler-appointment-content, .dx-scheduler-agenda .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 0; } .dx-recurrence-repeat-end-wrapper { display: flex; } .dx-recurrence-numberbox-interval-wrapper .dx-layout-manager .dx-field-item, .dx-recurrence-repeat-on .dx-layout-manager .dx-field-item { padding-right: 0; padding-left: 0; } .dx-recurrence-numberbox-interval-wrapper .dx-box-item:first-child:not(:only-child), .dx-recurrence-repeat-on .dx-box-item:first-child:not(:only-child) { flex-grow: 0!important; min-width: auto!important; } .dx-recurrence-numberbox-interval-wrapper .dx-field-item-label { white-space: nowrap; } .dx-layout-manager .dx-field-item.dx-recurrence-repeat-on { padding-top: 0; } .dx-recurrence-repeat-end-label { line-height: 36px; } .dx-recurrence-radiogroup-repeat-type .dx-item { padding-bottom: 10px; } .dx-recurrence-button-group { width: 100%; } .dx-recurrence-button-group .dx-buttongroup-wrapper > div { flex: 1; min-width: 0; } .dx-recurrence-numberbox-interval { margin-right: 11px; } .dx-recurrence-numberbox-interval-label { font-size: 14px; margin-top: 40px; } .dx-recurrence-button-group .dx-button-content { padding: 6px; } .dx-recurrence-radiogroup-repeat-type { margin: 15px 0; } .dx-recurrence-datebox-until-date { margin-left: 23px; } .dx-recurrence-numberbox-repeat-count { margin: 0 11px; } .dx-scheduler-pseudo-cell::before { content: ""; width: 65px; display: table-cell; } .dx-scheduler-small .dx-scheduler-pseudo-cell::before { width: 32.5px; } .dx-scheduler-header { position: relative; z-index: 1; width: 100%; } .dx-scheduler-navigator { float: left; white-space: nowrap; min-width: 180px; max-width: 40%; } .dx-device-mobile .dx-scheduler-navigator { padding-left: 5px; } .dx-scheduler-navigator-caption { width: 180px; min-width: 108px; max-width: 80%; } .dx-device-mobile .dx-scheduler-navigator-caption { width: 140px; } .dx-calendar.dx-scheduler-navigator-calendar { width: 100%; height: 100%; } .dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected::before { position: absolute; bottom: -2px; width: 100%; height: 2px; content: ""; right: 0; } .dx-scheduler-view-switcher.dx-tabs { max-width: 52%; min-width: 72px; width: auto; float: right; height: 100%; border: none; } .dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs { display: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper { border-bottom: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab { width: 100px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused::after { border-bottom: none; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button { position: absolute; right: 10px; } .dx-scheduler-view-switcher-label { position: absolute; } .dx-scheduler-view-switcher-reduced { table-layout: auto; } .dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab { width: auto; height: 56px; } .dx-scheduler-view-switcher-reduced .dx-tabs-wrapper { height: 56px; } .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell { color: #03a9f4; } .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before { position: absolute; top: 37px; right: 0; width: 100%; height: 2px; content: ""; background-color: #eb5757; } .dx-scheduler-date-time-shader-all-day { width: 100%; background-color: rgba(0,0,0,.03); position: absolute; pointer-events: none; } .dx-scheduler-date-time-indicator { background-color: #eb5757; position: absolute; pointer-events: none; box-shadow: 0 1px 0 0 rgba(255,255,255,.1); } .dx-scheduler-date-time-indicator::before { font-size: 30px; color: #eb5757; position: absolute; z-index: 1000; margin-top: -14px; margin-left: -12px; text-shadow: rgba(255,255,255,.1) 1px 0 0; } .dx-scheduler-date-time-shader { pointer-events: none; } .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content { padding-right: 40px; } .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-reduced-icon, .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-reduced-icon, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-reduced-icon { top: 9px; } .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator { margin-left: 65px; font: 14px/1 DXIcons; } .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator::before, .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator::before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator::before { content: ""; } .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator, .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator { margin-left: 32.5px; } .dx-scheduler-work-space-day .dx-scheduler-date-time-shader, .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-week .dx-scheduler-date-time-shader, .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-all-day { margin-left: 65px; } .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-shader, .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-all-day, .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-shader, .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-all-day, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-all-day { margin-left: 32.5px; } .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top::before, .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top::before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top::before { width: inherit; height: inherit; content: ""; left: inherit; position: absolute; margin-left: 65px; background-color: rgba(0,0,0,.03); } .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top::before, .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top::before, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top::before { margin-left: 32.5px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top: none; } .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell::after, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell::after, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell::after { background-color: #e0e0e0; } .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top::before, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top::before, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top::before { margin-left: 0; } .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator { margin-left: 0; font: 14px/1 DXIcons; } .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator::before, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator::before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator::before { content: ""; margin-right: -12px; } .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top::before, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top::before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top::before { margin-left: 0; } .dx-scheduler-timeline-day .dx-scheduler-header-panel, .dx-scheduler-timeline-month .dx-scheduler-header-panel, .dx-scheduler-timeline-week .dx-scheduler-header-panel, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel { display: flex; flex-flow: row nowrap; } .dx-scheduler-timeline-day .dx-scheduler-header-panel thead, .dx-scheduler-timeline-month .dx-scheduler-header-panel thead, .dx-scheduler-timeline-week .dx-scheduler-header-panel thead, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead { display: flex; flex-flow: column nowrap; width: 100%; } .dx-scheduler-timeline-day .dx-scheduler-header-row, .dx-scheduler-timeline-month .dx-scheduler-header-row, .dx-scheduler-timeline-week .dx-scheduler-header-row, .dx-scheduler-timeline-work-week .dx-scheduler-header-row { display: flex; flex-flow: row nowrap; } .dx-scheduler-timeline-day .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell { flex-grow: 1; justify-content: center; align-items: center; display: flex; flex-flow: row nowrap; } .dx-scheduler-timeline-day .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) { display: flex; flex-flow: row-reverse nowrap; } .dx-scheduler-timeline-day .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell { flex-basis: 0; } .dx-scheduler-timeline-day .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-timeline .dx-scheduler-date-time-indicator { width: 1px; top: 0; font: 14px/1 DXIcons; } .dx-scheduler-timeline .dx-scheduler-date-time-indicator::before { content: ""; margin-left: -14px; margin-top: -12px; } .dx-scheduler-timeline .dx-scheduler-date-time-shader { height: 100%; position: absolute; } .dx-scheduler-timeline .dx-scheduler-date-time-shader::before { width: inherit; height: 100%; content: ""; left: 0; position: absolute; background-color: rgba(0,0,0,.03); } .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell { border-bottom: 2px solid #eb5757; box-shadow: none; } .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before { content: none; } .dx-scheduler-work-space { border: 1px solid #e0e0e0; background-color: #fff; position: relative; display: inline-block; overflow: hidden; height: 100%; width: 100%; border-top: none; float: left; } .dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell { border-right: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell { border-left: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td { border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 155px; margin-bottom: -155px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 185px; margin-bottom: -185px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 215px; margin-bottom: -215px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel { border-bottom: 2px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel { border-bottom: 1px solid #e0e0e0; } .dx-scheduler-date-table-scrollable .dx-scrollable-content { overflow: hidden; position: relative; } .dx-scheduler-date-table-cell { border-top: 1px solid #e0e0e0; } .dx-scheduler-date-table-cell, .dx-scheduler-group-header, .dx-scheduler-header-panel-cell, .dx-scheduler-time-panel-cell { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; cursor: default; } .dx-scheduler-date-table-current-date { font-weight: 700; } .dx-scheduler-date-table-other-month { opacity: .5; } .dx-scheduler-group-flex-container { flex: 0 0 100%; min-height: 100%; display: flex; } .dx-scheduler-group-flex-container .dx-scheduler-group-row { display: flex; flex-flow: column nowrap; flex: 1; min-width: 0; } .dx-scheduler-group-flex-container .dx-scheduler-group-row::before { display: none; } .dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header { display: flex; flex-flow: row nowrap; flex: 1 1 100%; padding: 0 5px; height: auto; width: 100%; justify-content: flex-start; align-items: flex-start; text-align: left; overflow: hidden; text-overflow: ellipsis; border: none; border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 25px; margin-bottom: -25px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 55px; margin-bottom: -55px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 85px; margin-bottom: -85px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 115px; margin-bottom: -115px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-cell { border-left: none; border-right: none; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel { margin-top: 1px; } .dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top: none; } .dx-scheduler-all-day-table-cell { border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell { border-top: none; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title, .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { border-top: 1px solid #e0e0e0; } .dx-scheduler-scrollable-fixed-content { height: 100%; } .dx-scheduler-work-space-month .dx-scheduler-header-panel { width: 100%; margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-header-panel { margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row::before, .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row::before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table { width: 100%; height: 100%; margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row::before, .dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-virtual-row::before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child { border-left: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable .dx-scrollable-content { min-height: 300px; } .dx-scheduler-work-space-month .dx-scrollable-native .dx-scrollable-content.dx-scheduler-scrollable-fixed-content { height: 100%; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { height: 50px; vertical-align: top; text-align: right; font-size: 16px; color: rgba(0,0,0,.54); } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell .dx-scheduler-date-table-cell-text { padding-right: 6px; } .dx-scheduler-work-space-month .dx-scheduler-appointment-content { padding: 0 7px; } .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 0 25px 0 7px; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 0 7px 0 25px; } .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon { top: 0; } .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-cell { height: 75px; } .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month { color: #03a9f4; background-color: rgba(3,169,244,.15); font-weight: 700; } .dx-scheduler-timeline .dx-scheduler-all-day-panel, .dx-scheduler-timeline .dx-scheduler-all-day-title, .dx-scheduler-work-space-month .dx-scheduler-all-day-panel, .dx-scheduler-work-space-month .dx-scheduler-all-day-title { display: none; } .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row::before, .dx-scheduler-timeline .dx-scheduler-header-row::before { content: none; } .dx-scheduler-timeline .dx-scheduler-date-table-cell, .dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) { width: 200px; } .dx-scheduler-timeline .dx-scheduler-date-table-cell { border-right: none; } .dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table { display: none; } .dx-scheduler-timeline .dx-scheduler-date-table { border-spacing: 0; border-collapse: separate; margin-left: 0; display: flex; flex-flow: column nowrap; } .dx-scheduler-timeline .dx-scheduler-date-table tbody { display: flex; flex-flow: column nowrap; height: 100%; min-height: 100px; } .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row { display: flex; flex-flow: row nowrap; flex: 1; } .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 1 1 auto; height: inherit; min-height: 50px; } .dx-scheduler-timeline .dx-scheduler-group-table { border-spacing: 0; border-collapse: separate; display: flex; flex-flow: column nowrap; } .dx-scheduler-timeline .dx-scheduler-group-table tbody { display: flex; flex-flow: column nowrap; height: 100%; } .dx-scheduler-timeline .dx-scheduler-group-header { min-height: 50px; } .dx-scheduler-timeline .dx-scheduler-group-header-content { overflow: visible; flex-grow: 1; } .dx-scheduler-timeline .dx-scheduler-group-header-content div { white-space: normal; line-height: normal; } .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header { width: 200px; } .dx-scheduler-timeline .dx-scheduler-date-table, .dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler-timeline .dx-scheduler-group-table, .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content { height: 100%; min-height: 100px; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content { height: auto; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top-color: transparent; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before { border-bottom: 1px solid #e0e0e0; } .dx-scheduler-timeline .dx-scheduler-date-table-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable { display: none; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { display: block; float: left; padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before { content: ""; height: 50px; position: absolute; display: block; margin-top: -50px; left: 0; border-right: 1px solid #e0e0e0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header { border: none; border-top: 1px solid #e0e0e0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table { border-right: 1px solid #e0e0e0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child { border-left: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child { border-right: none; border-left: 1px solid #e0e0e0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row::before { display: none; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; padding: 0; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-sidebar-scrollable::before { width: 100px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-group-header-content { width: inherit; overflow: hidden; text-overflow: ellipsis; } .dx-scheduler-small .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-header-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-header-scrollable { margin-left: 100px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-date-table-scrollable, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-header-scrollable { margin-right: 100px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="2"] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="2"] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="2"] .dx-scheduler-sidebar-scrollable::before { width: 160px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="2"] .dx-scheduler-group-header-content { width: inherit; overflow: hidden; text-overflow: ellipsis; } .dx-scheduler-small .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="2"] .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="2"] .dx-scheduler-header-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="2"] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="2"] .dx-scheduler-header-scrollable { margin-left: 160px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="2"] .dx-scheduler-date-table-scrollable, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="2"] .dx-scheduler-header-scrollable { margin-right: 160px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="3"] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="3"] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="3"] .dx-scheduler-sidebar-scrollable::before { width: 240px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="3"] .dx-scheduler-group-header-content { width: inherit; overflow: hidden; text-overflow: ellipsis; } .dx-scheduler-small .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="3"] .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="3"] .dx-scheduler-header-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="3"] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="3"] .dx-scheduler-header-scrollable { margin-left: 240px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="3"] .dx-scheduler-date-table-scrollable, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="3"] .dx-scheduler-header-scrollable { margin-right: 240px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header, .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-last-group-cell { border-right: 1px solid #e0e0e0; } .dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon { top: 0; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count="1"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count="1"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 121px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count="2"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count="2"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 151px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count="3"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count="3"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 181px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before { height: 91px; margin-top: -91px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) { border-left: none; } .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) { border-left: none; } .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell, .dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell { border-right: none; } .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell { border-left: none; } .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) { border-right: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) { border-left: 1px solid #e0e0e0; } .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n), .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) { border-right: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) { border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; } .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n), .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n), .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n) { border-right: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n) { border-left: 1px solid #e0e0e0; } .dx-scheduler-header-panel { border-spacing: 0; table-layout: fixed; width: 100%; margin-top: 0; } .dx-scheduler-all-day-title-hidden { display: none; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day) .dx-scheduler-all-day-title-hidden { display: block; background-color: transparent; color: transparent; border-left: none; border-right: none; border-bottom: none; height: 0; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable { height: 51px; margin-left: 65px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 41px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 71px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 101px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 11px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 10px; margin-bottom: -10px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 40px; margin-bottom: -40px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 70px; margin-bottom: -70px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 100px; margin-bottom: -100px; } .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable { margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable { margin-left: 32.5px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel { width: auto; margin-left: 0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-row::before, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-header-row::before { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel { margin-left: 0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-row::before { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { z-index: 100; border-right: 1px solid #e0e0e0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title::before { content: ""; position: absolute; left: 0; width: 65px; border-right: 1px solid #e0e0e0; } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title::before { width: 32.5px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { float: none; margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row::before, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-virtual-row::before { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable { float: left; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 65px; } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 32.5px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel { border-right: 1px solid #e0e0e0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel { width: 100%; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 65px; padding: 0; } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 32.5px; } .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 65px 0 0; } .dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-timeline) .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 32.5px 0 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 156px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 186px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 216px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable { height: 126px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 106px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 136px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 166px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 76px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 116px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 146px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 176px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 86px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 66px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 96px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 126px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 36px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable.dx-scrollable, .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; padding: 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child { border-left: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments { top: 0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments.dx-rtl { left: 0; } .dx-scheduler-header-panel-cell { position: relative; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; color: rgba(0,0,0,.54); padding: 0; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-all-day-table-row::before, .dx-scheduler-group-row::before, .dx-scheduler-header-row::before { content: ""; width: 65px; display: table-cell; } .dx-scheduler-small .dx-scheduler-all-day-table-row::before, .dx-scheduler-small .dx-scheduler-group-row::before, .dx-scheduler-small .dx-scheduler-header-row::before { width: 32.5px; } .dx-scheduler-all-day-panel { width: 100%; } .dx-scheduler-all-day-title { color: rgba(0,0,0,.54); width: 65px; position: absolute; text-align: center; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-scheduler-small .dx-scheduler-all-day-title { width: 32.5px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title { height: 50px; line-height: 50px; } .dx-scheduler-all-day-table { border-spacing: 0; table-layout: fixed; width: 100%; } .dx-scheduler-group-header { height: 30px; text-align: center; } .dx-scheduler-time-panel { float: left; width: 65px; border-collapse: collapse; } .dx-scheduler-small .dx-scheduler-time-panel { width: 32.5px; font-size: 14px; } .dx-scheduler-time-panel .dx-scheduler-time-panel-row:first-child td > div, .dx-scheduler-time-panel .dx-scheduler-virtual-row ~ .dx-scheduler-time-panel-row:nth-child(2) td > div { margin-top: 0; } .dx-scheduler-time-panel-cell { color: rgba(0,0,0,.54); position: relative; width: 100%; text-align: right; vertical-align: top; border-bottom: 1px solid transparent; } .dx-scheduler-small .dx-scheduler-time-panel-cell { padding-left: 0; } .dx-scheduler-time-panel-cell::after { position: absolute; bottom: -1px; width: 10%; height: 1px; right: 0; background-color: #e0e0e0; content: none; } .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell { color: #03a9f4; } .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell::before { position: absolute; top: 0; right: 0; width: 2px; height: inherit; content: ""; background-color: #eb5757; } .dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell::after { display: none; } .dx-scheduler-time-panel-title-cell { padding: 0; } .dx-scheduler-date-table { width: 100%; border-spacing: 0; table-layout: fixed; float: left; margin-left: -65px; } .dx-scheduler-small .dx-scheduler-date-table { margin-left: -32.5px; } .dx-scheduler-date-table .dx-scheduler-date-table-row::before, .dx-scheduler-date-table .dx-scheduler-virtual-row::before { content: ""; width: 65px; display: table-cell; } .dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row::before, .dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-virtual-row::before { width: 32.5px; } .dx-scheduler-agenda .dx-scheduler-date-table { margin-left: -70px; } .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused { background-color: rgba(3,169,244,.12); } .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused { background-color: rgba(3,169,244,.12); opacity: 1; } .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell, .dx-scheduler-date-table-cell.dx-scheduler-focused-cell { box-shadow: inset 0 0 0 1px #03a9f4; } .dx-scheduler-all-day-table-cell > div, .dx-scheduler-date-table-cell > div { pointer-events: none; } .dx-scheduler-date-table-droppable-cell { background-color: #f2f2f2; } .dx-scheduler-scrollable-appointments { position: absolute; top: 0; } .dx-scheduler-scrollable-appointments.dx-rtl { left: 0; } .dx-scheduler-all-day-appointment, .dx-scheduler-timeline .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-scheduler-appointment { box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3); } .dx-rtl .dx-scheduler-all-day-appointment, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment { box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-all-day-appointment.dx-resizable-resizing, .dx-scheduler-all-day-appointment.dx-state-active, .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active { box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-all-day-appointment.dx-state-hover, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover { box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable { box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3),inset -2px 0 0 0 rgba(0,0,0,.3); } .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover { box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3); } .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable { box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-all-day-appointment, .dx-scheduler-timeline .dx-draggable-dragging .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-draggable-dragging .dx-scheduler-appointment { box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3),7px 7px 15px 0 rgba(50,50,50,.2); } .dx-scheduler-appointment.dx-scheduler-appointment-body, .dx-scheduler-appointment.dx-scheduler-appointment-tail { box-shadow: none; } .dx-scheduler-group-header-content div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-recurrence-icon { position: absolute; background-repeat: no-repeat; top: 3px; right: 5px; display: block; } .dx-scheduler-appointment-recurrence-icon.dx-icon-repeat { font-size: 18px; } .dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon { position: absolute; top: 15%; } .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon { right: 20px; } .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 5px 25px 5px 7px; } .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 5px 7px 5px 25px; } .dx-scheduler-appointment-content { cursor: pointer; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .99; } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content { font-size: 12px; } .dx-scheduler-appointment-content > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details, .dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-appointment-empty .dx-scheduler-appointment-title { display: none; } .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details, .dx-scheduler-work-space-month .dx-scheduler-appointment-content-details { display: none; } .dx-scheduler-appointment-popup .dx-form .dx-field-item.dx-appointment-form-switch > div { flex-grow: 0; width: auto; } .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox, .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch { margin: 0; } .dx-scheduler-appointment-popup .dx-field-item-label-location-left { padding-right: 20px; } .dx-scheduler-appointment-popup .dx-field { min-height: 0; } .dx-scheduler-appointment-popup .dx-field-label { width: auto; } .dx-scheduler-appointment-popup .dx-field-value { padding-left: 0; padding-right: 0; } .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox { float: left; } .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl { float: right; } .dx-scheduler-appointment-collector { background-color: #03a9f4; color: #fff; margin-top: 5px; position: absolute; } .dx-scheduler-appointment-collector.dx-button, .dx-scheduler-appointment-collector.dx-button.dx-state-active, .dx-scheduler-appointment-collector.dx-button.dx-state-focused, .dx-scheduler-appointment-collector.dx-button.dx-state-hover { background-color: #03a9f4; color: #fff; border: none; box-shadow: none; } .dx-scheduler-appointment-collector.dx-button .dx-button-content, .dx-scheduler-appointment-collector.dx-button.dx-state-active .dx-button-content, .dx-scheduler-appointment-collector.dx-button.dx-state-focused .dx-button-content, .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content { line-height: inherit; } .dx-scheduler-appointment-collector.dx-button.dx-state-hover::before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.3); opacity: .98; } .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-scheduler-appointment-collector-content { color: #fff; opacity: .99; } .dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child { padding-left: 0; } .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 25px; margin-bottom: -25px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 55px; margin-bottom: -55px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 85px; margin-bottom: -85px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 115px; margin-bottom: -115px; } .dx-scheduler-agenda .dx-scheduler-scrollable-appointments { padding-left: 70px; width: 100%; height: 0; } .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl { padding-left: 0; padding-right: 70px; } .dx-scheduler-agenda .dx-scheduler-time-panel-cell::after { display: none; } .dx-scheduler-agenda .dx-scheduler-group-table { border-spacing: 0; margin-top: 0; height: 100%; float: left; } .dx-scheduler-agenda .dx-scheduler-time-panel { margin-top: 0; width: 70px; } .dx-scheduler-agenda .dx-scheduler-date-table-cell, .dx-scheduler-agenda .dx-scheduler-time-panel-cell { border: none; } .dx-scheduler-agenda .dx-scheduler-date-table-row::before { display: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table { float: right; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row::before { display: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content::before { border-bottom: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell::after { display: none; } .dx-scheduler-agenda .dx-scheduler-group-header { vertical-align: top; border-top: none; border-left: none; border-right: none; font-weight: 700; padding: 0; } .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header { width: 40px; font-size: 14px; } .dx-scheduler-agenda .dx-scheduler-group-header-content { width: 80px; overflow: hidden; } .dx-scheduler-agenda .dx-scheduler-group-header-content div { white-space: normal; } .dx-scheduler-agenda .dx-scheduler-appointment { position: relative; box-shadow: none; margin-top: 5px; margin-bottom: 5px; } .dx-scheduler-agenda .dx-scheduler-appointment.dx-scheduler-last-in-date-agenda-appointment { margin-bottom: 20px; } .dx-scheduler-agenda-nodata { text-align: center; opacity: .5; position: absolute; top: 45%; left: 0; right: 0; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count="1"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 90px; margin-bottom: 90px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count="2"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 130px; margin-bottom: 130px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count="3"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 170px; margin-bottom: 170px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count="1"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count="1"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count="1"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 130px; margin-bottom: 130px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count="2"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count="2"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count="2"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 170px; margin-bottom: 170px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count="3"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count="3"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count="3"].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 210px; margin-bottom: 210px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable { display: none; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { margin-left: 0!important; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content { display: flex; height: 40px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content > div { margin: auto; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-row, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-panel, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row { display: flex; flex-flow: row nowrap; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header { flex-grow: 1; flex-basis: 0; display: flex; flex-flow: row nowrap; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header { flex-basis: auto; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline:not(.dx-scheduler-work-space-group-by-date) .dx-scheduler-header-row .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table { float: left; height: 100%; min-height: 100px; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-spacing: 0; display: flex; flex-flow: column nowrap; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table tbody { height: 100%; display: flex; flex-flow: column nowrap; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { top: 0; position: relative; height: 50px!important; line-height: 50px!important; border-bottom: none; border-right: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel { display: table-cell; position: relative; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel::before { content: ""; width: 65px; display: table-cell; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel::before { width: 32.5px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row { height: 50px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell > div { margin-top: 0; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-last-group-cell { border-bottom: none; box-shadow: inset 0 -1px 0 #e0e0e0; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-scrollable .dx-scrollable-container { width: auto; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-scrollable .dx-scrollable-container .dx-scheduler-date-table { width: calc(100% - .5px); } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell { border-bottom: 2px solid #e0e0e0; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { display: block; float: left; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row::before { display: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header { box-shadow: 0 -2px 0 #e0e0e0; border-bottom: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell { height: 75px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel { border-bottom: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row::before { display: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-day .dx-scheduler-date-table-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-rtl .dx-scheduler-work-space-vertical-group-table { border-right: none; border-left: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-date-time-shader-all-day { margin-left: 0; margin-right: 65px; } .dx-rtl .dx-scheduler-navigator { float: right; padding-left: 0; padding-right: 10px; } .dx-device-mobile .dx-rtl .dx-scheduler-navigator { padding-right: 5px; } .dx-rtl .dx-scheduler-view-switcher.dx-tabs { float: left; } .dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu { left: 10px; right: auto; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; } .dx-rtl .dx-scheduler-header-panel { left: 0; right: inherit; } .dx-rtl .dx-scheduler-all-day-panel table { margin-left: 0; } .dx-rtl .dx-scheduler-time-panel, .dx-rtl .dx-scheduler-work-space-vertical-group-table { float: right; } .dx-scheduler-small .dx-rtl .dx-scheduler-time-panel-cell { padding-left: 10px; } .dx-rtl .dx-scheduler-time-panel-cell::after { right: auto; left: 0; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell { border-right: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child { border-right: none; } .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-both-scrollbar):not(.dx-scheduler-agenda) .dx-scheduler-date-table { float: right; margin-left: 0; margin-right: -65px; } .dx-scheduler-small .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-both-scrollbar):not(.dx-scheduler-agenda) .dx-scheduler-date-table { margin-right: -32.5px; } .dx-rtl .dx-scheduler-appointment-recurrence-icon { left: 5px; right: auto; } .dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon { left: 20px; right: auto; } .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content { padding-right: 5px; padding-left: 40px; } .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell { border-right: 1px solid #e0e0e0; border-left: none; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { border-left: 1px solid #e0e0e0; border-right: none; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title::before { right: 0; border-left: 1px solid #e0e0e0; border-right: none; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-right: 0; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable { float: right; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-right: 65px; margin-left: auto; } .dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-right: 32.5px; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel { border-left: 1px solid #e0e0e0; border-right: none; } .dx-rtl.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-timeline .dx-scheduler-date-table-scrollable, .dx-rtl.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-right: 0; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child, .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child { border-right: none; border-left: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { float: right; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before { right: 0; border-left: 1px solid #e0e0e0; border-right: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table { border-left: 1px solid #e0e0e0; border-right: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table { margin-right: 0; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header { padding: 0 5px 0 10px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="2"] .dx-scheduler-group-header:last-child, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="3"] .dx-scheduler-group-header:last-child { text-align: right; } .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable { margin-left: 0; } .dx-scheduler-small .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable { margin-right: 32.5px; } .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments { padding-right: 65px; padding-left: 0; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments { padding-right: 35px; } .dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table { float: right; } .dx-rtl .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table { float: left; } .dx-rtl.dx-scheduler-small .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-both-scrollbar):not(.dx-scheduler-agenda) .dx-scheduler-date-table { margin-right: -32.5px; } .dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline.dx-scheduler-work-space-horizontal-grouped .dx-scheduler-header-scrollable.dx-scrollable, .dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; } .dx-scheduler-small .dx-scheduler-timeline .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-time-panel-cell { height: 38px; padding-right: 8px; } .dx-scheduler-time-panel-cell > div { margin-top: -6px; font-size: 12px; } .dx-scheduler-small .dx-scheduler-time-panel-cell > div { font-size: 11px; } .dx-scheduler-small .dx-scheduler-time-panel-cell { padding-right: 2px; } .dx-rtl .dx-scheduler-time-panel-cell { text-align: left; padding-left: 8px; padding-right: 0; } .dx-rtl.dx-scheduler-small .dx-scheduler-time-panel-cell { padding-left: 2px; } .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell::before { content: none; } .dx-scheduler-date-table-cell { height: 38px; } .dx-scheduler-all-day-title { height: 57px; line-height: 57px; font-size: 12px; top: 64px; border-bottom: 1px solid #e0e0e0; } .dx-scheduler-small .dx-scheduler-all-day-title { font-size: 9.6px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title { height: 19px; line-height: 19px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scheduler-all-day-title { top: 94px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scheduler-all-day-title::before { top: -39px; height: 38px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scheduler-all-day-title { top: 124px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scheduler-all-day-title::before { top: -69px; height: 68px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scheduler-all-day-title { top: 154px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scheduler-all-day-title::before { top: -99px; height: 98px; } .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { top: 120px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scheduler-all-day-title { top: 150px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scheduler-all-day-title::before, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="1"] .dx-scheduler-all-day-title::before { top: -95px; height: 94px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scheduler-all-day-title { top: 180px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scheduler-all-day-title::before, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="2"] .dx-scheduler-all-day-title::before { top: -125px; height: 124px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scheduler-all-day-title { top: 210px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scheduler-all-day-title::before, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count="3"] .dx-scheduler-all-day-title::before { top: -155px; height: 154px; } .dx-scheduler-all-day-table { height: 57px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table { height: 19px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-work-space-vertical-group-table { width: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-date-table { margin-left: -130px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-date-table { margin-left: -98px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-date-table .dx-scheduler-all-day-table-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-date-table .dx-scheduler-date-table-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-date-table .dx-scheduler-virtual-row::before { width: 130px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-date-table .dx-scheduler-all-day-table-row::before, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-date-table .dx-scheduler-date-table-row::before, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-date-table .dx-scheduler-virtual-row::before { width: 97.5px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-date-table { margin-right: -130px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-header-panel .dx-scheduler-header-row::before { width: 130px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"] .dx-scheduler-header-panel .dx-scheduler-header-row::before { width: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 132px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 99.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 132px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 132px 0 0; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 99.5px 0 0; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 67px; } .dx-scheduler-small.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-small.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 0; margin-right: 67px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-month .dx-scheduler-date-table-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-month .dx-scheduler-header-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="1"].dx-scheduler-work-space-month .dx-scheduler-virtual-row::before { width: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-work-space-vertical-group-table { width: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-date-table { margin-left: -162.5px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-date-table { margin-left: -130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-date-table .dx-scheduler-all-day-table-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-date-table .dx-scheduler-date-table-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-date-table .dx-scheduler-virtual-row::before { width: 162.5px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-date-table .dx-scheduler-all-day-table-row::before, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-date-table .dx-scheduler-date-table-row::before, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-date-table .dx-scheduler-virtual-row::before { width: 130px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-date-table { margin-right: -162.5px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-header-panel .dx-scheduler-header-row::before { width: 162.5px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"] .dx-scheduler-header-panel .dx-scheduler-header-row::before { width: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 164.5px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 132px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 164.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 164.5px 0 0; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 132px 0 0; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 99.5px; } .dx-scheduler-small.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-small.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 0; margin-right: 99.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-month .dx-scheduler-date-table-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-month .dx-scheduler-header-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="2"].dx-scheduler-work-space-month .dx-scheduler-virtual-row::before { width: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-work-space-vertical-group-table { width: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-date-table { margin-left: -195px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-date-table { margin-left: -163px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-date-table .dx-scheduler-all-day-table-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-date-table .dx-scheduler-date-table-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-date-table .dx-scheduler-virtual-row::before { width: 195px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-date-table .dx-scheduler-all-day-table-row::before, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-date-table .dx-scheduler-date-table-row::before, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-date-table .dx-scheduler-virtual-row::before { width: 162.5px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-date-table { margin-right: -195px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-header-panel .dx-scheduler-header-row::before { width: 195px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"] .dx-scheduler-header-panel .dx-scheduler-header-row::before { width: 162.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 197px; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 164.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 197px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 197px 0 0; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 164.5px 0 0; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 132px; } .dx-scheduler-small.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-small.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 0; margin-right: 132px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-month .dx-scheduler-date-table-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-month .dx-scheduler-header-row::before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count="3"].dx-scheduler-work-space-month .dx-scheduler-virtual-row::before { width: 130px; } .dx-scheduler-appointment-content { padding: 5px 7px; } .dx-scheduler-appointment-title { font-size: 12px; } .dx-scheduler-appointment-content-details { white-space: pre; overflow: hidden; font-size: 10px; } .dx-scheduler-work-space-day .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content { padding: 5px 7px; } .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator { height: 2px; } .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator::before, .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator::before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator::before { display: none; } .dx-scheduler-header-panel-cell { height: 56px; text-align: left; vertical-align: bottom; } .dx-rtl .dx-scheduler-header-panel-cell { text-align: right; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell { height: 22px; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) { height: 34px; font-size: 12px; padding-left: 14px; padding-right: 14px; padding-top: 11px; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell { display: flex; flex-flow: column nowrap; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell { align-items: flex-start; justify-content: flex-end; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell { align-items: flex-end; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) { height: 34px; font-size: 12px; padding-left: 14px; padding-right: 14px; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell { align-items: flex-start; display: flex; } .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell { border-bottom: 1px solid #e0e0e0; flex-flow: column; justify-content: flex-end; } .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before { content: none; } .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date { display: block; margin: 0 14px; } .dx-scheduler-small .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date { margin: 0 7px; } .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:first-child { font-size: 12px; line-height: 7px; } .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:last-child { font-size: 30px; line-height: 35px; } .dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 56px; margin-bottom: -56px; } .dx-scheduler-work-space[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 86px; margin-bottom: -86px; } .dx-scheduler-work-space[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 116px; margin-bottom: -116px; } .dx-scheduler-work-space[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 146px; margin-bottom: -146px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 113px; margin-bottom: -113px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 143px; margin-bottom: -143px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 173px; margin-bottom: -173px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 203px; margin-bottom: -203px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-work-space-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-work-space-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-work-space-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 57px; margin-bottom: -57px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 87px; margin-bottom: -87px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 117px; margin-bottom: -117px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 147px; margin-bottom: -147px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 19px; margin-bottom: -19px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 49px; margin-bottom: -49px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 79px; margin-bottom: -79px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 109px; margin-bottom: -109px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title { top: 65px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-header-panel { margin-top: 0; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count="1"] .dx-scheduler-all-day-title { top: 150px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count="1"] .dx-scheduler-all-day-title::before { top: -95px; height: 94px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count="2"] .dx-scheduler-all-day-title { top: 180px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count="2"] .dx-scheduler-all-day-title::before { top: -125px; height: 124px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count="3"] .dx-scheduler-all-day-title { top: 210px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count="3"] .dx-scheduler-all-day-title::before { top: -155px; height: 154px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title { top: 120px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell { border-left: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell { border-right: 1px solid #e0e0e0; } .dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) { border-bottom: none; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 56px; margin-bottom: -56px; } .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 86px; margin-bottom: -86px; } .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 116px; margin-bottom: -116px; } .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 146px; margin-bottom: -146px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-content { padding-top: 3px; font-size: 12px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month { border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel { border-bottom: none; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell { font-size: 14px; text-align: left; height: 100px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div { padding: 8px; } .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell { text-align: right; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date { font-size: 12px; margin-left: 8px; line-height: 22px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector { margin-top: 7px; margin-left: 52px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-date-table-scrollable { padding-bottom: 22px; margin-bottom: -22px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-current-date { color: #03a9f4; } .dx-scheduler-adaptive .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector { margin: 0; } .dx-scheduler-appointment-collector.dx-button { border-radius: 12px; height: 22px; min-width: auto; width: auto; } .dx-scheduler-appointment-collector.dx-button::before { display: none; } .dx-scheduler-appointment-collector.dx-button .dx-button-content { padding: 4px 0; font-size: 12px; } .dx-scheduler-header { background-color: #fff; border: 1px solid #e0e0e0; height: 64px; } .dx-scheduler-navigator { padding: 14px; } .dx-scheduler-navigator .dx-button { background-color: transparent; color: #03a9f4; box-shadow: none; } .dx-scheduler-navigator .dx-button .dx-icon { color: #03a9f4; } .dx-scheduler-navigator .dx-button.dx-state-focused, .dx-scheduler-navigator .dx-button.dx-state-hover { background-color: rgba(3,169,244,.08); box-shadow: none; } .dx-scheduler-navigator .dx-button.dx-state-active { background-color: rgba(3,169,244,.36); box-shadow: none; } .dx-scheduler-navigator .dx-button.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-scheduler-navigator .dx-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-scheduler-navigator .dx-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-scheduler-navigator .dx-button .dx-inkripple-wave { background-color: rgba(3,169,244,.2); } .dx-scheduler-navigator .dx-button .dx-button-text { text-transform: none; } .dx-scheduler-navigator-caption { border-radius: 0; border-right-width: 0; border-left-width: 0; } .dx-scheduler-navigator-caption.dx-state-active, .dx-scheduler-navigator-caption.dx-state-focused, .dx-scheduler-navigator-caption.dx-state-hover { border-right-width: 1px; border-left-width: 1px; } .dx-scheduler-navigator-previous { border-radius: 4px 0 0 4px; } .dx-rtl .dx-scheduler-navigator-previous, .dx-scheduler-navigator-next { border-radius: 0 4px 4px 0; } .dx-rtl .dx-scheduler-navigator-next { border-radius: 4px 0 0 4px; } .dx-scheduler-view-switcher.dx-tabs { background: 0 0; margin-right: 14px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-state-hover) { background: 0 0; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::before { bottom: 0; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .dx-scheduler-view-switcher.dx-tabs .dx-tabs-nav-button { height: 36px; margin-top: 13px; } .dx-scheduler-view-switcher.dx-dropdownmenu { margin-top: 13px; background-color: transparent; color: rgba(0,0,0,.54); box-shadow: none; z-index: 1; } .dx-scheduler-view-switcher.dx-dropdownmenu::before { display: none; } .dx-scheduler-view-switcher.dx-dropdownmenu .dx-icon { color: rgba(0,0,0,.54); } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-focused, .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-hover { background-color: rgba(0,0,0,.08); box-shadow: none; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-active { background-color: rgba(0,0,0,.3); box-shadow: none; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled .dx-icon { opacity: .6; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-scheduler-view-switcher.dx-dropdownmenu .dx-inkripple-wave { background-color: rgba(0,0,0,.2); } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button-has-icon:not(.dx-button-has-text) { border-radius: 2px; } .dx-scheduler-view-switcher-label { margin-top: 13px; right: 10px; height: 36px; line-height: 24px; padding: 6px 50px 6px 14px; z-index: 0; background-color: rgba(0,0,0,.05); border-radius: 4px; } .dx-rtl .dx-scheduler-view-switcher-label { left: 10px; right: auto; padding-right: 14px; padding-left: 50px; } .dx-scheduler-group-flex-container .dx-scheduler-group-header { font-weight: 700; } .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header, .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header { font-weight: 500; font-size: 14px; color: rgba(0,0,0,.87); text-align: left; border-bottom: 1px solid #e0e0e0; } .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content { padding-left: 14px; } .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-scheduler-agenda .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-scheduler-work-space-month .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content { padding-left: 8px; } .dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-rtl .dx-scheduler-agenda .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content { padding-right: 8px; padding-left: 0; } .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content { padding-left: 0; } .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header, .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header { vertical-align: top; } .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div, .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div { top: 8px; transform: none; } .dx-rtl .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header, .dx-rtl .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header { text-align: right; } .dx-scheduler-header-panel .dx-scheduler-group-row::before { border-right: 1px solid #e0e0e0; } .dx-scheduler-all-day-panel { background-color: #fff; } .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell { border-bottom: 1px solid #e0e0e0; } .dx-scheduler-work-space { padding-top: 64px; margin-top: -65px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel { border-bottom-width: 1px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-all-day-title-hidden { border-top: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell { border-left: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-week):not(.dx-scheduler-work-space-work-week) .dx-scheduler-group-header { border-bottom: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-date-table-cell { border: none; } .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th { border-left: none; border-right: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel .dx-scheduler-first-group-cell { border-left: none; } .dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child { border-top: none; } .dx-scheduler-date-table-cell { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: rgba(221,221,221,.7); } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: rgba(0,0,0,.04); color: rgba(0,0,0,.54); } .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell, .dx-scheduler-date-table-cell.dx-scheduler-focused-cell { box-shadow: none; } .dx-scheduler-appointment-popup .dx-form { padding: 0 10px; } .dx-scheduler-appointment-popup .dx-popup-title { background-color: #fff; border-bottom: none; } .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton, .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl { margin: 0; } .dx-scheduler-appointment-popup .dx-toolbar-after { margin-right: 4px; } .dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after { margin-left: 4px; margin-right: 0; } .dx-scheduler-appointment-popup .dx-form-validation-summary { padding: 10px 20px; } .dx-scheduler-header-panel, .dx-scheduler-time-panel { font-size: 16px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th, .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell { border-right: 1px solid #bfbfbf; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child, .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child { border-right: none; } .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th, .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell { border-left: 1px solid #bfbfbf; border-right: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child, .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child { border-left: none; } .dx-rtl .dx-scheduler-appointment, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment, .dx-scheduler-appointment, .dx-scheduler-timeline .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-scheduler-appointment { border-left: 1px solid transparent; border-right: 1px solid transparent; box-shadow: none; border-radius: 2px; } .dx-rtl .dx-scheduler-appointment.dx-state-focused, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused, .dx-scheduler-appointment.dx-state-focused, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused { color: #fff; } .dx-rtl .dx-scheduler-appointment.dx-resizable-resizing, .dx-rtl .dx-scheduler-appointment.dx-state-active, .dx-rtl .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-state-active, .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment, .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable { box-shadow: none; } .dx-scheduler-dropdown-appointment-date { color: rgba(0,0,0,.54); } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 87px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 117px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 147px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scheduler-header-scrollable { height: 57px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 56px; margin-bottom: -56px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 86px; margin-bottom: -86px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 116px; margin-bottom: -116px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 146px; margin-bottom: -146px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 31px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 61px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scheduler-header-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count="2"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count="3"] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count="1"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count="1"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 143px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count="2"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count="2"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 173px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count="3"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count="3"] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 203px; } .dx-scheduler-work-space.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable { height: 113px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { padding-bottom: 112px; margin-bottom: -112px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before { height: 113px; margin-top: -113px; } .dx-scheduler-work-space.dx-scheduler-timeline .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable { padding-bottom: 112px; margin-bottom: -112px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title::before { background-color: #fff; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 87px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 117px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 147px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable { height: 57px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 31px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 61px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable, .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 144px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 174px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 204px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable { height: 114px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 106px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 136px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 166px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 76px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 88px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 118px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 148px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-scrollable { height: 58px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 50px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 80px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 110px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 20px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 88px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 118px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 148px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable { height: 58px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 50px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 80px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 110px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 20px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count="1"] .dx-scheduler-header-scrollable { height: 53px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count="2"] .dx-scheduler-header-scrollable { height: 83px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count="3"] .dx-scheduler-header-scrollable { height: 113px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable { height: 23px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-agenda .dx-scheduler-group-header { font-size: 14px; width: 100px; } .dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content { padding-top: 2px; } .dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content::before { display: none; } .dx-scheduler-agenda .dx-scheduler-date-table-row, .dx-scheduler-agenda .dx-scheduler-time-panel-row { box-shadow: inset 0 -1px 0 0 #e0e0e0; } .dx-scheduler-agenda[dx-group-column-count="1"] .dx-scheduler-date-table { margin-right: -170px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count="1"] .dx-scheduler-date-table { margin-left: -50px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count="1"] .dx-scheduler-date-table { margin-left: -170px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count="1"] .dx-scheduler-date-table { margin-left: -50px; } .dx-scheduler-agenda[dx-group-column-count="1"] .dx-scheduler-scrollable-appointments { padding-left: 170px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count="1"] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 170px; } .dx-scheduler-agenda[dx-group-column-count="2"] .dx-scheduler-date-table { margin-right: -270px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count="2"] .dx-scheduler-date-table { margin-left: -100px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count="2"] .dx-scheduler-date-table { margin-left: -270px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count="2"] .dx-scheduler-date-table { margin-left: -100px; } .dx-scheduler-agenda[dx-group-column-count="2"] .dx-scheduler-scrollable-appointments { padding-left: 270px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count="2"] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 270px; } .dx-scheduler-agenda[dx-group-column-count="3"] .dx-scheduler-date-table { margin-right: -370px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count="3"] .dx-scheduler-date-table { margin-left: -150px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count="3"] .dx-scheduler-date-table { margin-left: -370px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count="3"] .dx-scheduler-date-table { margin-left: -150px; } .dx-scheduler-agenda[dx-group-column-count="3"] .dx-scheduler-scrollable-appointments { padding-left: 370px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count="3"] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 370px; } .dx-scheduler-agenda .dx-scheduler-time-panel-cell { vertical-align: top; text-align: left; padding-left: 8px; padding-right: 0; } .dx-rtl .dx-scheduler-agenda .dx-scheduler-time-panel-cell { text-align: right; padding-right: 8px; padding-left: 0; } .dx-scheduler-agenda .dx-scheduler-time-panel-cell > span { font-size: 12px; } .dx-scheduler-agenda .dx-scheduler-date-table-scrollable { margin-top: 0; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row, .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-header, .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-table .dx-scheduler-group-row, .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-row.dx-scheduler-date-table-last-row { border-bottom: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row:not(:last-child), .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-table .dx-scheduler-group-row:not(:last-child), .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-row.dx-scheduler-date-table-last-row:not(:last-child) { box-shadow: inset 0 -1px 0 0 #bfbfbf; } .dx-scheduler-agenda-nodata { font-size: 16px; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button { min-width: auto; padding: 0; background-color: transparent; color: #03a9f4; box-shadow: none; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-focused, .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-hover { background-color: rgba(3,169,244,.08); box-shadow: none; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-active { background-color: rgba(3,169,244,.36); box-shadow: none; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled { background: 0 0; box-shadow: none; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled .dx-icon { opacity: .6; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled .dx-button-text { color: rgba(0,0,0,.35); } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-inkripple-wave { background-color: rgba(3,169,244,.2); } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-icon { color: #03a9f4; width: 24px; height: 24px; background-position: 0 0; background-size: 24px 24px; padding: 0; font-size: 24px; text-align: center; line-height: 24px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content, .dx-scheduler-overlay-panel .dx-overlay-content { background-color: #fff; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content, .dx-scheduler-overlay-panel .dx-overlay-content .dx-popup-content { padding: 0; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item { margin-bottom: 0; margin-top: 0; border-bottom: 1px solid #e0e0e0; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:last-of-type, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:last-of-type { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:first-of-type, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item { margin-left: 10px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body { width: 24px; height: 24px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject { margin-top: 4px; font-size: 18px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date { font-size: 14px; opacity: 1; margin-top: 4px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container { padding-top: 1px; } .dx-layout-manager .dx-field-item:not(.dx-first-row) { padding-top: 10px; } .dx-layout-manager .dx-field-empty-item { width: 100%; } .dx-layout-manager.dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item { padding-left: 0; padding-right: 0; } .dx-layout-manager.dx-layout-manager-one-col .dx-form-group .dx-single-column-item-content > .dx-first-row.dx-col-0.dx-field-item { padding-top: 0; } .dx-layout-manager.dx-layout-manager-one-col .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item { padding-top: 10px; } .dx-layout-manager .dx-label-h-align.dx-flex-layout { display: flex; } .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label { display: block; } .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content, .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content-wrapper { flex-shrink: 1; flex-grow: 1; flex-basis: auto; display: block; } .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) { align-items: baseline; } .dx-layout-manager .dx-label-h-align.dx-field-item-label-align:not(.dx-flex-layout) .dx-field-item-label { vertical-align: baseline; } .dx-layout-manager .dx-label-h-align .dx-field-item-content, .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper, .dx-layout-manager .dx-label-h-align .dx-field-item-label { display: table-cell; } .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper .dx-field-item-content { display: block; } .dx-layout-manager .dx-label-h-align .dx-field-item-label { white-space: nowrap; vertical-align: middle; } .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content { display: block; } .dx-layout-manager .dx-label-h-align .dx-field-item-content { vertical-align: top; } .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox, .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch { margin-top: 7px; margin-bottom: 4px; } .dx-layout-manager .dx-label-h-align .dx-field-item-content, .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper { width: 100%; } .dx-layout-manager .dx-tabpanel .dx-multiview-item-content { padding: 20px; } .dx-form-group-content { border-width: 0; padding: 0; margin: 0; } .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption { padding-left: 20px; } .dx-layout-manager-hidden-label { position: absolute; display: block; visibility: hidden; } .dx-field-item-label-location-left { padding-right: 10px; } .dx-field-item-label-location-right { padding-left: 10px; } .dx-rtl .dx-field-item-optional-mark, .dx-rtl .dx-field-item-required-mark { unicode-bidi: embed; } .dx-rtl .dx-field-item:not(.dx-first-col) { padding-left: 0; padding-right: 15px; } .dx-rtl .dx-field-item:not(.dx-last-col) { padding-left: 15px; padding-right: 0; } .dx-rtl .dx-field-item-label-location-left { padding-right: 0; padding-left: 10px; } .dx-rtl .dx-field-item-label-location-right { padding-left: 0; padding-right: 10px; } .dx-rtl .dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item { padding-right: 0; padding-left: 0; } .dx-rtl .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption { padding-left: 0; padding-right: 20px; } .dx-form-group-caption { font-size: 20px; } .dx-form-group-with-caption > .dx-form-group-content { border-top: 1px solid #e0e0e0; padding-bottom: 20px; padding-top: 19px; margin-top: 6px; } .dx-form > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-form > div > .dx-scrollable-wrapper > .dx-scrollable-container { margin-left: -10px; padding-left: 10px; } .dx-scrollable-content > .dx-layout-manager { padding-right: 5px; } .dx-layout-manager .dx-field-item { padding-bottom: 10px; font-size: 12px; } .dx-layout-manager .dx-field-item:not(.dx-last-col) { padding-right: 20px; } .dx-layout-manager .dx-field-item:not(.dx-first-col) { padding-left: 20px; } .dx-layout-manager .dx-field-item .dx-field-item.dx-last-row { padding-bottom: 0; } .dx-field-item:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs):not(.dx-first-row):not(.dx-label-v-align) { padding-top: 26px; } .dx-field-item .dx-switch { vertical-align: middle; } .dx-field-item.dx-label-v-align .dx-textarea { margin-top: 6px; } .dx-field-item.dx-label-v-align .dx-invalid-message > .dx-overlay-content, .dx-field-item.dx-label-v-align .dx-invalid-message > .dx-overlay-wrapper { transform: translate(0,0)!important; } .dx-field-item-content-wrapper.dx-invalid .dx-field-item-help-text { color: transparent; } .dx-field-item-label-location-top { display: block; padding: 16px 0 3px; } .dx-field-item-label-text { color: rgba(117,117,117,.87); } .dx-field-item-help-text { white-space: normal; color: rgba(117,117,117,.87); padding: 6px 0 2px; font-style: normal; } .dx-field-item-optional-mark, .dx-field-item-required-mark { color: rgba(117,117,117,.87); } .dx-filterbuilder.dx-rtl .dx-filterbuilder-action-icon, .dx-filterbuilder.dx-rtl .dx-filterbuilder-text { margin-left: 5px; margin-right: 0; } .dx-filterbuilder.dx-rtl .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content { padding-left: 0; padding-right: 26px; } .dx-filterbuilder .dx-filterbuilder-action-icon, .dx-filterbuilder .dx-filterbuilder-text { margin-left: 0; margin-right: 5px; } .dx-filterbuilder .dx-filterbuilder-action-icon:focus, .dx-filterbuilder .dx-filterbuilder-item-value-text:focus, .dx-filterbuilder .dx-filterbuilder-text:focus { outline: 0; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item { display: inline-block; white-space: nowrap; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text { display: inline-block; cursor: pointer; white-space: pre; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range { white-space: nowrap; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range-separator, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-text-separator { margin: 0 7px; opacity: .3; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-group-operation, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-field, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-operation { min-width: 20px; padding: 2px 7px 3px; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-texteditor { vertical-align: middle; margin-top: -7px; margin-bottom: -4px; display: inline-block; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action { display: inline-block; cursor: pointer; position: relative; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content { padding-left: 26px; } .dx-filterbuilder-operations .dx-treeview-item { padding-left: 5px; } .dx-filterbuilder-operations .dx-rtl .dx-treeview-item { padding-right: 5px; } .dx-filterbuilder-overlay { white-space: nowrap; } .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node { padding-left: 0; } .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node .dx-treeview-node-container-opened { margin-left: 15px; } .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node { padding-right: 0; } .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node .dx-treeview-node-container-opened { margin-right: 15px; } .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal { border-radius: 0; } .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal > .dx-popup-content { padding: 0; } .dx-filterbuilder-overlay .dx-scrollable-container { max-height: 360px; } .dx-filterbuilder-overlay .dx-menu-items-container { padding: 0; } .dx-filterbuilder { background-color: #fff; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text { color: rgba(0,0,0,.87); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation { background-color: rgba(244,67,54,.3); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover { background-color: rgba(244,67,54,.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus { background-color: #f44336; color: #fff; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field { background-color: rgba(3,169,244,.3); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover { background-color: rgba(3,169,244,.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus { background-color: #03a9f4; color: #fff; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation { background-color: rgba(139,195,74,.3); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover { background-color: rgba(139,195,74,.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus { background-color: #8bc34a; color: #fff; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover { background-color: rgba(224,224,224,.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus { background-color: #e0e0e0; color: #fff; } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus { color: rgba(139,195,74,.7); } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover { color: #8bc34a; } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove { color: rgba(244,67,54,.7); } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover { color: #f44336; } .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon { color: rgba(86,86,86,.54); width: 14px; height: 14px; background-position: 0 0; background-size: 14px 14px; padding: 0; font-size: 14px; text-align: center; line-height: 14px; } .dx-filterbuilder .dx-filterbuilder-action-icon { font-size: 21px; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon { padding: 8px; vertical-align: middle; } .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-filled .dx-texteditor-input, .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-outlined .dx-texteditor-input { padding: 13px 12px; } .dx-filterbuilder .dx-filterbuilder-item-value-text, .dx-filterbuilder .dx-filterbuilder-text { border-radius: 5px; } .dx-filterbuilder-range-separator { color: rgba(0,0,0,.87); } .dx-filterbuilder-overlay.dx-popup-wrapper > .dx-overlay-content { box-shadow: 0 2px 7px rgba(0,0,0,.2); } .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item { padding-left: 24px; } .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-rtl .dx-treeview-item { padding-right: 24px; } .dx-filterbuilder-overlay .dx-treeview-node > .dx-treeview-item { padding-left: 48px; } .dx-filterbuilder-overlay .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item { padding-left: 24px; } .dx-filterbuilder-overlay .dx-treeview-node .dx-treeview-node-container-opened { margin-left: 24px; } .dx-filterbuilder-overlay .dx-treeview-item { padding: 8px 24px 10px; min-height: 36px; } .dx-filterbuilder-overlay .dx-treeview-item .dx-icon { margin-right: 10px; } .dx-filterbuilder-overlay .dx-treeview-toggle-item-visibility { height: 36px; left: 16px; } .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node > .dx-treeview-item { padding-right: 48px; } .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item { padding-right: 24px; } .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node .dx-treeview-node-container-opened { margin-right: 24px; margin-left: 0; } .dx-filterbuilder-overlay .dx-rtl .dx-treeview-item .dx-icon { margin-left: 10px; } .dx-filterbuilder-overlay .dx-rtl .dx-treeview-toggle-item-visibility { right: 16px; } .dx-drawer { height: 100%; width: 100%; } .dx-drawer-wrapper { position: relative; overflow: hidden; height: 100%; } .dx-drawer-panel-content { position: absolute; top: 0; bottom: 0; } .dx-drawer-right .dx-drawer-panel-content { right: 0; } .dx-drawer-left .dx-drawer-panel-content { left: 0; } .dx-drawer-panel-content-push-top-or-bottom { width: 100%; } .dx-drawer-content { overflow: hidden; width: 100%; height: 100%; top: 0; } .dx-drawer-shader { z-index: 1000; position: absolute; top: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,.5); } .dx-drawer-push.dx-drawer-bottom .dx-drawer-panel-content { top: auto; } .dx-drawer-shrink .dx-drawer-panel-content { position: relative; overflow: hidden; flex: 0 0 auto; height: 100%; } .dx-drawer-shrink .dx-drawer-wrapper { flex: 1 0 auto; display: flex; flex-direction: row; } .dx-drawer-shrink .dx-drawer-content { position: relative; flex: 1 1 auto; } .dx-drawer-shrink.dx-drawer-bottom .dx-drawer-wrapper, .dx-drawer-shrink.dx-drawer-top .dx-drawer-wrapper { flex-direction: column; } .dx-drawer-overlap .dx-drawer-panel-content { overflow: visible; } .dx-drawer-overlap .dx-drawer-panel-content.dx-overlay-wrapper { right: auto; left: auto; } .dx-drawer-overlap.dx-drawer-left .dx-drawer-wrapper, .dx-drawer-overlap.dx-drawer-right .dx-drawer-wrapper { overflow-y: visible; } .dx-drawer-overlap.dx-drawer-bottom .dx-drawer-wrapper, .dx-drawer-overlap.dx-drawer-top .dx-drawer-wrapper { overflow-x: visible; } .dx-drawer-overlap.dx-drawer-right.dx-drawer-expand>.dx-drawer-wrapper>.dx-overlay>.dx-overlay-wrapper>.dx-overlay-content, .dx-drawer-overlap.dx-drawer-right.dx-drawer-slide>.dx-drawer-wrapper>.dx-overlay>.dx-overlay-wrapper>.dx-overlay-content { right: 0; } .dx-htmleditor { display: flex; flex-direction: column; border: 1px solid transparent; } .dx-htmleditor:not(.dx-state-disabled) li[data-list=checked], .dx-htmleditor:not(.dx-state-disabled) li[data-list=unchecked] { cursor: pointer; } .dx-quill-container { box-sizing: border-box; display: flex; flex: 1; flex-basis: auto; min-height: 1px; margin: 0; position: relative; overflow: hidden; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .dx-htmleditor-content { box-sizing: border-box; line-height: 1.42; width: 100%; outline: 0; overflow-y: auto; padding: 12px 15px; white-space: pre-wrap; word-wrap: break-word; } .dx-htmleditor-content .dx-variable > span { padding: 3px 6px; border-radius: 8px; background: rgba(3,169,244,.15); } .dx-htmleditor-content > * { cursor: text; } .dx-htmleditor-content blockquote, .dx-htmleditor-content h1, .dx-htmleditor-content h2, .dx-htmleditor-content h3, .dx-htmleditor-content h4, .dx-htmleditor-content h5, .dx-htmleditor-content h6, .dx-htmleditor-content ol, .dx-htmleditor-content p, .dx-htmleditor-content pre, .dx-htmleditor-content ul { margin: 0; padding: 0; } .dx-htmleditor-content h1, .dx-htmleditor-content h2, .dx-htmleditor-content h3, .dx-htmleditor-content h4, .dx-htmleditor-content h5, .dx-htmleditor-content h6, .dx-htmleditor-content ol, .dx-htmleditor-content p, .dx-htmleditor-content ul { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .dx-htmleditor-content table { border-collapse: collapse; table-layout: fixed; width: 100%; } .dx-htmleditor-content td, .dx-htmleditor-content th { border: 1px solid #000; padding: 2px 5px; } .dx-htmleditor-content ol, .dx-htmleditor-content ul { padding-left: 1.5em; } .dx-rtl .dx-htmleditor-content ol, .dx-rtl .dx-htmleditor-content ul { padding-left: 0; padding-right: 1.5em; } .dx-htmleditor-content li { list-style-type: none; padding-left: 1.5em; position: relative; } .dx-htmleditor-content li[data-list=bullet]::before { content: "•"; } .dx-htmleditor-content li[data-list=checked]::before { content: "☑"; } .dx-htmleditor-content li[data-list=unchecked]::before { content: "☐"; } .dx-htmleditor-content li::before { display: inline-block; margin-left: -1.5em; margin-right: .3em; text-align: right; white-space: nowrap; width: 1.2em; } .dx-htmleditor-content li > .ql-ui { visibility: hidden; } .dx-htmleditor-content li[data-list=checked] > .ql-ui, .dx-htmleditor-content li[data-list=unchecked] > .ql-ui { visibility: visible; } .dx-rtl .dx-htmleditor-content li { padding-left: 0; padding-right: 1.5em; } .dx-htmleditor-content li[data-list=ordered] { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .dx-htmleditor-content li[data-list=ordered]::before { content: counter(list-0,decimal) ". "; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-1 { counter-increment: list-1; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-1::before { content: counter(list-1,lower-alpha) ". "; } .dx-htmleditor-content li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; padding-left: 4.5em; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-2 { counter-increment: list-2; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-2::before { content: counter(list-2,lower-roman) ". "; } .dx-htmleditor-content li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; padding-left: 7.5em; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-3 { counter-increment: list-3; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-3::before { content: counter(list-3,decimal) ". "; } .dx-htmleditor-content li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; padding-left: 10.5em; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-4 { counter-increment: list-4; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-4::before { content: counter(list-4,lower-alpha) ". "; } .dx-htmleditor-content li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; padding-left: 13.5em; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-5 { counter-increment: list-5; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-5::before { content: counter(list-5,lower-roman) ". "; } .dx-htmleditor-content li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; padding-left: 16.5em; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-6 { counter-increment: list-6; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-6::before { content: counter(list-6,decimal) ". "; } .dx-htmleditor-content li.ql-indent-6 { counter-reset: list-7 list-8 list-9; padding-left: 19.5em; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-7 { counter-increment: list-7; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-7::before { content: counter(list-7,lower-alpha) ". "; } .dx-htmleditor-content li.ql-indent-7 { counter-reset: list-8 list-9; padding-left: 22.5em; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-8 { counter-increment: list-8; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-8::before { content: counter(list-8,lower-roman) ". "; } .dx-htmleditor-content li.ql-indent-8 { counter-reset: list-9; padding-left: 25.5em; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-9 { counter-increment: list-9; } .dx-htmleditor-content ol li[data-list=ordered].ql-indent-9::before { content: counter(list-9,decimal) ". "; } .dx-htmleditor-content .ql-indent-1 { padding-left: 3em; } .dx-rtl .dx-htmleditor-content .ql-indent-1 { padding-left: 0; padding-right: 3em; } .dx-rtl .dx-htmleditor-content li.ql-indent-1 { padding-left: 0; padding-right: 4.5em; } .dx-htmleditor-content .ql-indent-2 { padding-left: 6em; } .dx-rtl .dx-htmleditor-content .ql-indent-2 { padding-left: 0; padding-right: 6em; } .dx-rtl .dx-htmleditor-content li.ql-indent-2 { padding-left: 0; padding-right: 7.5em; } .dx-htmleditor-content .ql-indent-3 { padding-left: 9em; } .dx-rtl .dx-htmleditor-content .ql-indent-3 { padding-left: 0; padding-right: 9em; } .dx-rtl .dx-htmleditor-content li.ql-indent-3 { padding-left: 0; padding-right: 10.5em; } .dx-htmleditor-content .ql-indent-4 { padding-left: 12em; } .dx-rtl .dx-htmleditor-content .ql-indent-4 { padding-left: 0; padding-right: 12em; } .dx-rtl .dx-htmleditor-content li.ql-indent-4 { padding-left: 0; padding-right: 13.5em; } .dx-htmleditor-content .ql-indent-5 { padding-left: 15em; } .dx-rtl .dx-htmleditor-content .ql-indent-5 { padding-left: 0; padding-right: 15em; } .dx-rtl .dx-htmleditor-content li.ql-indent-5 { padding-left: 0; padding-right: 16.5em; } .dx-htmleditor-content .ql-indent-6 { padding-left: 18em; } .dx-rtl .dx-htmleditor-content .ql-indent-6 { padding-left: 0; padding-right: 18em; } .dx-rtl .dx-htmleditor-content li.ql-indent-6 { padding-left: 0; padding-right: 19.5em; } .dx-htmleditor-content .ql-indent-7 { padding-left: 21em; } .dx-rtl .dx-htmleditor-content .ql-indent-7 { padding-left: 0; padding-right: 21em; } .dx-rtl .dx-htmleditor-content li.ql-indent-7 { padding-left: 0; padding-right: 22.5em; } .dx-htmleditor-content .ql-indent-8 { padding-left: 24em; } .dx-rtl .dx-htmleditor-content .ql-indent-8 { padding-left: 0; padding-right: 24em; } .dx-rtl .dx-htmleditor-content li.ql-indent-8 { padding-left: 0; padding-right: 25.5em; } .dx-htmleditor-content .ql-indent-9 { padding-left: 27em; } .dx-rtl .dx-htmleditor-content .ql-indent-9 { padding-left: 0; padding-right: 27em; } .dx-htmleditor-content li.ql-indent-9 { padding-left: 28.5em; } .dx-rtl .dx-htmleditor-content li.ql-indent-9 { padding-left: 0; padding-right: 28.5em; } .dx-rtl .dx-htmleditor-content li::before { margin-left: .3em; margin-right: -1.5em; text-align: left; } .dx-htmleditor-content table td, .dx-htmleditor-content table th { outline: 0; } .dx-htmleditor-content .ql-code-block-container { font-family: monospace; } .dx-htmleditor-content .ql-code-block-container, .dx-htmleditor-content code { background-color: rgba(191,191,191,.15); color: rgba(0,0,0,.8); } .dx-htmleditor-content .ql-video { display: block; max-width: 100%; } .dx-htmleditor-content .ql-video.ql-align-center { margin: 0 auto; } .dx-htmleditor-content .ql-video.ql-align-right { margin: 0 0 0 auto; } .dx-htmleditor-content .ql-font-serif { font-family: Georgia,Times New Roman,serif; } .dx-htmleditor-content .ql-font-monospace { font-family: Monaco,Courier New,monospace; } .dx-htmleditor-content .ql-direction-rtl { direction: rtl; text-align: inherit; } .dx-htmleditor-content.ql-blank::before { content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; color: rgba(148,148,148,.87); } .dx-htmleditor-content.ql-blank::after { content: attr(data-placeholder); z-index: -1; visibility: hidden; } .dx-htmleditor-content.ql-blank[data-placeholder] > p { height: .1px; } .dx-htmleditor-content blockquote { padding-left: 12px; border-left: 4px solid; } .dx-rtl .dx-htmleditor-content blockquote { padding-left: 0; padding-right: 12px; border-left: none; border-right: 4px solid; } .dx-suggestion-list-wrapper .dx-list .dx-scrollable-content { margin: 0; } .dx-suggestion-list { min-width: 50px; } .dx-suggestion-list .dx-list-item { display: block; } .dx-suggestion-list .dx-list-item-icon { border-radius: 50%; vertical-align: text-bottom; } .dx-formdialog-form { min-width: 360px; } .dx-overlay-content.dx-popup-fullscreen .dx-formdialog-form { min-width: 0; } .dx-formdialog-field-target .dx-field-item-content { text-align: right; } .dx-rtl .dx-formdialog-field-target .dx-field-item-content { text-align: left; } .dx-htmleditor-toolbar-wrapper { padding: 5px; } .dx-background-format .dx-icon-background, .dx-background-format .dx-icon-color, .dx-color-format .dx-icon-background, .dx-color-format .dx-icon-color { border-bottom: 3px solid transparent; } .dx-htmleditor-toolbar-separator { border-left: 1px solid transparent; } .dx-htmleditor-toolbar-menu-separator { width: 100%; border-top: 1px solid transparent; } .dx-htmleditor-toolbar-menu-separator::before { content: none; } .dx-resize-frame { position: absolute; box-sizing: content-box; border: 1px dashed #778899; } .dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-resize-frame .dx-resizable-handle-corner-top-right { border: 1px solid #fff; width: 11px; height: 11px; border-radius: 0; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right { width: 15px; height: 15px; } .dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-resize-frame .dx-resizable-handle-corner-top-right { right: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right { right: -7.5px; } .dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-resize-frame .dx-resizable-handle-corner-top-left { left: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left { left: -7.5px; } .dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-resize-frame .dx-resizable-handle-corner-top-right { top: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right { top: -7.5px; } .dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-resize-frame .dx-resizable-handle-corner-bottom-right { bottom: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right { bottom: -7.5px; } .dx-resize-frame .dx-resizable-handle-bottom::after, .dx-resize-frame .dx-resizable-handle-left::after, .dx-resize-frame .dx-resizable-handle-right::after, .dx-resize-frame .dx-resizable-handle-top::after { content: ""; position: absolute; width: 11px; height: 11px; border: 1px solid #fff; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after { width: 15px; height: 15px; } .dx-resize-frame .dx-resizable-handle-left::after, .dx-resize-frame .dx-resizable-handle-right::after { top: calc(50% - 5.5px); } .dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after { top: calc(50% - 7.5px); } .dx-resize-frame .dx-resizable-handle-bottom::after, .dx-resize-frame .dx-resizable-handle-top::after { left: calc(50% - 5.5px); } .dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after { left: calc(50% - 7.5px); } .dx-resize-frame .dx-resizable-handle-right::after { right: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after { right: -7.5px; } .dx-resize-frame .dx-resizable-handle-left::after { left: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after { left: -7.5px; } .dx-resize-frame .dx-resizable-handle-top::after { top: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after { top: -7.5px; } .dx-resize-frame .dx-resizable-handle-bottom::after { bottom: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after { bottom: -7.5px; } .dx-mention { padding: 1px 0; border-radius: 2px; } .dx-mention .dx-template-wrapper { white-space: nowrap; display: inline-block; } .dx-mention > span { margin: 0 2px; } .dx-table-resize-frame { position: absolute; pointer-events: none; } .dx-table-resize-frame > div { position: absolute; pointer-events: auto; background-color: transparent; } .dx-table-resize-frame .dx-htmleditor-column-resizer { width: 5px; top: 0; height: 100%; cursor: col-resize; } .dx-table-resize-frame .dx-htmleditor-highlighted-column { width: 3px; top: 0; height: 100%; } .dx-table-resize-frame .dx-htmleditor-row-resizer { height: 5px; left: 0; width: 100%; cursor: row-resize; } .dx-table-resize-frame .dx-htmleditor-highlighted-row { height: 3px; left: 0; width: 100%; } .dx-htmleditor { border-color: transparent; position: relative; } .dx-htmleditor .dx-htmleditor-toolbar-wrapper { position: relative; } .dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child { border-bottom: 1px solid rgba(0,0,0,.42); } .dx-htmleditor.dx-state-readonly .dx-htmleditor-toolbar-wrapper::before { position: absolute; top: 1px; bottom: 1px; left: 1px; right: 1px; z-index: 2; background-color: rgba(255,255,255,.4); content: ""; pointer-events: none; } .dx-htmleditor.dx-state-readonly .dx-toolbar-button .dx-button.dx-state-disabled { opacity: .38; } .dx-htmleditor.dx-invalid { border: 1px solid rgba(244,67,54,.4); } .dx-htmleditor.dx-invalid.dx-state-focused { border-color: #f44336; } .dx-htmleditor.dx-htmleditor-outlined { box-shadow: inset 0 0 0 1px rgba(0,0,0,.42); border-color: transparent; border-radius: 4px; } .dx-htmleditor.dx-htmleditor-outlined .dx-htmleditor-content { margin: 1px 1px 1px 0; } .dx-htmleditor.dx-htmleditor-outlined.dx-rtl .dx-htmleditor-content, .dx-rtl .dx-htmleditor.dx-htmleditor-outlined .dx-htmleditor-content { margin-right: 0; margin-left: 1px; } .dx-htmleditor.dx-htmleditor-outlined .dx-htmleditor-toolbar-wrapper + .dx-quill-container .dx-htmleditor-content { margin-top: 0; } .dx-htmleditor.dx-htmleditor-outlined.dx-state-disabled, .dx-htmleditor.dx-htmleditor-outlined.dx-state-readonly, .dx-htmleditor.dx-htmleditor-outlined.dx-state-readonly.dx-state-hover { box-shadow: inset 0 0 0 1px rgba(0,0,0,.5); } .dx-htmleditor.dx-htmleditor-outlined.dx-state-hover { box-shadow: inset 0 0 0 1px rgba(0,0,0,.87); } .dx-htmleditor.dx-htmleditor-outlined.dx-state-active, .dx-htmleditor.dx-htmleditor-outlined.dx-state-focused { box-shadow: inset 0 0 0 1px #03a9f4; border-color: #03a9f4; } .dx-htmleditor.dx-htmleditor-outlined.dx-invalid { border-color: transparent; box-shadow: inset 0 0 0 1px rgba(244,67,54,.4); } .dx-htmleditor.dx-htmleditor-outlined.dx-invalid.dx-state-active, .dx-htmleditor.dx-htmleditor-outlined.dx-invalid.dx-state-focused { box-shadow: inset 0 0 0 1px #f44336; border-color: #f44336; } .dx-htmleditor.dx-htmleditor-filled { background: rgba(0,0,0,.04); border-radius: 4px; } .dx-htmleditor.dx-htmleditor-filled.dx-state-hover { background-color: rgba(0,0,0,.07); } .dx-htmleditor.dx-htmleditor-filled.dx-state-hover:not(.dx-invalid) { border-bottom: 1px solid rgba(0,0,0,.87); } .dx-htmleditor.dx-htmleditor-filled.dx-state-disabled, .dx-htmleditor.dx-htmleditor-filled.dx-state-readonly, .dx-htmleditor.dx-htmleditor-filled.dx-state-readonly.dx-state-hover { background-color: rgba(0,0,0,.12); } .dx-htmleditor.dx-htmleditor-underlined { border-color: transparent transparent rgba(0,0,0,.42); } .dx-htmleditor.dx-htmleditor-underlined .dx-htmleditor-content { padding-left: 0; } .dx-htmleditor.dx-htmleditor-underlined.dx-rtl .dx-htmleditor-content { padding-left: 15px; padding-right: 0; } .dx-htmleditor.dx-htmleditor-underlined.dx-state-hover:not(.dx-state-focused) { border-bottom: 2px solid rgba(0,0,0,.87); } .dx-htmleditor.dx-htmleditor-underlined.dx-state-disabled, .dx-htmleditor.dx-htmleditor-underlined.dx-state-readonly, .dx-htmleditor.dx-htmleditor-underlined.dx-state-readonly.dx-state-hover { border-bottom-style: dotted; border-bottom-width: 1px; } .dx-htmleditor.dx-htmleditor-underlined.dx-invalid { border-bottom-color: rgba(244,67,54,.4); } .dx-htmleditor.dx-htmleditor-underlined.dx-invalid.dx-state-active, .dx-htmleditor.dx-htmleditor-underlined.dx-invalid.dx-state-focused { border-color: transparent transparent #f44336; } .dx-htmleditor.dx-htmleditor-underlined.dx-invalid.dx-state-hover:not(.dx-state-focused) { border-bottom-color: rgba(244,67,54,.4); } .dx-htmleditor.dx-htmleditor-filled::before, .dx-htmleditor.dx-htmleditor-underlined::before { left: 0; right: 0; bottom: -1px; height: 0; width: 100%; content: ""; position: absolute; z-index: 2; transform: scale(0); } .dx-htmleditor.dx-htmleditor-filled.dx-state-active::before, .dx-htmleditor.dx-htmleditor-filled.dx-state-focused::before, .dx-htmleditor.dx-htmleditor-underlined.dx-state-active::before, .dx-htmleditor.dx-htmleditor-underlined.dx-state-focused::before { border-bottom: 2px solid #03a9f4; transform: scale(1); transition: transform .6s cubic-bezier(.4, 0, .02, 1); } .dx-htmleditor.dx-htmleditor-filled.dx-state-active.dx-invalid::before, .dx-htmleditor.dx-htmleditor-filled.dx-state-focused.dx-invalid::before, .dx-htmleditor.dx-htmleditor-underlined.dx-state-active.dx-invalid::before, .dx-htmleditor.dx-htmleditor-underlined.dx-state-focused.dx-invalid::before { border-bottom-color: #f44336; } .dx-htmleditor-content blockquote { color: rgba(0,0,0,.8); border-left-color: #e0e0e0; } .dx-rtl .dx-htmleditor-content blockquote { border-right-color: #e0e0e0; } .dx-htmleditor-content td, .dx-htmleditor-content th { border-color: #e0e0e0; } .dx-htmleditor-toolbar { background-color: transparent; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text { background-color: rgba(0,0,0,.18); } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-state-hover, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-state-hover { background-color: rgba(0,0,0,.12); } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-success, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-success { background-color: rgba(139,195,74,.22); } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-success.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-success.dx-state-hover, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-success.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-success.dx-state-hover { background-color: rgba(139,195,74,.14); } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-default, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-default { background-color: rgba(3,169,244,.22); } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-default.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-default.dx-state-hover, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-default.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-default.dx-state-hover { background-color: rgba(3,169,244,.14); } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-danger, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-danger { background-color: rgba(244,67,54,.22); } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-danger.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-danger.dx-state-hover, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-danger.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-danger.dx-state-hover { background-color: rgba(244,67,54,.14); } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-normal, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-normal .dx-icon, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-normal, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-normal .dx-icon { color: rgba(0,0,0,.87); } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-success, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-success .dx-icon, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-success, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-success .dx-icon { color: #8bc34a; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-default, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-default .dx-icon, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-default, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-default .dx-icon { color: #03a9f4; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-danger, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-danger .dx-icon, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-danger, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-danger .dx-icon { color: #f44336; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained { background-color: #fff; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained.dx-state-hover { background-color: #ebebeb; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained.dx-button-success { background-color: #8bc34a; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained.dx-button-success.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained.dx-button-success.dx-state-hover { background-color: #75a938; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained.dx-button-default { background-color: #03a9f4; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained.dx-button-default.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained.dx-button-default.dx-state-hover { background-color: #028bc9; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained.dx-button-danger { background-color: #f44336; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained.dx-button-danger.dx-state-focused, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-contained.dx-button-danger.dx-state-hover { background-color: #f11d0d; } .dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled { background-color: transparent; } .dx-htmleditor-toolbar-format.dx-background-format .dx-button-content, .dx-htmleditor-toolbar-format.dx-color-format .dx-button-content { padding-bottom: 3px; } .dx-htmleditor-toolbar-format.dx-size-format { width: 120px; } .dx-htmleditor-toolbar-separator { height: 50%; border-left-color: #e0e0e0; } .dx-toolbar-multiline .dx-htmleditor-toolbar-separator { height: 38px; } .dx-htmleditor-toolbar-menu-separator { border-top-color: #e0e0e0; } .dx-resize-frame { border-color: #03a9f4; } .dx-resize-frame .dx-resizable-handle-bottom::after, .dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-resize-frame .dx-resizable-handle-corner-top-right, .dx-resize-frame .dx-resizable-handle-left::after, .dx-resize-frame .dx-resizable-handle-right::after, .dx-resize-frame .dx-resizable-handle-top::after { background-color: #03a9f4; } .dx-mention { background-color: #e0e0e0; } .dx-suggestion-list-wrapper { height: 100%; } .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content { box-shadow: 0 2px 7px rgba(0,0,0,.2); border-top-width: 0; border-bottom-width: 1px; } .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-suggestion-list-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-suggestion-list-wrapper .dx-list { height: 100%; min-height: 48px; } .dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 14px 15px; } .dx-suggestion-list-wrapper .dx-list-select-all { padding: 16px 0 12px; } .dx-suggestion-list-wrapper .dx-empty-message, .dx-suggestion-list-wrapper .dx-list-item { border-top: 0; } .dx-suggestion-list-wrapper .dx-empty-message:last-of-type, .dx-suggestion-list-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-table-resize-frame > .dx-draggable-dragging + .dx-htmleditor-highlighted-column, .dx-table-resize-frame > .dx-draggable-dragging + .dx-htmleditor-highlighted-row { background-color: rgba(3,169,244,.5); } .dx-fa-button.dx-fa-button-main .dx-overlay-shader { background-color: rgba(0,0,0,.32); } .dx-fa-button.dx-fa-button-main .dx-overlay-content { min-width: 56px; max-height: 56px; background-color: #03a9f4; color: #fff; overflow: visible; border-radius: 28px; box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12); } .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover { background-color: #0286c2; } .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover .dx-fa-button-icon { background-color: transparent; } .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active { background-color: #0275a8; } .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active .dx-fa-button-icon { background-color: transparent; } .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon, .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon-close { padding: 16px; box-shadow: none; background-color: transparent; } .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label-wrapper { position: static; } .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label { background: 0 0; color: #fff; box-shadow: none; border-radius: 0; margin-right: 0; } .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-inkripple { border-radius: 28px; } .dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content { display: flex; flex-direction: row-reverse; } .dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content .dx-fa-button-icon, .dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content .dx-fa-button-icon-close { padding: 16px 0 16px 12px; } .dx-fa-button .dx-fa-button-icon, .dx-fa-button .dx-fa-button-icon-close { padding: 8px; width: 24px; height: 24px; box-sizing: content-box; } .dx-fa-button .dx-fa-button-icon .dx-icon, .dx-fa-button .dx-fa-button-icon-close .dx-icon { font-size: 24px; } .dx-fa-button .dx-fa-button-icon img, .dx-fa-button .dx-fa-button-icon-close img { width: 100%; height: 100%; } .dx-fa-button .dx-overlay-content { border-radius: 50%; cursor: pointer; min-width: 40px; max-height: 40px; background-color: transparent; color: rgba(0,0,0,.87); overflow: visible; display: flex; flex-direction: row; align-items: center; } .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse { flex-direction: row-reverse; } .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper { right: auto; left: 40px; } .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper .dx-fa-button-label { margin-left: 16px; margin-right: auto; } .dx-fa-button .dx-overlay-content.dx-state-hover .dx-fa-button-icon { background-color: #ebebeb; } .dx-fa-button .dx-overlay-content.dx-state-active .dx-fa-button-icon { background-color: #a3a3a3; } .dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper { position: absolute; right: 40px; } .dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label { background-color: #fff; color: rgba(0,0,0,.87); white-space: nowrap; border-radius: 4px; padding: 0 12px; margin-right: 16px; line-height: 32px; height: 32px; box-shadow: 0 2px 6px rgba(0,0,0,.15); font-size: 12px; } .dx-fa-button .dx-overlay-content .dx-fa-button-icon { box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12); background-color: #fff; border-radius: 50%; position: relative; } .dx-fa-button .dx-overlay-content .dx-inkripple { overflow: hidden; border-radius: 20px; } .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label { padding: 0 20px 0 12px; font-size: 14px; text-transform: uppercase; letter-spacing: 1.25px; font-weight: 500; } .dx-filemanager { height: 500px; border: 1px solid; } .dx-filemanager .dx-filemanager-wrapper { height: 100%; display: flex; flex-direction: column; } .dx-filemanager .dx-filemanager-notification-drawer, .dx-filemanager .dx-filemanager-notification-drawer-panel { height: 100%; } .dx-filemanager .dx-filemanager-notification-popup > .dx-overlay-content { min-width: 240px; max-width: 93vw; } @media (min-width:431px) { .dx-filemanager .dx-filemanager-notification-popup > .dx-overlay-content { max-width: 400px; } } .dx-filemanager .dx-filemanager-notification-popup .dx-popup-content { padding: 15px; } .dx-filemanager .dx-filemanager-notification-popup .dx-popup-content .dx-filemanager-progress-box { padding: 5px 0 0; } .dx-filemanager .dx-filemanager-notification-popup .dx-filemanager-notification-common { padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; } .dx-filemanager .dx-filemanager-notification-popup .dx-filemanager-notification-common-no-item { border-style: none; } .dx-filemanager .dx-drawer-shrink .dx-filemanager-progress-panel { border-left-width: 1px; border-left-style: solid; } .dx-filemanager .dx-filemanager-progress-panel { width: 340px; height: 100%; } .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-container { padding: 10px 20px 20px; } .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-title { display: flex; align-items: flex-start; padding: 0 0 5px 10px; } .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-title .dx-filemanager-progress-panel-title-text { flex: 1 1 auto; align-self: center; font-size: 18px; font-weight: 600; } .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-common .dx-filemanager-progress-box-common { font-weight: 600; } .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-separator { height: 20px; } .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-i.dx-filemanager-i-cancel { width: 16px; height: 16px; } .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details > .dx-filemanager-progress-box { margin-bottom: 8px; border-radius: 2px; } .dx-filemanager .dx-filemanager-progress-box { padding: 10px 0 10px 10px; display: flex; align-items: center; } .dx-filemanager .dx-filemanager-progress-box.dx-filemanager-progress-box-without-close-button { padding-right: 10px; } .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-image { margin-right: 10px; } .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-wrapper { flex: 1 auto; overflow: hidden; } .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-common { padding: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-progress-bar, .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-status { padding: 5px 0; } .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-close-button { margin-left: 5px; } .dx-filemanager .dx-filemanager-progress-box-error { border-radius: 2px; display: inline-block; border-width: 0; padding: 2px 8px 3px; font-size: .85em; line-height: normal; word-wrap: break-word; overflow-y: auto; max-height: 150px; } .dx-filemanager .dx-filemanager-toolbar { padding: 6px 10px; } .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item { width: 1px; margin-right: 5px; } .dx-filemanager .dx-splitter-wrapper.dx-splitter-inactive, .dx-filemanager .dx-splitter-wrapper.dx-splitter-initial { right: 3px; } .dx-filemanager .dx-filemanager-container { display: flex; height: 100%; border-top: 1px solid; box-sizing: border-box; overflow: hidden; } .dx-filemanager .dx-filemanager-container .dx-filemanager-adaptivity-drawer-panel { height: 100%; } .dx-filemanager .dx-filemanager-container .dx-filemanager-dirs-panel { padding: 5px 10px; height: 100%; width: 100%; display: block; } .dx-filemanager .dx-filemanager-container .dx-drawer-opened .dx-splitter.dx-state-disabled { width: 1px; } .dx-filemanager .dx-filemanager-container .dx-drawer-shrink .dx-drawer-panel-content { overflow: visible; } .dx-filemanager .dx-filemanager-container .dx-drawer-panel-content { display: block; width: 30%; } .dx-filemanager .dx-filemanager-container .dx-drawer-panel-content.dx-drawer-panel-content-initial { min-width: 250px; max-width: 300px; } .dx-filemanager .dx-filemanager-container .dx-drawer-panel-content.dx-drawer-panel-content-adaptive { max-width: 100%; } .dx-filemanager .dx-filemanager-breadcrumbs { padding: 2px 11px; border-bottom: 1px solid; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item-content { padding-left: 0; padding-right: 0; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-parent-folder-item .dx-menu-item-content { padding-left: 2px; padding-right: 2px; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content { width: 1px; padding-left: 0; padding-right: 0; margin: 0 10px; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item .dx-menu-item-content { padding-left: 1px; padding-right: 1px; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover, .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover { cursor: default; } .dx-filemanager .dx-filemanager-editing-container, .dx-filemanager .dx-filemanager-notification-container { position: absolute; top: -5000px; left: -5000px; } .dx-filemanager .dx-row .dx-filemanager-file-actions-button { float: right; } .dx-filemanager .dx-row .dx-filemanager-file-actions-button .dx-button-content { padding: 0; } .dx-filemanager .dx-row.dx-row-focused .dx-filemanager-file-actions-button, .dx-filemanager .dx-row.dx-selection .dx-filemanager-file-actions-button, .dx-filemanager .dx-row.dx-state-hover .dx-filemanager-file-actions-button { visibility: visible; } .dx-filemanager .dx-filemanager-items-panel { width: 100%; height: 100%; display: flex; flex-direction: column; } .dx-filemanager .dx-filemanager-fileuploader-dropzone-placeholder { position: relative; top: 0; left: 0; box-sizing: border-box; pointer-events: none; z-index: 1000; } .dx-filemanager .dx-filemanager-thumbnails { width: 100%; height: 100%; overflow: hidden; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 5px; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-container { -webkit-user-select: none; user-select: none; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item { float: left; text-align: center; cursor: pointer; white-space: nowrap; width: 100px; height: 100px; border: 1px dashed transparent; margin: 5px; box-sizing: border-box; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content { overflow: hidden; padding: 13px 0 10px; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-thumbnail { border: 0; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-spacer { border: 0; padding: 0; margin: 0; height: 10px; visibility: hidden; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-name { overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; } .dx-filemanager .dx-filemanager-details { height: 100%; overflow: hidden; -webkit-user-select: none; user-select: none; } .dx-filemanager .dx-filemanager-details > div { height: 100%; } .dx-filemanager .dx-filemanager-details .dx-datagrid-rowsview .dx-datagrid-table > tbody > tr.dx-filemanager-parent-directory-item > td > .dx-select-checkbox { display: none; } .dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper { display: inline-flex; align-items: flex-start; width: 100%; } .dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper .dx-filemanager-details-item-name { flex: 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dx-filemanager .dx-filemanager-i.dx-filemanager-i-progress, .dx-filemanager .dx-filemanager-i.dx-icon.dx-filemanager-i-progress { animation: 1.5s linear infinite dx-filemanager-icon-rotate; } @keyframes dx-filemanager-icon-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } .dx-filemanager-file-actions-button { visibility: hidden; text-align: center; } .dx-filemanager-file-actions-button.dx-widget { line-height: 100%; } .dx-filemanager-file-actions-button .dx-button { border: none; background-color: transparent; box-shadow: none; } .dx-filemanager-file-actions-button .dx-button i { font-style: normal; } .dx-filemanager-file-actions-button.dx-filemanager-file-actions-button-activated, .dx-filemanager-file-actions-button:hover { visibility: visible; } .dx-filemanager-dirs-tree { width: 100%; } .dx-filemanager-dirs-tree .dx-treeview-item-content { display: flex; align-items: flex-end; } .dx-filemanager-dirs-tree .dx-treeview-item-content > .dx-icon { flex: 0 0 auto; } .dx-filemanager-dirs-tree .dx-treeview-item-content .dx-filemanager-dirs-tree-item-text { flex: 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dx-filemanager-dirs-tree .dx-filemanager-focused-item .dx-filemanager-file-actions-button, .dx-filemanager-dirs-tree .dx-treeview-item.dx-state-hover .dx-filemanager-file-actions-button { visibility: visible; } .dx-filemanager-dialog.dx-filemanager-dialog-folder-chooser, .dx-filemanager-progresspanel { height: 100%; overflow: auto; } .dx-filemanager-dialog-folder-chooser > div { height: 100%; } .dx-filemanager-dialog-popup > .dx-overlay-content { min-width: 300px; max-width: 400px; min-height: 300px; max-height: 400px; } .dx-filemanager-dialog-name-editor-popup > .dx-overlay-content { max-width: 340px; min-height: 180px; max-height: 180px; } .dx-filemanager-dialog-delete-item-popup > .dx-overlay-content { max-width: 340px; min-height: 180px; } .dx-filemanager-dialog-delete-item-popup > .dx-overlay-content .dx-popup-content .dx-filemanager-dialog-delete-item { overflow-wrap: break-word; } .dx-filemanager-progresspanel { box-sizing: border-box; padding: 5px; } .dx-filemanager-progresspanel .dx-filemanager-progressbox { float: left; width: 100%; padding-bottom: 10px; } .dx-filemanager-progresspanel .dx-filemanager-progressbox-cancel-button { margin-top: 5px; float: right; } .dx-splitter-wrapper { height: 100%; width: 0; position: absolute; z-index: 998; top: 0; } .dx-splitter-wrapper .dx-splitter-border { z-index: 997; height: 100%; width: 7px; cursor: col-resize; } .dx-splitter-wrapper .dx-splitter-border .dx-splitter { height: 100%; width: 1px; display: block; cursor: col-resize; z-index: 999; margin: auto; } .dx-splitter-wrapper .dx-splitter-border .dx-splitter.dx-splitter-inactive { z-index: 998; } .dx-splitter-wrapper .dx-splitter-border .dx-splitter.dx-state-disabled { width: 0; cursor: default; } .dx-splitter { background-color: rgba(3,169,244,.5); } .dx-splitter.dx-splitter-inactive { background-color: #e0e0e0; } .dx-splitter-border { background-color: transparent; } .dx-filemanager { border-color: #e0e0e0; } .dx-filemanager .dx-filemanager-notification-common { border-color: #e0e0e0; color: #f44336; } .dx-filemanager .dx-drawer-shrink .dx-filemanager-progress-panel { border-left-color: #e0e0e0; } .dx-filemanager .dx-filemanager-progress-panel { background-color: #fff; } .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-title { padding-top: 16px; padding-bottom: 16px; } .dx-filemanager .dx-filemanager-progress-box-image { font-size: 24px; } .dx-filemanager .dx-filemanager-progress-box-error { color: #fff; background: #f44336; } .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-close-button { margin-top: 6px; } .dx-filemanager .dx-filemanager-toolbar { background: #fff; min-height: 88px; } .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar, .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar .dx-toolbar { background: #f7f7f7; } .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item { height: 36px; background: #e0e0e0; } .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-viewmode-item .dx-texteditor { width: 190px; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled { background: 0 0; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-active, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-focused, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-hover { background: rgba(0,0,0,.1); } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor { border-color: transparent; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor .dx-dropdowneditor-icon { background: 0 0; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon { background: 0 0; border-color: transparent; } .dx-filemanager .dx-filemanager-toolbar .dx-toolbar .dx-filemanager-toolbar-viewmode-item .dx-button-content { padding-left: 6px; padding-right: 6px; } .dx-filemanager .dx-filemanager-fileuploader-dropzone-placeholder { border: 2px solid #03a9f4; } .dx-filemanager .dx-filemanager-container { border-top-color: #e0e0e0; } .dx-filemanager .dx-filemanager-dirs-panel { height: 100%; border-right-color: #e0e0e0; } .dx-filemanager .dx-filemanager-breadcrumbs { border-bottom-color: #e0e0e0; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item.dx-state-focused { background: #e0e0e0; color: rgba(0,0,0,.87); } .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item-content { padding-top: 7px; padding-bottom: 8px; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content { background: #e0e0e0; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover, .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover { background: 0 0; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-item-selected { color: #fff; background: rgba(3,169,244,.8); } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-state-hover:not(.dx-state-focused):not(.dx-item-selected) { background: rgba(0,0,0,.04); } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-state-focused { border: 1px solid #03a9f4; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-item-selected.dx-state-focused { color: #fff; background: rgba(3,169,244,.7); } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-thumbnail { width: 48px; height: 48px; font-size: 48px; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-item-custom-thumbnail { color: #e0e0e0; } .dx-filemanager .dx-filemanager-files-view { background: #fff; } .dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-filemanager-details-item-thumbnail { font-size: 24px; width: 24px; height: 24px; } .dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-command-select { padding: 0; width: 49px; min-width: 49px; max-width: 49px; } .dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-filemanager-details-item-is-directory { padding-right: 0!important; padding-left: 0!important; } .dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-row-focused .dx-filemanager-file-actions-button .dx-button .dx-icon { color: #fff; } .dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper { align-items: center; } .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item { padding-top: 11px; padding-bottom: 11px; } .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item { background: 0 0; } .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item.dx-state-hover { background: #ebebeb; } .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item * { color: rgba(0,0,0,.87); } .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item { background: #ebebeb; } .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item * { color: rgba(0,0,0,.87); } .dx-filemanager-view-switcher-popup { width: 36px; } .dx-filemanager-view-switcher-popup .dx-dropdownbutton-popup-wrapper.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding-left: 5px; padding-right: 6px; text-overflow: clip; } .dx-filemanager-dirs-tree.dx-treeview .dx-filemanager-file-actions-button .dx-button .dx-button-content { padding: 0; } .dx-filemanager-file-actions-button .dx-button { min-width: 28px; height: 28px; } .dx-filemanager-file-actions-button .dx-button .dx-button-content { padding: 2px 6px; } .dx-filemanager-context-menu .dx-menu-item-has-text:not(.dx-menu-item-has-icon) .dx-menu-item-text { margin-left: 48px; } .dx-filemanager-i.dx-filemanager-i-progress, .dx-filemanager-i.dx-filemanager-i-refresh, .dx-filemanager-i.dx-icon.dx-filemanager-i-progress, .dx-filemanager-i.dx-icon.dx-filemanager-i-refresh { background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argba%280,%200,%200,%200.87%29%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x31_%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M11%2C4c2.45%2C0%2C4.59%2C1.26%2C5.84%2C3.16L15%2C9l6%2C1l-1-6l-1.73%2C1.73C16.64%2C3.47%2C14%2C2%2C11%2C2%0A%09%09c-4.97%2C0-9%2C4.03-9%2C9h2C4%2C7.13%2C7.13%2C4%2C11%2C4z%22%2F%3E%0A%09%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.92%2C12c-0.49%2C3.39-3.39%2C6-6.92%2C6c-2.19%2C0-4.13-1.01-5.41-2.59L7%2C14l-6-1l1%2C6l2.17-2.17%0A%09%09C5.82%2C18.76%2C8.26%2C20%2C11%2C20c4.63%2C0%2C8.44-3.5%2C8.94-8H17.92z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 22px; height: 22px; } .dx-filemanager-i.dx-filemanager-i-done, .dx-filemanager-i.dx-icon.dx-filemanager-i-done { background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Argba%280,%200,%200,%200.87%29%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%238bc34a%3B%7D%0A%09.st2%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M21%2C10l-6-1l1.87-1.87C15.6%2C5.24%2C13.44%2C4%2C11%2C4c-3.87%2C0-7%2C3.13-7%2C7H2c0-4.97%2C4.03-9%2C9-9%0A%09c3.02%2C0%2C5.7%2C1.42%2C7.35%2C3.65L20%2C4L21%2C10z%20M5.6%2C15.4C6.88%2C16.98%2C8.81%2C18%2C11%2C18c0.4%2C0%2C0.78-0.05%2C1.15-0.12%0A%09c0.15%2C0.69%2C0.42%2C1.32%2C0.77%2C1.91C12.3%2C19.92%2C11.66%2C20%2C11%2C20c-2.74%2C0-5.17-1.24-6.82-3.18L2%2C19l-1-6l6%2C1L5.6%2C15.4z%22%2F%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M17.5%2C12c2.49%2C0%2C4.5%2C2.01%2C4.5%2C4.5S19.99%2C21%2C17.5%2C21S13%2C18.99%2C13%2C16.5S15.01%2C12%2C17.5%2C12z%22%2F%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st2%22%20d%3D%22M21.35%2C14.35l-4.71%2C5l-3-3l0.71-0.71l2.15%2C2.15l4.15-4.15L21.35%2C14.35z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 22px; height: 22px; } .dx-filemanager-i.dx-filemanager-i-danger, .dx-filemanager-i.dx-icon.dx-filemanager-i-danger { background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Argba%280,%200,%200,%200.87%29%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23f44336%3B%7D%0A%09.st2%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M21%2C10l-6-1l1.87-1.87C15.6%2C5.24%2C13.44%2C4%2C11%2C4c-3.87%2C0-7%2C3.13-7%2C7H2c0-4.97%2C4.03-9%2C9-9%0A%09c3.02%2C0%2C5.7%2C1.42%2C7.35%2C3.65L20%2C4L21%2C10z%20M5.6%2C15.4C6.88%2C16.98%2C8.81%2C18%2C11%2C18c0.4%2C0%2C0.78-0.05%2C1.15-0.12%0A%09c0.15%2C0.69%2C0.42%2C1.32%2C0.77%2C1.91C12.3%2C19.92%2C11.66%2C20%2C11%2C20c-2.74%2C0-5.17-1.24-6.82-3.18L2%2C19l-1-6l6%2C1L5.6%2C15.4z%22%2F%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M17.5%2C12c2.49%2C0%2C4.5%2C2.01%2C4.5%2C4.5S19.99%2C21%2C17.5%2C21S13%2C18.99%2C13%2C16.5S15.01%2C12%2C17.5%2C12z%22%2F%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st2%22%20d%3D%22M17%2C20v-1h1v1H17z%20M17%2C13h1v5h-1V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 22px; height: 22px; } .dx-filemanager-i.dx-filemanager-i-cancel, .dx-filemanager-i.dx-icon.dx-filemanager-i-cancel { background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x32_%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20d%3D%22M8%2C0c4.42%2C0%2C8%2C3.58%2C8%2C8s-3.58%2C8-8%2C8c-4.42%2C0-8-3.58-8-8S3.58%2C0%2C8%2C0%20M10.87%2C4L8%2C6.87L5.13%2C4L4%2C5.13L6.87%2C8%0A%09L4%2C10.87L5.13%2C12L8%2C9.13L10.87%2C12L12%2C10.87L9.13%2C8L12%2C5.13L10.87%2C4z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 22px; height: 22px; } .dx-diagram { border: 1px solid transparent; display: flex; flex-flow: column; height: 600px; min-height: 350px; } .dx-diagram .dx-diagram-toolbar-wrapper { padding: 5px; flex-grow: 0; } .dx-diagram .dx-diagram-toolbar-wrapper .dx-diagram-toolbar { background-color: transparent; } .dx-diagram .dx-diagram-content-wrapper { display: flex; flex-grow: 1; flex-basis: 0; overflow: hidden; } .dx-diagram .dx-diagram-content, .dx-diagram .dx-diagram-scroll-view { height: 100%; width: 100%; } .dx-diagram.dx-diagram-fullscreen { left: 0; top: 0; width: 100%!important; height: 100%!important; position: fixed; z-index: 2; } .dx-diagram .dxdi-control { width: auto; height: auto; overflow: visible; } .dx-diagram .dxdi-canvas { overflow: hidden; } .dx-diagram-toolbox-popup.dx-popup-wrapper .dx-overlay-content { border-radius: 0; } .dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar { padding: 0; background-color: rgba(0,0,0,.05); } .dx-diagram-toolbox-popup .dx-popup-title .dx-button-content, .dx-diagram-toolbox-popup .dx-popup-title .dx-button.dx-button-has-icon:not(.dx-button-has-text) { background-color: transparent; border: 0; border-radius: 0; padding: 0; min-width: 0; } .dx-diagram-toolbox-popup .dx-popup-title .dx-button:not(.dx-closebutton) { cursor: inherit; pointer-events: none; } .dx-diagram-toolbox-popup .dx-popup-content { padding: 0; } .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input { border-color: transparent; } .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input .dx-placeholder::before, .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input input { min-height: 0; font-size: .9em; } .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input .dx-button { border: 0; border-radius: 0; min-height: 14px; } .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel { position: relative; height: 100%; overflow-y: auto; } .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel > * { position: absolute; } .dx-diagram-properties-popup .dx-scrollview, .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel>.dx-scrollview { width: 100%; } .dx-diagram-properties-popup .dx-popup-content { padding: 0; } .dx-diagram-properties-popup .dx-tabs { border: 0; } .dx-diagram-properties-popup .dx-tabpanel .dx-multiview-wrapper { border-left: 0; border-right: 0; } .dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-items-container { display: block; height: auto; } .dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-items-container > div { display: flex; flex-wrap: wrap; width: 100%; height: auto; position: inherit; } .dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-items-container .dx-toolbar-item { display: flex; align-items: center; } .dx-diagram-properties-popup:not(.dx-diagram-mobile-popup) .dx-tabpanel .dx-multiview-wrapper { border-bottom: 0; } .dx-diagram-properties-popup.dx-diagram-mobile-popup { width: calc(100% - 2px)!important; } .dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-popup-title { border: 0; min-height: 0; position: relative; z-index: 1; } .dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-toolbar .dx-toolbar-items-container { height: auto; } .dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-toolbar .dx-toolbar-items-container .dx-toolbar-item { padding-top: 0; padding-bottom: 0; } .dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-tabpanel { display: flex; flex-direction: column-reverse; } .dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-tabpanel .dx-multiview-wrapper { border-top: 0; } .dx-diagram-floating-toolbar-container { position: absolute; z-index: 1001; width: 100%; transition: opacity .4s; } .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container { background: 0 0; border-radius: 50%; border: 0; padding: 0; } .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar { background: 0 0; } .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container div { border-radius: 50%; } .dx-diagram-floating-toolbar-container .dx-diagram-toolbar .dx-toolbar-items-container > * { padding-left: 0; padding-right: 0; } .dx-diagram-toolbar .dx-diagram-toolbar-separator { border-left: 1px solid transparent; } .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator { width: 100%; border-top: 1px solid transparent; } .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator::before { content: none; } .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-texteditor, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-texteditor, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-texteditor, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-texteditor { width: auto; } .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper { display: flex; align-items: center; } .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i { display: block; } .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox { width: 0; max-width: 0; } .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input { width: 0; padding-left: 0; } .dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay { transform: none!important; width: 100%!important; height: 100%!important; } .dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content { transform: none!important; width: 100%!important; top: initial!important; bottom: 0!important; } .dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-popup-content { padding: 8px; } .dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container { width: 100%; } .dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row { display: flex; } .dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-palette-cell { flex-grow: 1; } .dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-palette-cell .dx-colorview-palette { width: 100%; min-width: 300px; } .dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-controls-container, .dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-hue-scale-cell { margin-left: 12px; } .dx-diagram-i { background-repeat: no-repeat; background-position: 0 0; display: inline-block; } .dx-diagram-loading-indicator { position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); width: 64px; height: 64px; } .dx-diagram-touch-context-toolbox .dx-popover-wrapper, .dx-diagram-touchbar-overlay { z-index: 1!important; } .dx-diagram-touchbar.dx-context-menu .dx-menu-items-container { display: block; height: 100%; padding: 0; } .dx-diagram-touchbar.dx-context-menu .dx-menu-items-container::after { display: block; content: ""; clear: both; } .dx-diagram-touchbar.dx-context-menu .dx-menu-items-container > li { display: block; float: left; } .dx-diagram-touchbar.dx-context-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-menu-item-content .dx-icon { margin: 0; } .dx-diagram-touchbar.dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-text { display: none; } .dx-diagram-context-toolbox-target, .dx-diagram-touchbar-target { position: absolute; background-color: transparent; pointer-events: none; } .dx-diagram-context-toolbox-target { width: 1px; height: 1px; } .dx-diagram-context-toolbox .dx-popup-content { padding: 8px; } .dx-diagram { border-color: #e0e0e0; } .dx-diagram .dxdi-control .dxdi-canvas { background-color: #d9d9d9; } .dx-diagram .dxdi-control .dxdi-canvas .connector-multi-selection, .dx-diagram .dxdi-control .dxdi-canvas .connector-point-mark, .dx-diagram .dxdi-control .dxdi-canvas .connector-selection, .dx-diagram .dxdi-control .dxdi-canvas .connector-side-mark, .dx-diagram .dxdi-control .dxdi-canvas .extension-line path, .dx-diagram .dxdi-control .dxdi-canvas .item-multi-selection-rect, .dx-diagram .dxdi-control .dxdi-canvas .item-selection-rect, .dx-diagram .dxdi-control .dxdi-canvas .items-selection-rect, .dx-diagram .dxdi-control .dxdi-canvas .selection-mark { stroke: #03a9f4; } .dx-diagram .dxdi-control .dxdi-canvas .connector-side-mark, .dx-diagram .dxdi-control .dxdi-canvas .extension-line text { fill: #03a9f4; } .dx-diagram .dxdi-control .dxdi-canvas .connection-mark:not(.selector), .dx-diagram .dxdi-control .dxdi-canvas .connection-point:not(.selector), .dx-diagram .dxdi-control .dxdi-canvas .connection-target, .dx-diagram .dxdi-control .dxdi-canvas .container-target { stroke: #8bc34a; } .dx-diagram .dxdi-control .dxdi-canvas .connection-mark:not(.selector).active, .dx-diagram .dxdi-control .dxdi-canvas .connection-point:not(.selector).active { fill: #8bc34a; } .dx-diagram .dxdi-control .dxdi-canvas .geometry-mark { stroke: #f44336; } .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner path { stroke: #03a9f4; stroke-opacity: 1; } .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner ellipse { stroke: rgba(0,0,0,0.54); stroke-opacity: 0.5; } .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-user .dxdi-background { fill: rgba(0,0,0,0.54); opacity: .5; } .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-warning ellipse { fill: #f44336; } .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .geometry-mark, .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .selection-mark { stroke: #666; } .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .item-selection-rect, .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .items-selection-rect { fill: transparent; stroke: #666; } .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .items-selection-rect { fill: rgba(144,144,144,0.02); } .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .item-multi-selection-rect { fill: rgba(144,144,144,0.02); stroke: #666; } .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-multi-selection, .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-point-mark, .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-selection, .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-side-mark { stroke: #666; } .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-side-mark { fill: #666; } .dx-diagram .dxdi-text-input-container.connector-text .dxdi-text-input { border-color: #03a9f4; } .dx-diagram .dx-diagram-toolbar-wrapper { border-bottom: 1px solid #e0e0e0; } .dx-diagram.dx-diagram-fullscreen { background-color: #fff; } .dx-diagram-properties-panel, .dx-diagram-toolbox-panel { background: #fff; } .dx-diagram-floating-toolbar-container { background: #fff; box-shadow: 0 1px 8px rgba(0,0,0,.175); border-radius: 4px; padding: 4px; } .dx-diagram-floating-toolbar-container .dx-toolbar .dx-toolbar-items-container { height: 36px; } .dx-diagram-floating-toolbar-container .dx-toolbar .dx-toolbar-items-container .dx-texteditor .dx-placeholder::before, .dx-diagram-floating-toolbar-container .dx-toolbar .dx-toolbar-items-container .dx-texteditor .dx-texteditor-input { color: inherit; padding: 8px 6px; } .dx-diagram-floating-toolbar-container .dx-toolbar .dx-toolbar-items-container .dx-texteditor .dx-button { width: auto; height: auto; min-width: 24px; min-height: 24px; margin: 2px; } .dx-diagram-floating-toolbar-container .dx-toolbar .dx-toolbar-items-container .dx-texteditor .dx-button .dx-button-content { padding: 4px; } .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-button, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-item, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-items-container { width: 56px; height: 56px; } .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-button .dx-button-content, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-button-content, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar .dx-button-content, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-item .dx-button-content, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-items-container .dx-button-content { padding-top: 0; padding-bottom: 0; line-height: 56px; } .dx-diagram-floating-toolbar-container .dx-toolbar-item { padding: 0 4px 0 0; } .dx-diagram-toolbox-popup > .dx-overlay-content { box-shadow: 0 1px 8px rgba(0,0,0,.175); } .dx-diagram-toolbox-popup .dx-popup-title { margin-bottom: 0; } .dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar { font-size: .8em; min-height: 18px; } .dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar .dx-toolbar-items-container { height: 18px; } .dx-diagram-toolbox-popup .dx-popup-title .dx-button-content, .dx-diagram-toolbox-popup .dx-popup-title .dx-button.dx-button-has-icon:not(.dx-button-has-text) { width: 18px; height: 18px; } .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input-container, .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel, .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel .dx-accordion { width: 156px; } .dx-diagram-toolbox-popup .dx-diagram-toolbox-input-container { border-bottom: 1px solid #e0e0e0; } .dx-diagram-toolbox-popup .dx-diagram-toolbox-input { margin: 2px; } .dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-placeholder::before, .dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-texteditor-input { padding: 12px 9px; } .dx-diagram-toolbox-popup .dx-diagram-toolbox-input.dx-editor-outlined:not(.dx-state-focused) { box-shadow: none; } .dx-diagram-toolbox-popup .dx-diagram-toolbox-input.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child { margin-right: 0; } .dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-button .dx-button-content { padding: 6px 4px; } .dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-button .dx-icon { font-size: 18px; } .dx-diagram-toolbox-popup .dx-popup-title .dx-closebutton { width: 18px; height: 18px; margin: 1px 0 0; } .dx-diagram-toolbox-popup .dx-popup-title .dx-closebutton .dx-icon { width: 14px; height: 14px; padding: 2px; font-size: 12px; line-height: 12px; background-position: 2px 2px; background-size: 12px 12px; } .dx-diagram-toolbox-popup.dx-diagram-mobile-popup .dx-popup-content { padding-top: 68px; } .dx-diagram-toolbox-popup.dx-diagram-mobile-popup .dx-popup-content .dx-diagram-toolbox-input-container { border-top: 1px solid #e0e0e0; } .dx-diagram-toolbox-panel .dx-accordion { margin: 0; } .dx-diagram-toolbox-panel .dx-accordion .dx-accordion-item { border-left: none; border-right: none; border-bottom: 1px solid #e0e0e0; border-top: none; box-shadow: none; } .dx-diagram-toolbox-panel .dx-accordion .dx-accordion-item-opened { margin: 0; } .dx-diagram-toolbox-panel .dx-accordion .dx-item-content.dx-accordion-item-title { height: 32px; } .dx-diagram-toolbox-panel .dx-accordion .dx-item-content.dx-accordion-item-title .dx-accordion-item-title-caption { font-size: .8em; text-transform: uppercase; left: 12px; top: 8px; right: 32px; } .dx-diagram-toolbox-panel .dx-accordion .dx-item-content.dx-accordion-item-title::before { font-size: 1em; line-height: .8em; right: 0; top: 8px; } .dx-diagram-toolbox-panel .dx-accordion .dx-item-content.dx-accordion-item-body { padding: 8px 12px; } .dx-diagram-toolbox-panel .dxdi-toolbox .dxdi-canvas .dxdi-shape-text { opacity: .25; } .dx-diagram-properties-popup .dx-multiview-item, .dx-diagram-properties-popup.dx-diagram-properties-popup-notabs .dx-popup-content { padding: 0; } .dx-diagram-properties-popup .dx-diagram-properties-panel-group-title { text-transform: uppercase; padding: 16px; } .dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar { padding: 0 16px 16px; } .dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-item { margin-bottom: 8px; } .dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-item .dx-button { height: auto; } .dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-item.dx-diagram-lg-icon-item .dx-diagram-i { background-size: 64px 64px; width: 64px; height: 64px; } .dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar:first-child { padding-top: 16px; } .dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-popup-title { padding: 8px 8px 0 0; } .dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-tabpanel .dx-tab-selected::before { top: 0; bottom: initial; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) { background-color: #e6e6e6; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success { background-color: #71a436; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default { background-color: #0286c2; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger { background-color: #ea1c0d; } .dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled, .dx-diagram-toolbar .dx-texteditor.dx-editor-filled { background-color: transparent; } .dx-diagram-toolbar .dx-diagram-toolbar-separator { height: 50%; border-left-color: #e0e0e0; } .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator { border-top-color: #e0e0e0; } .dx-diagram-toolbar .dx-diagram-toolbar-text { padding: 21px 0 20px 15px; } .dx-diagram-toolbar .dx-diagram-lg-edit-item .dx-texteditor { width: 280px; } .dx-diagram-toolbar .dx-diagram-md-edit-item .dx-texteditor { width: 180px; } .dx-diagram-toolbar .dx-diagram-sm-edit-item .dx-texteditor { width: 100px; } .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon { border-bottom-width: 3px; border-bottom-style: solid; } .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon { margin-left: 12px; margin-right: 12px; } .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon { font-size: 24px; color: rgba(0,0,0,.87); } .dx-diagram-contextmenu.dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container { right: 0; } .dx-diagram-contextmenu.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text { padding-left: 4px; } .dx-diagram-touchbar .dx-menu-item .dx-menu-item-content { padding: 10px; } .dx-diagram-touchbar .dx-menu-separator { width: 1px; height: 46px; margin: 0; } .dx-diagram-i-selectbox-null-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-connector-begin-none { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FF0000%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M1%2C13l9-9l1%2C1l-9%2C9L1%2C13z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M12%2C8V3H0v12h12v-5h16V8H12z%20M10%2C13H2V5h8V13z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-connector-begin-arrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2016%22%20style%3D%22enable-background%3Anew%200%200%2028%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M8%2C9l4%2C3l1%2C2L0%2C8l13-6l-1%2C2L8%2C7h20v2H8z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-connector-begin-outlined-triangle { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M0%2C9l13%2C6v-5h15V8H13V3L0%2C9z%20M11%2C12L3.9%2C9L11%2C6V12z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-connector-begin-filled-triangle { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M13%2C10v5L0%2C9l13-6v5h15v2H13z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-connector-end-none { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FF0000%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M17%2C13l9-9l1%2C1l-9%2C9L17%2C13z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M0%2C8v2h16v5h12V3H16v5H0z%20M18%2C5h8v8h-8V5z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-connector-end-arrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M0%2C10l0-2h20l-4-3l-1-2l13%2C6l-13%2C6l1-2l4-3H0z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-connector-end-outlined-triangle { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2016%22%20style%3D%22enable-background%3Anew%200%200%2028%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M28%2C8L15%2C2v5H0v2h15v5L28%2C8z%20M17%2C5l7.1%2C3L17%2C11V5z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-connector-end-filled-triangle { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M0%2C10V8h15V3l13%2C6l-13%2C6v-5H0z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-connector-orthogonal { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M20%2C18v-8h3V5H8v3H0V0h8v3h15h2v2v5h3v8H20z%20M6%2C2H2v4h4V2z%20M26%2C12h-4v4h4V12z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-connector-straight { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M20%2C10v2.2L8%2C2.8V0H0v8h8V5.8l12%2C9.3V18h8v-8H20z%20M6%2C6H2V2h4V6z%20M26%2C16h-4v-4h4V16z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-line-solid { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20id%3D%22_x32__2_%22%20x%3D%223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%2222%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-line-dotted { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20id%3D%22_x32__2_%22%20x%3D%223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__1_%22%20x%3D%227%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__3_%22%20x%3D%2211%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__4_%22%20x%3D%2215%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__5_%22%20x%3D%2219%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__6_%22%20x%3D%2223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-line-dashed { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20id%3D%22_x32__1_%22%20x%3D%223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%226%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__4_%22%20x%3D%2211%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%226%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__5_%22%20x%3D%2219%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%226%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 37.44px; height: 24px; } .dx-diagram-i-button-fill, .dx-diagram-i-menu-fill { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x32_%22%20d%3D%22M7.6%2C1L6.7%2C1.9l1.9%2C1.9L3%2C9.4L9.5%2C16L16%2C9.4L7.6%2C1z%20M5%2C9l4.5-4.5L14%2C9H5z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A%0A"); width: 24px; height: 27px; } .dx-diagram-i-button-fullscreen, .dx-diagram-i-menu-fullscreen { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20points%3D%220%2C6%202%2C6%202%2C2%206%2C2%206%2C0%200%2C0%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3Cpolygon%20points%3D%222%2C12%200%2C12%200%2C18%206%2C18%206%2C16%202%2C16%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3Cpolygon%20points%3D%2212%2C0%2012%2C2%2016%2C2%2016%2C6%2018%2C6%2018%2C0%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3Cpolygon%20points%3D%2216%2C16%2012%2C16%2012%2C18%2018%2C18%2018%2C12%2016%2C12%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-lock, .dx-diagram-i-menu-lock { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x31_%22%20d%3D%22M14%2C5c0-2.8-2.2-5-5-5C6.2%2C0%2C4%2C2.2%2C4%2C5C2.9%2C5%2C2%2C5.9%2C2%2C7v8c0%2C1.1%2C0.9%2C2%2C2%2C2h10c1.1%2C0%2C2-0.9%2C2-2V7%0A%09C16%2C5.9%2C15.1%2C5%2C14%2C5z%20M9%2C13c-1.1%2C0-2-0.9-2-2s0.9-2%2C2-2c1.1%2C0%2C2%2C0.9%2C2%2C2C11%2C12.1%2C10.1%2C13%2C9%2C13z%20M6%2C5c0-1.7%2C1.3-3%2C3-3%0A%09c1.7%2C0%2C3%2C1.3%2C3%2C3H6z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-unlock, .dx-diagram-i-menu-unlock { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C17H4c-1.1%2C0-2-0.9-2-2V7c0-1.1%2C0.9-2%2C2-2h2h2h4c0-1.7-1.3-3-3-3C8.1%2C2%2C7.3%2C2.4%2C6.8%2C3H4.4%0A%09C5.2%2C1.2%2C7%2C0%2C9%2C0c2.8%2C0%2C5%2C2.2%2C5%2C5c1.1%2C0%2C2%2C0.9%2C2%2C2v8C16%2C16.1%2C15.1%2C17%2C14%2C17z%20M9%2C9c-1.1%2C0-2%2C0.9-2%2C2s0.9%2C2%2C2%2C2s2-0.9%2C2-2%0A%09C11%2C9.9%2C10.1%2C9%2C9%2C9z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-send-to-back, .dx-diagram-i-menu-send-to-back { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x30__1_%22%20class%3D%22st0%22%20d%3D%22M8%2C0h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H8c-1.1%2C0-2-0.9-2-2V2C6%2C0.9%2C6.9%2C0%2C8%2C0z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st1%22%20d%3D%22M8%2C12c-1.1%2C0-2-0.9-2-2V4H4C2.9%2C4%2C2%2C4.9%2C2%2C6v8c0%2C1.1%2C0.9%2C2%2C2%2C2h8c1.1%2C0%2C2-0.9%2C2-2v-2H8z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-bring-to-front, .dx-diagram-i-menu-bring-to-front { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x30__1_%22%20class%3D%22st0%22%20d%3D%22M8%2C0h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H8c-1.1%2C0-2-0.9-2-2V2C6%2C0.9%2C6.9%2C0%2C8%2C0z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Cpath%20id%3D%22_x30_%22%20class%3D%22st1%22%20d%3D%22M4%2C4h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H4c-1.1%2C0-2-0.9-2-2V6C2%2C4.9%2C2.9%2C4%2C4%2C4z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-select-all, .dx-diagram-i-menu-select-all { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.75%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M8.5%2C6c0.1%2C0%2C0.3%2C0%2C0.4%2C0.1l0%2C0l6.8%2C5.3c0.3%2C0.2%2C0.3%2C0.5%2C0.1%2C0.8c-0.1%2C0.1-0.1%2C0.2-0.3%2C0.2l-1.9%2C0.3%0A%09l1.3%2C2.6c0.2%2C0.3%2C0%2C0.6-0.3%2C0.7l-2.1%2C0.9c-0.1%2C0-0.2%2C0.1-0.3%2C0.1c-0.2%2C0-0.4-0.1-0.5-0.3l-1.3-2.6l-1.5%2C1.1%0A%09c-0.1%2C0.1-0.2%2C0.1-0.4%2C0.1c-0.3%2C0-0.6-0.2-0.6-0.5V6.6C7.9%2C6.3%2C8.2%2C6%2C8.5%2C6z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3Cg%20id%3D%22_x33_%22%20class%3D%22st1%22%3E%0A%09%3Cpolygon%20id%3D%22_x31__1_%22%20class%3D%22st0%22%20points%3D%2212%2C6%2014%2C8%2016%2C8%2016%2C6%20%09%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x32__1_%22%20x%3D%2211.6%22%20y%3D%222%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%201.6862%2010.071)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%09%3Crect%20id%3D%22_x33__1_%22%20x%3D%228%22%20y%3D%221%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%224%22%20%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%09%3Crect%20id%3D%22_x34_%22%20x%3D%223.6%22%20y%3D%2210%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-6.3137%206.7573)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%09%3Crect%20id%3D%22_x35_%22%20x%3D%224%22%20y%3D%221.6%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-0.6569%204.4142)%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222.8%22%20%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%09%3Crect%20id%3D%22_x36_%22%20x%3D%222%22%20y%3D%226%22%20class%3D%22st0%22%20width%3D%224%22%20height%3D%222%22%20%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-image-delete, .dx-diagram-i-menu-image-delete { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M17%2C15.4L15.5%2C17l-2-2l-2%2C2L10%2C15.4l2-2l-2-2l1.5-1.4l2%2C2l2-2l1.5%2C1.5l-2%2C2L17%2C15.4z%20M12%2C6l-4%2C6%0A%09l-2-2l-3%2C5h5v2H3c-1.1%2C0-2-0.9-2-2V3c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4l-2%2C2L12%2C6z%20M5.5%2C5C4.7%2C5%2C4%2C5.6%2C4%2C6.5S4.7%2C8%2C5.5%2C8%0A%09S7%2C7.3%2C7%2C6.5S6.3%2C5%2C5.5%2C5z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-image-edit, .dx-diagram-i-menu-image-edit { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M15%2C9l-3-3l-4%2C6l-2-2l-3%2C5h6v2H3c-1.1%2C0-2-0.9-2-2V3c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L15%2C9z%0A%09%20M5.5%2C5C4.7%2C5%2C4%2C5.7%2C4%2C6.5S4.7%2C8%2C5.5%2C8S7%2C7.3%2C7%2C6.5S6.3%2C5%2C5.5%2C5z%20M17%2C12.5L12.5%2C17H11v-1.5l4.5-4.5L17%2C12.5z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-image-insert, .dx-diagram-i-menu-image-insert { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M15%2C9l-3-3l-4%2C7l-2-3l-3%2C5h6v2H3c-1.1%2C0-2-0.9-2-2V3c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L15%2C9z%0A%09%20M5.5%2C5C4.7%2C5%2C4%2C5.7%2C4%2C6.5S4.7%2C8%2C5.5%2C8S7%2C7.3%2C7%2C6.5S6.3%2C5%2C5.5%2C5z%20M13%2C11h2v2h2v2h-2v2h-2v-2h-2v-2h2V11z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-layout-layered-bt { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M60%2C20v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C59.1%2C18%2C60%2C18.9%2C60%2C20z%20M58%2C20%0A%09%09h-8v8h8V20z%20M46%2C6v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h8C45.1%2C4%2C46%2C4.9%2C46%2C6z%20M44%2C6h-8v8h8V6z%20M46%2C34v8%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C45.1%2C32%2C46%2C32.9%2C46%2C34z%20M44%2C34h-8v8h8V34z%20M46%2C50v8c0%2C1.1-0.9%2C2-2%2C2h-8%0A%09%09c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C45.1%2C48%2C46%2C48.9%2C46%2C50z%20M44%2C50h-8v8h8V50z%20M32%2C20v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2%0A%09%09v-8c0-1.1%2C0.9-2%2C2-2h8C31.1%2C18%2C32%2C18.9%2C32%2C20z%20M30%2C20h-8v8h8V20z%20M12%2C4l6%2C6h-5v50h-2V10H6L12%2C4z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M55%2C9v2v7h-2v-7h-7V9h7H55z%20M53%2C30h2v7v2h-2h-7v-2h7V30z%20M39%2C44h2v4h-2V44z%20M27%2C9h7v2h-7v7h-2v-7V9%0A%09%09H27z%20M27%2C37h7v2h-7h-2v-2v-7h2V37z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-layout-layered-lr { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M45%2C59h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C47%2C58.1%2C46.1%2C59%2C45%2C59z%20M45%2C57%0A%09%09v-8h-8v8H45z%20M59%2C45h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C61%2C44.1%2C60.1%2C45%2C59%2C45z%20M59%2C43v-8h-8v8H59z%0A%09%09%20M31%2C45h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C33%2C44.1%2C32.1%2C45%2C31%2C45z%20M31%2C43v-8h-8v8H31z%20M15%2C45H7%0A%09%09c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C17%2C44.1%2C16.1%2C45%2C15%2C45z%20M15%2C43v-8H7v8H15z%20M45%2C31h-8c-1.1%2C0-2-0.9-2-2%0A%09%09v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C47%2C30.1%2C46.1%2C31%2C45%2C31z%20M45%2C29v-8h-8v8H45z%20M61%2C11l-6%2C6v-5H5v-2h50V5L61%2C11z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M56%2C54h-2h-7v-2h7v-7h2v7V54z%20M35%2C52v2h-7h-2v-2v-7h2v7H35z%20M21%2C38v2h-4v-2H21z%20M56%2C26v7h-2v-7h-7%0A%09%09v-2h7h2V26z%20M28%2C26v7h-2v-7v-2h2h7v2H28z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-layout-layered-rl { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M19%2C57v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C19.9%2C59%2C19%2C58.1%2C19%2C57z%20M29%2C57%0A%09%09v-8h-8v8H29z%20M5%2C43v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H7C5.9%2C45%2C5%2C44.1%2C5%2C43z%20M15%2C43v-8H7v8H15z%20M33%2C43v-8%0A%09%09c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C33.9%2C45%2C33%2C44.1%2C33%2C43z%20M43%2C43v-8h-8v8H43z%20M49%2C43v-8c0-1.1%2C0.9-2%2C2-2h8%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C49.9%2C45%2C49%2C44.1%2C49%2C43z%20M59%2C43v-8h-8v8H59z%20M19%2C29v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-8C19.9%2C31%2C19%2C30.1%2C19%2C29z%20M29%2C29v-8h-8v8H29z%20M11%2C5v5h50v2H11v5l-6-6L11%2C5z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M10%2C52v-7h2v7h7v2h-7h-2V52z%20M38%2C52v-7h2v7v2h-2h-7v-2H38z%20M49%2C38v2h-4v-2H49z%20M10%2C24h2h7v2h-7v7%0A%09%09h-2v-7V24z%20M31%2C26v-2h7h2v2v7h-2v-7H31z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-layout-layered-tb { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M58%2C46h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C60%2C45.1%2C59.1%2C46%2C58%2C46z%20M58%2C36%0A%09%09h-8v8h8V36z%20M44%2C60h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C59.1%2C45.1%2C60%2C44%2C60z%20M44%2C50h-8v8h8V50z%20M44%2C32%0A%09%09h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C31.1%2C45.1%2C32%2C44%2C32z%20M44%2C22h-8v8h8V22z%20M44%2C16h-8%0A%09%09c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C15.1%2C45.1%2C16%2C44%2C16z%20M44%2C6h-8v8h8V6z%20M30%2C46h-8c-1.1%2C0-2-0.9-2-2v-8%0A%09%09c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C32%2C45.1%2C31.1%2C46%2C30%2C46z%20M30%2C36h-8v8h8V36z%20M6%2C54h5V4h2v50h5l-6%2C6L6%2C54z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M53%2C55h-7v-2h7v-7h2v7v2H53z%20M53%2C27h-7v-2h7h2v2v7h-2V27z%20M39%2C16h2v4h-2V16z%20M25%2C55v-2v-7h2v7h7v2%0A%09%09h-7H25z%20M27%2C34h-2v-7v-2h2h7v2h-7V34z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-layout-tree-bt { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M59%2C6v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6C58.1%2C4%2C59%2C4.9%2C59%2C6z%20M57%2C6h-6v6%0A%09%09h6V6z%20M59%2C26v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C58.1%2C24%2C59%2C24.9%2C59%2C26z%20M57%2C26h-6v6h6V26z%20M49%2C38v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C48.1%2C36%2C49%2C36.9%2C49%2C38z%20M47%2C38h-6v6h6V38z%20M49%2C52v6c0%2C1.1-0.9%2C2-2%2C2h-6%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C48.1%2C50%2C49%2C50.9%2C49%2C52z%20M47%2C52h-6v6h6V52z%20M39%2C32c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2V32z%20M37%2C26h-6v6h6V26z%20M30%2C14h-6c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09C32%2C13.1%2C31.1%2C14%2C30%2C14z%20M24%2C12h6V6h-6V12z%20M17%2C10h-5v50h-2V10H5l6-6L17%2C10z%20M36%2C12V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6C36.9%2C14%2C36%2C13.1%2C36%2C12z%20M38%2C12h6V6h-6V12z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M55%2C14v10h-2V14H55z%20M53%2C34h2v6v2h-2h-4v-2h4V34z%20M43%2C46h2v4h-2V46z%20M40%2C14h2v6h-7v4h-2v-4h-7v-6h2%0A%09%09v4h5h2h4.9L40%2C14z%20M35%2C40h4v2h-4h-2v-2v-6h2V40z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-layout-tree-lr { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M58%2C59h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C60%2C58.1%2C59.1%2C59%2C58%2C59z%20M58%2C57%0A%09%09v-6h-6v6H58z%20M38%2C59h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C40%2C58.1%2C39.1%2C59%2C38%2C59z%20M38%2C57v-6h-6v6H38z%0A%09%09%20M26%2C49h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C28%2C48.1%2C27.1%2C49%2C26%2C49z%20M26%2C47v-6h-6v6H26z%20M12%2C49H6%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C14%2C48.1%2C13.1%2C49%2C12%2C49z%20M12%2C47v-6H6v6H12z%20M32%2C39c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H32z%20M38%2C37v-6h-6v6H38z%20M50%2C30v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6C50.9%2C32%2C50%2C31.1%2C50%2C30z%20M52%2C24v6h6v-6H52z%20M54%2C17v-5H4v-2h50V5l6%2C6L54%2C17z%20M52%2C36h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6C50%2C36.9%2C50.9%2C36%2C52%2C36z%20M52%2C38v6h6v-6H52z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M50%2C55H40v-2h10V55z%20M30%2C53v2h-6h-2v-2v-4h2v4H30z%20M18%2C43v2h-4v-2H18z%20M50%2C40v2h-6v-7h-4v-2h4v-7h6%0A%09%09v2h-4v5v2v4.9L50%2C40z%20M24%2C35v4h-2v-4v-2h2h6v2H24z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-layout-tree-rl { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M4%2C57v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H6C4.9%2C59%2C4%2C58.1%2C4%2C57z%20M12%2C57v-6H6%0A%09%09v6H12z%20M24%2C57v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C24.9%2C59%2C24%2C58.1%2C24%2C57z%20M32%2C57v-6h-6v6H32z%20M36%2C47v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C36.9%2C49%2C36%2C48.1%2C36%2C47z%20M44%2C47v-6h-6v6H44z%20M50%2C47v-6c0-1.1%2C0.9-2%2C2-2h6%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C50.9%2C49%2C50%2C48.1%2C50%2C47z%20M58%2C47v-6h-6v6H58z%20M26%2C39c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H26z%20M32%2C37v-6h-6v6H32z%20M12%2C32H6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09C14%2C31.1%2C13.1%2C32%2C12%2C32z%20M6%2C24v6h6v-6H6z%20M4%2C11l6-6v5h50v2H10v5L4%2C11z%20M14%2C38v6c0%2C1.1-0.9%2C2-2%2C2H6c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6C13.1%2C36%2C14%2C36.9%2C14%2C38z%20M6%2C38v6h6v-6H6z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M14%2C53h10v2H14V53z%20M40%2C53v-4h2v4v2h-2h-6v-2H40z%20M50%2C43v2h-4v-2H50z%20M18%2C39.9V35v-2v-5h-4v-2h6v7%0A%09%09h4v2h-4v7h-6v-2L18%2C39.9z%20M34%2C35v-2h6h2v2v4h-2v-4H34z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-toolbox-open { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M13.5%2C17c-1.9%2C0-3.5-1.6-3.5-3.5s1.6-3.5%2C3.5-3.5s3.5%2C1.6%2C3.5%2C3.5S15.4%2C17%2C13.5%2C17z%20M9%2C1l5%2C7H4L9%2C1z%0A%09%20M8%2C17H1v-7h7V17z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-toolbox-close { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x32_%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M8%2C14v-2h8v2H8z%20M6.7%2C12.3l-1.4%2C1.4L1%2C9l4.3-4.7l1.4%2C1.4L4.4%2C8H16v2H4.4L6.7%2C12.3z%20M8%2C4h8v2H8V4z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-i-button-layout-tree-tb { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M57%2C60h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C59%2C59.1%2C58.1%2C60%2C57%2C60z%20M57%2C52%0A%09%09h-6v6h6V52z%20M57%2C40h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C59%2C39.1%2C58.1%2C40%2C57%2C40z%20M57%2C32h-6v6h6V32z%20M47%2C28%0A%09%09h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C49%2C27.1%2C48.1%2C28%2C47%2C28z%20M47%2C20h-6v6h6V20z%20M47%2C14h-6%0A%09%09c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C49%2C13.1%2C48.1%2C14%2C47%2C14z%20M47%2C6h-6v6h6V6z%20M39%2C38c0%2C1.1-0.9%2C2-2%2C2h-6%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2V38z%20M37%2C32h-6v6h6V32z%20M32%2C52v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6C31.1%2C50%2C32%2C50.9%2C32%2C52z%20M24%2C58h6v-6h-6V58z%20M11%2C60l-6-6h5V4h2v50h5L11%2C60z%20M38%2C50h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6C36%2C50.9%2C36.9%2C50%2C38%2C50z%20M38%2C58h6v-6h-6V58z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M53%2C50V40h2v10H53z%20M53%2C24h-4v-2h4h2v2v6h-2V24z%20M43%2C14h2v4h-2V14z%20M39.9%2C46H35h-2h-5v4h-2v-6h7v-4%0A%09%09h2v4h7v6h-2L39.9%2C46z%20M35%2C30h-2v-6v-2h2h4v2h-4V30z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-diagram-toolbox-popup .dx-button-has-icon .dx-icon.dx-icon-diagram-toolbox-drag { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2012%2012%22%20style%3D%22enable-background%3Anew%200%200%2012%2012%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%20%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x32_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C8h1V3H0V8z%20M2%2C8h1V3H2V8z%20M4%2C8h1V3H4V8z%20M6%2C8h1V3H6V8z%20M8%2C8h1V3H8V8z%20M10%2C3v5h1V3H10z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; line-height: 18px; background-size: 18px 18px; } .dx-diagram-i-button-properties-panel-open { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Benable-background%3Anew%20%20%20%20%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M17.8%2C10.3l-1%2C1l-2.1-2.1l1-1C15.8%2C8.1%2C15.9%2C8%2C16.1%2C8c0.1%2C0%2C0.3%2C0.1%2C0.4%2C0.2l1.3%2C1.3%0A%09C18%2C9.7%2C18%2C10.1%2C17.8%2C10.3z%20M14%2C2H4v13h2v2H4c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h10c1.1%2C0%2C2%2C0.9%2C2%2C2v3l-2%2C2V2z%20M16.1%2C11.9l-6%2C6.1H8%0A%09v-2.1l6.1-6.1L16.1%2C11.9z%22%20fill%3D%22%23fff%22%2F%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M5%2C3h8v5l-6%2C6H5V3z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 24px; height: 24px; } .dx-gantt { display: flex; flex-direction: column; position: relative; width: 100%; overflow: hidden; } .dx-gantt .dx-gantt-main-wrapper { display: flex; position: relative; flex-direction: row; height: 100%; } .dx-gantt .dx-gantt-toolbar-separator { height: 100%; border-left: 1px solid transparent; } .dx-gantt .dx-gantt-treelist-wrapper { display: inline-flex; } .dx-gantt .dx-gantt-treelist-wrapper .dx-treelist .dx-scrollbar-vertical { display: none; } .dx-gantt .dx-gantt-treelist-wrapper .dx-treelist .dx-treelist-headers + .dx-treelist-rowsview { border-top: none; } .dx-gantt .dx-splitter-wrapper .dx-splitter-border .dx-splitter { width: 2px; } .dx-gantt .dx-gantt-view { -webkit-user-select: none; user-select: none; width: 100%; min-width: 1px; background-color: #fff; } .dx-gantt .dx-gantt-view .dx-gantt-tac-hb { margin-top: -1px; } .dx-gantt .dx-gantt-view .dx-scrollable-scrollbar { z-index: 100; } .dx-gantt .dx-gantt-view .dx-gantt-parent::before { border-left-color: inherit; border-top-color: inherit; } .dx-gantt .dx-gantt-view .dx-gantt-parent::after { border-right-color: inherit; border-top-color: inherit; } .dx-gantt { border: 1px solid #e0e0e0; } .dx-gantt .dx-gantt-toolbar-wrapper { padding: 5px; border-bottom: 1px solid #e0e0e0; } .dx-gantt .dx-gantt-toolbar-wrapper .dx-gantt-toolbar-separator { border-left-color: #e0e0e0; } .dx-gantt .dx-gantt-toolbar-wrapper .dx-toolbar .dx-toolbar-items-container { height: 42px; } .dx-gantt .dx-header-row { height: 57px; } .dx-gantt .dx-gantt-header { color: rgba(0,0,0,.54); font-size: 12px; } .dx-gantt .dx-gantt-header .dx-gantt-hb, .dx-gantt .dx-gantt-header .dx-gantt-tsa, .dx-gantt .dx-gantt-header .dx-gantt-tsac, .dx-gantt .dx-gantt-header .dx-gantt-vb { border-color: #e0e0e0; background-color: #fff; } .dx-gantt .dx-gantt-si { text-align: center; vertical-align: middle; padding-left: 16px; padding-right: 16px; } .dx-gantt .dx-gantt-tsa, .dx-gantt .dx-gantt-tsac { border-bottom: 1px solid #e0e0e0; } .dx-gantt .dx-gantt-hb { border-top: 1px solid #e0e0e0; } .dx-gantt .dx-gantt-vb { border-left: 1px solid #e0e0e0; } .dx-gantt .dx-gantt-taskWrapper { padding-top: 0; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleOut { height: 27px; line-height: 27px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task { background-color: #03a9f4; border-radius: 4px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task .dx-gantt-tPrg { border-radius: 4px; background-color: rgba(0,0,0,.2); } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-smallTask { border-radius: 4px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-smallTask .dx-gantt-titleIn { padding: 0 2px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent { height: 25px; line-height: 25px; background-color: #8bc34a; border-left-color: #8bc34a; border-right-color: #8bc34a; border-top-color: #8bc34a; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-noPrg) .dx-gantt-tPrg { background-color: rgba(255,255,255,.2); } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask).dx-gantt-cmpl .dx-gantt-tPrg::after, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask)::after, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask)::before, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask):not(.dx-gantt-noPrg) .dx-gantt-tPrg::before { content: ""; position: absolute; bottom: -8px; border-width: 4px; border-style: solid; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent::before, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-noPrg) .dx-gantt-tPrg::before { left: 0; border-right-color: transparent; border-bottom-color: transparent; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-noPrg) .dx-gantt-tPrg::before { border-left-color: rgba(255,255,255,.2); border-top-color: rgba(255,255,255,.2); } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent.dx-gantt-cmpl .dx-gantt-tPrg::after, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent::after { right: 0; border-left-color: transparent; border-bottom-color: transparent; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent.dx-gantt-cmpl::after { border-right-color: rgba(255,255,255,.2); border-top-color: rgba(255,255,255,.2); } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent.dx-gantt-cmpl .dx-gantt-tPrg::after { border-right-color: #8bc34a; border-top-color: #8bc34a; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent .dx-gantt-task-edit-frame { height: 25px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleIn { color: #fff; padding: 0 11px; } .dx-gantt .dx-gantt-taskRes { height: 27px; line-height: 27px; color: #fff; background-color: #999; border-radius: 4px; margin-left: 21px; padding-left: 4px; padding-right: 4px; } .dx-gantt .dx-gantt-titleOut { padding-right: 20px; } .dx-gantt .dx-gantt-milestone { background-color: rgba(0,0,0,.87); width: 17px; height: 17px; } .dx-gantt .dx-gantt-task-edit-wrapper { padding-top: 0; padding-left: 1px; } .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame { height: 100%; border: 1px solid #0286c2; border-radius: 4px; } .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress { border-color: transparent transparent #0286c2; } .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress::before { width: 12px; height: 6px; bottom: -14px; border: 1px solid #0286c2; } .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress-status { border-radius: 4px; } .dx-gantt .dx-gantt-task-edit-wrapper-successor { padding-top: 0; } .dx-gantt .dx-gantt-task-edit-wrapper-successor .dx-gantt-task-edit-frame-successor { height: 27px; } .dx-gantt .dx-gantt-task-edit-dependency-l, .dx-gantt .dx-gantt-task-edit-dependency-r, .dx-gantt .dx-gantt-task-edit-successor-dependency-l, .dx-gantt .dx-gantt-task-edit-successor-dependency-r { background: #fff; border: 1px solid #0286c2; width: 12px; height: 12px; margin: auto; top: 0; bottom: 0; } .dx-gantt .dx-gantt-task-edit-dependency-r, .dx-gantt .dx-gantt-task-edit-successor-dependency-r { left: -13px; } .dx-gantt .dx-gantt-task-edit-dependency-l, .dx-gantt .dx-gantt-task-edit-successor-dependency-l { right: -13px; } .dx-gantt .dx-gantt-task-edit-dependency-line { background-color: rgba(0,0,0,.87); } .dx-gantt .dx-gantt-sel { background-color: rgba(3,169,244,.04); } .dx-gantt .dx-gantt-conn-v { border-left-color: rgba(0,0,0,.87); } .dx-gantt .dx-gantt-conn-h { border-top-color: rgba(0,0,0,.87); } .dx-gantt .dx-gantt-arrow { border: 5px solid rgba(0,0,0,.87); } .dx-gantt .dx-gantt-tm { border-left: 1px dashed #03a9f4; } .dx-gantt .dx-gantt-ti { border-left: 1px dashed #03a9f4; border-right: 1px dashed #03a9f4; background-color: rgba(3,169,244,.15); } .dx-gantt .dx-gantt-altRow, .dx-gantt .dx-gantt-collapsable-row { background-color: #f2f2f2; } .dx-gantt-i.dx-gantt-i-add { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17%2C15h-3v3h-2v-3H9v-2h3v-3h2v3h3V15z%20M12%2C4l-2-2H3v12h4v2H1V0h10l3%2C3v5h-2V4z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-add-sub-task { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M14%2C6H6v3h2.3c0.3-0.6%2C1-1%2C1.7-1h5c1.1%2C0%2C2%2C0.9%2C2%2C2s-0.9%2C2-2%2C2h-5c-0.7%2C0-1.4-0.4-1.7-1H6v4h2.3%0A%09c0.3-0.6%2C1-1%2C1.7-1h5c1.1%2C0%2C2%2C0.9%2C2%2C2s-0.9%2C2-2%2C2h-5c-0.7%2C0-1.4-0.4-1.7-1H4v-2v-4V9V6l0%2C0C2.3%2C6%2C1%2C4.7%2C1%2C3s1.3-3%2C3-3h10%0A%09c1.7%2C0%2C3%2C1.3%2C3%2C3S15.7%2C6%2C14%2C6z%20M14%2C2H4C3.4%2C2%2C3%2C2.4%2C3%2C3s0.4%2C1%2C1%2C1h10c0.6%2C0%2C1-0.4%2C1-1S14.6%2C2%2C14%2C2z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-add-task { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M10%2C13H8v-3H5V8h3V5h2v3h3v2h-3V13z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M9%2C1.1c-4.4%2C0-8%2C3.6-8%2C8c0%2C4.4%2C3.6%2C8%2C8%2C8s8-3.6%2C8-8C17%2C4.6%2C13.4%2C1.1%2C9%2C1.1z%20M9%2C15c-3.3%2C0-6-2.7-6-6s2.7-6%2C6-6%0A%09s6%2C2.7%2C6%2C6S12.3%2C15%2C9%2C15z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-collapse { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M9%2C7l7%2C6.8L14.8%2C15L9%2C9.3L3.2%2C15L2%2C13.8L9%2C7z%20M3.2%2C10L2%2C8.8L9%2C2l7%2C6.8L14.8%2C10L9%2C4.3L3.2%2C10z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-delete { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17%2C10H9c-0.6%2C0-1-0.4-1-1s0.4-1%2C1-1h2c0-0.6%2C0.4-1%2C1-1h2c0.6%2C0%2C1%2C0.4%2C1%2C1h2c0.6%2C0%2C1%2C0.4%2C1%2C1%0A%09S17.6%2C10%2C17%2C10z%20M12%2C4l-2-2H3v12h4v2H1V0h10l3%2C3v3h-2V4z%20M17%2C16c0%2C1.1-0.9%2C2-2%2C2h-4c-1.1%2C0-2-0.9-2-2v-5h8V16z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-delete-dependency { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17%2C10H9c-0.6%2C0-1-0.4-1-1c0-0.6%2C0.4-1%2C1-1h2c0-0.6%2C0.4-1%2C1-1h2c0.6%2C0%2C1%2C0.4%2C1%2C1h2c0.6%2C0%2C1%2C0.4%2C1%2C1%0A%09C18%2C9.6%2C17.6%2C10%2C17%2C10z%20M8%2C13H5V5H3.7C3.4%2C5.6%2C2.7%2C6%2C2%2C6C0.9%2C6%2C0%2C5.1%2C0%2C4s0.9-2%2C2-2c0.7%2C0%2C1.4%2C0.4%2C1.7%2C1H7v8h1V13z%20M17%2C16%0A%09c0%2C1.1-0.9%2C2-2%2C2h-4c-1.1%2C0-2-0.9-2-2v-5h8V16z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-expand { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M2%2C3.2L3.2%2C2L9%2C7.7L14.8%2C2L16%2C3.2L9%2C10L2%2C3.2z%20M9%2C12.7L14.8%2C7L16%2C8.2L9%2C15L2%2C8.2L3.2%2C7L9%2C12.7z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-full-screen { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20id%3D%22_x34_%22%20class%3D%22st0%22%20points%3D%221%2C7%203%2C7%203%2C3%207%2C3%207%2C1%201%2C1%20%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3Cpolygon%20id%3D%22_x33_%22%20class%3D%22st0%22%20points%3D%223%2C11%201%2C11%201%2C17%207%2C17%207%2C15%203%2C15%20%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3Cpolygon%20id%3D%22_x32_%22%20class%3D%22st0%22%20points%3D%2211%2C1%2011%2C3%2015%2C3%2015%2C7%2017%2C7%2017%2C1%20%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3Cpolygon%20id%3D%22_x31_%22%20class%3D%22st0%22%20points%3D%2215%2C15%2011%2C15%2011%2C17%2017%2C17%2017%2C11%2015%2C11%20%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-redo { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M1%2C9c0-4.4%2C3.6-8%2C8-8c2.2%2C0%2C4.2%2C0.9%2C5.6%2C2.4L17%2C1v6h-6l2.2-2.2C12.1%2C3.7%2C10.7%2C3%2C9%2C3C5.7%2C3%2C3%2C5.7%2C3%2C9%0A%09s2.7%2C6%2C6%2C6v2C4.6%2C17%2C1%2C13.4%2C1%2C9z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-task-details { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M12.5%2C18C10%2C18%2C7.9%2C15.5%2C7%2C13.5c0.9-2%2C3-4.5%2C5.5-4.5s4.6%2C2.5%2C5.5%2C4.5C17.1%2C15.5%2C15%2C18%2C12.5%2C18z%0A%09%20M12.5%2C11c-1.4%2C0-2.5%2C1.1-2.5%2C2.5s1.1%2C2.5%2C2.5%2C2.5s2.5-1.1%2C2.5-2.5S13.9%2C11%2C12.5%2C11z%20M12.5%2C15c-0.8%2C0-1.5-0.7-1.5-1.5%0A%09s0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5S13.3%2C15%2C12.5%2C15z%20M12%2C4l-2-2H3v12h2l1%2C2H1V0h10l3%2C3v4h-2V4z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-undo { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M9%2C17v-2c3.3%2C0%2C6-2.7%2C6-6s-2.7-6-6-6C7.3%2C3%2C5.9%2C3.7%2C4.8%2C4.8L7%2C7H1V1l2.4%2C2.4C4.8%2C1.9%2C6.8%2C1%2C9%2C1%0A%09c4.4%2C0%2C8%2C3.6%2C8%2C8S13.4%2C17%2C9%2C17z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-zoom-in { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.7%2C16.3l-1.4%2C1.4l-4.1-4.1C11%2C14.5%2C9.6%2C15%2C8%2C15c-3.9%2C0-7-3.1-7-7s3.1-7%2C7-7s7%2C3.1%2C7%2C7%0A%09c0%2C1.6-0.5%2C3-1.4%2C4.2L17.7%2C16.3z%20M8%2C3C5.2%2C3%2C3%2C5.2%2C3%2C8s2.2%2C5%2C5%2C5s5-2.2%2C5-5S10.8%2C3%2C8%2C3z%20M9%2C11H7V9H5V7h2V5h2v2h2v2H9V11z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-zoom-out { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.7%2C16.3l-1.4%2C1.4l-4.1-4.1C11%2C14.5%2C9.6%2C15%2C8%2C15c-3.9%2C0-7-3.1-7-7s3.1-7%2C7-7s7%2C3.1%2C7%2C7%0A%09c0%2C1.6-0.5%2C3-1.4%2C4.2L17.7%2C16.3z%20M8%2C3C5.2%2C3%2C3%2C5.2%2C3%2C8s2.2%2C5%2C5%2C5s5-2.2%2C5-5S10.8%2C3%2C8%2C3z%20M5%2C9V7h6v2H5z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-gantt-i.dx-gantt-i-resource-manager { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M12%2C9h4v4h-4%20M8%2C5H0v2h8%20M12%2C5h4V1h-4%20M0%2C1v2h10V1%20M0%2C15h8v-2H0%20M0%2C11h10V9H0%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .dx-sortable { overflow: hidden; } .dx-sortable-dragging.dx-sortable-clone { position: absolute; top: 0; left: 0; box-sizing: border-box; opacity: .9; z-index: 2147483647; } .dx-sortable-dragging.dx-sortable-clone .dx-inkripple { overflow: hidden; } .dx-sortable-dragging.dx-sortable-clone * { cursor: pointer; cursor: grabbing; } .dx-sortable-source { opacity: .5; } .dx-sortable-source-hidden { opacity: 0; } .dx-sortable-placeholder { position: absolute; top: 0; left: 0; border: 1px solid #03a9f4; box-sizing: border-box; z-index: 2147483647; } .dx-sortable-placeholder-inside { border-width: 2px; } .dx-sortable-dragging > * { border-color: rgba(3,169,244,.5); box-shadow: 0 1px 3px rgba(0,0,0,.1),0 6px 8px rgba(0,0,0,.2); } .dx-deferrendering .dx-deferrendering-loadindicator-container { width: 100%; height: 100%; position: relative; } .dx-deferrendering.dx-pending-rendering .dx-invisible-while-pending-rendering, .dx-deferrendering:not(.dx-pending-rendering) .dx-visible-while-pending-rendering { display: none!important; } .dx-map-container, .dx-map-shield { position: relative; width: 100%; height: 100%; color: #000; } .dx-map-shield { top: -100%; left: 0; background: rgba(0,0,0,.01); opacity: .01; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.css ***! \****************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('fontawesome-webfont.2b13baa7dd4f54c9.eot?v=4.7.0'); src: url('fontawesome-webfont.2b13baa7dd4f54c9.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.e9955780856cf8aa.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.cf011583fb81df9f.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.8a7cb27d142e3e19.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.da909aa098b0ee2d.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*!************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/external/RichTextEditor/jquery-te-1.4.0.css ***! \************************************************************************************************************************************************************************************************************************************************/ /*! * * jQuery TE 1.4.0 , http://jqueryte.com/ * Copyright (C) 2013, Fatih Koca (fattih@fattih.com), (http://jqueryte.com/about) * jQuery TE is provided under the MIT LICENSE. * */ /* editor's general field */ .jqte { margin:0px 0; border:#000 1px solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; -moz-box-shadow:0 0 3px #999; overflow:hidden; transition:box-shadow 0.4s, border 0.4s; -webkit-transition:-webkit-box-shadow 0.4s, border 0.4s; -moz-transition:-moz-box-shadow 0.4s, border 0.4s; -o-transition:-o-box-shadow 0.4s, border 0.4s; } .jqte * { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:14px; } .jqte_focused { border-color:#00AAE7; box-shadow:0 0 10px #00BDFF; -webkit-box-shadow:0 0 10px #00BDFF; -moz-box-shadow:0 0 10px #00BDFF; } /* toolbar */ .jqte_toolbar { overflow:auto; padding:3px 4px; background:#EEE; border-bottom:#BBB 1px solid; } .jqte_tool { float:left; margin:0; padding:0; cursor:pointer; } .jqte_tool, .jqte_tool_icon, .jqte_tool_label { border:#EEE 1px solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px } .jqte_hiddenField { display:none } .jqte_tool_icon { display:block; width:22px; height:22px; background:url('jquery-te.62d66f526dfaafde.png') no-repeat } .jqte_tool.jqte_tool_1 .jqte_tool_label { position:relative; display:block; padding:3px; width:70px; height:25px; overflow:hidden; } .jqte_tool.jqte_tool_1 .jqte_tool_text { font:bold 13px Arial,sans-serif; color:#222; } .jqte_tool.jqte_tool_1 .jqte_tool_icon { position:absolute; top:10px; right:2px; width:6px; height:4px; background-position:-19px -23px; border:none; border-radius:none; -webkit-border-radius:none; -moz-border-radius:none } .jqte_tool.jqte_tool_2 .jqte_tool_icon { background-position:0 0 } .jqte_tool.jqte_tool_3 .jqte_tool_icon { background-position:-22px 0 } .jqte_tool.jqte_tool_4 .jqte_tool_icon { background-position:-44px 0 } .jqte_tool.jqte_tool_5 .jqte_tool_icon { background-position:-66px 0 } .jqte_tool.jqte_tool_6 .jqte_tool_icon { background-position:-88px 0 } .jqte_tool.jqte_tool_7 .jqte_tool_icon { background-position:-110px 0 } .jqte_tool.jqte_tool_8 .jqte_tool_icon { background-position:-132px 0 } .jqte_tool.jqte_tool_9 .jqte_tool_icon { background-position:-154px 0 } .jqte_tool.jqte_tool_10 .jqte_tool_icon { background-position:-176px 0 } .jqte_tool.jqte_tool_11 .jqte_tool_icon { background-position:-198px 0 } .jqte_tool.jqte_tool_12 .jqte_tool_icon { background-position:-220px 0 } .jqte_tool.jqte_tool_13 .jqte_tool_icon { background-position:-242px 0 } .jqte_tool.jqte_tool_14 .jqte_tool_icon { background-position:-264px 0 } .jqte_tool.jqte_tool_15 .jqte_tool_icon { background-position:-286px 0 } .jqte_tool.jqte_tool_16 .jqte_tool_icon { background-position:-308px 0 } .jqte_tool.jqte_tool_17 .jqte_tool_icon { background-position:-330px 0 } .jqte_tool.jqte_tool_18 .jqte_tool_icon { background-position:-352px 0 } .jqte_tool.jqte_tool_19 .jqte_tool_icon { background-position:-374px 0 } .jqte_tool.jqte_tool_20 .jqte_tool_icon { background-position:-396px 0 } .jqte_tool.jqte_tool_21 .jqte_tool_icon { background-position:-418px 0 } .jqte_tool:hover { background-color:#FFF; border-color:#FFF } .jqte_tool:hover .jqte_tool_icon, .jqte_tool:hover .jqte_tool_label { border:#AAA 1px solid } .jqte_tool:active .jqte_tool_icon, .jqte_tool:active .jqte_tool_label { border:#777 1px solid } .jqte_tool.jqte_tool_1:hover .jqte_tool_icon, .jqte_tool.jqte_tool_1:active .jqte_tool_icon { border:none } .jqte_tool_depressed { background-color:#DDD; border-color:#CCC } .jqte_tool_depressed .jqte_tool_icon { border-color:#AAA } .jqte_tool_depressed:hover { background-color:#EEE } /* link form area */ .jqte_linkform { padding:5px 10px; background:#DDD; border-bottom:#BBB 1px solid; } .jqte_linktypeselect { position:relative; float:left; width:130px; background:#EEE; cursor:pointer } .jqte_linktypeselect:Active { background:#FFF } .jqte_linktypeview { padding:3px 5px; border:#333 1px solid; color:#777; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; outline:none } .jqte_linktypetext { font-size:12px; } .jqte_linktypearrow { position:absolute; bottom:8px; right:6px; width:7px; height:6px; margin:0 auto; background:url('jquery-te.62d66f526dfaafde.png') -7px -23px no-repeat; } .jqte_linktypes { display:none; position:absolute; top:22px; left:1px; width:125px; background:#FFF; border:#333 1px solid; box-shadow:0 1px 4px #AAA; -webkit-box-shadow:0 1px 4px #AAA; -moz-box-shadow:0 1px 4px #AAA } .jqte_linktypes a { display:block; padding:4px 5px; font-size:12px; } .jqte_linktypes a:hover { background:#DDD } .jqte_linkinput { float:left; margin:0 5px; padding:3px 5px; width:300px; background:#EEE; border:#333 1px solid; color:#777; font-size:12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; outline:none; } .jqte_linkinput:focus, .jqte_linkinput:hover { background:#FFF; border-color:#000; } .jqte_linkbutton { float:left; padding:3px 12px; background:#AAA; border:#333 1px solid; color:#FFF; font-size:12px; font-weight:bold; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:inset 0 1px #EEE; -webkit-box-shadow:inset 0 1px #EEE; -moz-box-shadow:inset 0 1px #EEE; } .jqte_linkbutton:hover { background:#A1A1A1 } .jqte_linkbutton:active { box-shadow:inset 0 1px #CCC; -webkit-box-shadow:inset 0 1px #CCC; -moz-box-shadow:inset 0 1px #CCC; background:#888; } /* text format menu */ .jqte_formats { display:none; position:absolute; width:180px; oveflow-x:hidden; overflow-y:auto; background:#FFF; border:#AAA 1px solid; box-shadow:0 0 5px #AAA; -webkit-box-shadow:0 0 5px #AAA; -moz-box-shadow:0 0 5px #AAA; z-index:100; } .jqte_format { display:block; padding:4px 7px; font-size:13px } .jqte_format:hover { background:#DDD } .jqte_format_1, .jqte_format_2, .jqte_format_3, .jqte_format_4, .jqte_format_5, .jqte_format_6 { font-weight:bold } .jqte_format_1 { font-size:22px } .jqte_format_2 { font-size:20px } .jqte_format_3 { font-size:18px } .jqte_format_4 { font-size:16px } .jqte_format_5 { font-size:14px } .jqte_format_6 { font-size:12px } .jqte_format_7 { font-family:"Courier New", Courier, monospace } /* font size menu */ .jqte_fontsizes { display:none; position:absolute; width:180px; height:198px; oveflow-x:hidden; overflow-y:auto; background:#FFF; border:#AAA 1px solid; box-shadow:0 0 5px #AAA; -webkit-box-shadow:0 0 5px #AAA; -moz-box-shadow:0 0 5px #AAA } .jqte_fontsize { display:block; padding:3px 7px; } .jqte_fontsize:hover { background:#DDD } /* color pallette */ .jqte_cpalette { display:none; position:absolute; padding:6px; width:144px; background:#FFF; border:#AAA 1px solid; box-shadow:0 0 5px #AAA; -webkit-box-shadow:0 0 5px #AAA; -moz-box-shadow:0 0 5px #AAA } .jqte_color { display:block; float:left; width:16px; height:16px; border:#FFF 1px solid; } .jqte_color:hover { border-color:#000 } .jqte_colorSeperator { float:none; clear:both; height:7px; } /* editor area */ .jqte_editor, .jqte_source { padding:10px; background:#FFF; min-height:100px; max-height:900px; overflow:auto; outline:none; word-wrap:break-word; -ms-word-wrap:break-word; resize:vertical } .jqte_editor div, .jqte_editor p { margin:0 0 7px } .jqte_editor a:link, .jqte_editor a:link * { color:#0066FF !important; text-decoration:underline; } .jqte_editor blockquote { margin-top:0; margin-bottom:7px } .jqte_editor img { float:left; margin:0 10px 5px 0 } .jqte_editor a[jqte-setlink], .jqte_editor a[jqte-setlink] * { background:#3297FD !important; color:#FFF !important } .jqte_editor h1, .jqte_editor h2, .jqte_editor h3, .jqte_editor h4, .jqte_editor h5, .jqte_editor h6, .jqte_editor pre { display:block; margin:0 0 3px; } .jqte_editor h1, .jqte_editor h1 * { font-size:26px } .jqte_editor h2, .jqte_editor h2 * { font-size:24px } .jqte_editor h3, .jqte_editor h3 * { font-size:22px } .jqte_editor h4, .jqte_editor h4 * { font-size:20px } .jqte_editor h5, .jqte_editor h5 * { font-size:18px } .jqte_editor h6, .jqte_editor h6 * { font-size:15px } .jqte_editor pre, .jqte_editor pre * { font-family:"Courier New", Courier, monospace } /* source area */ .jqte_source, .jqte_source textarea { background:#FFF1E8 } .jqte_source textarea { margin:0 !important; padding:0 !important; display:block !important; width:100% !important; min-height:100px; font-family:Courier, Arial, sans-serif !important; font-weight:normal; font-size:15px; overflow:hidden !important; outline:none; resize:none; } .jqte_source textarea, .jqte_source textarea:focus { css_shadow:none !important; background:none !important; border:none !important; } /* title box */ .jqte_title { display:none; position:absolute; z-index:9999; } .jqte_titleArrow { position:relative; } .jqte_titleArrowIcon { width:7px; height:6px; margin:0 auto; background:url('jquery-te.62d66f526dfaafde.png') 0 -23px no-repeat; } .jqte_titleText { padding:5px 7px; margin-top:0; min-width:5px; min-height:1px; max-width:400px; background:#000; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; word-wrap:break-word; -ms-word-wrap:break-word } .jqte_titleText, .jqte_titleText * { color:#FFF; font-size:11px } /* placeholder */ .jqte_placeholder { position:relative; display:none; } .jqte_placeholder_text { position:absolute; top:43px; left:10px; font-size:14px; color:#CCC; } /*!*********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/external/Dashboard/css/theme-default.css ***! \*********************************************************************************************************************************************************************************************************************************************/ /* PREDEFINED CLASSES */ .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .background-colorful { background: linear-gradient(to right, #E04B4A 0%, #1caf9a 50%, #95b75d 100%); background: -ms-linear-gradient(left, #E04B4A 0%, #1caf9a 50%, #95b75d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #E04B4A), color-stop(0.5, #1caf9a), color-stop(1, #95b75d)); } /* EOF PREDEFINED CLASSES */ html * { outline: none !important; } /*html, body { min-height: 100%; padding: 0px; margin: 0px; background: #f5f5f5 url('../img/bg.png') left top repeat; position: relative; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #22262e; overflow-x: hidden; }*/ .body-full-height { height: 100%; } .body-full-height body { height: 100%; } .Dashboardrow { margin-left: 0px; margin-right: 0px; background: #f5f5f5 url('bg.14feb9c624de70ee.png') left top repeat; } .Dashboardrow [class^='col-xs-'], .Dashboardrow [class^='col-sm-'], .Dashboardrow [class^='col-md-'], .Dashboardrow [class^='col-lg-'] { min-height: 1px; padding-left: 10px; padding-right: 10px; } .row.stacked [class^='col-xs-'], .row.stacked [class^='col-sm-'], .row.stacked [class^='col-md-'], .row.stacked [class^='col-lg-'] { padding-left: 0px; padding-right: 0px; } /* PAGE CONTAINER */ .Dashboard-page-container { width: 100%; float: left; /*min-height: 100%;*/ height:100%; position: relative; background: #1b1e24; overflow-y:auto; /* SIDEBAR */ /* END SIDEBAR */ /* CONTENT */ /* END CONTENT */ /* RTL CONTENT MODE */ /* END RTL CONTENT MODE */ } .Dashboard-page-container .page-sidebar { /*width: 220px;*/ width:100%; float: left; position: relative; /*z-index: 3;*/ } .Dashboard-page-container .page-sidebar.page-sidebar-fixed { position: fixed; } .Dashboard-page-container.Dashboard-page-container-wide .page-sidebar { width: 50px; } .Dashboard-page-container .page-content { margin-left: 0px; /*min-height: 100%; background: #f5f5f5 url('../img/bg.png') left top repeat; position: relative; zoom: 1; top: 0;*/ } .Dashboard-page-container .page-content:before, .Dashboard-page-container .page-content:after { content: ""; display: table; } .Dashboard-page-container .page-content:after { clear: both; } .Dashboard-page-container .page-content .content-frame { float: left; width: 100%; position: relative; background: #f5f5f5 url('bg.14feb9c624de70ee.png') left top repeat; } .Dashboard-page-container .page-content .content-frame .content-frame-top { float: left; width: 100%; line-height: 30px; padding: 13px 15px 15px; background: rgba(0, 0, 0, 0.02); border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; } .Dashboard-page-container .page-content .content-frame .content-frame-top .page-title { padding: 0px; width: auto; } .Dashboard-page-container .page-content .content-frame .content-frame-top .page-title h2 { margin-bottom: 0px; font-size: 22px; } .Dashboard-page-container .page-content .content-frame .content-frame-left { float: left; width: 300px; padding: 10px; min-height: 100%; background: rgba(0, 0, 0, 0.02); border-right: 1px solid #DDD; } .Dashboard-page-container .page-content .content-frame .content-frame-left.padding-0 { padding: 0px; } .Dashboard-page-container .page-content .content-frame .content-frame-left .block { padding: 0px; margin-bottom: 20px; } .Dashboard-page-container .page-content .content-frame .content-frame-left h4 { margin-top: 10px; } .Dashboard-page-container .page-content .content-frame .content-frame-left > .form-group { margin-bottom: 20px; } .Dashboard-page-container .page-content .content-frame .content-frame-right { float: right; width: 300px; padding: 10px; min-height: 100%; background: rgba(0, 0, 0, 0.02); border-left: 1px solid #DDD; } .Dashboard-page-container .page-content .content-frame .content-frame-right.padding-0 { padding: 0px; } .Dashboard-page-container .page-content .content-frame .content-frame-right.padding-0 .block { padding: 10px; } .Dashboard-page-container .page-content .content-frame .content-frame-right h4 { margin-top: 10px; } .Dashboard-page-container .page-content .content-frame .content-frame-right .block { padding: 0px; margin-bottom: 20px; } .Dashboard-page-container .page-content .content-frame .content-frame-right > .form-group { margin-bottom: 20px; } .Dashboard-page-container .page-content .content-frame .content-frame-body { padding: 70px 10px 10px 10px; margin-left: 300px; } .Dashboard-page-container .page-content .content-frame .content-frame-body.content-frame-body-left { margin-left: 0px; margin-right: 300px; } .Dashboard-page-container .page-content .content-frame .content-frame-left-toggle, .Dashboard-page-container .page-content .content-frame .content-frame-right-toggle { display: none; margin-left: 5px; } .Dashboard-page-container .page-content .page-content-wrap { float: left; width: 100%; margin-top: 10px; } .Dashboard-page-container.Dashboard-page-container-wide .page-content { margin-left: 50px; transition: all 200ms ease; } .Dashboard-page-container.page-navigation-toggled .page-content { margin-left: 50px; } .Dashboard-page-container.page-mode-rtl .page-sidebar { float: right; } .Dashboard-page-container.page-mode-rtl .page-sidebar.page-sidebar-fixed { right: 0px; } .Dashboard-page-container.page-mode-rtl .page-content { margin-left: 0px; margin-right: 220px; } .Dashboard-page-container.page-mode-rtl.Dashboard-page-container-wide .page-content { margin-right: 50px; } .Dashboard-page-container.page-navigation-top .page-content { margin-left: 0px; } .Dashboard-page-container.page-navigation-top-fixed .x-navigation.x-navigation-horizontal { position: fixed; padding-right: 220px; top: 0px; } .Dashboard-page-container.page-navigation-top-fixed .page-content { padding-top: 50px; } .Dashboard-page-container.page-navigation-top-fixed.page-navigation-toggled .x-navigation.x-navigation-horizontal { padding-right: 50px; } body.Dashboard-page-container-boxed { /* background: url("../img/backgrounds/wall_1.jpg") left top no-repeat fixed; */ padding: 20px 0px; } body.Dashboard-page-container-boxed .Dashboard-page-container { width: 1200px; float: none; margin: 0px auto; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); border-radius: 0px; } /* END PAGE CONTAINER */ /* NAVIGATION */ .x-navigation, .x-navigation ul { width: 100%; padding: 0px; margin: 0px; float: left; list-style: none; display: block; z-index: 3; } .x-navigation { background: #1b1e24; /* NAV LIST ELEMENT */ /* END NAV LIST ELEMENT */ /* NAV LIST FIRST ELEMENT */ /* END NAV LIST FIRST ELEMENT */ /* NAV HORIZONTAL MODE */ /* END NAV HORIZONTAL MODE */ /* NAV MINIMIZED MODE */ /* END NAV MINIMIZED MODE */ /* X-NAVIIGATION CUSTOM */ /* END X-NAVIGATION CUSTOM */ /* NAV SEARCH */ /* END NAV SEARCH */ /* NAV INFORMER */ /* END NAV INFORMER */ } .x-navigation li { float: left; display: block; width: 100%; padding: 0px; margin: 0px; position: relative; } .x-navigation li > a { display: block; float: left; width: 100%; line-height: 19px; color: #8b91a0; font-size: 13px; font-weight: 400; padding: 15px 10px 15px 15px; text-decoration: none; border-bottom: 1px solid #17191e; vertical-align: text-bottom; } .x-navigation li > a .fa, .x-navigation li > a .glyphicon { color: #8b91a0; text-align: center; width: 20px; font-size: 14px; margin-right: 10px; vertical-align: baseline; transition: color 200ms ease; } .x-navigation li > a:hover { background: #262a33; color: #fff; transition: all 200ms ease; } .x-navigation li > a:hover .fa, .x-navigation li > a:hover .glyphicon { color: #fff; } .x-navigation li > ul { background: #17191e; max-height: 0px; transition: all 200ms ease; overflow: hidden; } .x-navigation li > ul li > a { font-size: 12px; line-height: 19px; font-weight: 400; padding: 12px 10px; border-bottom-color: #121418; } .x-navigation li > ul li > a:hover { background: #121418; color: #ffffff; } .x-navigation li > ul li.active > a { background: #121418; color: #ffffff; } .x-navigation li.xn-openable:before { position: absolute; font-family: "FontAwesome"; content: "\f196"; font-size: 14px; width: 20px; height: 20px; color: #ffffff; right: 0px; top: 12px; cursor: pointer; } .x-navigation li.active.xn-openable:before { content: "\f147"; } .x-navigation li.active > a { background: #1caf9a; color: #fff; transition: all 200ms ease; } .x-navigation li.active > a .fa, .x-navigation li.active > a .glyphicon { color: #fff; } .x-navigation li.active > ul { max-height: 1200px; } .x-navigation li.xn-title { padding: 20px 10px 10px; line-height: 20px; font-weight: 300; font-size: 13px; color: #8b91a0; border-bottom: 1px solid #17191e; } .x-navigation > li.xn-openable:before { top: 15px; } .x-navigation > li > ul > li > a { padding-left: 25px; } .x-navigation > li > ul > li > a:hover { padding-left: 30px; } .x-navigation > li > ul > li.active > a { padding-left: 30px; } .x-navigation > li > ul > li > ul > li > a { padding-left: 40px; } .x-navigation > li > ul > li > ul > li > a:hover { padding-left: 45px; } .x-navigation > li > ul > li > ul > li.active > a { padding-left: 45px; } .x-navigation > li > ul > li > ul > li > ul > li > a { padding-left: 50px; } .x-navigation > li > ul > li > ul > li > ul > li > a:hover { padding-left: 55px; } .x-navigation > li > ul > li > ul > li > ul > li.active > a { padding-left: 55px; } .x-navigation > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 60px; } .x-navigation > li > ul > li > ul > li > ul > li > ul > li > a:hover { padding-left: 65px; } .x-navigation > li > ul > li > ul > li > ul > li > ul > li.active > a { padding-left: 65px; } .x-navigation > li:last-child > a { border-radius: 0px 0px 0px 5px; border-bottom: 0px; } .x-navigation.x-navigation-horizontal { height: 50px; background: #1d2127; } .x-navigation.x-navigation-horizontal .xn-logo a { border-bottom: 0px; width: 200px; } .x-navigation.x-navigation-horizontal > li.xn-openable:before { display: none; } .x-navigation.x-navigation-horizontal > li > a { padding: 15px; border-bottom: 0px; line-height: 20px; color: #ffffff; text-shadow: none; } .x-navigation.x-navigation-horizontal > li > a:hover { background: #282d36; } .x-navigation.x-navigation-horizontal > li > a:hover .fa, .x-navigation.x-navigation-horizontal > li > a:hover .glyphicon { color: #697b92; } .x-navigation.x-navigation-horizontal > li > a .fa, .x-navigation.x-navigation-horizontal > li > a .glyphicon { color: #ffffff; } .x-navigation.x-navigation-horizontal > li.active > a { background: #282d36; } .x-navigation.x-navigation-horizontal > li.active > a .fa, .x-navigation.x-navigation-horizontal > li.active > a .glyphicon { color: #697b92; } .x-navigation.x-navigation-horizontal > li ul { width: 220px; position: absolute; overflow: visible; display: none; border-radius: 3px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); z-index: 3; } .x-navigation.x-navigation-horizontal > li ul ul.xn-drop-white:after { border-right-color: #FFF; } .x-navigation.x-navigation-horizontal > li > ul { top: 60px; left: 0px; } .x-navigation.x-navigation-horizontal > li > ul.xn-drop-white:after { border-bottom-color: #FFF; } .x-navigation.x-navigation-horizontal > li > ul.xn-drop-left { left: auto; right: 0px; } .x-navigation.x-navigation-horizontal > li > ul.xn-drop-left.xn-drop-white ul:after { border-left-color: #FFF; } .x-navigation.x-navigation-horizontal > li > ul:after { bottom: 100%; left: 27px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #1b1e24; border-width: 5px; margin-left: -5px; } .x-navigation.x-navigation-horizontal > li > ul.xn-drop-left:after { right: 20px; left: auto; } .x-navigation.x-navigation-horizontal > li > ul.xn-drop-left:after ul { left: auto; right: 230px; } .x-navigation.x-navigation-horizontal > li > ul.xn-drop-left:after ul:after { right: auto; left: 100%; border: solid transparent; border-left-color: #1b1e24; border-width: 5px; margin-right: -5px; } .x-navigation.x-navigation-horizontal > li > ul ul { top: 0px; right: -230px; } .x-navigation.x-navigation-horizontal > li > ul ul:after { right: 100%; top: 23px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #1b1e24; border-width: 5px; margin-top: -5px; } .x-navigation.x-navigation-horizontal > li > ul li > a { padding-left: 10px; } .x-navigation.x-navigation-horizontal > li > ul li > a:hover { padding-left: 15px; } .x-navigation.x-navigation-horizontal > li > ul li.active > a { padding-left: 15px; } .x-navigation.x-navigation-horizontal > li li { width: 100%; } .x-navigation.x-navigation-horizontal > li li:first-child a { border-radius: 3px 3px 0px 0px; } .x-navigation.x-navigation-horizontal > li li:last-child a { border-radius: 0px 0px 3px 3px; border-bottom-color: transparent; } .x-navigation.x-navigation-horizontal > li li.xn-openable:before { content: "\f105"; } .x-navigation.x-navigation-horizontal > li li.active.xn-openable:before { content: "\f104"; } .x-navigation.x-navigation-horizontal > li:last-child > a { border-radius: 0px; } .x-navigation.x-navigation-horizontal > li.last > a { border-radius: 0px 5px 0px 0px; } .x-navigation.x-navigation-horizontal li { width: auto; position: relative; } .x-navigation.x-navigation-horizontal li.active > ul { display: block; } .x-navigation.x-navigation-horizontal li.xn-openable > a { padding-right: 20px; } .x-navigation.x-navigation-horizontal ul.xn-drop-white { background: #FFF; } .x-navigation.x-navigation-horizontal ul.xn-drop-white ul { background: #FFF; } .x-navigation.x-navigation-horizontal ul.xn-drop-white ul:after { border-right-color: #FFF; } .x-navigation.x-navigation-horizontal ul.xn-drop-white li > a { color: #333; text-shadow: none; border-bottom: 1px solid #E9E9E9; } .x-navigation.x-navigation-horizontal ul.xn-drop-white li > a:hover { background: #F5F5F5; color: #333; } .x-navigation.x-navigation-horizontal ul.xn-drop-white li > a .fa, .x-navigation.x-navigation-horizontal ul.xn-drop-white li > a .glyphicon { color: #1b1e24; } .x-navigation.x-navigation-horizontal ul.xn-drop-white li.active > a { color: #333; text-shadow: none; border-bottom: 1px solid #E9E9E9; } .x-navigation.x-navigation-horizontal ul.xn-drop-white li.active.xn-openable:before { color: #333; } .x-navigation.x-navigation-horizontal .xn-icon-button > a { padding: 15px 10px; text-align: center; width: 50px; } .x-navigation.x-navigation-horizontal .xn-icon-button > a .fa, .x-navigation.x-navigation-horizontal .xn-icon-button > a .glyphicon { margin: 0px; } .x-navigation.x-navigation-horizontal .xn-search { padding: 10px 5px; } .x-navigation.x-navigation-horizontal .xn-search input { width: 100px; } .x-navigation.x-navigation-horizontal .xn-search input:focus { width: 200px; } .x-navigation.x-navigation-horizontal .xn-search:before { left: 5px; } .x-navigation.x-navigation-minimized { width: 50px; } .x-navigation.x-navigation-minimized .xn-text { display: none; } .x-navigation.x-navigation-minimized .xn-visible { display: block; } .x-navigation.x-navigation-minimized li { width: auto; position: relative; } .x-navigation.x-navigation-minimized li.xn-profile .profile-mini { display: block; } .x-navigation.x-navigation-minimized li.xn-profile .profile:after { right: 100%; top: 23px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #1b1e24; border-width: 5px; margin-top: -5px; } .x-navigation.x-navigation-minimized li.xn-title { display: none; } .x-navigation.x-navigation-minimized li.active > ul { display: block; } .x-navigation.x-navigation-minimized li ul { top: 0px; right: -230px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); } .x-navigation.x-navigation-minimized li ul:after { right: 100%; top: 23px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #1b1e24; border-width: 5px; margin-top: -5px; } .x-navigation.x-navigation-minimized li ul li > a { padding-left: 15px !important; } .x-navigation.x-navigation-minimized li ul li > a:hover { padding-left: 20px !important; } .x-navigation.x-navigation-minimized li ul li.active > a { padding-left: 20px !important; } .x-navigation.x-navigation-minimized li ul li:first-child > a { border-radius: 3px 3px 0px 0px; } .x-navigation.x-navigation-minimized li ul li:last-child > a { border-bottom: 0px; border-radius: 0px 0px 3px 3px; } .x-navigation.x-navigation-minimized > li { width: 100%; } .x-navigation.x-navigation-minimized > li > a { padding: 15px 10px; text-align: center; } .x-navigation.x-navigation-minimized > li > a .fa, .x-navigation.x-navigation-minimized > li > a .glyphicon { margin: 0px; } .x-navigation.x-navigation-minimized > li ul { width: 220px; position: absolute; overflow: visible; display: none; border-radius: 3px; } .x-navigation.x-navigation-minimized > li li { width: 100%; } .x-navigation.x-navigation-minimized > li li.xn-openable:before { content: "\f105"; } .x-navigation.x-navigation-minimized > li li.active.xn-openable:before { content: "\f104"; } .x-navigation.x-navigation-minimized > li.active:before, .x-navigation.x-navigation-minimized > li.xn-openable:before { display: none; } .x-navigation.x-navigation-minimized > li.xn-logo > a:first-child { padding: 0px; width: 50px; background-image: url('logo-small.eb050d990f85ddd6.png'); } .x-navigation.x-navigation-minimized .xn-search input { width: 30px; padding: 0px 2px 0px 28px; } .x-navigation.x-navigation-minimized .xn-search input:focus { width: 200px; padding: 0px 8px 0px 28px; } .x-navigation.x-navigation-custom li ul { background: #14171b; } .x-navigation.x-navigation-custom li > a { border-bottom: 0px; } .x-navigation.x-navigation-custom li > a:hover { background: #121418; } .x-navigation.x-navigation-custom li > a:hover .fa, .x-navigation.x-navigation-custom li > a:hover .glyphicon { color: #b5c1d1; } .x-navigation.x-navigation-custom li > a .fa, .x-navigation.x-navigation-custom li > a .glyphicon { color: #DDD; } .x-navigation.x-navigation-custom li.active > a { background: #121418; } .x-navigation.x-navigation-custom li.active > a .fa, .x-navigation.x-navigation-custom li.active > a .glyphicon { color: #b5c1d1; } .x-navigation.x-navigation-custom > li > a { padding: 12px 10px 12px 12px; border-bottom: 0px; font-size: 13px; color: #CCC; border-left: 3px solid transparent; } .x-navigation.x-navigation-custom > li > a:hover { color: #FFF; background: #1f232a; } .x-navigation.x-navigation-custom > li.active > a { color: #FFF; background: #1f232a; border-left: 3px solid #b5c1d1; } .x-navigation.x-navigation-custom > li.xn-openable:before { color: #CCC; top: 12px; } .x-navigation.x-navigation-custom > li.xn-title { border-bottom: 0px; } .x-navigation.x-navigation-custom > li.xn-logo > a { border-left: 0px; } .x-navigation.x-navigation-custom > li.xn-logo > a:hover { background-color: #0c0d10; } .x-navigation.x-navigation-custom.x-navigation-minimized > li > a { padding: 15px 10px 15px 7px; } .x-navigation.x-navigation-custom.x-navigation-minimized > li.xn-profile > a { border-left: 0px; padding: 7px; } .x-navigation .xn-search { padding: 10px 10px 0px 9px; position: relative; } .x-navigation .xn-search input { width: 200px; height: 30px; padding: 0px 8px 0px 28px; line-height: 25px; border: 1px solid #101215; background: #14171b; color: #AAA; transition: all 200ms ease; border-radius: 0px; } .x-navigation .xn-search:before { content: "\f002"; font-family: FontAwesome; position: absolute; width: 30px; height: 30px; text-align: center; font-size: 17px; line-height: 28px; color: #AAA; left: 10px; top: 10px; z-index: 2; cursor: pointer; } .x-navigation .xn-visible { display: none; } .x-navigation .x-navigation-control { position: absolute; right: 0px; width: 50px; height: 50px; cursor: pointer; display: none; } .x-navigation .x-navigation-control:hover { background: #0c0d10; border-bottom: 0px; } .x-navigation .x-navigation-control:before { position: absolute; font-family: "FontAwesome"; content: "\f0c9"; font-size: 14px; top: 14px; left: 20px; color: #FFF; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); } .x-navigation > li.xn-logo > a { border-bottom: 0px; } .x-navigation > li.xn-logo > a:first-child { font-size: 25px; border-bottom: 0px; color: #FFF; height: 50px; text-align: center; background: #1caf9a; } .x-navigation > li.xn-logo > a:first-child:hover { background-color: #1caf9a; } .x-navigation > li.xn-profile { padding: 0px; border-bottom: 1px solid #14171b; } .x-navigation > li.xn-profile .profile-data-name { color: #ffffff; } .x-navigation > li.xn-profile .profile-mini { display: none; width: 50px; padding: 7px; } .x-navigation > li.xn-profile .profile-mini img { width: 36px; border: 2px solid #FFF; border-radius: 20%; } .x-navigation .informer { font-size: 11px; position: absolute; line-height: 20px; text-align: center; padding: 0px 5px; background: #BBB; right: 10px; top: 15px; color: #FFF; border-radius: 3px; } .x-navigation .informer.pulsate { -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: pulsate 1s ease-out; -moz-animation-iteration-count: infinite; animation: pulsate 1s ease-out; animation-iteration-count: infinite; } .x-navigation .informer.informer-primary { background: #1b1e24; } .x-navigation .informer.informer-success { background: #95b75d; } .x-navigation .informer.informer-info { background: #1caf9a; } .x-navigation .informer.informer-warning { background: #1caf9a; } .x-navigation .informer.informer-danger { background: #E04B4A; } .x-navigation li li .informer { top: 12px; } .x-navigation .xn-icon-button .informer { left: auto; bottom: auto; right: 1px; top: 5px; } .Dashboard-page-container.page-mode-rtl .x-navigation.x-navigation-minimized li ul { top: 0px; right: auto; left: -230px; } .Dashboard-page-container.page-mode-rtl .x-navigation.x-navigation-minimized li ul:after { right: auto; left: 100%; border-right-color: transparent; border-left-color: #1b1e24; } .Dashboard-page-container.page-mode-rtl .x-navigation.x-navigation-minimized li .profile { right: auto; left: -230px; } .Dashboard-page-container.page-mode-rtl .x-navigation.x-navigation-minimized li .profile:after { right: auto; left: 100%; border-right-color: transparent; border-left-color: #1b1e24; } .Dashboard-page-container-boxed .x-navigation { border-radius: 5px 0px 0px 5px; } .Dashboard-page-container-boxed .x-navigation .xn-logo a { border-radius: 5px 0px 0px 0px; } .Dashboard-page-container-boxed .x-navigation.x-navigation-horizontal { border-radius: 5px 5px 0px 0px; } .Dashboard-page-container-boxed .x-navigation.x-navigation-horizontal.x-navigation-panel { border-radius: 0px 5px 0px 0px; } .Dashboard-page-container-boxed .Dashboard-page-container .page-content { border-radius: 0px 5px 5px 0px; } .Dashboard-page-container-boxed .Dashboard-page-container.page-mode-rtl .page-content { border-radius: 0px; } .Dashboard-page-container-boxed .Dashboard-page-container.page-mode-rtl .page-sidebar .x-navigation { border-radius: 0px 5px 5px 0px; } .Dashboard-page-container-boxed .Dashboard-page-container.page-mode-rtl .page-sidebar .x-navigation .xn-logo a { border-radius: 0px 5px 0px 0px; } .Dashboard-page-container-boxed .Dashboard-page-container.page-mode-rtl .x-navigation.x-navigation-horizontal { border-radius: 5px 0px 0px 0px; } .Dashboard-page-container-boxed .Dashboard-page-container.page-mode-rtl .x-navigation.x-navigation-horizontal.x-navigation-panel { border-radius: 5px 0px 0px 0px; } .Dashboard-page-container-boxed .Dashboard-page-container.page-mode-rtl .x-navigation.x-navigation-horizontal > li:first-child a { border-radius: 5px 0px 0px 0px; } /* END NAVIGATION */ /* PROFILE */ .profile { width: 100%; float: left; padding: 15px 10px; position: relative; background: #080a0e; } .profile .profile-image { float: left; width: 100%; margin: 0px 0px 10px; text-align: center; } .profile .profile-image img { width: 100px; border: 3px solid #FFF; border-radius: 20%; } .profile .profile-data { width: 100%; float: left; text-align: center; } .profile .profile-data .profile-data-name { width: 100%; float: left; font-size: 14px; font-weight: 500; color: #FFF; } .profile .profile-data .profile-data-title { width: 100%; float: left; font-size: 11px; font-weight: 400; color: #999; } .profile .profile-controls a { width: 30px; height: 30px; font-size: 14px; color: #DDD; border: 2px solid #DDD; line-height: 25px; position: absolute; border-radius: 20%; padding: 0px; transition: all 200ms ease; } .profile .profile-controls a.profile-control-left { left: 15px; top: 53px; text-align: center; } .profile .profile-controls a.profile-control-right { right: 15px; top: 53px; text-align: center; } .profile .profile-controls a .fa, .profile .profile-controls a .glyphicon { width: auto; margin-right: auto; } .profile .profile-controls a:hover { border-color: #FFF; color: #FFF; } /* X-NAVIGATION FEATURES */ .x-navigation.x-navigation-minimized .profile { width: 220px; background: #1b1e24; position: absolute; top: 4px; right: -230px; display: none; border-radius: 3px; } .x-navigation.x-navigation-minimized li.active .profile { display: block; } .x-navigation.x-navigation-minimized .profile-mini { display: block; border-bottom: 0px; } /* END X-NAVIGATION FEATURES */ /* END PROFILE */ /* BLOCK */ .block { padding: 5px 10px; float: left; width: 100%; margin-bottom: 20px; } .block-full-width { padding: 0px; float: left; width: 100%; position: relative; } /* END BLOCK */ /* BREADCRUMB */ .Dashboardbreadcrumb { float: left; width: 100%; background: #e8e8e8; margin-bottom: 10px; padding: 6px 15px 7px; border-radius: 0px; } .Dashboardbreadcrumb li, .Dashboardbreadcrumb li a { font-size: 11px; line-height: 12px; color: #4d5669; text-decoration: none; } .Dashboardbreadcrumb li:hover, .Dashboardbreadcrumb li a:hover { color: #22262e; } .Dashboardbreadcrumb li:last-child { color: #22262e; } .Dashboardbreadcrumb > li + li:before { font-family: "FontAwesome"; content: "\f105"; color: #4d5669; padding: 0px 8px; } /* EOF BREADCRUMB */ /* Progress list */ .progress-list { float: left; width: 100%; padding: 0px 5px; font-size: 11px; } .progress-list .progress { clear: both; margin-top: 20px; } /* end progress list*/ /* LIST TAGS */ .list-tags { float: left; width: 100%; list-style: none; padding: 0px; margin: 0px; } .list-tags li { float: left; display: block; position: relative; } .list-tags li a { display: block; float: left; background: #F5F5F5; border: 1px solid #D5D5D5; border-radius: 3px; line-height: 23px; font-size: 11px; margin: 0px 5px 5px 0px; padding: 0px 8px; color: #22262e; } .list-tags li a:hover { text-decoration: none; background: #F0F0F0; } /* END LIST TAGS */ /* LIST GROUP */ .list-group { margin: 0px; } .list-group .list-group-item { line-height: 20px; } .list-group .list-group-item .fa { margin-right: 10px; } .list-group .list-group-item .btn .fa { margin-right: 0px; } .list-group .list-group-item .progress { margin: 5px 0px; } .list-group .list-group-item.active .badge { color: #22262e; } .list-group .list-group-item:last-child { border-bottom: 0px; } .list-group.list-group-simple { border: 0px; background: transparent; } .list-group.list-group-simple .list-group-item { border: 0px; background: transparent; padding: 5px 10px; } .list-group.border-bottom .list-group-item:last-child { border-bottom: 1px solid #E5E5E5; } .list-group.list-group-navigation { border: 0px; float: left; width: 100%; } .list-group.list-group-navigation .list-group-item { border-left: 0px; border-right: 0px; border-radius: 0px; } .padding-0 .list-group { border: 0px; } .padding-0 .list-group .list-group-item { border-width: 1px 0px 0px 0px; border-radius: 0px; } .padding-0 .list-group .list-group-item:first-child { border-top: 0px; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background: #1b1e24; border-color: #1b1e24; } .list-group-item { border-color: #E5E5E5; } a.list-group-item:hover, a.list-group-item:focus { background: #F9F9F9; } /* LIST GROUP CONTACTS */ .list-group-contacts .list-group-item { padding: 10px; } .list-group-contacts .list-group-item img { border: 2px solid #F5F5F5; border-radius: 20%; width: 40px; margin-right: 10px; } .list-group-contacts .list-group-item .contacts-title { font-size: 13px; font-weight: 600; line-height: 20px; } .list-group-contacts .list-group-item p { margin-bottom: 0px; line-height: 20px; } .list-group-contacts .list-group-item.active { background: #F5F5F5; border-color: #E5E5E5; color: #22262e; } .list-group-controls { position: absolute; right: 10px; top: 15px; } .list-group-status { float: left; margin-right: 10px; height: 40px; width: 10px; position: relative; } .list-group-status:after { position: absolute; left: 0px; top: 15px; width: 10px; height: 10px; border-radius: 20%; content: " "; } .list-group-status.status-online:after { background: #95b75d; } .list-group-status.status-away:after { background: #1caf9a; } .list-group-status.status-offline:after { background: #CCC; } /* END LIST GROUP CONTACTS */ /* EOF LIST GROUP */ /* FRIENDS */ .friend { width: 100%; float: left; text-align: center; padding: 10px 0px; color: #22262e; font-weight: 600; display: block; opacity: 0.8; filter: alpha(opacity = 80); transition: opacity 200ms ease-in-out; } .friend img { width: 100%; border: 3px solid #F5F5F5; border-radius: 20%; } .friend span { display: block; line-height: 20px; margin-top: 5px; font-size: 11px; } .friend:hover { text-decoration: none; opacity: 1; filter: alpha(opacity = 100); color: #1b1e24; } /* FRIENDS */ /* PANELS */ .panel { float: left; width: 100%; border-radius: 0px; border: 0px; border-top: 2px solid #E5E5E5; margin-bottom: 20px; position: relative; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); } .panel.panel-default { border-top-color: #F5F5F5; border-top-width: 1px; } .panel.panel-primary { border-top-color: #1b1e24; } .panel.panel-success { border-top-color: #95b75d; } .panel.panel-info { border-top-color: #1caf9a; } .panel.panel-warning { border-top-color: #1caf9a; } .panel.panel-danger { border-top-color: #E04B4A; } .panel.panel-colorful:before { content: ""; width: 100%; height: 2px; background: linear-gradient(to right, #E04B4A 0%, #1caf9a 50%, #95b75d 100%); background: -ms-linear-gradient(left, #E04B4A 0%, #1caf9a 50%, #95b75d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #E04B4A), color-stop(0.5, #1caf9a), color-stop(1, #95b75d)); display: block; left: 0px; top: 0px; } .panel .panel-heading { padding: 5px; } .panel .panel-heading .panel-title-image { float: left; width: 30px; border: 2px solid #D5D5D5; border-radius: 20%; margin-right: 5px; } .panel .panel-heading .panel-title { margin-left: 7px; } .panel .panel-heading .panel-title-box { float: left; } .panel .panel-heading .panel-title-box h3 { font-size: 14px; font-weight: 600; line-height: 18px; color: #1b1e24; padding: 0px; margin: 0px; } .panel .panel-heading .panel-title-box span { font-size: 12px; color: #586377; font-weight: 400; line-height: 12px; } .panel .panel-heading, .panel .panel-footer, .panel .panel-body { float: left; width: 100%; } .panel .panel-body { padding: 15px; position: relative; } .panel .panel-body.scroll { padding-right: 0px; } .panel .panel-body.panel-body-map { padding: 5px; } .panel .panel-body.panel-body-image { padding: 0px; margin-bottom: 10px; position: relative; } .panel .panel-body.panel-body-image img { border-radius: 5px 5px 0px 0px; width: 100%; } .panel .panel-body.panel-body-image .panel-body-inform { width: 30px; height: 30px; position: absolute; bottom: -15px; left: 50%; background: #1caf9a; color: #FFF; border-radius: 0px; margin-left: -15px; text-align: center; line-height: 30px; padding-left: 1px; padding-top: 1px; transform: rotate(45deg); } .panel .panel-body.panel-body-image .panel-body-inform.inform-primary { background: #1b1e24; } .panel .panel-body.panel-body-image .panel-body-inform.inform-success { background: #95b75d; } .panel .panel-body.panel-body-image .panel-body-inform.inform-warning { background: #1caf9a; } .panel .panel-body.panel-body-image .panel-body-inform.inform-danger { background: #E04B4A; } .panel .panel-body.panel-body-image .panel-body-inform .fa { font-size: 16px; color: #FFF; transform: rotate(-45deg); } .panel .panel-body.list-group { padding: 0px; } .panel .panel-body.profile { border-radius: 5px 5px 0px 0px; } .panel .panel-body.panel-body-search { padding: 5px; } .panel .panel-body.panel-body-half .panel-body { width: 50%; height: 100%; } .panel .panel-body.panel-body-half .panel-body:nth-child(2n) { padding-left: 25px; } .panel .panel-body.panel-body-half .panel-body.panel-body-image { margin-bottom: 0px; } .panel .panel-body.panel-body-half .panel-body.panel-body-image .panel-body-inform { bottom: auto; left: auto; right: -15px; top: 50%; margin-left: 0px; margin-top: -15px; } .panel .panel-title { font-size: 16px; font-weight: 400; line-height: 30px; display: block; float: left; color: #1b1e24; } .panel .panel-footer { background: #F5F5F5; border: 0px; border-top: 1px solid #E3E3E3; line-height: 30px; padding: 10px; } .panel-default .panel-heading, .panel-primary .panel-heading, .panel-success .panel-heading, .panel-info .panel-heading, .panel-warning .panel-heading, .panel-danger .panel-heading { background: #F5F5F5; border-color: #E5E5E5; } .panel-fullscreen-wrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: #FFF; } .panel-fullscreen-wrap .panel { border-radius: 0px; margin: 0px; } .panel-fullscreen-wrap .panel .panel-body { overflow-y: scroll; } /* PANEL GROUP / ACCORDION */ .panel-group { float: left; width: 100%; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0px; } .panel-title > a { text-decoration: none; } .panel-group.accordion .panel-body { display: none; } .panel-group.accordion .panel-body.panel-body-open { display: block; } /* END PANEL GROUP / ACCORDION */ /* PANEL CONTROLS */ ul.panel-controls { float: right; padding: 0px; margin: 0px; list-style: none; position: relative; } ul.panel-controls > li { float: left; } ul.panel-controls > li > a { display: block; float: left; width: 30px; height: 30px; text-align: center; line-height: 28px; color: #22262e; border: 1px solid #BBB; border-radius: 20%; margin-left: 3px; transition: all 200ms ease; } ul.panel-controls > li > a.control-primary { color: #1b1e24; border-color: #1b1e24; } ul.panel-controls > li > a.control-success { color: #95b75d; border-color: #95b75d; } ul.panel-controls > li > a.control-info { color: #1caf9a; border-color: #1caf9a; } ul.panel-controls > li > a.control-warning { color: #1caf9a; border-color: #1caf9a; } ul.panel-controls > li > a.control-danger { color: #E04B4A; border-color: #E04B4A; } ul.panel-controls > li > a:hover { border-color: #999; color: #1b1e24; } ul.panel-controls > li > a.rounded { border-radius: 0px; } ul.panel-controls.panel-controls-title { margin-top: 3px; } .panel-hidden-controls ul.panel-controls > li > a { opacity: 0; filter: alpha(opacity = 0); } .panel-hidden-controls:hover ul.panel-controls > li > a { opacity: 0.8; filter: alpha(opacity = 80); } .panel-hidden-controls:hover ul.panel-controls > li > a:hover { opacity: 1; filter: alpha(opacity = 100); } ul.panel-controls > li.label-control .label, .label-form { display: inline-block; font-size: 11px; padding: 5px 10px; line-height: 12px; margin-top: 4px; } ul.panel-controls > li > .dropdown-menu { left: auto; right: 3px; } ul.panel-controls > li > .dropdown-menu:after, ul.panel-controls > li > .dropdown-menu:before { left: auto; right: 11px; } ul.panel-controls > li > .dropdown-menu:after { margin-left: auto; margin-right: -5px; } ul.panel-controls > li > .dropdown-menu:before { margin-left: auto; margin-right: -6px; } /* EOF PANEL CONTROLS */ .panel-heading .label { line-height: 16px; padding: 4px 10px; margin: 3px 0px 3px 5px; font-size: 12px; display: inline-block; border-radius: 3px; } .panel-heading .label.pulsate { -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: pulsate 1s ease-out; -moz-animation-iteration-count: infinite; animation: pulsate 1s ease-out; animation-iteration-count: infinite; } /* PANEL BODY PRICING */ .panel.panel-primary .panel-body-pricing small { color: #1b1e24; } .panel.panel-success .panel-body-pricing small { color: #95b75d; } .panel.panel-info .panel-body-pricing small { color: #1caf9a; } .panel.panel-warning .panel-body-pricing small { color: #1caf9a; } .panel.panel-danger .panel-body-pricing small { color: #E04B4A; } .panel-body.panel-body-pricing h2 { font-size: 26px; font-weight: 400; } .panel-body.panel-body-pricing h2 small { text-transform: uppercase; } .panel-body.panel-body-pricing p { font-size: 13px; color: #666; margin-bottom: 15px; } .panel-body.panel-body-pricing p.text-muted { color: #AAA; font-size: 11px; } .panel-body.panel-body-pricing .fa { color: #EEE; } /* PANEL BODY PRICING */ /* PANEL REFRESHING */ .panel-refresh-layer { position: absolute; left: 0px; top: 0px; background: #FFF; opacity: 0.5; filter: alpha(opacity = 50); z-index: 3; font-size: 21px; } .panel-refresh-layer img { position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; } /* EOF PANEL REFRESHING */ .panel-toggled .panel-body, .panel-toggled .panel-footer { display: none; } /* XNAV PANEL */ .x-navigation li > .panel { display: none; position: absolute; left: 0px; top: 56px; width: 400px; z-index: 3; border-top-width: 1px; border-radius: 3px; } .x-navigation li > .panel.xn-drop-left { left: auto; right: 0px; } .x-navigation li > .panel .panel-heading { padding: 5px 10px; } .x-navigation li > .panel .panel-heading .panel-title { font-size: 14px; } .x-navigation li > .panel .panel-footer { line-height: 30px; padding: 3px 10px; } .x-navigation li.active > .panel { display: block; } .x-navigation li > .panel:after { top: -11px; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #E5E5E5; border-width: 5px; margin-left: -5px; } .x-navigation li > .panel.xn-drop-left:after { right: 20px; left: auto; } .x-navigation li > .panel.dragged:after { display: none; } .x-navigation li > .panel.panel-primary:after { border-bottom-color: #1b1e24; } .x-navigation li > .panel.panel-info:after { border-bottom-color: #1caf9a; } .x-navigation li > .panel.panel-warning:after { border-bottom-color: #1caf9a; } .x-navigation li > .panel.panel-danger:after { border-bottom-color: #E04B4A; } .x-navigation li > .panel.panel-success:after { border-bottom-color: #95b75d; } .resizable-helper { border: 1px dashed #1b1e24; } .xn-panel-dragging .panel-heading:hover { cursor: move; } .ui-resizable-s { width: 98%; } .ui-resizable-e { height: 98%; } .ui-resizable-se { width: 16px; height: 16px; right: 0px; bottom: 0px; text-indent: 0px; background: url('resize-icon.f64ed7f30bbe4ad9.png') left top no-repeat; } /* EOF XNAV PANEL */ /* EOF PANELS */ /* USER */ .user { float: left; width: 100%; line-height: 50px; } .user img { float: left; width: 50px; height: 50%; border: 3px solid #F5F5F5; border-radius: 20%; margin-right: 10px; } .user a { display: block; float: left; text-decoration: none; font-size: 14px; font-weight: 600; color: #1b1e24; } .user .btn { margin-top: 10px; } /* END USER */ /* BUTTONS */ /*.Dashboard-page-container .btn { font-size: 12px; padding: 4px 15px; line-height: 20px; font-weight: 400; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }*/ .Dashboard-page-container .btn.btn-lg, .Dashboard-page-container .btn-group-lg > .btn { font-size: 14px; padding: 8px 20px; } .Dashboard-page-container .btn.btn-sm, .Dashboard-page-container .btn-group-sm > .btn { font-size: 11px; padding: 2px 10px; } .Dashboard-page-container .btn.btn-xs, .Dashboard-page-container .btn-group-xs > .btn { font-size: 10px; padding: 0px 5px; } .Dashboard-page-container .btn-default { border-color: #DDD; } .Dashboard-page-container .btn-default:hover, .Dashboard-page-container .btn-default:focus, .Dashboard-page-container .btn-default:active, .Dashboard-page-container .btn-default.active, .open > .dropdown-toggle.btn-default { background-color: #F5F5F5; border-color: #DDD; } .Dashboard-page-container .btn-danger { background-color: #E04B4A; border-color: #E04B4A; } .Dashboard-page-container .btn-danger:hover, .Dashboard-page-container .btn-danger:focus, .Dashboard-page-container .btn-danger:active, .Dashboard-page-container .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-color: #a43f3e; border-color: #a43f3e; } .Dashboard-page-container .btn-danger[disabled], .Dashboard-page-container .btn-danger.disabled { background: #c66968; border-color: #c36261; } .Dashboard-page-container .btn-warning { background-color: #fe970a; border-color: #fe970a; } .Dashboard-page-container .btn-warning:hover, .Dashboard-page-container .btn-warning:focus, .Dashboard-page-container .btn-warning:active, .Dashboard-page-container .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-color: #fe970a; border-color: #fe970a; } .Dashboard-page-container .btn-warning[disabled], .Dashboard-page-container .btn-warning.disabled { background: #feb756; border-color: #feb34c; } .Dashboard-page-container .btn-success { background-color: #95b75d; border-color: #95b75d; } .Dashboard-page-container .btn-success:hover, .Dashboard-page-container .btn-success:focus, .Dashboard-page-container .btn-success:active, .Dashboard-page-container .btn-success.active, .open > .dropdown-toggle.btn-success { background-color: #89ad4d; border-color: #89ad4d; } .Dashboard-page-container .btn-success[disabled], .Dashboard-page-container .btn-success.disabled { background: #acc780; border-color: #a7c479; } .Dashboard-page-container .btn-primary { background-color: #1b1e24; border-color: #1b1e24; } .Dashboard-page-container .btn-primary:hover, .Dashboard-page-container .btn-primary:focus, .Dashboard-page-container .btn-primary:active, .Dashboard-page-container .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-color: #101215; border-color: #101215; } .Dashboard-page-container .btn-primary[disabled], .Dashboard-page-container .btn-primary.disabled { background: #313641; border-color: #2c313b; } .Dashboard-page-container .btn-info { background-color: #1caf9a; border-color: #1caf9a; } .Dashboard-page-container .btn-info:hover, .Dashboard-page-container .btn-info:focus, .Dashboard-page-container .btn-info:active, .Dashboard-page-container .btn-info.active, .open > .dropdown-toggle.btn-info { background-color: #29b2e1; border-color: #29b2e1; } .Dashboard-page-container .btn-info[disabled], .Dashboard-page-container .btn-info.disabled { background: #6ccaea; border-color: #63c7e9; } .Dashboard-page-container .btn-link { font-weight: 600; color: #1b1e24; } .Dashboard-page-container .btn-link:hover, .Dashboard-page-container .btn-link:focus, .Dashboard-page-container .btn-link:active, .Dashboard-page-container .btn-link.active { color: #1b1e24; } .Dashboard-page-container .btn .fa, .Dashboard-page-container .btn .glyphicon { font-size: 14px; margin-right: 5px; } .Dashboard-page-container .btn.btn-rounded { background: transparent; color: #22262e; border-radius: 12px; border-width: 2px; padding: 2px 10px; font-weight: 600; } .Dashboard-page-container .btn.btn-rounded.btn-default:hover, .Dashboard-page-container .btn.btn-rounded.btn-default:focus, .Dashboard-page-container .btn.btn-rounded.btn-default:active, .Dashboard-page-container .btn.btn-rounded.btn-default.active { border-color: #CCC; color: #333; } .Dashboard-page-container .btn.btn-rounded.btn-success { color: #95b75d; } .Dashboard-page-container .btn.btn-rounded.btn-success:hover, .Dashboard-page-container .btn.btn-rounded.btn-success:focus, .Dashboard-page-container .btn.btn-rounded.btn-success:active, .Dashboard-page-container .btn.btn-rounded.btn-success.active { border-color: #89ad4d; color: #89ad4d; } .Dashboard-page-container .btn.btn-rounded.btn-warning { color: #fe970a; } .Dashboard-page-container .btn.btn-rounded.btn-warning:hover, .Dashboard-page-container .btn.btn-rounded.btn-warning:focus, .Dashboard-page-container .btn.btn-rounded.btn-warning:active, .Dashboard-page-container .btn.btn-rounded.btn-warning.active { border-color: #fe970a; color: #fe970a; } .Dashboard-page-container .btn.btn-rounded.btn-info { color: #1caf9a; } .Dashboard-page-container .btn.btn-rounded.btn-info:hover, .Dashboard-page-container .btn.btn-rounded.btn-info:focus, .Dashboard-page-container .btn.btn-rounded.btn-info:active, .Dashboard-page-container .btn.btn-rounded.btn-info.active { border-color: #29b2e1; color: #29b2e1; } .Dashboard-page-container .btn.btn-rounded.btn-danger { color: #E04B4A; } .Dashboard-page-container .btn.btn-rounded.btn-danger:hover, .Dashboard-page-container .btn.btn-rounded.btn-danger:focus, .Dashboard-page-container .btn.btn-rounded.btn-danger:active, .Dashboard-page-container .btn.btn-rounded.btn-danger.active { border-color: #a43f3e; color: #a43f3e; } .Dashboard-page-container .btn.btn-rounded.btn-primary { color: #1b1e24; } .Dashboard-page-container .btn.btn-rounded.btn-primary:hover, .Dashboard-page-container .btn.btn-rounded.btn-primary:focus, .Dashboard-page-container .btn.btn-rounded.btn-primary:active, .Dashboard-page-container .btn.btn-rounded.btn-primary.active { border-color: #101215; color: #101215; } .Dashboard-page-container .btn:active, .Dashboard-page-container .btn.active { box-shadow: none; } .Dashboard-page-container .btn.btn-twitter { background: #1AB2E8; border-color: #1AB2E8; } .Dashboard-page-container .btn.btn-twitter:hover, .Dashboard-page-container .btn.btn-twitter:focus, .Dashboard-page-container .btn.btn-twitter:active, .Dashboard-page-container .btn.btn-twitter.active { background: #15a1d3; } .Dashboard-page-container .btn.btn-facebook { background: #3C599B; border-color: #3C599B; } .Dashboard-page-container .btn.btn-facebook:hover, .Dashboard-page-container .btn.btn-facebook:focus, .Dashboard-page-container .btn.btn-facebook:active, .Dashboard-page-container .btn.btn-facebook.active { background: #354e89; } .Dashboard-page-container .btn.btn-google { background: #E04A39; border-color: #E04A39; } .Dashboard-page-container .btn.btn-google:hover, .Dashboard-page-container .btn.btn-google:focus, .Dashboard-page-container .btn.btn-google:active, .Dashboard-page-container .btn.btn-google.active { background: #dd3623; } /* EOF BUTTONS */ /* FORM ELEMENTS */ .radio, .checkbox { margin-top: 5px; margin-bottom: 5px; float: left; width: 100%; } .radio + .radio, .checkbox + .checkbox { margin-top: 0px; } input[type=radio], input[type=checkbox] { margin: 2px 0px 0px; } .checkbox.pull-left, .checkbox.pull-right, .radio.pull-left, .radio.pull-right { width: auto; } .form-control { height: 30px; font-size: 12px; line-height: 18px; box-shadow: none; -webkit-appearance: none; border: 1px solid #D5D5D5; background: #F9F9F9; } .form-control:focus { border-color: #C5C5C5; box-shadow: none; border-color: #C1C1C1; background: #FFF; } .form-control[disabled], .form-control[readonly] { color: #CCC; } .form-control[disabled]:focus, .form-control[readonly]:focus { background: #EEE; color: #CCC; border-color: #D5D5D5; } .input-group-addon { border-color: #1b1e24; background-color: #1b1e24; font-size: 13px; padding: 0px 10px; line-height: 28px; color: #FFF; text-align: center; min-width: 36px; } .input-group-addon, .input-group-btn { vertical-align: bottom; } .form-group:last-child { margin-bottom: 0px; } .form-group-separated { border-top: 1px dashed #D5D5D5; } .form-group-separated .form-group { border-bottom: 1px dashed #D5D5D5; margin-bottom: 0px; } .form-group-separated .form-group [class^="col-md-"] { border-left: 1px dashed #D5D5D5; padding: 12px 10px; } .form-group-separated .form-group [class^="col-md-"]:first-child { border-left: 0px; } .form-group-separated .form-group:last-child { border-bottom: 0px; } .form-group-separated.panel-body { padding: 0px; } .help-block { color: #AAB2BD; margin-bottom: 0px; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -2px; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { font-size: 16px; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { font-size: 11px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 0; } .has-feedback label ~ .form-control-feedback { top: 20px; } /* FORM VALIDATION STATES */ .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success .form-control-feedback { color: #95b75d; } .has-success .form-control { border-color: #95b75d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning .form-control-feedback { color: #1caf9a; } .has-warning .form-control { border-color: #1caf9a; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error .form-control-feedback { color: #E04B4A; } .has-error .form-control { border-color: #E04B4A; } /* EOF FORM VALIDATION STATES */ .form-control.error, .bootstrap-select.error > button { border-color: #E04B4A; } label { font-weight: 600; } label.error, label.valid { color: #E04B4A; margin-bottom: 0px; margin-top: 3px; font-size: 11px; font-weight: normal; width: 100%; } .form-control.valid, .bootstrap-select.valid > button { border-color: #95b75d; } label.valid { color: #95b75d; } .control-label.text-left { text-align: left; } /* EOF FORM ELEMENTS */ /* LABELS AND BADGES */ .label { font-weight: 500; } .badge { font-size: 11px; line-height: 20px; font-weight: 500; border-radius: 3px; padding: 0px 8px; } .label-primary, .badge-primary { background-color: #e04b4a; } .label-success, .badge-success { background-color: #95b75d; } .label-info, .badge-info { background-color: #1caf9a; } .label-warning, .badge-warning { background-color: #1caf9a; } .label-danger, .badge-danger { background-color: #E04B4A; } /* EOF LABELS AND BADGES */ /* ALERTS */ .alert { float: left; width: 100%; margin-bottom: 10px; line-height: 21px; } .alert-success { background-color: #95b75d; color: #FFF; border-color: #90b456; } .alert-info { background-color: #1caf9a; color: #FFF; border-color: #36b7e3; } .alert-warning { background-color: #1caf9a; color: #FFF; border-color: #fe9e19; } .alert-danger { background-color: #E04B4A; color: #FFF; border-color: #af4342; } /* EOF ALERTS */ /* DROP DOWN */ .dropdown-menu { font-size: 12px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); border: 1px solid #E5E5E5; padding: 0px; margin: 8px 0px 0px; } .dropdown-menu > li > a { padding: 8px 15px; border-bottom: 1px solid #E9E9E9; line-height: 20px; } .dropdown-menu > li:last-child > a { border-bottom: 0px; } .dropdown-menu:after, .dropdown-menu:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFF; border-width: 5px; margin-left: -5px; } .dropdown-menu:before { border-color: rgba(229, 229, 229, 0); border-bottom-color: #E5E5E5; border-width: 6px; margin-left: -6px; } .dropup .dropdown-menu:after, .dropup .dropdown-menu:before { display: none; } .dropdown-header { padding: 10px 15px; border-bottom: 1px solid #E5E5E5; color: #777; } .dropdown-menu .fa { margin-right: 5px; } .dropdown-menu .divider { background: #F5F5F5; margin: 0px; padding: 15px 0px 0px; border-bottom: 1px solid #E5E5E5; } /* EOF DROP DOWN */ /* MODAL */ .modal-content { border-radius: 0px; box-shadow: none; border-width: 5px; } .modal-header { padding: 10px 10px 10px 15px; line-height: 30px; border-radius: 5px 5px 0px 0px; background: #F5F5F5; border-color: #d5d5d5; } .modal-header .close { margin-top: 5px; margin-right: 5px; } .modal-title { line-height: 30px; } .modal-body { padding: 15px; } .modal-footer { background: #F5F5F5; border-color: #D5D5D5; padding: 10px 15px; border-radius: 0px 0px 5px 5px; } /* EOF MODAL */ /* PORTLET */ .scCol { min-height: 30px; } .scPlaceholder { background: #fcfbf4; border: 1px dashed #999; margin-bottom: 20px; border-radius: 3px; float: left; width: 100%; } /* EOF PORTLET */ /* TYPOGRAPHY */ .page-title { float: left; width: 100%; padding: 5px 10px; } .page-title h2 { float: left; line-height: 30px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #1b1e24; padding: 0px; margin: 0px; } h1, .h1 { margin-top: 15px; margin-bottom: 15px; font-size: 32px; font-weight: 400; } h2, .h2 { margin-bottom: 15px; font-size: 26px; font-weight: 400; } h3, .h3 { margin-bottom: 10px; font-size: 18px; font-weight: 600; } h3 small, .h3 small { line-height: 19px; } h4, .h4 { margin-bottom: 10px; font-size: 16px; font-weight: 400; } h5, .h5 { margin-bottom: 10px; margin-top: 5px; font-size: 14px; font-weight: 400; } h6, .h6 { margin-bottom: 5px; font-size: 13px; font-weight: 600; } blockquote { font-size: 12px; border-left-color: #CCC; line-height: 20px; } blockquote p { line-height: 12px; } .blockquote-reverse, blockquote.pull-right { border-right-color: #CCC; } .blockquote-primary { border-left-color: #1b1e24; } .blockquote-success { border-left-color: #95b75d; } .blockquote-info { border-left-color: #1caf9a; } .blockquote-danger { border-left-color: #E04B4A; } .blockquote-warning { border-left-color: #1caf9a; } .text-title { font-weight: 600; border-bottom: 1px solid #F5F5F5; padding: 10px 0px 5px; font-size: 15px; } /* EOF TYPOGRAPHY */ /* HELPERS */ .push-down-0 { margin-bottom: 0px !important; } .push-down-5 { margin-bottom: 5px !important; } .push-down-10 { margin-bottom: 10px !important; } .push-down-15 { margin-bottom: 15px !important; } .push-down-20 { margin-bottom: 20px !important; } .push-down-25 { margin-bottom: 25px !important; } .push-down-30 { margin-bottom: 30px !important; } .push-up-0 { margin-top: 0px !important; } .push-up-5 { margin-top: 5px !important; } .push-up-10 { margin-top: 10px !important; } .push-up-15 { margin-top: 15px !important; } .push-up-20 { margin-top: 20px !important; } .push-up-25 { margin-top: 25px !important; } .push-up-30 { margin-top: 30px !important; } .padding-0 { padding: 0px !important; } .padding-bottom-0 { padding-bottom: 0px !important; } .padding-top-0 { padding-top: 0px !important; } .text-muted { color: #CCD0D9 !important; } .text-primary { color: #1b1e24 !important; } .text-success { color: #95b75d !important; } .text-info { color: #1caf9a !important; } .text-warning { color: #1caf9a !important; } .text-danger { color: #E04B4A !important; } .bg-primary { color: #fff; background-color: #1b1e24; } .bg-success { color: #fff; background-color: #95b75d; } .bg-info { color: #fff; background-color: #1caf9a; } .bg-warning { color: #fff; background-color: #1caf9a; } .bg-danger { color: #fff; background-color: #E04B4A; } .twitter { border-color: #1AB2E8 !important; color: #1AB2E8 !important; } .twitter:hover { border-color: #48c2ed !important; color: #48c2ed !important; } .facebook { border-color: #3C599B !important; color: #3C599B !important; } .facebook:hover { border-color: #4f70bb !important; color: #4f70bb !important; } .line-height-30 { line-height: 30px; } /* EOF HELPERS */ /* PROGRESS BARS */ .progress.progress-small { height: 5px; } .progress.progress-small .progress-bar { font-size: 0px; } .progress-bar { background-color: #1b1e24; } .progress-bar-success { background-color: #95b75d; } .progress-bar-warning { background-color: #1caf9a; } .progress-bar-danger { background-color: #E04B4A; } .progress-bar-info { background-color: #1caf9a; } .progress-bar-colorful { background: linear-gradient(to right, #E04B4A 0%, #1caf9a 50%, #95b75d 100%); background: -ms-linear-gradient(left, #E04B4A 0%, #1caf9a 50%, #95b75d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #E04B4A), color-stop(0.5, #1caf9a), color-stop(1, #95b75d)); } /* EOF PROGRESS BARS */ /* SWITCH */ .switch { cursor: pointer; position: relative; } .switch input { position: absolute; opacity: 0; filter: alpha(opacity=0); } .switch input:checked + span:after { left: 21px; } .switch input:checked + span { background-color: #95b75d; } .switch input:disabled + span { background-color: #CCC; } .switch span { position: relative; width: 50px; height: 30px; border-radius: 30px; background-color: #E04B4A; border: 1px solid #E5E5E5; display: inline-block; transition: all 200ms ease; border-color: rgba(0, 0, 0, 0.1); left: 0px; } .switch span:after { content: ""; position: absolute; background-color: #fff; width: 26px; top: 1px; bottom: 1px; left: 1px; border-radius: 30px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); transition: all 200ms ease; } .switch.switch-small { margin: 6px 0px 4px; } .switch.switch-small input:checked + span:after { left: 11px; } .switch.switch-small span { width: 30px; height: 20px; border-radius: 20px; } .switch.switch-small span:after { width: 16px; } /* END SWITCH */ /* PAGINATION */ .pagination { width: 100%; margin: 10px 0px; } .pagination > li > a, .pagination > li > span { margin-left: 3px; border-radius: 3px; color: #22262e; border-color: #E5E5E5; } .pagination > li > a:hover, .pagination > li > span:hover { color: #222; } .pagination > li.active > a, .pagination > li.active > a:hover { background: #1b1e24; color: #FFF; border-color: #1b1e24; } .pagination.pagination-sm { margin: 0px; width: auto; } .pagination.pagination-sm.push-down-20 { margin-bottom: 20px; } .pagination.pagination-sm.push-up-20 { margin-top: 20px; } /* END PAGINATION */ /* POPOVER */ .popover { box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); } .popover-title { background: #f5f5f5; border-bottom-color: #e5e5e5; } .popover > .arrow, .popover > .arrow:after { border-width: 5px; } .popover.right > .arrow { left: -6px; margin-top: -6px; } .popover.right > .arrow:after { bottom: -5px; } .popover.top > .arrow { bottom: -6px; margin-left: -6px; border-top-color: rgba(0, 0, 0, 0.5); } .popover.top > .arrow:after { margin-left: -5px; } .popover.bottom > .arrow { top: -6px; margin-left: -6px; border-bottom-color: rgba(0, 0, 0, 0.3); } .popover.bottom > .arrow:after { margin-left: -5px; } .popover.left > .arrow { right: -6px; margin-top: -6px; } .popover.left > .arrow:after { bottom: -5px; } /* EOF POPOVER */ /* TABS */ .dashBoardtabs { float: left; width: 100%; position: relative; margin-top: 40px; } .dashBoardnav-tabs, .dashBoardnav-tabs.nav-justified { border-bottom: 0px; margin-bottom: 0px; margin-top: -40px; padding: 0px 5px; } .block-head .dashBoardnav-tabs { border-bottom: 0px; } .dashBoardnav-tabs > li { margin-bottom: 0px; } .dashBoardnav-tabs > li > a { margin-right: 5px; border: 0px; font-size: 14px; border-top: 2px solid transparent; border-radius: 0px; color: #333; transition: all 200ms ease; background: #F5F5F5; padding: 9px 15px; } .dashBoardnav-tabs > li:first-child > a { border-radius: 5px 0px 0px 0px; } .dashBoardnav-tabs > li > a:hover { border-color: transparent; background: #FFF; } .dashBoardnav-tabs > li.active > a, .dashBoardnav-tabs > li.active > a:hover, .dashBoardnav-tabs > li.active > a:focus, .dashBoardnav-tabs > .dropdown.active.open > a:hover { border: 0px; border-top: 2px solid #1b1e24; background: #FFF; border-radius: 3px 3px 0px 0px; } .dashBoardnav-tabs.nav-justified > li > a { border: 0px; border-top: 2px solid transparent; border-radius: 0px; color: #333; transition: all 200ms ease; } .dashBoardnav-tabs.nav-justified > li > a:hover { border-color: #1b1e24; background: transparent; } .dashBoardnav-tabs.nav-justified > .active > a, .dashBoardnav-tabs.nav-justified > .active > a:hover, .dashBoardnav-tabs.nav-justified > .active > a:focus { border: 0px; border-top: 2px solid #1b1e24; background: #FFF; border-radius: 3px 3px 0px 0px; } .dashBoardnav-tabs a .caret, .dashBoardnav-tabs a:hover .caret { color: #1b1e24; } .dashBoardnav-tabs-vertical .dashBoardtabs { margin-top: 0px; } .dashBoardnav-tabs-vertical .dashBoardnav-tabs { margin-top: 0px; float: left; width: 150px; position: absolute; left: 0px; border-bottom: 0px; padding: 0px; } .dashBoardnav-tabs-vertical .dashBoardnav-tabs > li { width: 100%; } .dashBoardnav-tabs-vertical .dashBoardnav-tabs > li > a { width: 100%; border-radius: 0px; border-top: 0px; border-left: 2px solid transparent; background: #FFF; } .dashBoardnav-tabs-vertical .dashBoardnav-tabs > li > a:hover { border-left-color: #1b1e24; background: transparent; } .dashBoardnav-tabs-vertical .dashBoardnav-tabs > li.active > a, .dashBoardnav-tabs-vertical .dashBoardnav-tabs > li.active > a:hover, .dashBoardnav-tabs-vertical .dashBoardnav-tabs > li.active > a:focus, .dashBoardnav-tabs-vertical .dashBoardnav-tabs > .dropdown.active.open > a:hover { border-top: 0px; border-left: 2px solid #1b1e24; background: #F5F5F5; } .dashBoardnav-tabs-vertical .dashBoardnav-tabs > li:first-child > a { -moz-border-top-left-radius: 3px; border-top-left-radius: 3px; } .dashBoardnav-tabs-vertical .dashBoardnav-tabs > li:last-child > a { -moz-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .dashBoardnav-tabs-vertical .tab-content { width: auto; margin-left: 150px; } .dashBoardnav-tabs-vertical .panel-body { padding-top: 10px; } /* EOF TABS */ /* TABLES */ .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-color: #E5E5E5; border-width: 1px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background: #F8FAFC; } .table > thead > tr > th { background: #f1f5f9; color: #56688A; font-size: 12px; } .panel-body.panel-body-table { padding: 0px; } .panel-body.panel-body-table h1, .panel-body.panel-body-table h2, .panel-body.panel-body-table h3, .panel-body.panel-body-table h4, .panel-body.panel-body-table h5, .panel-body.panel-body-table h6 { padding-left: 10px; margin-bottom: 10px; } .panel-body.panel-body-table .table { margin-bottom: 0px; border: 0px; } .panel-body.panel-body-table .table tr > td:first-child, .panel-body.panel-body-table .table tr > th:first-child { border-left: 0px; } .panel-body.panel-body-table .table tr > td:last-child, .panel-body.panel-body-table .table tr > th:last-child { border-right: 0px; } .panel-body.panel-body-table .table > tbody > tr:last-child > td { border-bottom: 0px; } .panel-body.panel-body-table td, .panel-body.panel-body-table th { padding: 8px 10px; } .table.table-actions td { line-height: 28px; } .table .progress-small { margin: 7px 0px 8px; } /* EOF TABLES */ /* Datatables */ .dataTable { float: left; border-bottom: 1px solid #E5E5E5 !important; margin-bottom: 5px; } .dataTable div.checker, .dataTable div.radio { display: inherit; } .dataTables_wrapper { float: left; width: 100%; } .dataTables_length { width: 50%; float: left; padding: 0px 0px 5px; border-bottom: 1px solid #E5E5E5; font-size: 12px; } .dataTables_length label, .dataTables_filter label { padding: 0px; line-height: 26px; height: auto; margin: 0px; font-weight: normal; } .dataTables_length select { width: 70px; display: inline; margin: 0px 5px; } .dataTables_filter { width: 50%; float: right; padding-left: 5px; padding: 0px 0px 5px; border-bottom: 1px solid #E5E5E5; font-size: 12px; } .dataTables_filter label { float: right; } .dataTables_filter label input { width: 150px; display: inline; margin-left: 5px; } td.dataTables_empty { font-size: 11px; text-align: center; color: #333; } .dataTables_info { float: left; font-size: 12px; padding: 0px; line-height: 30px; } .dataTables_paginate { padding: 0px; text-align: right; float: right; } .dataTables_paginate a.paginate_disabled_previous, .dataTables_paginate a.paginate_disabled_next, .dataTables_paginate a.paginate_button, .paginate_enabled_next, .paginate_active, .paginate_enabled_previous { padding: 5px 10px; font-size: 12px; border-radius: 3px; float: left; text-decoration: none; background-color: #fff; border: 1px solid #ddd; color: #22262e; margin-left: 3px; cursor: pointer; } .dataTables_paginate .paginate_enabled_next:hover, .dataTables_paginate a.paginate_button:hover, .dataTables_paginate .paginate_enabled_previous:hover { background-color: #eee; border-color: #ddd; color: #222; } .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover { background: #1b1e24; color: #FFF; border-color: #1b1e24; } .dataTables_paginate a.paginate_disabled_previous, .dataTables_paginate a.paginate_button_disabled, .dataTables_paginate a.paginate_disabled_next { cursor: default; color: #ccc; } .dataTables_paginate a.paginate_button_disabled:hover { box-shadow: none; color: #ccc; } .sorting_desc, .sorting_asc, .sorting { position: relative; cursor: pointer; } .sorting:before, .sorting_desc:before, .sorting_asc:before { float: right; font-family: 'FontAwesome'; opacity: 0.9; filter: alpha(opacity = 90); width: 10px; height: 10px; display: block; } .sorting:before { content: "\f0dc"; opacity: 0.3; filter: alpha(opacity = 30); } .sorting_desc:before { content: "\f0d8"; } .sorting_asc:before { content: "\f0d7"; } .sorting_asc_disabled:before, .sorting_desc_disabled:before { opacity: 0.1; filter: alpha(opacity = 10); } /* eof Datatables */ /* icons-list */ .icons-list { list-style: none; padding: 0px; margin: 0px 0px 20px; display: block; float: left; width: 100%; } .icons-list li { float: left; display: block; width: 25%; height: 30px; padding: 5px; line-height: 20px; font-size: 11px; border: 1px solid #FFF; } .icons-list li:hover { color: #333; cursor: pointer; background: #F5F5F5; border: 1px solid #E5E5E5; border-radius: 3px; } .icons-list li span:first-child, .icons-list li i { font-size: 18px; float: left; margin-right: 10px; color: #222; line-height: 20px; } .icon-preview { font-size: 88px; color: #222; text-align: center; } /* eof icons-list */ /* WIDGETS */ .widget { width: 100%; float: left; margin: 0px; list-style: none; text-decoration: none; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); color: #FFF; border-radius: 0px; padding: 15px 10px; margin-bottom: 20px; min-height: 120px; position: relative; } .widget.widget-padding-sm, .widget.widget-item-icon { padding: 10px 0px 5px; } .widget.widget-np { padding: 0px; } .widget.widget-no-subtitle { padding-top: 25px; } .widget.widget-carousel { padding-bottom: 0px; padding-top: 10px; } .widget.widget-default { background: #ffffff; } .widget.widget-primary { background: #1b1e24; background: linear-gradient(to bottom, #1b1e24 0%, #101215 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1b1e24, endColorstr=#101215, GradientType=0); } .widget.widget-success { background: #95b75d; background: linear-gradient(to bottom, #95b75d 0%, #89ad4d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#95b75d, endColorstr=#89ad4d, GradientType=0); } .widget.widget-info { background: #1caf9a !important; } .widget.widget-warning { background: #1caf9a; background: linear-gradient(to bottom, #1caf9a 0%, #fe970a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1caf9a, endColorstr=#fe970a, GradientType=0); } .widget.widget-danger { background: #E04B4A; background: linear-gradient(to bottom, #E04B4A 0%, #a43f3e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E04B4A, endColorstr=#a43f3e, GradientType=0); } .widget .widget-title, .widget .widget-subtitle, .widget .widget-int, .widget .widget-big-int { width: 100%; float: left; text-align: center; } .widget .widget-title { font-size: 16px; font-weight: 600; margin-bottom: 5px; line-height: 20px; text-transform: uppercase; } .widget .widget-subtitle { font-size: 12px; font-weight: 400; margin-bottom: 5px; line-height: 15px; color: #EEE; } .widget .widget-int { font-size: 32px; line-height: 40px; font-weight: bold; font-family: arial; } .widget .widget-big-int { font-size: 42px; line-height: 45px; font-weight: 300; } .widget .widget-item-left { margin-left: 10px; float: left; width: 100px; } .widget .widget-item-right { margin-right: 10px; float: right; width: 100px; } .widget.widget-item-icon .widget-item-left, .widget.widget-item-icon .widget-item-right { width: 70px; padding: 20px 0px; text-align: center; } .widget.widget-item-icon .widget-item-left { border-right: 1px solid rgba(0, 0, 0, 0.1); margin-right: 10px; padding-right: 10px; } .widget.widget-item-icon .widget-item-right { border-left: 1px solid rgba(0, 0, 0, 0.1); margin-left: 10px; padding-left: 10px; } .widget .widget-item-left .fa, .widget .widget-item-right .fa, .widget .widget-item-left .glyphicon, .widget .widget-item-right .glyphicon { font-size: 60px; } .widget .widget-data { padding-left: 120px; } .widget .widget-data-left { padding-right: 120px; } .widget.widget-item-icon .widget-data { padding-left: 90px; } .widget.widget-item-icon .widget-data-left { padding-right: 90px; padding-left: 10px; } .widget .widget-data .widget-title, .widget .widget-data-left .widget-title, .widget .widget-data .widget-subtitle, .widget .widget-data-left .widget-subtitle, .widget .widget-data .widget-int, .widget .widget-data-left .widget-int, .widget .widget-data .widget-big-int, .widget .widget-data-left .widget-big-int { text-align: left; } .widget .widget-controls a { position: absolute; width: 20px; height: 20px; text-align: center; line-height: 17px; color: #FFF; border: 1px solid #FFF; border-radius: 20%; transition: all 200ms ease; opacity: 0.4; filter: alpha(opacity = 40); } .widget .widget-controls a.widget-control-left { left: 10px; top: 10px; } .widget .widget-controls a.widget-control-right { right: 10px; top: 10px; } .widget .widget-controls a:hover { opacity: 1; filter: alpha(opacity = 100); } .widget .widget-buttons { float: left; width: 100%; text-align: center; padding-top: 3px; margin-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .widget .widget-buttons a { position: relative; display: inline-block; line-height: 30px; font-size: 21px; } .widget .widget-buttons .col { width: 100%; float: left; } .widget .widget-buttons.widget-c2 .col { width: 50%; } .widget .widget-buttons.widget-c3 .col { width: 33.333333%; } .widget .widget-buttons.widget-c4 .col { width: 25%; } .widget .widget-buttons.widget-c5 .col { width: 20%; } .widget.widget-primary .widget-buttons a { color: #000000; border-color: #000000; } .widget.widget-primary .widget-buttons a:hover { color: #000000; } .widget.widget-success .widget-buttons a { color: #51672e; border-color: #51672e; } .widge.widget-success .widget-buttons a:hover { color: #435526; } .widget.widget-info .widget-buttons a { color: #eee; border-color: #eee; } .widget.widget-info .widget-buttons a:hover { color: #fff; } .widget.widget-warning .widget-buttons a { color: #a15e01; border-color: #a15e01; } .widget.widget-warning .widget-buttons a:hover { color: #874f01; } .widget.widget-danger .widget-buttons a { color: #5a2222; border-color: #5a2222; } .widget.widget-danger .widget-buttons a:hover { color: #471b1b; } .plugin-clock span { -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: pulsate 1s ease-out; -moz-animation-iteration-count: infinite; animation: pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 0.0; margin-right: 2px; } .widget.widget-default { color: #1b1e24; } .widget.widget-default .widget-subtitle { color: #1b1e24; } .widget.widget-default .widget-controls a { color: #1b1e24; border-color: #1b1e24; } /* END WIDGETS */ /* TILES */ .tile { width: 100%; float: left; margin: 0px; list-style: none; text-decoration: none; font-size: 38px; font-weight: 300; color: #FFF; border-radius: 0px; padding: 10px; margin-bottom: 20px; min-height: 100px; position: relative; border: 1px solid #D5D5D5; text-align: center; } .tile.tile-valign { line-height: 75px; } .tile.tile-default { background: #FFF; color: #22262e; } .tile.tile-default:hover { background: #FAFAFA; } .tile.tile-primary { background: #1b1e24; border-color: #1b1e24; } .tile.tile-primary:hover { background: #17191e; } .tile.tile-success { background: #95b75d; border-color: #95b75d; } .tile.tile-success:hover { background: #90b456; } .tile.tile-warning { background: #1caf9a; border-color: #1caf9a; } .tile.tile-warning:hover { background: #fe9e19; } .tile.tile-danger { background: #E04B4A; border-color: #E04B4A; } .tile.tile-danger:hover { background: #af4342; } .tile.tile-info { background: #1caf9a; border-color: #1caf9a; } .tile.tile-info:hover { background: #36b7e3; } .tile:hover { text-decoration: none; color: #FFF; } .tile.tile-default:hover { color: #22262e; } .tile .fa { font-size: 52px; line-height: 74px; } .tile p { font-size: 14px; margin: 0px; } .tile .informer { position: absolute; left: 5px; top: 5px; font-size: 12px; color: #FFF; line-height: 14px; } .tile .informer.informer-default { color: #FFF; } .tile .informer.informer-primary { color: #1b1e24; } .tile .informer.informer-success { color: #95b75d; } .tile .informer.informer-info { color: #1caf9a; } .tile .informer.informer-warning { color: #1caf9a; } .tile .informer.informer-danger { color: #E04B4A; } .tile .informer .fa { font-size: 14px; line-height: 16px; } .tile .informer.dir-tr { left: auto; right: 5px; } .tile .informer.dir-bl { top: auto; bottom: 5px; } .tile .informer.dir-br { left: auto; top: auto; right: 5px; bottom: 5px; } /* EOF TILES */ /* MESSAGES */ .messages { width: 100%; float: left; } .messages .item { width: 100%; float: left; margin-bottom: 10px; opacity: 0; filter: alpha(opacity = 0); transition: all 200ms ease; } .messages .item .text { background: #FFF; padding: 10px; border-radius: 3px; border: 1px solid #D5D5D5; } .messages .item .text .heading { width: 100%; margin-bottom: 5px; } .messages .item .text .heading a { text-decoration: none; font-size: 12px; color: #1b1e24; font-weight: 600; line-height: 20px; } .messages .item .text .heading .date { float: right; line-height: 20px; font-size: 11px; color: #CCC; font-weight: 600; } .messages .item .text:hover { border-color: #BBB; } .messages .item:nth-child(2n) .text { background: #F6F6F6; } .messages .item.item-visible { opacity: 1; filter: alpha(opacity = 100); } .messages.messages-img .item .image { float: left; width: 40px; } .messages.messages-img .item .image img { border: 2px solid #F5F5F5; border-radius: 20%; width: 40px; } .messages.messages-img .item .text { margin-left: 50px; position: relative; } .messages.messages-img .item .text:after, .messages.messages-img .item .text:before { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .messages.messages-img .item .text:after { border-color: rgba(255, 255, 255, 0); border-right-color: #FFF; border-width: 5px; margin-top: -5px; } .messages.messages-img .item .text:before { border-color: rgba(213, 213, 213, 0); border-right-color: #D5D5D5; border-width: 6px; margin-top: -6px; } .messages.messages-img .item .text:hover:before { border-right-color: #BBB; } .messages.messages-img .item.in .image { float: right; } .messages.messages-img .item.in .text { margin-left: 0px; margin-right: 50px; } .messages.messages-img .item.in .text:after, .messages.messages-img .item.in .text:before { right: auto; left: 100%; } .messages.messages-img .item.in .text:after { border-right-color: transparent; border-left-color: #FFF; } .messages.messages-img .item.in .text:before { border-right-color: transparent; border-left-color: #D5D5D5; } .messages.messages-img .item.in .text:hover:before { border-left-color: #BBB; } /* END MESSAGES */ /* CONTACTS */ .contact-info { float: left; width: 100%; } .contact-info p { margin-bottom: 5px; } .contact-info strong { font-size: 13px; } .contact-info small { font-weight: 700; } /* END CONTACTS */ /* LOGIN */ .login-container { float: left; width: 100%; min-height: 100%; background: url('bg.14feb9c624de70ee.png') left top repeat #1b1e24; } .login-container .login-box { width: 400px; margin: 0px auto; padding-top: 100px; } .login-container .login-box .login-logo { background: url('logo.ce3321d8158d2c7d.png') top center no-repeat; width: 100%; height: 50px; float: left; margin-bottom: 10px; } .login-container .login-box .login-body { width: 100%; float: left; background: rgba(255, 255, 255, 0.1); padding: 20px; border-radius: 0px; } .login-container .login-box .login-body .login-title { color: #FFF; font-size: 19px; font-weight: 300; margin-bottom: 20px; } .login-container .login-box .login-body .form-control { border: 0px; background: rgba(0, 0, 0, 0.2); padding: 10px 15px; color: #CCC; line-height: 20px; height: auto; } .login-container .login-box .login-body .btn-link { color: #FFF; border: 0px; } .login-container .login-box .login-body .login-or { width: 40px; height: 25px; background: rgba(0, 0, 0, 0.2); position: relative; margin: 25px auto; text-align: center; line-height: 25px; color: #FFF; } .login-container .login-box .login-body .login-or:before { content: ""; position: absolute; left: 0; width: 0; height: 0; top: -10px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, 0.2); } .login-container .login-box .login-body .login-or:after { content: ""; position: absolute; left: 0; width: 0; height: 0; bottom: -10px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 10px solid rgba(0, 0, 0, 0.2); } .login-container .login-box .login-body .login-subtitle { line-height: 20px; padding: 5px 0px; font-size: 12px; color: #FFF; } .login-container .login-box .login-body .login-subtitle a { color: #1caf9a; } .login-container .login-box .login-footer { width: 100%; float: left; padding: 10px; color: #FFF; } .login-container .login-box .login-footer a { color: #FFF; } .login-container.lightmode { /* background: url("../img/backgrounds/wall_1.jpg") left top no-repeat; */ } .login-container.lightmode .login-box .login-body { background: rgba(255, 255, 255, 0.2); } .login-container.lightmode .login-box .login-body .form-control { background: rgba(255, 255, 255, 0.4); color: #333; } .login-container.lightmode .login-box .login-subtitle a { color: #1b1e24; } /* END LOGIN */ /* TIMELINE */ .img-text { border: 3px solid #FFF; border-radius: 3px; margin: 0px 10px 5px 0px; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1); } .timeline { float: left; width: 100%; position: relative; padding: 0px; margin: 0px 0px 20px; } .timeline:before { content: " "; position: absolute; width: 6px; background: #FFF; height: 100%; left: 50%; margin-left: -3px; border: 1px solid rgba(0, 0, 0, 0.1); } .timeline .timeline-item { width: 50%; float: left; position: relative; clear: both; margin-bottom: 20px; z-index: 2; } .timeline .timeline-item.timeline-main { height: 40px; width: 50%; } .timeline .timeline-item .timeline-date { padding: 7px 10px; line-height: 20px; font-size: 14px; border-radius: 3px; position: absolute; right: -50px; top: 0px; font-weight: 600; color: #1b1e24; background: #F5F5F5; text-align: center; border: 3px solid #FFF; width: 100px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); } .timeline .timeline-item .timeline-date a { color: #1b1e24; } .timeline .timeline-item .timeline-item-content { float: left; background: #F5F5F5; border: 3px solid #FFF; border-radius: 0px; width: 95%; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); } .timeline .timeline-item .timeline-item-content:before, .timeline .timeline-item .timeline-item-content:after { left: 95%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .timeline .timeline-item .timeline-item-content:before { border-color: rgba(255, 255, 255, 0); border-left-color: #FFF; border-width: 3px; margin-top: -3px; } .timeline .timeline-item .timeline-item-content:after { border-color: rgba(255, 255, 255, 0); border-left-color: #FFF; border-width: 7px; margin-top: -7px; } .timeline .timeline-item .timeline-item-content .timeline-heading { width: 100%; float: left; padding: 10px 10px 5px; line-height: 30px; } .timeline .timeline-item .timeline-item-content .timeline-heading img { width: 30px; height: 30px; margin-right: 5px; border: 2px solid #FFF; border-radius: 20%; } .timeline .timeline-item .timeline-item-content .timeline-heading a { color: #1b1e24; font-weight: 600; } .timeline .timeline-item .timeline-item-content .timeline-body { width: 100%; float: left; padding: 10px; } .timeline .timeline-item .timeline-item-content .timeline-body.comments { padding: 0px; } .timeline .timeline-item .timeline-item-content .timeline-footer { width: 100%; float: left; padding: 5px 10px; line-height: 20px; background: #FFF; } .timeline .timeline-item .timeline-item-content .timeline-footer a { color: #1b1e24; font-size: 12px; margin-right: 10px; text-decoration: none; } .timeline .timeline-item .timeline-item-content .timeline-footer a:hover { color: #101215; } .timeline .timeline-item .timeline-item-content .timeline-footer .pull-right > a:last-child { margin-right: 0px; } .timeline .timeline-item .timeline-item-info { position: absolute; left: 105%; font-size: 12px; padding: 7px 15px; line-height: 20px; width: 110px; text-align: center; background: #F5F5F5; border: 3px solid #FFF; border-radius: 0px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); font-weight: 600; } .timeline .timeline-item .timeline-item-icon { position: absolute; right: -20px; width: 40px; height: 40px; border-radius: 20%; font-size: 20px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); line-height: 34px; text-align: center; border: 3px solid #FFF; background: #F5F5F5; color: #BBB; } .timeline .timeline-item:last-child { margin-bottom: 0px; } .timeline .timeline-item.timeline-item-right { float: right; } .timeline .timeline-item.timeline-item-right .timeline-item-info { left: auto; right: 105%; } .timeline .timeline-item.timeline-item-right .timeline-item-info:before { right: auto; left: 100%; } .timeline .timeline-item.timeline-item-right .timeline-item-content { float: right; } .timeline .timeline-item.timeline-item-right .timeline-item-content:before, .timeline .timeline-item.timeline-item-right .timeline-item-content:after { left: auto; right: 95%; border-right-color: #FFF; border-left-color: transparent; } .timeline .timeline-item.timeline-item-right .timeline-item-icon { right: auto; left: -20px; } .timeline.timeline-right:before { left: 160px; } .timeline.timeline-right .timeline-item { width: 100%; padding-left: 210px; } .timeline.timeline-right .timeline-item.timeline-main { width: 160px; padding-left: 0px; } .timeline.timeline-right .timeline-item .timeline-item-content { width: 100%; } .timeline.timeline-right .timeline-item .timeline-item-content:before, .timeline.timeline-right .timeline-item .timeline-item-content:after { right: auto; left: 196px; } .timeline.timeline-right .timeline-item .timeline-item-content:before { border-width: 0px; } .timeline.timeline-right .timeline-item .timeline-item-info { left: 0px; right: auto; } .timeline.timeline-right .timeline-item .timeline-item-icon { left: 140px; } /* END TIMELINE */ /* COMMENTS */ .comments { float: left; width: 100%; padding: 0px; margin: 0px; background: #eff7ff; } .comments .comment-item { float: left; width: 100%; padding: 10px 10px 8px; line-height: 15px; border-bottom: 1px solid #dbedff; } .comments .comment-item img { width: 30px; height: 30px; margin: 0px 10px 20px 0px; border: 3px solid #FFF; border-radius: 20%; float: left; } .comments .comment-item p { margin-bottom: 0px; line-height: 13px; margin-bottom: 5px; font-size: 11px; } .comments .comment-item p.comment-head { font-size: 12px; } .comments .comment-item p.comment-head a { font-size: 12px; font-weight: 600; color: #333; } .comments .comment-item small { line-height: 10px; } .comments .comment-item:first-child { border-top: 1px solid #dbedff; } .comments .comment-write { float: left; width: 100%; padding: 5px; } .comments .comment-write .form-control { border-color: #d0e8ff; } /* END COMMENTS */ /* TASKS */ .panel-body.tasks { padding: 10px; } .tasks { float: left; width: 100%; } .tasks .task-item { width: 100%; float: left; padding: 0px; background: #FFF; border-left: 3px solid #FFF; margin-bottom: 10px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .tasks .task-item:hover { background: #F9F9F9; cursor: pointer; } .tasks .task-item.task-complete { background: #FFF2C5; } .tasks .task-item.task-primary { border-left-color: #1b1e24; } .tasks .task-item.task-success { border-left-color: #95b75d; } .tasks .task-item.task-info { border-left-color: #1caf9a; } .tasks .task-item.task-warning { border-left-color: #1caf9a; } .tasks .task-item.task-danger { border-left-color: #E04B4A; } .tasks .task-item .task-text { margin-bottom: 10px; float: left; width: 100%; font-size: 12px; font-weight: 400; padding: 10px; } .tasks .task-item .task-footer { float: left; width: 100%; font-size: 12px; color: #AAA; line-height: 20px; padding: 10px; background: #F5F5F5; } .tasks .task-item .task-footer a { color: #AAA; display: block; float: left; margin-left: 10px; font-size: 14px; } .tasks .task-item .task-footer a:hover { color: #22262e; } .tasks .task-drop { float: left; width: 100%; padding: 30px 10px; border: 2px dashed #D5D5D5; border-radius: 0px; font-size: 16px; text-align: center; line-height: 20px; } .tasks .task-drop:hover { opacity: 0.5; filter: alpha(opacity = 50); cursor: pointer; } /* END TASKS */ /* my progress bar */ .mpb { position: fixed; top: 0px; left: 0px; width: 100%; height: 5px; background: rgba(0, 0, 0, 0.2); z-index: 1001; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); } .mpb.bottom { top: auto; bottom: 0px; } .mpb .mpb-progress { background: #FFF; display: block; float: left; height: 5px; } .mpb .mpb-progress.mpb-primary { background: #1b1e24; } .mpb .mpb-progress.mpb-warning { background: #1caf9a; } .mpb .mpb-progress.mpb-success { background: #95b75d; } .mpb .mpb-progress.mpb-info { background: #1caf9a; } .mpb .mpb-progress.mpb-danger { background: #E04B4A; } /* eof my progress bar */ /* search result */ .search-results { float: left; width: 100%; } .search-results .sr-item { float: left; width: 100%; margin-bottom: 5px; padding: 10px 15px; border-radius: 0px; background: #FFF; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); } .search-results .sr-item .sr-item-title { font-size: 16px; font-weight: 600; color: #1b1e24; display: block; } .search-results .sr-item .sr-item-link { font-size: 12px; font-weight: 400; color: #95b75d; line-height: 20px; } .search-results .sr-item p { font-size: 13px; color: #22262e; margin: 5px 0px; } .search-results .sr-item p.sr-item-links { font-size: 11px; } .search-results .sr-item:last-child { margin-bottom: 20px; } /* eof search restult */ /* Posts */ .posts .post-item { float: left; width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #F5F5F5; } .posts .post-item .post-title { font-size: 25px; font-weight: 400; color: #1b1e24; float: left; width: 100%; line-height: 30px; } .posts .post-item .post-title a { font-size: 25px; color: #1b1e24; } .posts .post-item .post-date { font-size: 11px; color: #4d5669; line-height: 20px; margin: 5px 0px 0px; float: left; width: 100%; } .posts .post-item .post-date a { color: #4d5669; } .posts .post-item .post-date .fa { font-size: 12px; margin-right: 5px; } .posts .post-item .post-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 6px; } .posts .post-item .post-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .posts .post-item .post-text { font-size: 13px; float: left; width: 100%; margin: 10px 0px; } .posts .post-item .post-row { float: left; width: 100%; font-size: 11px; } .posts .post-item .post-row .post-info { line-height: 20px; padding: 5px 10px; border: 1px solid #F5F5F5; font-size: 11px; color: #4d5669; float: left; } .posts .post-item:last-child { margin-bottom: 0px; padding-bottom: 10px; border-bottom: 0px; } .post-image { width: 400px; float: left; } .links { float: left; width: 100%; padding: 5px 10px; } .links a { font-size: 16px; font-weight: 400; color: #22262e; display: block; float: left; width: 100%; line-height: 30px; } .links a .label { float: right; padding: 5px 10px; margin-top: 3px; } .links.small a { font-size: 12px; line-height: 20px; margin-bottom: 10px; } /* eof posts */ /* faq */ .panel-body.faq { padding: 0px; } .faq { width: 100%; float: left; } .faq .faq-item { width: 100%; float: left; padding: 10px 15px; border-bottom: 1px solid #F5F5F5; } .faq .faq-item .faq-title { font-size: 16px; font-weight: 400; color: #1b1e24; line-height: 30px; float: left; width: 100%; cursor: pointer; position: relative; padding-left: 45px; } .faq .faq-item .faq-title .fa { color: #22262e; width: 30px; height: 30px; border: 1px solid #22262e; border-radius: 20%; margin-right: 15px; line-height: 31px; text-align: center; position: absolute; left: 0px; top: 0px; } .faq .faq-item .faq-text { font-size: 13px; color: #22262e; line-height: 20px; float: left; width: 100%; padding: 0px 20px; max-height: 0px; height: 0px; transition: all 200ms ease; overflow: hidden; } .faq .faq-item .faq-text h5 { font-weight: 600; font-size: 14px; } .faq .faq-item.active { padding-bottom: 0px; border-bottom: 1px solid #FFF; } .faq .faq-item.active .faq-title .fa { line-height: 28px; } .faq .faq-item.active .faq-text { max-height: 500px; height: auto; background: #F5F5F5; border-radius: 0px; padding: 15px 20px; margin-top: 10px; } .faq .faq-item:first-child { border-radius: 5px 5px 0px 0px; border-top: 1px solid #F5F5F5; } .faq .faq-item:last-child { border-radius: 0px 0px 5px 5px; padding-bottom: 15px; } .faq .faq-highlight { background: #1caf9a; color: #FFF; padding: 0px 5px; border-radius: 3px; text-decoration: underline; } /* eof faq */ /* message box */ .message-box { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } .message-box.open { display: block; } .message-box .mb-container { position: absolute; left: 0px; top: 35%; background: rgba(0, 0, 0, 0.9); padding: 20px; width: 100%; } .message-box .mb-container .mb-middle { width: 50%; left: 25%; position: relative; color: #FFF; } .message-box .mb-container .mb-middle .mb-title { width: 100%; float: left; padding: 10px 0px 0px; font-size: 31px; font-weight: 400; line-height: 36px; } .message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon { font-size: 38px; float: left; margin-right: 10px; } .message-box .mb-container .mb-middle .mb-content { width: 100%; float: left; padding: 10px 0px 0px; } .message-box .mb-container .mb-middle .mb-content p { margin-bottom: 0px; } .message-box .mb-container .mb-middle .mb-footer { width: 100%; float: left; padding: 10px 0px; } .message-box.message-box-warning .mb-container { background: rgba(254, 162, 35, 0.9); } .message-box.message-box-danger .mb-container { background: rgba(182, 70, 69, 0.9); } .message-box.message-box-info .mb-container { background: rgba(63, 186, 228, 0.9); } .message-box.message-box-success .mb-container { background: rgba(149, 183, 93, 0.9); } /* end message box */ /* Gallery */ .gallery { float: left; width: 100%; } .gallery .gallery-item { float: left; width: 25%; padding: 10px 5px 10px 5px; text-decoration: none; } .gallery .gallery-item .image { width: 100%; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); cursor: pointer; position: relative; overflow: hidden; } .gallery .gallery-item .image a { display: block; } .gallery .gallery-item .image:after, .gallery .gallery-item .image:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid #fff; border-radius: 3px; z-index: 1; } .gallery .gallery-item .image:before { z-index: 2; background: rgba(0, 0, 0, 0); transition: all 200ms ease; } .gallery .gallery-item .image:hover:before { background: rgba(0, 0, 0, 0.3); } .gallery .gallery-item .image img { width: 100%; border-radius: 0px; } .gallery .gallery-item .image .gallery-item-controls { position: absolute; right: -60px; top: 3px; display: block; list-style: none; padding: 0px; z-index: 2; transition: all 200ms ease; } .gallery .gallery-item .image .gallery-item-controls li { float: left; list-style: none; background: #FFF; width: 30px; height: 30px; text-align: center; line-height: 26px; } .gallery .gallery-item .image .gallery-item-controls li .check { margin: 4px 0px; } .gallery .gallery-item .image .gallery-item-controls li .icheckbox_minimal-grey { margin-right: 0px; } .gallery .gallery-item .image .gallery-item-controls li a, .gallery .gallery-item .image .gallery-item-controls li span { font-size: 17px; color: #BBB; } .gallery .gallery-item .image .gallery-item-controls li a:hover, .gallery .gallery-item .image .gallery-item-controls li span:hover { color: #22262e; } .gallery .gallery-item .image .gallery-item-controls li:first-child { border-radius: 0px 0px 0px 3px; } .gallery .gallery-item .image .gallery-item-controls li:hover { background: #F5F5F5; } .gallery .gallery-item .meta { color: #22262e; margin-top: 5px; line-height: 16px; padding: 0px 5px; } .gallery .gallery-item .meta strong { display: block; font-weight: 600; font-size: 13px; } .gallery .gallery-item .meta span { display: block; color: #4d5669; } .gallery .gallery-item:hover .image .gallery-item-controls { right: 3px; } .gallery .gallery-item.active .image { box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8); } .gallery .gallery-item.active .image .gallery-item-controls { right: 3px; } /* end Gallery */ /* Dropzone */ .dropzone.dropzone-mini { min-height: 150px; } .dropzone.dropzone-mini .dz-message { background: none; position: relative; margin: 0px; padding: 0px; left: auto; top: auto; width: 100%; float: left; height: 120px; } .dropzone.dropzone-mini .dz-message:after { content: "\f0ee"; position: absolute; width: 80px; height: 80px; text-align: center; font-family: FontAwesome; font-size: 88px; top: 26px; left: 50%; margin: 0px 0px 0px -40px; line-height: 80px; opacity: 0.5; filter: alpha(opacity = 50); transition: all 200ms ease; } .dropzone.dropzone-mini .dz-message:hover:after { opacity: 1; filter: alpha(opacity = 100); } .dropzone.dz-started .dz-message { display: none; } /* end Dropzone */ /* errors */ .error-container { width: 500px; margin: 50px auto 0px; } .error-container .error-code { float: left; width: 100%; font-size: 135px; line-height: 130px; text-align: center; color: #333; font-weight: 300; } .error-container .error-text { float: left; width: 100%; margin-top: 10px; font-size: 26px; line-height: 24px; text-transform: uppercase; color: #666; text-align: center; font-weight: 400; } .error-container .error-subtext { float: left; width: 100%; margin: 30px 0px 10px; font-size: 13px; line-height: 20px; color: #AAA; text-align: center; font-weight: 400; } .error-container .error-actions { float: left; width: 100%; margin-top: 10px; } /* end errors */ /* SETTINGS */ .theme-settings { position: fixed; right: -200px; top: 200px; transition: all 400ms ease; z-index: 3; } .theme-settings .ts-button { position: absolute; left: -36px; height: 36px; width: 36px; top: 10px; background: #1caf9a; border-radius: 5px 0px 0px 5px; font-size: 19px; color: #FFF; line-height: 34px; text-align: center; cursor: pointer; } .theme-settings .ts-body { width: 200px; background: rgba(28,175,154,0.9); border-radius: 5px 0px 0px 5px; padding: 10px 10px 10px; color: #FFF; } .theme-settings .ts-body .ts-title { font-size: 15px; font-weight: 600; line-height: 20px; margin-bottom: 5px; margin-top: 10px; } .theme-settings .ts-body .ts-title:first-child { margin-top: 0px; } .theme-settings .ts-body .ts-row { margin-bottom: 5px; } .theme-settings.active { right: 0px; } .theme-settings .ts-themes { width: 100%; margin-top: 10px; } .theme-settings .ts-themes a { width: 30px; height: 30px; margin-right: 6px; margin-bottom: 5px; display: inline-block; } .theme-settings .ts-themes a.active img { border: 2px solid #FFF; width: 30px; height: 30px; } /* END SETTIGS */ /* TEMPLATE PLUGINS */ /* To top */ .to-top { width: 40px; height: 40px; background: #f5f5f5; line-height: 35px; text-align: center; border: 1px solid #FFF; border-radius: 0px; font-size: 23px; color: #CCC; transition: all 200ms ease; } .to-top:hover { border-color: #1b1e24; color: #333; } /* end To top */ /* iCheck plugin Minimal skin, black ----------------------------------- */ .check { font-weight: 400; line-height: 20px; margin: 5px 0px; cursor: pointer; } .check .icheckbox_minimal-grey, .check .iradio_minimal-grey { margin-right: 5px; margin-top: -2px; } .check.disabled { color: #AAA; } .icheckbox_minimal-grey, .iradio_minimal-grey { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 18px; height: 18px; background: url('grey.d2d15d0aaead743c.png') no-repeat; border: none; cursor: pointer; } .icheckbox_minimal-grey { background-position: 0 0; } .icheckbox_minimal-grey.hover { background-position: -20px 0; } .icheckbox_minimal-grey.checked { background-position: -40px 0; } .icheckbox_minimal-grey.disabled { background-position: -60px 0; cursor: default; } .icheckbox_minimal-grey.checked.disabled { background-position: -80px 0; } .iradio_minimal-grey { background-position: -100px 0; } .iradio_minimal-grey.hover { background-position: -120px 0; } .iradio_minimal-grey.checked { background-position: -140px 0; } .iradio_minimal-grey.disabled { background-position: -160px 0; cursor: default; } .iradio_minimal-grey.checked.disabled { background-position: -180px 0; } /* END icheckbox */ /* MAILBOX */ .panel .panel-body.mail { padding: 0px; } .mail { padding: 0px; float: left; width: 100%; } .mail .mail-item { float: left; padding: 10px 15px 10px 13px; width: 100%; line-height: 20px; border-left: 2px solid #D5D5D5; } .mail .mail-item.mail-primary { border-left-color: #1b1e24; } .mail .mail-item.mail-info { border-left-color: #1caf9a; } .mail .mail-item.mail-success { border-left-color: #95b75d; } .mail .mail-item.mail-warning { border-left-color: #1caf9a; } .mail .mail-item.mail-danger { border-left-color: #E04B4A; } .mail .mail-item .mail-checkbox { float: left; width: 20px; height: 20px; margin-right: 10px; } .mail .mail-item .mail-star { font-size: 16px; width: 20px; float: left; text-align: center; margin-right: 10px; cursor: pointer; } .mail .mail-item .mail-star.starred { color: #1caf9a; } .mail .mail-item .mail-star.starred .fa-star-o:before { content: "\f005"; } .mail .mail-item .mail-user { font-size: 12px; font-weight: 600; float: left; width: 150px; color: #1b1e24; } .mail .mail-item .mail-text { font-size: 12px; float: left; color: #22262e; } .mail .mail-item .mail-date { float: right; font-size: 12px; } .mail .mail-item .mail-attachments { float: right; font-size: 12px; color: #AAA; margin-right: 10px; } .mail .mail-item .mail-attachments.fa { font-size: 16px; } .mail .mail-item:nth-child(2n) { background: #F9F9F9; } .mail .mail-item.mail-unread { font-weight: 700; } .mail .mail-item.mail-unread .mail-user { font-weight: 700; } .mail-checkall { margin-right: 5px; } /* END MAILBOX */ /* BOOTSTRAP DATEPICKER */ div.datepicker { padding: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); } div.datepicker > div { display: none; } div.datepicker table { width: 100%; margin: 0; } div.datepicker td, div.datepicker th { text-align: center; width: 20px; height: 20px; } div.datepicker td.day:hover { background: #F5F5F5; cursor: pointer; } div.datepicker td.day.disabled { color: #CCC; } div.datepicker td.old, div.datepicker td.new { color: #999; } div.datepicker td.active, div.datepicker td.active:hover { background: #1b1e24; color: #fff; border-radius: 3px; } div.datepicker td span { display: block; width: 31%; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; } div.datepicker td span:hover { background: #F5F5F5; } div.datepicker td span.active { background: #1b1e24; color: #fff; border-radius: 3px; } div.datepicker td span.old { color: #999; } div.datepicker th.switch { width: 145px; } div.datepicker th.next, div.datepicker th.prev { font-size: 12px; } div.datepicker thead tr:first-child th { cursor: pointer; padding: 8px 0px; } div.datepicker thead tr:first-child th:hover { background: #F5F5F5; border-radius: 3px; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } .datepicker.dropdown-menu:after, .datepicker.dropdown-menu:before { left: 16px; } .datepicker.datepicker-orient-left.dropdown-menu:after, .datepicker.datepicker-orient-left.dropdown-menu:before { left: auto; right: 16px; } /* EOF BOOTSTRAP DATEPICKER */ /* BOOTSTRAP TIMEPICKER */ .bootstrap-timepicker { position: relative; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0; } .bootstrap-timepicker .add-on { cursor: pointer; } .bootstrap-timepicker .add-on i { display: inline-block; width: 16px; height: 16px; } .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-top:before, .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-top:after { left: 15px; } .bootstrap-timepicker-widget.timepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #E5E5E5; } .bootstrap-timepicker-widget.timepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #ffffff; } .bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { border-radius: 4px; } .bootstrap-timepicker-widget table { width: 100%; margin: 0; } .bootstrap-timepicker-widget table td { text-align: center; height: 30px; margin: 0; padding: 2px; } .bootstrap-timepicker-widget table td:not(.separator) { min-width: 30px; } .bootstrap-timepicker-widget table td span { width: 100%; } .bootstrap-timepicker-widget table td a { border: 1px transparent solid; width: 100%; display: inline-block; margin: 0; padding: 8px 0; outline: 0; color: #333; } .bootstrap-timepicker-widget table td a:hover { text-decoration: none; background-color: #F5F5F5; } .bootstrap-timepicker-widget table td a i { margin-top: 2px; font-size: 6px; color: #333; } .bootstrap-timepicker-widget table td input { width: 50px; margin: 0; text-align: center; margin: 0px; padding: 0px; } .bootstrap-timepicker-widget { display: block; } .bootstrap-timepicker-widget .modal-content { padding: 4px; } /* EOF BOOTSTRAP TIMEPICKER */ /* BOOTSTRAP COLORPICKER */ .colorpicker-saturation { width: 100px; height: 100px; background-image: url('saturation.2e5ca867f0677193.png'); cursor: crosshair; float: left; } .colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; border-radius: 0px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; } .colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; } .colorpicker-hue, .colorpicker-alpha { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; } .colorpicker-hue i, .colorpicker-alpha i { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; } .colorpicker-hue { background-image: url('hue.65a6b8bbee2578f3.png'); } .colorpicker-alpha { background-image: url('alpha.bd64686d9a1a0d77.png'); display: none; } .colorpicker { top: 0; left: 0; padding: 4px; min-width: 120px; margin-top: 1px; border-radius: 3px; } .colorpicker.dropdown-menu { margin-top: 8px; } .colorpicker div { position: relative; } .colorpicker.alpha { min-width: 140px; } .colorpicker.alpha .colorpicker-alpha { display: block; } .colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url('alpha.bd64686d9a1a0d77.png'); background-position: 0 100%; } .colorpicker-color div { height: 10px; } .input-group.color .input-group-addon i { display: inline-block; cursor: pointer; width: 16px; height: 16px; vertical-align: text-bottom; } /* EOF BOOTSTRAP COLORPICKER */ /* BOOTSTRAP SELECT */ .bootstrap-select { width: 220px \0; } .bootstrap-select > .btn { width: 100%; padding-right: 25px; } .error .bootstrap-select .btn { border: 1px solid #E04B4A; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] { float: none; display: inline-block; margin-bottom: 0px; margin-left: 0; } .form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group { margin-bottom: 0; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.btn-group.pull-right, .bootstrap-select.btn-group[class*="span"].pull-right, .row-fluid .bootstrap-select.btn-group[class*="span"].pull-right { float: right; } .input-append .bootstrap-select.btn-group { margin-left: -1px; } .input-prepend .bootstrap-select.btn-group { margin-right: -1px; } .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select.form-control:not([class*="span"]) { width: 100%; } .bootstrap-select.show-menu-arrow.open > .btn { z-index: 2051; } .bootstrap-select.btn-group .btn .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .btn .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group > .disabled, .bootstrap-select.btn-group .dropdown-menu li.disabled > a { cursor: not-allowed; } .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group[class*="span"] .btn { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; z-index: 2000; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; border: 0; padding: 0; margin: 0; border-radius: 0px; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu dt { display: block; padding: 3px 20px; cursor: default; } .bootstrap-select.btn-group .div-contain { overflow: hidden; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li > a.opt { position: relative; padding-left: 35px; } .bootstrap-select.btn-group .dropdown-menu li > a { cursor: pointer; } .bootstrap-select.btn-group .dropdown-menu li > dt small { font-weight: normal; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 11px; font-size: 11px; } .bootstrap-select.btn-group .dropdown-menu li a i.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small { color: #64b1d8; color: rgba(100, 177, 216, 0.4); } .bootstrap-select.btn-group .dropdown-menu li > dt small { font-weight: normal; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom-width: 7px; border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-color: rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-bottom: 0; border-top-width: 7px; border-top-style: solid; border-top-color: #cccccc; border-top-color: rgba(204, 204, 204, 0.2); } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid #FFFFFF; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bootstrap-select.btn-group .no-results { padding: 8px; background: #f5f5f5; border-top: 1px solid #E5E5E5; margin-top: 5px; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; box-sizing: border-box; } .bootstrap-select.btn-group.fit-width .btn .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .btn .caret { position: static; top: auto; margin-top: -1px; } .control-group.error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select-searchbox, .bootstrap-select .bs-actionsbox { padding: 4px 8px; } .bootstrap-select .bs-actionsbox { float: left; width: 100%; box-sizing: border-box; } .bootstrap-select .bs-actionsbox .btn-group button { width: 50%; } .bootstrap-select-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bootstrap-select-searchbox input { margin-bottom: 0; } .mobile-device { position: absolute; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0; } /* EOF BOOTSTRAP SELECT */ /* Validation Engine */ .formError { z-index: 990; } .formError .formErrorContent { z-index: 991; } .formError .formErrorArrow { z-index: 996; } .ui-dialog .formError { z-index: 5000; } .ui-dialog .formError .formErrorContent { z-index: 5001; } .ui-dialog .formError .formErrorArrow { z-index: 5006; } .inputContainer { position: relative; float: left; } .formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; } .formError.inline { position: relative; top: 0; left: 0; display: inline-block; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; } .formError .formErrorContent { width: 100%; background: #111111; position: relative; color: #ffffff; min-width: 120px; font-size: 12px; padding: 4px 10px 4px 10px; border-radius: 3px; } .greenPopup .formErrorContent { background: #95b75d; } .blackPopup .formErrorContent { background: #000; color: #FFF; } .formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; } body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; } .formError .formErrorArrowBottom { margin: 0px 0 0 12px; top: 2px; } .formError .formErrorArrow div { font-size: 0px; height: 1px; background: #111111; margin: 0 auto; line-height: 0; font-size: 0; display: block; } .greenPopup .formErrorArrow div { background: #95b75d; } .blackPopup .formErrorArrow div { background: #000; color: #FFF; } .formError .formErrorArrow .line10 { width: 13px; border: none; } .formError .formErrorArrow .line9 { width: 11px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; } .formError .formErrorArrow .line2 { width: 0px; border: none; } .formError .formErrorArrow .line1 { width: 0px; border: none; } /* EOF Validation Engine */ /* RangeSlider */ .ui-rangeSlider { height: 22px; margin-top: 4px; } .ui-rangeSlider .ui-rangeSlider-innerBar { height: 16px; margin: 3px 6px; background: #F5F5F5; border: 1px solid #E5E5E5; border-radius: 0px; } .ui-rangeSlider .ui-rangeSlider-handle { width: 22px; height: 22px; background: #FFF; border: 2px solid #1b1e24; cursor: col-resize; border-radius: 20%; } .ui-rangeSlider .ui-rangeSlider-bar { margin: 1px 0px; background: #E5E5E5; height: 20px; cursor: move; cursor: grab; cursor: -moz-grab; border-radius: 10px; } .ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging { cursor: grabbing; } .ui-rangeSlider-arrow, .ui-rangeSlider-arrow-inner { display: none; } .ui-rangeSlider-container { height: 22px; } .ui-rangeSlider-withArrows .ui-rangeSlider-container { margin: 0 11px; } .ui-rangeSlider-noArrow .ui-rangeSlider-container { margin: 0; } .ui-rangeSlider-label { background: #1b1e24; margin: 0px; white-space: nowrap; bottom: 26px; padding: 5px 8px; cursor: col-resize; color: #FFF; border-radius: 0px; font-size: 11px; } .ui-rangeSlider-label-inner { display: none; } input.ui-editRangeSlider-inputValue { width: 3em; vertical-align: middle; text-align: center; } /* EOF RangeSlider */ /* Smart Wizard */ .wizard .anchor { float: left; padding: 0px; margin: 0px; list-style: none; display: block; position: relative; width: 100%; } .wizard .anchor:after { content: " "; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; border-radius: 1px; background: #D5D5D5; z-index: 1; } .wizard .anchor li { float: left; display: block; } .wizard .anchor li a { font-size: 14px; color: #22262e; text-decoration: none; display: block; line-height: 18px; padding: 10px 20px 15px 0px; position: relative; } .wizard .anchor li a .stepNumber { display: none; } .wizard .anchor li a .stepDesc { font-weight: 400; } .wizard .anchor li a .stepDesc small { color: #999; font-weight: 300; } .wizard .anchor li a:before { content: " "; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; background: #D5D5D5; z-index: 2; transition: all 200ms ease; } .wizard .anchor li a:after { content: " "; position: absolute; bottom: -10px; left: 0px; width: 22px; height: 22px; border-radius: 20%; background: #FFF; border: 3px solid #D5D5D5; z-index: 3; text-align: center; line-height: 17px; transition: all 200ms ease; color: #DDD; } .wizard .anchor li a.done:after { border-color: #95b75d; content: "\f00c"; font-family: FontAwesome; color: #95b75d; font-size: 10px; } .wizard .anchor li a.done:before { background: #95b75d; } .wizard .anchor li a.error:after { border-color: #E04B4A; content: "\f00d"; font-family: FontAwesome; color: #E04B4A; font-size: 10px; } .wizard .anchor li a.error:before { background: #E04B4A; } .wizard .anchor li a.selected:after { border-color: #1b1e24; content: "\f0da"; font-family: FontAwesome; color: #1b1e24; font-size: 13px; padding-left: 2px; } .wizard .anchor li a.selected:before { background: #1b1e24; } .wizard .stepContainer, .wizard .actionBar { float: left; width: 100%; margin-top: 30px; } .wizard .actionBar { margin-top: 20px; } .wizard .actionBar .btn.pull-right { margin-left: 5px; } .wizard .actionBar .btn-primary { display: none; } .wizard .actionBar .loader { display: none; } .wizard .anchor.steps_1 li { width: 100%; } .wizard .anchor.steps_2 li { width: 50%; } .wizard .anchor.steps_3 li { width: 33.333333%; } .wizard .anchor.steps_4 li { width: 25%; } .wizard .anchor.steps_5 li { width: 20%; } .wizard .anchor.steps_6 li { width: 16.666666%; } .wizard .anchor.steps_7 li { width: 14.285714%; } .wizard .anchor.steps_8 li { width: 12.5%; } /* END Smart Wizard */ /* OWL Slider */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-carousel .owl-item > div { width: 100%; float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .grabbing { cursor: url('grabbing.81487f7cb365c8b0.png') 8 8, move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-theme .owl-controls { text-align: center; } .owl-theme .owl-controls .owl-pagination { height: 22px; line-height: 22px; } .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; border-radius: 30px; background: #222; filter: alpha(opacity=20); opacity: 0.2; } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: alpha(opacity=50); opacity: 0.5; text-decoration: none; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: alpha(opacity=20); opacity: 0.2; border-radius: 20px; background: #222; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: alpha(opacity=500); opacity: 0.5; } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px; } .owl-item.loading { min-height: 150px; background: url('AjaxLoader.0c1411c8ba528bfa.gif') no-repeat center center; } /* END Slider */ /* jVectorMaps */ .jvectormap-label { position: absolute; display: none; border: solid 1px #1b1e24; border-radius: 3px; background: #1b1e24; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; z-index: 15; opacity: 0.9; filter: alpha(opacity=90); } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; border-radius: 3px; background: #1b1e24; padding: 3px; color: white; width: 16px; height: 16px; cursor: pointer; line-height: 10px; text-align: center; color: #FFF; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; } /* END jVectorMaps */ /* tagsinput */ div.tagsinput { border: 1px solid #D5D5D5; background: #FFF; width: 100%; min-height: 30px; overflow-y: auto; border-radius: 3px; } div.tagsinput span.tag { border-radius: 3px; display: block; float: left; text-decoration: none; background: #1b1e24; color: #FFF; margin: 2px 0px 2px 2px; line-height: 20px; padding: 2px 5px 2px 20px; position: relative; } div.tagsinput span.tag a { color: #FFF; text-decoration: none; position: absolute; left: 5px; width: 15px; height: 20px; opacity: 0.5; filter: alpha(opacity = 50); } div.tagsinput span.tag a:hover { opacity: 1; filter: alpha(opacity = 100); } div.tagsinput span.tag a:before { position: absolute; font-family: "FontAwesome"; content: "\f00d"; color: #FFF; font-size: 12px; line-height: 20px; } div.tagsinput input { width: 80px; margin: 4px 5px; border: 0px; height: 20px; line-height: 20px; } div.tagsinput div { display: block; float: left; } .tags_clear { clear: both; width: 100%; height: 0px; } .not_valid { background: #E04B4A !important; color: #FFF !important; border-radius: 3px; padding: 0px 5px; } /* END tagsinput */ /* sparkline */ .sparkline { display: inline-block; position: relative; } .jqstooltip { display: block !important; padding: 0px !important; border: 0px !important; } .jqsfield { padding: 4px 5px 5px; display: inline-block; line-height: 13px; } /* eof sparkline */ /* calendar */ .calendar { margin-bottom: 0px; float: left; } .fc-toolbar { margin-bottom: 5px; } .fc-toolbar h2 { font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 30px; } .fc-day { background: #FFF; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus, .fc-toolbar button:hover, .fc-toolbar .ui-state-hover { z-index: 0; } .fc-widget-header, .fc-widget-content { border: 1px solid #D5D5D5; } .fc th.fc-widget-header { background: #F5F5F5; font-size: 10px; text-transform: uppercase; line-height: 20px; padding: 5px; } .fc-button { border: 1px solid #D5D5D5; background: #FFF; color: #555; } .fc-text-arrow, .fc-text-arrow { font-family: arial; font-size: 16px; } .fc-state-hover { background: #F5F5F5; } .fc-state-highlight, .fc-cell-overlay { background: #F0F0F0; } .fc-event { font-size: 11px; padding: 3px 5px; text-align: center; } .fc-event-skin.red, .fc-event.red { background-color: #E04B4A; border-color: #a43f3e; } .fc-event-skin.green, .fc-event.green { background-color: #95b75d; border-color: #89ad4d; } .fc-event-skin.orange, .fc-event.orange { background-color: #1caf9a; border-color: #fe970a; } .fc-event-skin.blue, .fc-event.blue { background-color: #1caf9a; border-color: #29b2e1; } /* eof calendar */ /* bootstra file input */ .file-input-wrapper input[type=file], .file-input-wrapper input[type=file]:focus, .file-input-wrapper input[type=file]:hover { position: absolute; top: 0; left: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); z-index: 99; outline: 0; } .file-input-name { margin-left: 10px; } /* eof bootstrap file input */ /* Morris charts */ .morris-hover { position: absolute; z-index: 1000; } .morris-hover.morris-default-style { border-radius: 10px; padding: 6px; color: #666; background: rgba(255, 255, 255, 0.8); border: solid 2px rgba(230, 230, 230, 0.8); font-family: sans-serif; font-size: 12px; text-align: center; } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 0.25em 0; } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 0.1em 0; } /* END Morris charts */ /* Bootstrap Tour */ .tour-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1100; background-color: #000; opacity: 0.8; } .tour-step-backdrop { position: relative; z-index: 1101; background: inherit; } .tour-step-background { position: absolute; z-index: 1100; background: inherit; border-radius: 6px; } .popover[class*=tour-] { z-index: 1100; } .popover[class*=tour-] .popover-navigation { padding: 9px 14px; } .popover[class*=tour-] .popover-navigation [data-role=end] { float: right; } .popover[class*=tour-] .popover-navigation [data-role=prev], .popover[class*=tour-] .popover-navigation [data-role=next], .popover[class*=tour-] .popover-navigation [data-role=end] { cursor: pointer; } .popover[class*=tour-] .popover-navigation [data-role=prev] .disabled, .popover[class*=tour-] .popover-navigation [data-role=next].disabled, .popover[class*=tour-] .popover-navigation [data-role=end] .disabled { cursor: default; } .popover[class*=tour-] .orphan { position: fixed; margin-top: 0; } .popover[class*=tour-].orphan .arrow { display: none; } /* END Bootstrap Tour */ /* Bootstro */ .bootstro-next-btn { float: right; } .bootstro-prev-btn { float: left; } .bootstro-backdrop { opacity: .5; background-color: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 5; filter: alpha(opacity=50); } .bootstro-highlight { z-index: 9999; position: relative; color: #111; } .bootstro-highlight h1, .bootstro-highlight h2, .bootstro-highlight h3, .bootstro-highlight h4, .bootstro-highlight h5, .bootstro-highlight h6, .bootstro-highlight .h1, .bootstro-highlight .h2, .bootstro-highlight .h3, .bootstro-highlight .h4, .bootstro-highlight .h5, .bootstro-highlight .h6 { color: #000; } .bootstro-finish-btn-wrapper { padding-top: 10px; text-align: center; clear: both; } .bootstro-nav-wrapper { margin-top: 10px; } .bootstro-nav-wrapper button, .bootstro-finish-btn-wrapper button { font-size: 12px !important; padding: 3px 5px 3px 5px !important; font-weight: 400; } /* END Bootstro */ /* Bootstrap fileinput */ .file-input { overflow-x: auto; } .file-loading { top: 0; right: 0; width: 25px; height: 25px; font-size: 999px; text-align: right; color: #fff; /* background: transparent url(../img/fileinput/loading.gif) top left no-repeat; */ border: none; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; filter: alpha(opacity=0); opacity: 0; background: none repeat scroll 0 0 transparent; cursor: inherit; display: block; } .file-caption .glyphicon { display: inline-block; min-width: 18px; float: left; margin-top: 2px; } .file-caption-name { display: inline-block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 85%; } .file-error-message { background-color: #f2dede; color: #a94442; text-align: center; border-radius: 0px; padding: 5px; } .file-caption-disabled { background-color: #EEE; cursor: not-allowed; opacity: 1; } .file-input .btn .disabled, .file-input .btn[disabled] { cursor: not-allowed; } .file-preview { border-radius: 0px; border: 1px solid #ddd; padding: 5px; width: 100%; margin-bottom: 5px; } .file-preview-frame { display: table; margin: 10px; height: 160px; border: 1px solid #d5d5d5; box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.1); padding: 3px; float: left; text-align: center; } .file-preview-frame:hover { background-color: #F5F5F5; } .file-preview-image { height: 150px; vertical-align: text-center; } .file-preview-text { display: table-cell; width: 150px; height: 150px; color: #428bca; font-size: 11px; vertical-align: middle; text-align: center; } .file-preview-other { display: table-cell; width: 150px; height: 150px; font-family: Monaco,Consolas,monospace; font-size: 11px; vertical-align: middle; text-align: center; } .file-input-new .close, .file-input-new .file-preview, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-new .glyphicon-file { display: none; } /* .loading { background: transparent url(../img/loading.gif) no-repeat scroll center center content-box !important; } */ .wrap-indicator { font-weight: 700; color: #245269; cursor: pointer; } /* END Bootstrap fileinput */ /* daterangepicker */ .dtrange { line-height: 28px; padding: 0px 10px; border: 1px solid #BBB; border-radius: 3px; float: left; cursor: pointer; } .dtrange:hover { background-color: #F9F9F9; } .daterangepicker.dropdown-menu { max-width: none; z-index: 3000; border: 1px solid #D5D5D5; } .daterangepicker.dropdown-menu:before, .daterangepicker.dropdown-menu:after { display: none; } .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { float: left; margin: 4px; } .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { float: right; margin: 4px; } .daterangepicker .ranges { width: 160px; text-align: left; } .daterangepicker .ranges .range_inputs > div { float: left; } .daterangepicker .ranges .range_inputs > div:nth-child(2) { padding-left: 11px; } .daterangepicker .calendar { display: none; max-width: 270px; width: auto; } .daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .ranges label { color: #333; display: block; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin-bottom: 2px; text-shadow: #fff 1px 1px 0px; text-transform: uppercase; width: 74px; } .daterangepicker .ranges input { font-size: 11px; } .daterangepicker .ranges .input-mini { background-color: #F5F5F5; border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; font-size: 11px; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 10px 0; padding: 0 6px; width: 74px; } .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; } .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #22262e; padding: 3px 12px; margin-bottom: 8px; border-radius: 0px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #1b1e24; border: 1px solid #1b1e24; color: #fff; } .daterangepicker .calendar-date { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker .calendar-time { text-align: center; margin: 8px auto 0 auto; line-height: 30px; } .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; border-radius: 4px; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; cursor: pointer; white-space: nowrap; } .daterangepicker td.off { color: #999; } .daterangepicker td.disabled { color: #999; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #D5D5D5; } .daterangepicker td.in-range { background: #8c96aa; border-radius: 0; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #22262e; border-color: #22262e; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } /* eof daterangepicker */ /* Tocify */ .tocify { width: 20%; max-height: 90%; overflow: auto; position: fixed; border: 1px solid #E5E5E5; border-radius: 0px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); } .tocify ul, .tocify li { list-style: none; margin: 0; padding: 0; border: none; line-height: 30px; } .tocify ul.tocify-header > li > a { border-bottom: 1px solid #E5E5E5; } .tocify ul.tocify-subheader { display: none; } .tocify ul.tocify-subheader li.tocify-item a { background: #F5F5F5; } .tocify ul.tocify-subheader li.tocify-item a:hover { background: #F0F0F0; } .tocify ul.tocify-subheader li.tocify-item.active a { background: #1b1e24; } .tocify li.tocify-item a { background: #FFF; padding: 10px; font-size: 12px; color: #333; line-height: 20px; border-bottom: 1px solid #E5E5E5; } .tocify li.tocify-item a:hover { background: #F5F5F5; } .tocify li.tocify-item.active a { background: #1b1e24; color: #FFF; } .tocify-header { text-indent: 10px; } .tocify-subheader { text-indent: 20px; } .tocify-subheader li { font-size: 12px; } .tocify-subheader .tocify-subheader { text-indent: 30px; } .tocify-subheader .tocify-subheader .tocify-subheader { text-indent: 40px; } /* END Tocify */ /* Filetree */ ul.jqueryFileTree { font-size: 11px; line-height: 18px; padding: 0px; margin: 0px; } ul.jqueryFileTree li { list-style: none; padding: 0px; padding-left: 20px; margin: 0px; white-space: nowrap; } ul.jqueryFileTree a { color: #333; text-decoration: none; display: block; padding: 0px 2px; } ul.jqueryFileTree a:hover { background: #E9EDF1; } li.directory { background: url('directory.7ec67bcdb7455134.png') left top no-repeat; } li.expanded { background: url('folder_open.b1836bd7d1a26230.png') left top no-repeat; } li.file { background: url('file.aec5bbe734e22b25.png') left top no-repeat; } li.wait { background: url('spinner.36a7154b36a1e677.gif') left top no-repeat; } /* File Extensions*/ li.ext_3gp { background: url('film.58bc7e6e69bf2f0e.png') left top no-repeat; } li.ext_afp { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_afpa { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_asp { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_aspx { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_avi { background: url('film.58bc7e6e69bf2f0e.png') left top no-repeat; } li.ext_bat { background: url('application.ef92a8ae1ce199c4.png') left top no-repeat; } li.ext_bmp { background: url('picture.1fab7f8923db1880.png') left top no-repeat; } li.ext_c { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_cfm { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_cgi { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_com { background: url('application.ef92a8ae1ce199c4.png') left top no-repeat; } li.ext_cpp { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_css { background: url('css.a222ca023e0f87a0.png') left top no-repeat; } li.ext_doc { background: url('doc.7aa9b60a81d2bb32.png') left top no-repeat; } li.ext_exe { background: url('application.ef92a8ae1ce199c4.png') left top no-repeat; } li.ext_gif { background: url('picture.1fab7f8923db1880.png') left top no-repeat; } li.ext_fla { background: url('flash.55533d9b60b0d6a9.png') left top no-repeat; } li.ext_h { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_htm { background: url('html.e7b2a6797139c7e2.png') left top no-repeat; } li.ext_html { background: url('html.e7b2a6797139c7e2.png') left top no-repeat; } li.ext_jar { background: url('java.c09fe99f7279f9a9.png') left top no-repeat; } li.ext_jpg { background: url('picture.1fab7f8923db1880.png') left top no-repeat; } li.ext_jpeg { background: url('picture.1fab7f8923db1880.png') left top no-repeat; } li.ext_js { background: url('script.10cf657b294235f0.png') left top no-repeat; } li.ext_lasso { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_log { background: url('txt.c6b209cb9997f5ed.png') left top no-repeat; } li.ext_m4p { background: url('music.16cead07f79e6111.png') left top no-repeat; } li.ext_mov { background: url('film.58bc7e6e69bf2f0e.png') left top no-repeat; } li.ext_mp3 { background: url('music.16cead07f79e6111.png') left top no-repeat; } li.ext_mp4 { background: url('film.58bc7e6e69bf2f0e.png') left top no-repeat; } li.ext_mpg { background: url('film.58bc7e6e69bf2f0e.png') left top no-repeat; } li.ext_mpeg { background: url('film.58bc7e6e69bf2f0e.png') left top no-repeat; } li.ext_ogg { background: url('music.16cead07f79e6111.png') left top no-repeat; } li.ext_pcx { background: url('picture.1fab7f8923db1880.png') left top no-repeat; } li.ext_pdf { background: url('pdf.eea804728c497b32.png') left top no-repeat; } li.ext_php { background: url('php.35dbf916d8a97b6d.png') left top no-repeat; } li.ext_png { background: url('picture.1fab7f8923db1880.png') left top no-repeat; } li.ext_ppt { background: url('ppt.614829c7b6261606.png') left top no-repeat; } li.ext_psd { background: url('psd.6c7fd775b48a04e9.png') left top no-repeat; } li.ext_pl { background: url('script.10cf657b294235f0.png') left top no-repeat; } li.ext_py { background: url('script.10cf657b294235f0.png') left top no-repeat; } li.ext_rb { background: url('ruby.293fc8b52ed8ec44.png') left top no-repeat; } li.ext_rbx { background: url('ruby.293fc8b52ed8ec44.png') left top no-repeat; } li.ext_rhtml { background: url('ruby.293fc8b52ed8ec44.png') left top no-repeat; } li.ext_rpm { background: url('linux.b477012b83850129.png') left top no-repeat; } li.ext_ruby { background: url('ruby.293fc8b52ed8ec44.png') left top no-repeat; } li.ext_sql { background: url('db.094ba454b1972629.png') left top no-repeat; } li.ext_swf { background: url('flash.55533d9b60b0d6a9.png') left top no-repeat; } li.ext_tif { background: url('picture.1fab7f8923db1880.png') left top no-repeat; } li.ext_tiff { background: url('picture.1fab7f8923db1880.png') left top no-repeat; } li.ext_txt { background: url('txt.c6b209cb9997f5ed.png') left top no-repeat; } li.ext_vb { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_wav { background: url('music.16cead07f79e6111.png') left top no-repeat; } li.ext_wmv { background: url('film.58bc7e6e69bf2f0e.png') left top no-repeat; } li.ext_xls { background: url('xls.22f6ba9df37e8d85.png') left top no-repeat; } li.ext_xml { background: url('code.4663df0b5ce44678.png') left top no-repeat; } li.ext_zip { background: url('zip.a27727d8ac52c1c4.png') left top no-repeat; } /* END Filetree */ .chart-legend { position: absolute; top: 5px; right: 5px; } .rickshaw_legend { background: rgba(0, 0, 0, 0.05); } .rickshaw_legend .label { color: #333; } /* END TEMPLATE PLUGINS */ .fa-right { margin-left: 5px; margin-right: 0px; } /* Animations */ @keyframes pulsate { 0% { opacity: 0.0; } 50% { opacity: 1.0; } 100% { opacity: 0.0; } } /* END Animations */ /*@media only screen and (max-width: 768px) { [class^='col-xs-'], [class^='col-sm-'], [class^='col-md-'], [class^='col-lg-'] { margin-bottom: 10px; } .login-container { padding: 0px 10px; } .login-container .login-box { padding-top: 10px; width: 100%; } .tocify { display: none; } .timeline.timeline-right:before { left: 60px; } .timeline.timeline-right .timeline-item { padding-left: 110px; } .timeline.timeline-right .timeline-item.timeline-main { width: 60px; } .timeline.timeline-right .timeline-item .timeline-item-icon { left: 40px; } .timeline.timeline-right .timeline-item .timeline-item-info { top: 45px; width: 70px; left: 25px; padding: 7px 0px; } .post-image { width: 100%; } }*/ /*@media only screen and (max-width: 1024px) { .Dashboard-page-container .page-sidebar { position: relative; float: left; width: 100%; } .Dashboard-page-container .page-sidebar.scroll { position: relative; } .Dashboard-page-container .page-content { margin-left: 0px; } .Dashboard-page-container .page-content .content-frame .content-frame-left, .Dashboard-page-container .page-content .content-frame .content-frame-right { width: 100%; display: none; } .Dashboard-page-container .page-content .content-frame .content-frame-body { margin-left: 0px; margin-right: 0px; } .Dashboard-page-container .page-content .content-frame .content-frame-body.content-frame-body-left { margin-right: 0px; } .Dashboard-page-container .page-content .content-frame .content-frame-left-toggle, .Dashboard-page-container .page-content .content-frame .content-frame-right-toggle { display: inline-block; } .Dashboard-page-container.page-navigation-toggled .page-content { margin-left: 0px; } .Dashboard-page-container.page-mode-rtl .page-content { margin-right: 0px; } .Dashboard-page-container.page-navigation-top-fixed .x-navigation.x-navigation-horizontal { padding-right: 0px; position: relative; } .Dashboard-page-container.page-navigation-top-fixed .page-content { padding-top: 0px; } .x-navigation { max-height: 50px; overflow: hidden; background: #1b1e24; } .x-navigation.x-navigation-panel { height: 50px; max-height: auto; overflow: visible; } .x-navigation.x-navigation-panel li.xn-icon-button { width: 50px; } .x-navigation.x-navigation-panel li.xn-search { width: auto; } .x-navigation .xn-search input { width: 100%; } .x-navigation.x-navigation-open { max-height: 1200px; overflow: visible; } .x-navigation .x-navigation-control { display: block; } .x-navigation-minimize { display: none !important; } .x-navigation-horizontal > li > ul ul, .x-navigation-horizontal > li > ul.xn-drop-left ul { position: relative; left: auto; right: auto; margin-left: 0px; margin-right: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .x-navigation-horizontal > li > ul ul:after { display: none; } .x-navigation li > .panel { width: 250px; } .icons-list li { width: 100%; } .gallery .gallery-item { width: 50%; } .timeline .timeline-item .timeline-item-content { width: 90%; } .timeline .timeline-item .timeline-item-content:before, .timeline .timeline-item .timeline-item-content:after { left: 90%; } .timeline .timeline-item.timeline-item-right .timeline-item-content:before, .timeline .timeline-item.timeline-item-right .timeline-item-content:after { right: 90%; } .error-container { width: 100%; } .theme-settings { display: none; } .post-image { width: 300px; } }*/ .x-navigation-minimized .xn-logo { display: none; } .dashBoardPanelScroll { overflow-y: auto; } .panelTextMargin { margin-bottom: 5px !important; color: black !important; } .notificationPanel { margin-bottom: 10px; line-height: 20px; } .action-CloseBtn { font-size: 6px; float: right; height: 17px; width: 6px; } .action-CloseIcon { font-size: 12px; margin-top: -5px; margin-left: -5px; } .notification-border { border-bottom: #ddd 1px solid; margin-top: 5px; } .panelDataPadding { padding-left: 0px !important; margin-top: 5px; } .panelDataHeading { padding: 0px !important; height: 35px !important; } .Dashboard-page-container .dx-datagrid-headers .dx-datagrid-table .dx-row > td { background: #f5f5f5; border-bottom: 0; color: black; font-weight: 700; } .notificationHeader { color: #1caf9a; font-weight: bold; } .notificationTime { margin-left: 10px; font-weight: 600; color: #33414e; } .notificationDiv { padding-left: 5px; } .notificationDiv:hover { box-shadow: 0 0 5px rgba(0,0,0,0.5); cursor:pointer; } .notificationPanel-CPM-dashboard-credit { line-height: 20px; white-space: normal; } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/dev-xpress-override.css ***! \************************************************************************************************************************************************************************************************************************************/ /* DevEx Styles */ /* common */ .dx-widget { font-size: 12px; } /* action controls */ .dx-button-has-icon:not(.dx-button-has-text) .dx-icon { color: rgba(0, 0, 0, 0.54); } /*Button background remove*/ .dx-button.dx-state-disabled { background: rgba(0, 0, 0, 0.0); } /* input controls */ .dx-texteditor.dx-editor-standard:after { /*border-bottom-color: #e0e6e8;*/ border-bottom-color: #d1d2d2; } .dx-texteditor.dx-editor-standard.dx-state-hover:after { border-bottom-color: #9ca6af; } .dx-texteditor.dx-editor-underlined:after { /*border-bottom-color: #e0e6e8;*/ border-bottom-color: #d1d2d2; } .dx-texteditor.dx-editor-underlined.dx-state-hover:after { border-bottom-color: #9ca6af; } /*.dx-texteditor.dx-editor-underlined .dx-placeholder:before { padding: 0px; }*/ .dx-texteditor.dx-editor-underlined .dx-placeholder:before { /*padding: 3px 3px 6px;*/ padding: 0px; } .dx-searchbox.dx-editor-underlined .dx-texteditor-input, .dx-searchbox.dx-editor-underlined .dx-placeholder:before { /* padding-left: 22px; */ padding: 3px 3px 3px 22px; } .dx-texteditor.dx-editor-underlined .dx-texteditor-input { padding: 3px 3px 6px; } .dx-list-search .dx-texteditor-container .dx-texteditor-input { padding-left: 22px; } .dx-texteditor-input { font-size: 12px; /* color: #757474; */ color: black; } .dx-list-item-content { font-size: 12px; padding: 11px 14px /*!important;*/ } .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 12px 15px; } .dx-overlay-wrapper.dx-loadpanel-wrapper.dx-overlay-modal.dx-overlay-shader { background: rgb(0,0,0,0.7) !important; } /* Grid */ .dx-datagrid-headers { color: #151b26; /*background-color: #eeeeeede;*/ background-color: #00000014; border-bottom: none; } .dx-datagrid-header-panel { border-top: 1px solid #e0e0e0; } .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container { height: 50px; } .dx-datagrid-headers .dx-datagrid-table .dx-row > td { /*font-size: 14px;*/ font-size: 13px; padding-top: 10px; padding-bottom: 8px; /*border-left-style: none !important;*/ /*background-color: #eeeeeede;*/ } td[role='gridcell'] { border-left-style: none !important; } /*.dx-freespace-row td { border-color: transparent !important; }*/ .grid-area .dx-datagrid-headers .dx-datagrid-table .dx-row:first-child td { border-bottom: none; padding-bottom: 10px; /*background-color: #e5e5e5e8;*/ background-color: #ccc; } /*datagrid right top bottom border remove*/ ./*dx-datagrid-borders > .dx-datagrid-pager, .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-filter-panel { border-top: none; } .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer { border-right: none; border-left: none; } .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer { border-bottom: none; }*/ /*.dx-datagrid .dx-datagrid-table .dx-datagrid-filter-row > td { padding-top: 8px; padding-bottom: 8px; font-size:12px; }*/ .dx-row.dx-datagrid-filter-row { height: 30px !important; } .dx-datagrid-filter-row { /*background-color: #fff;*/ /*background-color: transparent;*/ background-color: #f1f1f1; height: 10px !important; } /*Advance filter padding*/ .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input, .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before { padding-left: 28px; } .dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu { height: 30px; } .dx-datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-input { height: 30px; line-height: 30px; } .dx-datagrid .dx-row > td { /*padding-top: 8px; padding-bottom: 8px;*/ padding-top: 4px; padding-bottom: 4px; font-size: 12px; } .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row { border-bottom: 1px solid transparent; } .dx-editor-cell .dx-texteditor .dx-texteditor-input { font-size: 12px; } .dx-highlight-outline.dx-pointer-events-target { margin: -5px 0px; } .dx-datagrid-headers .dx-datagrid-table .dx-row > td { border-bottom: none; } .dx-datagrid-headers .dx-datagrid-content { margin-bottom: 0px; } /*Grid Row Data Color*/ .dx-datagrid-rowsview .dx-row { /*color: #848484; color: #6B6A6A;*/ color: black; } .dx-datagrid-rowsview .dx-row-height { height:38px; } /*Scrollbar*/ .dx-scrollbar-vertical.dx-scrollbar-hoverable { width: 15px; } .dx-scrollbar-vertical .dx-scrollable-scroll { width: 15px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:horizontal { /*height: 8px;*/ height: 12px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:vertical { /*width: 8px;*/ width: 12px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-thumb { background-color: #c7c7c7 !important; border-right: 0px solid transparent !important; border-left: 0px solid transparent !important; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:decrement { /*background-position: -2px 5px;*/ background-position: 0px 5px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:increment { /*background-position: -2px 5px;*/ background-position: 0px 5px; } /*.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:decrement { background-position: 5px -2px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:increment { background-position: 5px -2px; }*/ /*Vertical scrollbar shows Only when grid data overflow*/ .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row { height: 100% !important; } /*Datagrid Selected Row Color*/ .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space { border-left-color: #c5c5c5; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td { border-bottom: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; } .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space { border-right-color: #c5c5c5; } .dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td { border-bottom : #c5c5c5; background-color: #c5c5c5; color: #232323; } .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) { background-color: #c5c5c5; color: #333; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type { //padding-left: 13px; } /*Report field tab 1 st column*/ .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type{ padding-left:9.5px; } /*Popup*/ .dx-popup-title.dx-toolbar .dx-toolbar-items-container { height: 40px; /*height: 55px;*/ } .dx-popup-title.dx-toolbar .dx-toolbar-label { font-size: 18px; } /*Popup Background */ .dx-overlay-shader { background-color: rgba(0, 0, 0, 0.70); } /*Remove Focus of button*/ .dx-button.dx-state-focused { background-color: #fff; box-shadow: none; } /*Popup padding*/ .dx-popup-content { /*padding: 5px 15px;*/ /*padding: 3px 0px;*/ } /*Pager Size Changes*/ .dx-pager .dx-pages .dx-page { padding: 6px 9px; } .dx-pager .dx-pages .dx-prev-button, .dx-pager .dx-pages .dx-next-button { line-height: 16px; } .dx-pager .dx-page-sizes .dx-page-size { padding: 6px 9px; line-height: 12px; background-color: lightgray; } .dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection { font-weight: 500; background-color: #03a9f4; color: #fff; } /*Placeholder Changes For Text input*/ .dx-placeholder { font-size: 12px; padding-left: 3px; } /*button icon size*/ .dx-button-has-icon .dx-icon { color: rgba(0, 0, 0, 0.54); width: 18px !important; height: 24px; background-position: 0px 0px; background-size: 24px 24px; padding: 0px; font-size: 18px !important; text-align: center; line-height: 24px; margin-right: 0; margin-left: 0; } /*Radio button */ .dx-radiobutton { line-height: 16px; } .dx-radiobutton-icon:before { width: 12px; height: 12px; } .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot { margin-top: -13px; margin-left: 3px; } /*Popup title background*/ .dx-popup-title.dx-toolbar { background-color: #e5e5e5; } /*generic popup title*/ .dx-overlay-content > .dx-template-wrapper.dx-popup-title { /*height: 55px;*/ height: 40px; width: auto; background-color: #e5e5e5; } .dx-popup-title { position: relative; padding: 2px 10px; min-height: 28px; border-bottom: 1px solid #ddd; background: transparent; color: #333; } /*Dialog Popup buttons color*/ .dx-toolbar-button:nth-of-type(1) .dx-dialog-button .dx-button-content { background-color: #2fb5f1; color: #fff; background-image: linear-gradient(#33c0ff, #29a3dc); background-image: -moz-linear-gradient(#33c0ff, #29a3dc); transform: all .22s; } .dx-toolbar-button:nth-of-type(1) .dx-dialog-button .dx-button-content:hover { background-color: #2aa8e0; background-image: linear-gradient(#29b7f6, #269ad1); background-image: -moz-linear-gradient(#29b7f6, #269ad1); } .dx-toolbar-button:nth-of-type(2) .dx-dialog-button .dx-button-content { background-color: #ec6209; color: #fff; background-image: linear-gradient(#fc6a11, #d7580b); background-image: -moz-linear-gradient(#fc6a11, #d7580b); transform: all .22s; } .dx-toolbar-button:nth-of-type(2) .dx-dialog-button .dx-button-content:hover { background-color: #dc5a0a; background-image: linear-gradient(#f06510, #ce540a); background-image: -moz-linear-gradient(#f06510, #ce540a); } .dx-toolbar-button:nth-of-type(3) .dx-dialog-button .dx-button-content { background-color: #a38f84; color: #fff; background-image: linear-gradient(#a38f84, #75706b); background-image: -moz-linear-gradient(#a38f84, #75706b); transform: all .22s; } .dx-toolbar-button:nth-of-type(3) .dx-dialog-button .dx-button-content:hover { background-color: #928076; background-image: linear-gradient(#928076, #5c5853); background-image: -moz-linear-gradient(#928076, #5c5853); } .dx-state-disabled.dx-widget, .dx-state-disabled .dx-widget { /* opacity: 0.70; */ opacity: 1; } /*Accordion control*/ .dx-item-content.dx-accordion-item-title { height: 45px; } .dx-accordion-item-title:before { top: 10px !important; } .dx-accordion-item-title-caption { top: 15px !important; } .dx-accordion-item-body .dx-texteditor.dx-editor-underlined { line-height: 30px; } .dx-accordion-item-body .refreshable-dropdown .dx-template-wrapper .refresh-margin { margin-top: 12px; } .dx-accordion-item-body { padding: 10px; } i.dx-icon.fa.fa-refresh { font-size: 15px !important; } /*Tabs css*/ .dx-tab { padding: 7px 16px; background-color: #efefef !important; } .dx-checkbox-text { white-space: unset; } /*Failed Popup Title color*/ /*.dx-item-content.dx-toolbar-item-content.error { }*/ /**********toolbar css************/ .dx-toolbar .dx-toolbar-items-container { height: 26px; } /********end toolbar css*********/ /**********pager css************/ .dx-pager { padding: 13px 0px 13px 0px; } .dx-datagrid-borders > .dx-datagrid-pager { border-top: 0px; } /**********end pager css************/ /**************popup css**************/ /*.dx-popup-content { padding: 10px; }*/ /***********end popup css***********/ /*chackbox size and width*/ .grid-area .dx-checkbox-icon:after { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; } .grid-area .dx-checkbox-icon { width: 16px; height: 16px; } .grid-child-area .dx-checkbox-icon:after { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; } .grid-child-area .dx-checkbox-icon { width: 16px; height: 16px; } /*grid-checkbox-center-align*/ .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select { padding-left: 14px; } /*toast messgae*/ .dx-toast-message { white-space: pre-line; } /************tree list css************/ .dx-treelist-headers .dx-treelist-table .dx-row > td { padding-top: 5px; padding-bottom: 5px; background-color:#ccc; } .dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content { /*font-family: 'Arimo', sans-serif;*/ font-size: 13px; font-weight: 500; color: #151b26; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select { padding-left: 7px!important; } /************tree list css************/ .dx-treelist-headers .dx-treelist-table .dx-row > td { padding-top: 5px; padding-bottom: 5px; } .dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content { /*font-family: 'Arimo', sans-serif;*/ font-size: 13px; font-weight: 500; color: #151b26; } .dx-treelist .dx-row > td { padding-top: 3px; padding-bottom: 3px; } /*.dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content { font-family: 'Arimo', sans-serif; font-size: 12px; }*/ .dx-treelist .dx-row > td { font-family: 'Arimo', sans-serif; font-size: 12px; } .dx-treelist-focus-overlay:after { background: none; } .dx-treelist-headers { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:none } /*.dx-treelist-rowsview .dx-treelist-content { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }*/ .dx-treelist-header-panel { border: 1px solid #e0e0e0; border-bottom: 0px; } .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable { /*border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;*/ border: 1px solid #e0e0e0; } /*.dx-treelist-borders > .dx-treelist-pager, .dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-filter-panel { border-top: 1px solid #e0e0e0; } .dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }*/ /**********end tree list css**********/ /*treeview css start*/ .dx-treeview-item { /*padding: 6px 3px; min-height: 36px;*/ padding: 0px 3px; min-height: 28px; } .dx-treeview-toggle-item-visibility { /*top:-5px;*/ top: -11px; } .dx-treeview-item-with-checkbox .dx-checkbox { top: 5px; } /*treeview css end*/ /*colorbox css*/ .dx-colorbox .dx-colorbox-input-container .dx-colorbox-input { padding-left: 40px !important; } /*colorbox css end*/ /**********validation message css**********/ .dx-invalid-message.dx-overlay-wrapper { width: 100% !important; } .dx-invalid-message > .dx-overlay-content { background-color: #d9534f; padding: 10px 10px 10px 10px; color: #fff; border-radius: 4px; } .dx-checkbox .dx-invalid-message .dx-overlay-wrapper { width: 300px !important; } .dx-checkbox .dx-invalid-message > .dx-overlay-content { max-width: 250px !important; } /*.dx-popup-content .dx-invalid-message > .dx-overlay-content { color: #fff; margin-left: 35px !important; }*/ .dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon { border-color: #d9534f; } .dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused, .dx-invalid.dx-texteditor.dx-editor-underlined.dx-state-focused, .dx-invalid.dx-texteditor.dx-editor-outlined.dx-state-focused { border-color: #d9534f; } .dx-invalid.dx-texteditor.dx-editor-filled .dx-texteditor-container:after, .dx-invalid.dx-texteditor.dx-editor-underlined .dx-texteditor-container:after, .dx-invalid.dx-texteditor.dx-editor-outlined .dx-texteditor-container:after { background-color: #d9534f; } .dx-invalid.dx-lookup .dx-lookup-field:after { background-color: #d9534f; } .dx-lookup-validation-message { color: #d9534f; } .dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before { border-color: #d9534f; } .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before { border-color: #d9534f; } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after { border: 1px solid #d9534f; } .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused > .dx-highlight-outline::after { border: 1px solid #d9534f; } .dx-invalid.dx-calendar.dx-state-focused { border-color: #d9534f; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message { color: #d9534f; } .dx-invalid.dx-texteditor.dx-state-focused:before, .dx-invalid.dx-texteditor.dx-state-active:before { border-top: 1px solid #d9534f; border-bottom: 1px solid #d9534f; } .dx-invalid.dx-texteditor .dx-texteditor-buttons-container:after { background-color: #d9534f; margin-top: -9px; width: 18px; height: 18px; line-height: 18px; font-size: 12px; } .dx-state-disabled.dx-list-item, .dx-state-disabled .dx-list-item { background-color: transparent; opacity: 0.35; } /*.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content, .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content { padding: 9px 17px; background-color: #d9534f; color: #fff; transform: translate(0px, 0px) !important; }*/ /**********end validation message css**********/ /*******following css has to be removed**********/ /*.dx-popup-title { position: relative; padding: 2px 10px; min-height: 28px; border-bottom: 1px solid #ddd; background: transparent; color: #333; }*/ /*.generic-popup-title { font-size: 1.3em; }*/ /*.popup-title-close-button { border-color: transparent; float: right; height: 20px; width: 20px; } .popup-title-close-button.dx-button-has-icon .dx-button-content { padding: 2px; }*/ /*.popup-title-objectName { max-width: 500px; display: inline-flex; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .popup-title-moduleMaode { font-size: 1.3rem; color: #828282; }*/ /*----------Dashboard CSS---------*/ .dashboard-refresh { position: fixed; right: 35px; top: 63px; z-index: 1029; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .dashboard-top { top: 100px; } /*style for batch module*/ /*.batch-item-list-style { background: #fff; border: 1px solid #ddd; border-radius: 4px; border-color: #a9a9a9; } .interval-box-size { max-height: 28px; max-width: 50px; } .items-heading { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .items-add-button { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; float: right; }*/ /*end style for batch module*/ /*******end following css has to be removed**********/ .dx-button-has-icon:not(.dx-button-has-text) .dx-icon.fa.fa-check-circle { color: darkgreen; font-size: 24px !important; } .dx-button-has-icon:not(.dx-button-has-text) .dx-icon.fa.fa-check-circle.red { color: red; } .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon { width: 20px; height: 20px; background-position: 0px 0px; background-size: 24px 24px; padding: 0px; font-size: 20px; text-align: center; line-height: 20px; } /** Header Filter changes **/ .dx-header-filter-menu .dx-popup-content .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 30px; } .dx-header-filter-menu .dx-popup-content .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton { margin-bottom: 1px; } .dx-list-select-all-label { line-height: 17px; padding: 0 8px; margin-top: 0px; } .dx-header-filter-menu .dx-popup-content .dx-list-select-all-label { padding: 0px 35px 0px 13px; margin-top: -1px; } .dx-header-filter-menu .dx-popup-content .dx-searchbox .dx-icon-search { padding-left: 14px !important; } .dx-header-filter-menu .dx-popup-content .dx-placeholder:before { content: unset; } .dx-header-filter-menu .dx-popup-content .dx-list-search .dx-texteditor-container .dx-texteditor-input { padding-left: 44px; } /*Distance between radiobutton and list item for dropdwown list */ .dx-popup-content .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton { margin-bottom: 1px; } .dx-popup-content .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 30px; } /*Devexteme Version: 19.2.3*/ /*.dx-texteditor-buttons-container { position: absolute; top: -2px; right: 0; width: auto; height: 100%; }*/ /*.dx-texteditor-input-container { position: unset; display: unset; }*/ .dx-button-has-text .dx-button-content { padding: 7px 16px; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td { /*background-color: #c5c5c5;*/ background-color: #eee; color: #232323; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link { border-bottom: #c5c5c5; background-color: #c5c5c5; color: #232323; } .dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon { width: 24px; height: 24px; background-position: 0px 0px; background-size: 24px 24px; padding: 0px; font-size: 24px; text-align: center; line-height: 18px; margin-right: 8px; margin-left: 0; } .dx-dropdowneditor-icon:before { margin-top: -13px; } .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content { padding: 1px 4px; } .dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader { width: 100%; height: 100%; } .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button.dx-state-disabled.dx-state-invisible, .dx-widget.dx-numberbox-spin-button.dx-numberbox-spin-up.dx-state-invisible, .dx-widget.dx-numberbox-spin-button.dx-numberbox-spin-down.dx-state-invisible { display: block !important; } .dx-invalid.dx-texteditor.dx-show-invalid-badge .dx-texteditor-input-container:after { pointer-events: none; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; font-weight: 500; background-color: #d9534f; color: #fff; content: '!'; border-radius: 50%; } .dx-tagbox .dx-texteditor-input-container { height: auto; } .dx-tag-remove-button { font-size: 9px; } /*temporary applied*/ .dx-date-box.dx-show-invalid-badge.dx-datebox.dx-textbox.dx-texteditor.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-texteditor-empty.dx-widget.dx-visibility-change-handler.dx-auto-width.dx-dropdowneditor.dx-datebox-date.dx-datebox-calendar { width: 124.75px; } .validation-message-excel-worksheet .dx-datagrid-content.dx-sortable { overflow: visible; } .display-flex .dx-template-wrapper, .display-flex .dx-template-wrapper .dx-button.btn.btn-toolbar.expression-editor-btn.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon { display: flex; } .manage-gridrow .dx-datagrid .dx-row > td { line-height: 14px; } .dx-show-clear-button .dx-icon-clear{ font-size: 11px; } .dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon { margin-top: 2px; } .dx-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon.dx-button-has-text.manage-line-height i.dx-icon.fa.fa-envelope-o { line-height: 20px; } .dx-datagrid .dx-link { text-decoration: underline; text-underline-offset: 0.3em; } .loader-background-change .dx-overlay-wrapper.dx-overlay-shader.dx-loadpanel-wrapper { background-color: rgba(255,255,255,0.8) !important; } .dx-list-search.dx-searchbox .dx-clear-button-area .dx-icon-clear { font-size: 11px; } /***********Tree List change************/ .dx-treelist .dx-treelist-rowsview.dx-treelist-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-simulated.dx-scrollable-customizable-scrollbars .dx-scrollable-wrapper .dx-scrollable-container { height: 101%; } .dx-toast-info { background-color: #337ab7; } /*********** The List of operation Info of package deployment************/ .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { padding: 5px; } .dx-layout-manager .dx-field-item:not(.dx-first-row) { padding-top: 5px; } /**FreeSpace last Row Line width fix CSS*/ .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell { border: 0; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td { border-bottom: none; } .dx-scrollable-native.dx-scrollable-vertical, .dx-scrollable-native.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container { overflow-y:auto; } .generic-popup-template-wrapper-report { margin: 0; padding: 0 0 30px 0; } /*tr.dx-row.dx-column-lines.dx-datagrid-filter-row { height: 10px; }*/ /*.grid-area-without-toolbar .dx-datagrid-headers .dx-datagrid-table .dx-row > td { background-color: #00000014; }*/ .dx-tab-content { overflow-x: hidden; } /*!*********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/app-shell-layout.css ***! \*********************************************************************************************************************************************************************************************************************************/ body { min-width: 1000px; padding: 0; margin: 0; height: 100%; font-family: 'Arimo', sans-serif; /*background: #fdfdfd;*/ background: #EDEDED; color: black; line-height: 25px; font-size: 1.2em; /*overflow-x: hidden;*/ overflow: hidden; } .make-me-red { color: #FF0000; text-align: right; } html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd { padding: 0; margin: 0; } .main-black-back { background: #fdfdfd; background-size: cover; background-position: left top; background-repeat: no-repeat; height: 100%; width: 100%; top: 0; bottom: 0; } .page-wrapper { height: 100%; width: 100%; top: 0; bottom: 0; } .page-content { transition: all 0.4s ease 0s; background: #ededed; height: 100% !important; width: 100%; /*top: 95px;*/ top: 100px; /*top: 50px; position: absolute; bottom: 80px;*/ /**temporarily commented for handsontable*/ /*position: fixed;*/ position:relative; bottom: 30px; } .page-content.notification-active { top: 125px; } /*temporarily uncommented for handsontable*/ .router-outlet { position: absolute; /*bottom: inherit; top: inherit; width: inherit; background: transparent;*/ } .temp-css { background: #fff; overflow-x: hidden; } .page-view { display: inline-flex; justify-content: center; z-index: 0; width: 100%; height: 100%; position: fixed; /*top: 100px;*/ padding-bottom: 130px; /*padding-top: 40px;*/ overflow-x: hidden; overflow-y: hidden; /*temporarily added for hadnsontable issue*/ background: #EDEDED; } .page-view.deatilPaneOpen { padding-top: 0; padding-bottom: 135px; } .page-view.notification-active { padding-bottom: 150px; } .pane { background: #fff; padding: 0 10px; margin: 0px 15px; overflow-x: hidden; overflow-y: auto; } /*.pane.single-grid-pane { width:100%; height: 100%; margin: 0px 0px 0px 5px; overflow-y: auto; }*/ .pane-header { /*height: 25px;*/ height: 40px; /*height: 30px;*/ /*border-bottom: 1px solid #716c6c;*/ border-bottom: 1px solid #dadada; /*padding: 5px;*/ padding: 3px; background: #ffffff; position: sticky; top: 0; z-index: 1000; } /* border for pg */ /*.pane-header.border-for-pg { border-bottom: 1px solid #a7a7a7; }*/ .pane-header-name { height: 30px; padding: 3px; background: #ffffff; position: sticky; top: 40px; z-index: 1000; } .canvas-pane-header { /* height: 25px; */ height: 40px; /* height: 30px; */ /* border-bottom: 1px solid #716c6c; */ border-bottom: 1px solid #dadada; /* padding: 5px; */ padding: 3px; background: #ffffff; position: sticky; top: 0; margin-left: -18px; z-index: 1000; } .header-fieldset { font-size: 20px; margin-left: 6px; color: #808080; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header-fieldset:hover { background-color: #f2f2f2; border: 1px solid #ddd; display: block; border-radius: 3px; position: absolute; z-index: 1049; width: 98%; white-space: normal; font-size: 13px; padding: 0px 3px; } .pane-content { min-height: 1px; height: calc(100% - 50px); } .grid-pane { height: 100%; width: 100%; /*min-width: 32%;*/ min-width: 50%; /*margin: 5px 0px 5px 15px;*/ margin: 5px 0px 5px 5px; /*margin: 0px 10px 0px 15px;*/ overflow-y: hidden; } .grid-pane.emptyDetailPane { width: 100% !important; /*margin: 5px 15px 5px 15px;*/ /*margin: 0px 15px 0px 15px;*/ /*margin: 0px 5px 0px 5px;*/ margin: 0px -5px 0px 5px; /*margin: 0px -6px 0px 0px;*/ } .grid-pane.onlyGridPane { width: 100% !important; /*margin: 0px 5px 0px 5px;*/ margin: 0px 5px 0px 5px; } .grid-pane .dx-overlay-shader { background-color: rgba(0, 0, 0, 0.10) !important; } .detail-pane { height: 100%; width: 100%; min-width: 40%; /*max-width: 40%;*/ /*margin: 5px 10px 5px 0px;*/ margin: 5px 3px 5px 0px; } .detail-pane .dx-overlay-shader { background-color: rgba(0, 0, 0, 0.10) !important; } .gutter.gutter-horizontal:hover { /*background: #c0c1c1; margin-top: 6px;*/ cursor: col-resize; } .form-container { /*width: 100%;*/ width: 98%; } .form-container .form-fieldset { margin: 14px 10px; /*margin: 9px 10px;*/ } .form-container .form-fieldset .dx-field-label { width: 100%; float: none; /*font-size: 12px;*/ /*font-size: 12.5px; color: #848f99;*/ font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial; } .form-container .form-fieldset .dx-field-value { float: none; } .form-container .form-fieldset .fieldset-container .dx-field .dx-field-value { margin-left: 50px; } .numberboxTextAlignment input[type=text] { text-align: center; } .form-container .form-fieldset .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) { width: 100%; } /* For Required Fields*/ .form-container .form-fieldset .dx-field-label.required-fields::after { content: " *"; color: red; } .form-container .form-fieldset .popup-label.required-fields::after { content: " *"; color: red; } .form-container .form-fieldset .inline-data-margin { margin-left: 25px; } .form-container .form-fieldset .inline-data-margin-right { margin-left: 58px; } .form-container .form-fieldset .inline-data-margin-left { margin-left: 64px; } .form-container .form-fieldset .inline-data-margin-left-UDT { margin-left: 100px; } /* For display two controller inline*/ .form-container .form-fieldset .fieldset-container { display: inline-flex; flex-flow: row wrap; align-items: center; /*justify-content: space-between;*/ width: 100%; } .form-container .form-fieldset .fieldset-container-large-resolution { display: inline-flex; flex-flow: row; /*justify-content: space-between;*/ width: 100%; } .form-container .form-fieldset .fieldset-container-small-resolution { display: inline-flex; flex-flow: row wrap; /*justify-content: space-between;*/ width: 100%; } .form-container .form-fieldset .fieldset-container .flex-fieldset { width: 330px; margin: 5px 25px 0px 0px; } /*.form-container .form-fieldset .fieldset-container-large-resolution .flex-fieldset-large-resolution { width: 330px; margin: 5px 25px 0px 0px; } .form-container .form-fieldset .fieldset-container-small-resolution .flex-fieldset-small-resolution { width: 100%; margin: 10px 0px 0px 0px; }*/ .form-container .form-fieldset .fieldset-container-large-resolution .flex-fieldset { width: 450px; margin: 5px 25px 0px 0px; } .form-container .form-fieldset .fieldset-container-small-resolution .flex-fieldset { width: 100%; margin: 10px 0px 0px 0px; } .form-container .form-fieldset .dx-field-value.textbox-width-small-resolution { max-width: 100%; } .form-container .form-fieldset .dx-field-value.textbox-width-large-resolution { max-width: 550px; } .label-align-center{ text-align:center; } .report-warning { color: rgb(18 17 17); font-size: 14px; cursor: default; align-self: center; padding-right: 15px; width:50%; } .popup-bottom-buttons-center { position: absolute; left: 10px; right: 10px; bottom: 15px; margin: 0; text-align: center; } .popup-bottom-buttons-left { position: absolute; left: 25px; right: 10px; bottom: 15px; margin: 0; text-align: left; } .field-label-grey { font-size: 13px; color: #666668; font-weight: normal; margin-bottom: 0; } .field-label-number-right-align { text-align: right; padding-right: 0px; } .AdditionalCommentsBox { border: 1px solid #e0e6e8; } .AdditionalCommentsBox .dx-textarea .dx-texteditor-input { line-height: 16px !important; } .dateBoxWidth { max-width: 350px; } .disabled-data { pointer-events: none; } .inline-custom-format-textfield-width { width: 100%; display: flex; align-items: center; /*margin-right: 40px;*/ } .margin-for-checkboxes { margin-top: 0px; margin-bottom: 0px; } .custom-format-dropdown-alignment { margin-left: 40px; } .inline-field-and-btton-width { width: 69%; } .grid-fieldset-margin { margin-left: 2.2%; } .flexbox-flex1-for-inline { flex: 1; } .flexbox-flex2-for-inline { flex: 2; } .inline-rule-textfield-width { width: 400px; flex: 2; } .grid-area { display: inline-block; max-width: 98%; margin-right: 5px; margin-left: 30px; margin-top: 8px; /*height: calc(100% - 140px);*/ /*height: calc(100% - 110px);*/ height: calc(100% - 40px); width: calc(100% - 30px); } .grid-area-without-toolbar { display: inline-block; margin-right: 5px; margin-left: 5px; margin-top: 8px; height: calc(100% - 40px); width: calc(100% - 5px); } .grid-area-without-toolbar .dx-datagrid-headers .dx-datagrid-table .dx-row > td { padding-top: 8px; padding-bottom: 8px; font-size: 12px; background-color: #ccc; } .grid-area-without-toolbar .dx-datagrid .dx-row > td { padding-top: 6px; padding-bottom: 6px; font-size: 12px; } .grid-child-area { display: inline-block; max-width: 100%; padding: 0px 10px; /*margin-right: 5px;*/ /*margin-top: 8px;*/ } .grid-child-area .dx-datagrid-headers .dx-datagrid-table .dx-row > td { padding-top: 8px; padding-bottom: 8px; font-size: 12px; background-color:#ccc; } .grid-child-area .dx-datagrid .dx-row > td { padding-top: 6px; padding-bottom: 6px; font-size: 12px; } .advance-grid-buttons-area { position: absolute; margin-left: -8px; width: 30px; float: right; display: inline-block; padding-top: 15px; } .advance-grid-buttons-area.top-buttons { top: 25px; } .advance-grid-buttons-area .dx-button-content { background: #dcdada; } .grid-wrapper { width: 100%; height: 100%; } .advance-grid-buttons-area dx-button.dx-button-has-icon .dx-icon { font-size: 16px; } .advance-grid-buttons-area dx-button.clear-all-filters-button.dx-button.dx-button-has-icon img { height: 16px; width: 16px; } .grid-wrapper .advance-grid-buttons-area { position: relative; width: auto; height: 35px; float: right; display: inline-block; } .grid-wrapper .grid-area { max-width: 100%; margin-left: 0; height: calc(100% - 35px); } .gridRowCount { float: right; /*color: #696969;*/ color: #000; font-weight: bold; margin-right: 0; margin-top: 10px; } /*Fixed Column Text align*/ .fixed-column-row-align { text-align: center; } .column-data-right-align { text-align: right !important; } /*Based On Resolution Show And Hide The Button*/ .showHide { display: none; } @media screen and (max-width: 768px) { .page-view { flex-direction: column; } .pane { margin: 5px; width: 100% !important; } .grid-pane { height: 100%; overflow-y: hidden; display: none; } .grid-pane.emptyDetailPane { height: 100%; display: unset; } .grid-pane.showGridPane { display: block; } .grid-pane.onlyGridPane { height: 100%; display: unset; overflow-y: auto; } .detail-pane { height: 100%; overflow-y: auto; } .showHide { /*display:block;*/ display: inline-table; margin-top: 12px; margin: 5px; } /*.hide-devexpress-tabs { display:none; } .show-toolbar-tabs { display:block; }*/ .form-container .form-fieldset .fieldset-container-large-resolution { flex-flow: row wrap; } .form-container .form-fieldset .fieldset-container-large-resolution .flex-fieldset { width: 100%; margin: 10px 0px 0px 0px; } .form-container .form-fieldset .dx-field-value.textbox-width-large-resolution { max-width: 100%; } .hideOnEmptyPane { display: none; } } /*For Grid First Column*/ /*.gridRowIdColumn { width: 30px !important; }*/ /* vertical tabs*/ #verticalTabs .dx-tabs-wrapper { display: inline-grid; } #verticalTabs .dx-tabs { background-color: #fff; } #verticalTabs.dx-tabs-nav-buttons .dx-tabs-scrollable { margin: 0px !important; } .vertical-tab-container { display: inline-flex; width: 100%; flex-direction: row; margin-top: 10px; } /*For Inline data*/ .row-inline-data { display: inline-flex; flex-direction: row; align-items: center; width: 100%; } .row-inline-data-filter { display: inline-flex; flex-direction: row; flex-flow: row wrap; } .row-inline-data-filter-tab { display: inline-flex; flex-direction: row; flex-flow: row wrap; width:100%; } /*For Button Right align*/ .multi-button-right { justify-content: flex-end; } .single-button-right { text-align: right; } .margin-grid-buttons { margin-left: 5px; } .row-data-margin { margin-left: 5px; align-self: center; } .dx-field-value.row-inline-data .dx-button { margin-left: 10px; } /*First Letter Of Every word Auto Capital in textbox*/ #FirstCapitalLetter input.dx-texteditor-input { text-transform: capitalize; } /*inline field-labels*/ .inline-field-label { font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; } .dx-field-label-bold { font-size: 14px; color: #237ccf; font-weight: bold; margin-bottom: 0; } .grey-field-label-bold { font-size: 14px; color: #666668; font-weight: bold; margin-bottom: 0; } /*#FirstCapitalLetter input.dx-texteditor-input::first-letter { text-transform: uppercase; }*/ /*horizontal list box*/ .divBorderForListBox { border-style: solid; border-width: thin; border-color: #dddddd; padding: 0px; width: 100%; margin-left: 0px; margin-right: 10px; } .divBorderForListBox .dx-list-item { display: inline-block; vertical-align: top; width: auto; margin-top: 8px; } /*For Call to Action Button*/ .blue-cta { background-color: #26aee9; color: #fff; background-image: linear-gradient(#26aee9, #186e93); background-image: -moz-linear-gradient(#26aee9, #186e93); transform: all .22s; } .blue-cta:hover { background-color: #269fd4; background-image: linear-gradient(#269fd4, #286782); background-image: -moz-linear-gradient(#269fd4, #286782); } .green-cta { background-color: #20d89a; color: #fff; background-image: linear-gradient(#20d89a, #16956a); background-image: -moz-linear-gradient(#20d89a, #16956a); transform: all .22s; } .green-cta:hover { background-color: #1dc58c; background-image: linear-gradient(#1dc58c, #1e8562); background-image: -moz-linear-gradient(#1dc58c, #1e8562); } .orange-cta { background-color: #fc8535; color: #fff; background-image: linear-gradient(#fc8535, #c66829); background-image: -moz-linear-gradient(#fc8535, #c66829); transform: all .22s; } .orange-cta:hover { background-color: #df7a36; background-image: linear-gradient(#df7a36, #b36029); background-image: -moz-linear-gradient(#df7a36, #b36029); } .purple-cta { background-color: #9365b8; color: #fff; background-image: linear-gradient(#9365b8, #553982); background-image: -moz-linear-gradient(#9365b8, #553982); transform: all .22s; } .purple-cta:hover { background-color: #8157a2; background-image: linear-gradient(#8157a2, #462e6d); background-image: -moz-linear-gradient(#8157a2, #462e6d); } .irongrey-cta { background-color: #a38f84; color: #fff; background-image: linear-gradient(#a38f84, #75706b); background-image: -moz-linear-gradient(#a38f84, #75706b); transform: all .22s; } .irongrey-cta:hover { background-color: #928076; background-image: linear-gradient(#928076, #5c5853); background-image: -moz-linear-gradient(#928076, #5c5853); } .red-cta { background-color: #fb252c; color: #fff; background-image: linear-gradient(#fb252c, #c71b21); background-image: -moz-linear-gradient(#fb252c, #c71b21); transform: all .22s; } .red-cta:hover { background-color: #e62229; background-image: linear-gradient(#e62229, #af181d); background-image: -moz-linear-gradient(#e62229, #af181d); } .yellow-cta { background-color: #eebf27; color: #fff; background-image: linear-gradient(#eebf27, #e3a712); background-image: -moz-linear-gradient(#eebf27, #e3a712); transform: all .22s; } .yellow-cta:hover { background-color: #ecbe29; background-image: linear-gradient(#ecbe29, #d49c10); background-image: -moz-linear-gradient(#ecbe29, #d49c10); } .eastern-blue-cta { background-color: #08a7b6; color: #fff; background-image: linear-gradient(#08a7b6, #066e75); background-image: -moz-linear-gradient(#08a7b6, #066e75); transform: all .22s; } .report-execution-popup { color: rgb(18 17 17); font-size: 14px; cursor: default; align-self: center; padding-right: 15px; width: 50%; } .eastern-blue-cta:hover { background-color: #039dac; background-image: linear-gradient(#039dac, #056c73); background-image: -moz-linear-gradient(#039dac, #056c73); } .light-maroon-cta { background-color: #d14b88; color: #fff; background-image: linear-gradient(#d14b88, #9a2e5a); background-image: -moz-linear-gradient(#d14b88, #9a2e5a); transform: all .22s; } .light-maroon-cta:hover { background-color: #b13f73; background-image: linear-gradient(#b13f73, #832d50); background-image: -moz-linear-gradient(#b13f73, #832d50); } .havelock-blue-cta { background-color: #677fb8; color: #fff; background-image: linear-gradient(#677fb8, #405180); background-image: -moz-linear-gradient(#677fb8, #405180); transform: all .22s; } .havelock-blue-cta:hover { background-color: #6076ab; background-image: linear-gradient(#6076ab, #394872); background-image: -moz-linear-gradient(#6076ab, #394872); } /* Grid buttons */ .dx-data-row .dx-template-wrapper .dx-button.dx-button-has-icon { /*height: 27px !important; width: 27px !important; min-width: 27px !important;*/ /*height: 100% !important; width: 100% !important; min-width: 100% !important; overflow: visible;*/ height: auto !important; width: auto !important; min-width: auto !important; overflow: visible; } .dx-data-row .dx-button.dx-button-has-icon .dx-button-content { /*padding: 0px 4px 0px 4px !important; height: 100%; background-color: #fff; border-radius: 50%;*/ padding: 0px 4px 0px 4px !important; height: auto; background-color: #fff; border-radius: 50%; } .dx-data-row .dx-button.dx-button-has-icon.dx-state-hover .dx-button-content { background-color: #ebebeb !important; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24) !important; } .dx-data-row .dx-button.dx-button-has-icon { background-color: transparent !important; } /*Grid buttons end*/ /*refreshable dropdown*/ .refreshable-dropdown { /*min-width: 180px; max-width: 350px;*/ } .refreshable-dropdown dx-button { position: absolute; right: 25px; } .refreshable-dropdown dx-button .dx-icon { font-size: 12px; } .refreshable-dropdown .dx-dropdowneditor-button { width: 45px; padding: 0; margin: 0; } .refreshable-dropdown .dx-template-wrapper.dx-button-content { text-align: left; margin-top: -3px; margin-left: 16px; } .refreshable-dropdown .dx-template-wrapper .refresh-icon { margin-left: 4px; /*margin-right: 5px;*/ } .refreshable-dropdown .dx-template-wrapper .dx-dropdowneditor-icon.dropdown-icon { display: inline; } .refreshable-dropdown .dx-template-wrapper .dx-dropdowneditor-icon.dropdown-icon:before { width: 30px; } .refreshable-dropdown .dx-template-wrapper .refresh-margin { margin-top: 9px; } .refreshable-dropdown .dx-dropdowneditor-icon:before { left: 80%; } .refreshable-dropdown .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon:before, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon:before { left: 80%; } /*Managed form grid toolbar*/ .grid-toolbar-managed-form { position: relative; } /*For CheckBox Disable*/ .checkBoxDisable { color: #cbcbcb !important; } /*checkBox Label Margin*/ .checkBox-label-margin { margin-left: 10px; } /*Generic Component CSS*/ .generic-textbox-wrapper { border: 2px solid transparent; } .generic-textbox-wrapper:hover { border-bottom: 2px solid #9ca6af; transform: scale(1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1); } .generic-textbox-wrapper:focus, .generic-textbox-wrapper:focus-within, .generic-textbox-wrapper:active { border-bottom: 2px solid #03A9F4; transform: scale(1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1); } .generic-dropdown-wrapper .dx-dropdowneditor-icon { color: rgba(0, 0, 0, 0.54); font: 14px/1 DXIcons; width: 100%; height: 100%; font-size: 24px; text-align: center; line-height: 24px; background-position: center; background-repeat: no-repeat; } .generic-dropdown-wrapper .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 98%; margin-left: -12px; } /*genric checkbox */ .generic-checkbox-inline { display: inline-block; vertical-align: text-top; margin-left: 9%; } /*popup title template*/ .generic-popup-title { font-size: 18px; } .title-template-popup-label-top { /*margin-top: 6px;*/ margin-top: 7px; } .popup-title-moduleMaode { font-size: 18px; color: #828282; } .popup-title-close-button { border-color: transparent; float: right; /*height: 26px;*/ /*height: 36px;*/ height: 33px; width: 20px; margin-top: -6px; /*margin-top: -3px;*/ } .popup-title-close-button.dx-button-has-icon .dx-button-content { padding: 0px; } .popup-title-objectName { max-width: 500px; display: inline-flex; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } /*Remove grid-textbox bottom border*/ .removeGridTextBottom .dx-texteditor.dx-editor-underlined:after { border-bottom: none !important; border-bottom-color: white !important; } .removeGridTextBottom .dx-texteditor.dx-editor-underlined:before { border-bottom: none !important; border-bottom-color: white !important; } /*.dx-texteditor.dx-editor-underlined.dx-state-disabled:after, .dx-texteditor.dx-editor-underlined.dx-state-readonly:after, .dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover:after { border-bottom: none; }*/ /*Remove cursor from input Field when only icon used for text field*/ .removeCursorFromInput .dx-texteditor-container input.dx-texteditor-input { color: transparent; } .GridTagsMargin .dx-dropdowneditor-input-wrapper .dx-texteditor-container .dx-tag { margin: 0 8px 0px 0; } .GridTagsPadding .dx-dropdowneditor-input-wrapper .dx-texteditor-container .dx-tag .dx-tag-content { margin: 0; padding: 4px 32px 4px 12px; min-width: 40px; background: none; color: rgba(0, 0, 0, 0.6); border-radius: 16px; } .GridContainerWrap .dx-selectbox-container .dx-texteditor-container.dx-tag-container { white-space: nowrap; } .GridTagsPadding .dx-dropdowneditor-input-wrapper .dx-texteditor-container .dx-tag .dx-tag-content:hover { color: rgba(0, 0, 0, 0.87); background-color: #e0e0e0; } /**/ /*//////Footer////////*/ .page-footer { position: fixed; bottom: 0px; height: 26px; width: 100%; background: #fff; padding: 2px 2px; border-top: 1px solid #ddd; /*temporarily commented for handsontable issue*/ /*z-index: 3;*/ /*temporarily added for handsontable issue*/ z-index: 1000; } .footer-content { color: #fff; line-height: 20px; width: 100%; } .cpy-right { display: inline-block; } .cpy-right img { /*height: 25px;*/ height: 22px; } .env { float: right; padding: 0 5px; border: 1px solid #a0a0a0; margin-left: 3px; border-radius: 4px; } #env-details { /*bottom: 22px;*/ bottom: 24px; } #pinned-env-details { float: right; } .pinned-details { /*padding: 0 5px; border: 1px solid #a0a0a0; display: none; border-radius: 4px; color: black;*/ padding: 0 10px; border: 1px solid #e1e1e1; display: none; border-radius: 4px; color: black; font-size: 11px; background: #f1f1f1; } .pinned-details.active { display: inline-block; } @media (max-width:767px) { .pin-button { display: none; } .pinned-details { display: none; } .pinned-details.active { display: none; } } /*/////////////////////////////////////////Top Navigation///////////////////////////////////////*/ /*-----------DropDown-----------*/ .drop-button { cursor: default; } .drop-button:hover .dropdown-list { visibility: visible; } .dropdown-list { background-color: #fff; border-top: solid 1px #ddd; border-left: solid 1px #ddd; border-right: solid 1px #ddd; color: black; text-align: center; border-radius: 6px; position: fixed; z-index: 1; width: 400px; /*right: 1%;*/ right: 4%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .dropdown-list { visibility: hidden; } .dropdown-list-content { list-style: none; padding: 0px; margin-bottom: 0px; text-align: left; font-size: 14px; } .dropdown-list-content-inner { /*margin: 5px; border: 1px solid #ddd; border-radius: 6px;*/ margin: 5px; /* border: 1px solid #ddd; */ border-radius: 6px; } .dropdown-caption { /*text-align: center; background: #ddd; background: #f1f1f1; margin-top: 5px; padding: 5px;*/ text-align: center; background: #ddd; background: #f1f1f1; /* margin-top: 5px; */ padding: 10px; border-top-right-radius: 6px; border-top-left-radius: 6px; } .caption-text, pin-button { display: inline-block; } .pin-button { float: right; width: 10%; border: 1px solid #ddd; } .pin-button:hover { cursor: pointer; } .dropdown-list-content .list-item { /*padding: 5px 10px; border-bottom: 1px solid #ddd;*/ padding: 10px; border-bottom: 1px solid #ddd; } .rgt, .lft { display: inline-block; } .lft { min-width: 40%; } .rgt { min-width: 50%; } .dropdown-list-content .list-item-last { margin-bottom: 5px; } div#moduleDropdown .list-item:hover { background: #ddd; border-radius: 6px; cursor: pointer; } div#moduleDropdown .dropdown-list-content-inner { border: none; } /*Generic-PopUp Css*/ .generic-popup-template-wrapper { margin: 0; padding: 0 0 60px 0; } .generic-popup-bottom-buttons { position: absolute; left: 10px; right: 10px; bottom: 10px; margin: 0; text-align: center; } /*.generic-popup-template-wrapper .tabcontainer .tabContent .tab-pane { padding: 10px; }*/ .generic-popup-template-wrapper .tabcontainer .tabContent .tab-pane .grid-area { max-width: 96%; } .generic-popup-template-wrapper .grid-area { max-width: 96%; } .generic-popup-template-wrapper .form-inline .form-group { display: flex; align-items: center; padding: 0; } .custom-label { text-align: left; font-weight: normal; } .custom-label-mandatory { font-weight: 700; } /*Icons classes*/ .remove-icon { background-image: url("/assets/images/SVGIcons/unsuccess-icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .resetgrid-icon { background-image: url("/assets/images/SVGIcons/ResetGridSetting-icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .check-icon { background-image: url("/assets/images/SVGIcons/multiple-file-compile.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .filter-icon { background-image: url("/assets/images/SVGIcons/filter-icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .unhide-batch-icon { background-image: url("/assets/images/SVGIcons/Unhide_icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .hide-batch-icon { background-image: url("/assets/images/SVGIcons/hide-icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .filter-remove-icon { background-image: url("/assets/images/SVGIcons/filter-remove-icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .compile-icon { background-image: url("/assets/images/SVGIcons/compile-icon-2.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .settings-icon { background-image: url("/assets/images/SVGIcons/setting-icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .more-option-icon-1 { background-image: url("/assets/images/SVGIcons/more-option-1-icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .more-option-icon-2 { background-image: url("/assets/images/SVGIcons/more-option-2-icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .reset-icon { background-image: url("/assets/images/SVGIcons/reset-password-1-icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .folder-icon { background-image: url("/assets/images/SVGIcons/folder-icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } .close-icon-grey { background-image: url(/assets/images/SVGIcons/close-icon.svg); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 18px; background-size: contain; width: 13px; position: absolute; right: -10px; top: 0; background-color: #fdfdfd; box-shadow: none; top: 8px; } .close-icon-grey:hover { background-image: url("/assets/images/SVGIcons/close-hover.svg"); background-color: #fdfdfd; box-shadow: none; } .close-icon-grey.dx-state-disabled { background-image: url(/assets/images/SVGIcons/close-icon.svg); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 18px; background-size: contain; width: 13px; position: absolute; right: -10px; top: 0; background-color: #fdfdfd; box-shadow: none; top: 8px; } .dx-icon-overflow:before { background-image: url("/assets/images/SVGIcons/more-option-2-icon.svg"); display: inline-block; vertical-align: bottom; background-repeat: no-repeat; height: 20px; background-size: 100%; width: 16px; content: ""; } /*License Installation Form Css*/ #licenseInstallationForm .row { margin-bottom: 10px; } .license-file-path-textbox-wrapper { margin-top: 10px; } .license-file-path-textbox { display: inline-block; padding: 0; width: 95%; } .browse-license-button { float: right; margin-right: 0 !important; } .valid-from-textbox { padding-right: 0; } .valid-to-textbox { padding-left: 0; } .valid-to-label { padding-right: 5px; padding-left: 5px; text-align: center; } .load-failed-error { color: red; } /*.disable-app-menu { cursor: not-allowed; pointer-events: none; opacity: 0.5; }*/ /* Adding cursor just works: */ .disable-app-menu { cursor: not-allowed; pointer-events: none; opacity: 0.5; } /* Makes link non-clickable: */ /*.disable-app-menu:active { pointer-events: none; } .disable-app-menu:focus { pointer-events: none; } .disable-app-menu:hover { pointer-events: none; } .disable-app-menu:focus-within { pointer-events: none; }*/ .disable-menu { cursor:inherit !important; } /*------------FLEX FOR CREDIT-REVIEW-----------*/ .flx-container { display: flex; flex-wrap: wrap; align-items: flex-start; flex-direction: row; } .flx-container .flx-box { margin: 5px; } .ratingAsOfDropdownContainer, .parentChildCanvasLabelContainer { display: inline-flex; margin: 0 0 10px 0; } .ratingAsOfDropdownContainer label { margin: 0 10px 0 0; } .ratingAsOfGridContainer { min-height: 270px; } .ratingAsOfGridContainer dx-data-grid { display: block; } .parentChildCanvasSearchContainer { background: #E5E5E5; margin-bottom: 5px; } .parentChildCanvasContainer { background-color: #E5E5E5; overflow: auto; min-width: 100%; height: 245px; } .internalRatingGridContainer dx-data-grid, .keyCreditMetricsGridContainer dx-data-grid { display: block; } .flx-container .flx-box .custom-label { line-height: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media all and (min-width: 1500px) { .flx-container .flx-box { width: 25%; } } @media all and (max-width: 1499px) { .flx-container .flx-box { width: 32%; } } @media all and (max-width: 991px) { .flx-container { flex-direction: column; } .flx-container .flx-box { width: 50%; } .flx-box .form-container .form-inline .form-group .label-container { width: 40%; } .flx-box .form-container .form-inline .form-group .textbox-container { width: 55%; } } @media all and (max-width: 768px) { .flx-container { flex-direction: column; } .flx-container .flx-box { width: 100%; } .flx-box .form-container .form-inline .form-group .label-container { width: 40%; } .flx-box .form-container .form-inline .form-group .textbox-container { width: 55%; } } .textArea-border { border: 1px solid #e0e6e8; } #main-navigation .navbar-nav > li > .dropdown-menu:after, #main-navigation .navbar-nav > li > .dropdown-menu:before { content: none; } .showTab { /*visibility: visible;*/ display: block; /*padding: 3px;*/ background: #ffffff; position: sticky; position: -webkit-sticky; top: 70px; z-index: 1000; } .hideTab { display: none; } /*****data filters css****/ .data-Filters-Container { display: inline-flex; /* width: 100%;*/ width : 102%; /*align-self: center;*/ /*margin-left: 40px;*/ margin-top: 8px; } .data-Filters-Container-tab { width: 100%; /*align-self: center;*/ /*margin-left: 40px;*/ margin-top: 8px; } .data-Filters { border: 1px solid #e0e0e0; } .data-Filters .dx-field-value.dx-radiogroup, .data-Filters .dx-field-value:not(.dx-widget) > .dx-radiogroup { margin: 0px; } .filter-btn-alignment { align-self: center; margin-left: 10px; } .filter-btn-alignment-glpanel { align-self: center; } .form-container.data-Filters .form-fieldset .dx-field-value { margin-top: 5px; } .data-Filters .dx-texteditor.dx-editor-underlined .dx-texteditor-input { padding-right: 8px !important; } .data-Filters .form-fieldset { margin: 14px 10px; } .data-Filters .form-fieldset .dx-field-label { width: 100%; float: none; font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial; } .data-Filters .form-fieldset .dx-field-value { float: none; } .data-Filters .form-fieldset .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) { width: 100%; } .data-Filters .form-fieldset .inline-data-margin { margin-left: 25px; } .data-Filters .form-fieldset .fieldset-container { display: inline-flex; flex-flow: row wrap; align-items: center; /*justify-content: space-between;*/ width: 100%; } .data-Filters .dx-numberbox-spin-container { height: 24px; } .data-Filters .dx-numberbox-spin-up-icon:before, .data-Filters .dx-numberbox-spin-down-icon:before { top: 20%; } /*****end data filters css****/ /**********tree list css************/ .tree-area { /*border: 1px solid #e0e0e0;*/ display: inline-block; max-width: 98%; margin-right: 5px; margin-left: 40px; margin-top: 8px; height: calc(100% - 40px); width: calc(100% - 40px); } .tree-list-with-search-box .dx-toolbar-after { left: 0px; } .tree-list-with-search-box .dx-treelist-header-panel { padding: 0px; } .tree-list-with-search-box .dx-toolbar .dx-toolbar-after { padding-left: 0px; } .tree-list-with-search-box .dx-treelist-search-panel { margin-left: 5px; } .tree-list-with-search-box .dx-texteditor.dx-editor-underlined .dx-texteditor-input { padding-left: 25px; } .tree-list-with-search-box .dx-toolbar .dx-toolbar-items-container { height: 35px; } /********end tree list css*********/ /******status success-failed color******/ .success-status { color: green; } .failed-status { color: red; } /******end status success-failed color******/ .input-with-button { width: 95%; } /*********number box css***********/ .number-box-spin .dx-numberbox-spin-container { height: 30px; } .number-box-spin .dx-numberbox-spin-up-icon:before, .number-box-spin .dx-numberbox-spin-down-icon:before { top: 20%; } /*********end number box css***********/ /* generic page css*/ .new-theme .flex-generic-field { display: inline-flex; flex-flow: row wrap; margin: 14px 25px 14px 10px; } .new-theme .flex-generic-field .generic-field-width { width: 330px; margin: 5px 25px 0px 0px; } .flex-generic-field .generic-field-width .dx-texteditor-container { border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #d1d2d2; } /**/ /*.popup-validation.dx-invalid .dx-invalid-message > .dx-overlay-content { transform: translate(-35px, 0px) !important; }*/ .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before { display: block; position: unset; left: 7px; right: 7px; top: 0; bottom: 0; content: ''; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFW�EQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC); background-repeat: no-repeat repeat; } .dx-popup-content .dx-overlay-shader { background-color: rgba(0, 0, 0, 0.10) !important; } .description-block { height: 75px !important; overflow-y: auto !important; } /********popup grid css**********/ .popup-grid-toolbar { margin-left:0px; } .popup-grid-margin-left { margin-left:38px; } .popup-grid-toolbar .advance-grid-buttons-area{ margin-left:0px; } /********end popup grid css**********/ /************dx-select box item template show elipsis text overflow start***********************/ .custom-item { overflow: hidden; text-overflow: ellipsis; } /************dx-select box item template show elipsis text overflow End***********************/ /*temporarily added for handsontable issue*/ .login-page-left-align { left:40%; } .logout-page-left-align { left: 42%; } /**************grid number column align right*******************************************************************************/ .dx-data-row td.alignNumberRight { text-align: right !important; } .alignright input { text-align: right; } /******************Design changes for SOP**********************/ .data-Filters-Container-SOP { display: inline-flex; width: 100%; align-self: center; padding-bottom: 10px; } .span-sop { padding-right: 2.5em; } .log-textarea { width: 76%; } .log-textarea-htmleditor-sop { /*height: 100%; width: 70%;*/ height: 103%; width: 105%; margin: -1.5mm; } .grid-area-sop { display: inline-block; /*max-width: 109%;*/ margin-right: 8px; /* margin-left: 30px; margin-top: 8px;*/ height: 107%; width: 99%; /* height: calc(100% - 140px); height: calc(100% - 110px); height: calc(100% - 40px); width: calc(100% - 30px);*/ } .padding-label-top-sop { padding-left: 3.1mm; } .filelog-connection-parameter-container-sop { display: inline-flex; flex-direction: row; width: 100%; align-items: center; margin: 7px 0px; } .form-container-SOP .form-fieldset-SOP { margin: 0px 2px; } /*!************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/top-navigation-and-notification.css ***! \************************************************************************************************************************************************************************************************************************************************/ /*Alert Panel css start*/ .closurePopup .dx-popup-title { background-color: #fba60c; font-weight: bold; color: white; } .closurePopup.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after { background: RGB(189,15,23) !important; border-color: RGB(189,15,23) !important; } .closurePopup .dx-popup-title .dx-closebutton .dx-icon { color: #f44336 !important; } .alert-close-checkbox-margin { margin-bottom: 10px; } .alert-label-width { width: 20% !important; } .alert-panel-container { display:inline-flex; flex-direction:row; width:100%; align-items:center; margin: 7px 0px; } .alert-panel-tabs-container{ width:100%; display:inline-flex; align-items:center; border-bottom: 1px solid #e0e0e0; } .alert-panel-grid-row-count { /*float: right;*/ /*color: #696969;*/ color: #000; /*font-weight: bold;*/ font-size:12px; /*margin-top: 10px;*/ position: fixed; left: 60px; } .alert-panel-grid-row-count a:hover, .gridRowCount a:focus { text-decoration: underline; cursor: pointer; } /*alert-panel-css end*/ .navbar-wrapper { color: black; width: 70%; transition: all 0.6s ease 0s; } /*.phoenix-logo-image { height: 60px; background: url(/assets/images/Icons/RPM_Phoenix-bg-1.jpg) no-repeat; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; }*/ /*.phoenix-image-without-logo { height: 60px; background: url(/assets/images/Icons/RPM_Phoenix-bg.jpg) no-repeat; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; }*/ #main-navigation { height: 60px; background: url(/assets/images/Icons/ePic_Header_3500X60px_New.jpg) no-repeat; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; } .phoenix-version { /*color: #fff; position: absolute; left: 239px; top: 40px; font-size: 0.85em;*/ padding: 0 10px; border: 1px solid #e1e1e1; border-radius: 4px; color: black; font-size: 11px; background: #f1f1f1; float:right; margin-left: 3px; } #main-navigation.notification-active { /*top: 27px;*/ /*top: 40px;*/ top: 30px; border-top: 1px solid #ddd; transition: all 0.4s ease 0s; } #main-navigation .navbar-toggle { background-color: #1F396D; } #main-navigation .navbar-toggle .icon-bar { background: #fff; } #main-navigation .navbar { min-height: 60px; margin: 0; } #main-navigation .navbar-header { height: 60px; } #main-navigation .navbar-brand { height: 60px; padding: 0; font-size: 18px; } #main-navigation .navbar-right { margin-right: 5px; } #main-navigation .navbar-left { margin-left: 150px !important; margin-top: 20px !important; } #main-navigation .version-color { color: #1a2b47; } #main-navigation .nav.navbar-nav > li { height: 60px; } #main-navigation .nav.navbar-nav > li#seperator { border-right: 1px solid #ddd; margin: 20px 5px 0px 5px; height: 25px; } #main-navigation .nav.navbar-nav > li > a { padding: 15px 10px; line-height: 27px; /*color: #222;*/ /*color: #fff;*/ font-size: 15px; cursor: pointer; } #main-navigation .nav.navbar-nav > li > a.user-dropdown { padding: 15px 5px; } #main-navigation .nav.navbar-nav > li > a:hover { color: #222; } #main-navigation .navbar-nav > li > .dropdown-menu { /*min-height: 200px;*/ min-height: 300px; max-height: 300px; margin-top: -2px; background: #eee; /* border: none; */ box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .175); width: auto; /*min-width:50%;*/ min-width: 700px; max-width: 700px; } ul#user-info.dropdown-menu { max-width: 250px; min-width: 0 !important; min-height: 200px !important; } .mega-dropdown { position: static !important; } .mega-dropdown span.arrow { font-size: 10px; margin-left: 10px; color: #b3aeae; } /*.mega-dropdown:hover span.arrow, .mega-dropdown:focus span.arrow, .mega-dropdown:focus span.arrow, .mega-dropdown:visited span.arrow, .dropdown.mega-dropdown.open span.arrow { color: #ff3546; }*/ .mega-dropdown:hover span.arrow, .mega-dropdown:focus span.arrow, .mega-dropdown:focus span.arrow, .mega-dropdown:visited span.arrow, .dropdown.mega-dropdown.expand span.arrow { color: #ff3546; } .mega-dropdown-menu { /*padding: 20px 0px;*/ padding: 0; width: 75%; box-shadow: none; -webkit-box-shadow: none; } /*.mega-dropdown-menu > li.col-sm-3 { float: right; }*/ .mega-dropdown-menu > li:hover { background: #eee; } .mega-dropdown-menu > li > ul { padding: 0; margin: 0; /*float: right; text-align:right;*/ } .mega-dropdown-menu > li > ul > li { list-style: none; } .mega-dropdown-menu > li > ul > li > a { display: block; color: #222; padding: 3px 5px; cursor: pointer; } .mega-dropdown-menu > li > ul > li.dropdown-header > a { color: red; padding: 0; cursor: pointer; display: inline-block; } .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; font-weight: 600; /*text-decoration:underline; font-weight:normal;*/ } .mega-dropdown-menu .dropdown-header a.menu-title:hover, .mega-dropdown-menu .dropdown-header a.menu-title:hover { text-decoration: none; } .mega-dropdown-menu .dropdown-header i.menu-link-icon { padding: 0 5px; font-size: medium; padding: 0 5px 0 10px; font-size: medium; } .mega-dropdown-menu .dropdown-header span.menu-title-link { font-family: inherit; font-size: medium; } .mega-dropdown-menu .dropdown-header span.menu-title-link:hover { text-decoration: underline; cursor: pointer; } .mega-dropdown-menu .dropdown-header span.menu-title-link:hover { /* text-decoration: underline; */ cursor: pointer; } .mega-dropdown-menu .dropdown-header { font-size: 18px; color: #ff3546; padding: 5px 60px 5px 5px; line-height: 30px; font-size: 18px; color: #ff3546; padding: 5px 5px 5px 5px; line-height: 30px; } .dropdown-menu .divider { width: 100%; } .dropdown.mega-dropdown .dropdown-toggle { color: #fff; z-index: 1001; border-top: 3px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; /* border-bottom: 1px solid transparent; */ } .dropdown.mega-dropdown .dropdown-toggle:hover { color: #222; } /*.dropdown.mega-dropdown.open .dropdown-toggle { background:#eee; border-color: #ddd; border-top-color: #ff3546; }*/ .dropdown.mega-dropdown.open .dropdown-toggle { background: transparent; border-color: transparent; border-top-color: transparent; } .dropdown.mega-dropdown.expand .dropdown-toggle { background: #eee; border-color: #ddd; border-top-color: #ff3546; } /*#main-navigation .nav .open > a, #main-navigation .open > a:hover, #main-navigation .open > a:focus{ border-right-color: #ddd; border-left-color: #ddd; border-top-color: #ff3546; }*/ #main-navigation .nav > li > a:focus { text-decoration: none; background-color: transparent; } #main-navigation .nav.menubarActive > li > a:focus { text-decoration: none; background-color: transparent; } #main-navigation .nav.menubarActive > li.expand > a:focus { background: #eee; } #main-navigation .nav.menubarActive > li > a:hover { background: #eee; } #main-navigation .nav .open > a { border-color: transparent; background: transparent; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } #main-navigation .open > a:hover, #main-navigation .open > a:focus { background: #eee; } #main-navigation .nav .expand > a, #main-navigation .expand > a:hover, #main-navigation .expand > a:focus { border-color: #ddd; background: #eee; border-right-color: #ddd; border-left-color: #ddd; border-top-color: #ff3546; color: #222; } #main-navigation .nav.menubarActive .open.expand > a, #main-navigation .nav.menubarActive .open.expand > a:hover, #main-navigation .nav.menubarActive .open.expand > a:focus { background: #eee; } .menu-list-container { padding: 10px 10px; /*min-height:200px;*/ /*/float:right;*/ } .menu-list-container.active { padding: 10px 10px; /*min-height:200px;*/ /*float:left;*/ } .menu-list-header { /*color: #6d6d6d;*/ color: #414141; font-size: 16px; border-bottom: 1px solid #ddd; } .menu-list-container ul { list-style: none; padding: 10px 5px; } .menu-list-container ul li { /*color: #a0a0a0;*/ color: #414141; cursor: pointer; } .menu-list-container ul li span { cursor: pointer; } /*.menu-list-container ul li:hover,.menu-list-container ul li.active { color: #272727; }*/ .menu-list-container ul li .submenu-expander:hover { /*color: #272727;*/ color: #00549C; } .menu-list-container ul li .submenu-expander.active { color: #272727; } .menu-list-container ul li .submenu-expander.active:hover { color: #00549C; } .menu-list-container ul li .submenu-title:hover { /*color: #272727;*/ color: #00549C; } .menu-list-container ul li .submenu-title.active { color: #272727; } .menu-list-container ul li .submenu-title.active:hover { color: #00549C; } .menu-list-container ul li span.fa { float: right; padding: 5px; } .menu-list-container .submenu-icon { float: left !important; } .menu-details { display: none; padding: 10px; /*min-height: 200px;*/ min-height: 190px; max-height: 190px; height: auto; background: #eee; box-shadow: -30px 0 30px -20px #d6d6d6; /*-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);*/ visibility: hidden; transition: opacity 600ms, visibility 600ms; } .menu-details.active { display: block; /*-webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); transform: translateY(0%);*/ display: block; visibility: visible; opacity: 1; } .menu-details .submenu-link:hover { cursor: pointer; } .menu-details.active ul li a:hover, .menu-details.active ul li a:focus { cursor: pointer; } /*#main-navigation .nav > li > a:hover,#main-navigation .nav > li > a:focus{ border-color: #ddd; background: #eee; border-right-color: #ddd; border-left-color: #ddd; border-top-color: #ff3546; }*/ /*.dropdown.mega-dropdown .dropdown-toggle:hover,.dropdown.mega-dropdown .dropdown-toggle:focus{ border-right-color: #ddd; border-left-color: #ddd; border-top-color: #ff3546; }*/ /*.dropdown.mega-dropdown.open.expand .dropdown-toggle { background: #eee; border-color: #ddd; border-top-color: #ff3546; }*/ #mainMenu-Mask { position: fixed; top: 0; left: 0; width: 0; height: 0; background-color: transparent; opacity: 0; transition: opacity .3s,width 0s .3s,height 0s .3s; } #mainMenu-Mask.menubarActive { width: 100%; height: 100%; opacity: .7; transition: opacity .3s; z-index: 1029; } /*.dropdown.mega-dropdown .dropdown-toggle:focus { border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; background: transparent; }*/ /*.dropdown.mega-dropdown .dropdown-toggle:focus{ background:transparent; }*/ /*Notification button*/ .count-info .label { line-height: 12px; padding: 2px 5px; position: absolute; right: 2px; top: 12px; } .navbar-wrapper li#seperator { border-right: 1px solid #ddd; margin: 20px 5px 0px 5px; height: 25px; } /*searchbar*/ #search-box { right: 32px; background: #eee; /* border: none; */ border-radius: 0; width: 35% !important; min-height: 0 !important; min-width: 0 !important; } #search-box .input-group { width: 100%; } #search-box .input-group-btn { width: 40px; } /*User-Info dropdown*/ #user-info { /*background: #eee;*/ /* border: none; */ /*width: 250px;*/ right: 5px; } #user-info .navbar-login { width: 250px; padding: 0 10px; padding-bottom: 0px; } #user-info #user-name { font-size: 16px; font-weight: 600; color: #ff3546; display: inline-block; } #user-info .text-right { color: #989292; } #user-info .user-dropdown-buttons { display: inline-block; margin: 20px 0px 5px 0; } #btn-logout.user-dropdown-buttons { /* margin-left: 10px; */ float: right; /*margin-right: 10px;*/ } #btn-logout .btn-primary { background: #ff3546; border-color: #ff3546; } #email-id { margin-bottom: 10px; } .item-title { display: inline-block; width: 90px; } .item-value { display: inline-block; } #caption-bar { top: 60px; /*z-index: 1029;*/ z-index: -100; padding: 4px; border-bottom: 1px solid #ddd; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; height: 40px; background: #fff; } #RightSideCaptionBar { width: 20%; border-bottom: 1px solid #ddd; height: 35px; top: 60px; right: 0px; position: fixed; } #caption-bar.notification-active { top: 90px; /*top: 100px;*/ transition: all 0.4s ease 0s; } .caption-gradient { /*border-bottom: 1px solid #ddd; */ display: inline-block; } .breadcrumb-home { display: inline-flex; } .breadcrumb-container { display: inline-block; padding-left: 10px; cursor: default; } .breadcrumb-container .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; font-size: 14px; } .breadcrumb-container .breadcrumb > li + li:before { color: #706e6e; content: "\003e"; padding: 0 5px; } /*Notification Bar*/ .staticMsg { display: inline-block; text-indent: 0; } #notification-bar { display: none; position: fixed; left: 0; right: 0; z-index: 1031; height: 30px; /* height: 37px; */ /* top: 0; */ /* padding: 0 5px 0 20px; */ background-color: #fff8e5; /* border-width: 1px 1px 0; */ /* border-style: solid; */ border-color: #ddd; /* overflow-y: scroll; */ z-index: 1029; } #notification-bar.active { display: block; padding: 0 0 0 10px; } #notification-bar.expanded { border-bottom: 1px solid #ddd; } .notification-list { display: inline-block; /* min-width: 97%; */ width: 87%; margin: 0 auto; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; float: left; padding: 0 10px; height: 30px; } @media all and (max-width: 500px) { .navbar-brand img { max-width: 245px; } .navbar-toggle { margin-right: 5px; } } #more-notifications { display: inline-block; color: black; padding-top: 2px; margin-right: 5px; cursor: pointer; } #more-notifications:hover { color: red; } .notification-item { /* display: none; */ color: red; height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #notification-bar.expanded .notification-item { display: block; border-top: 1px solid #ddd; } #notification-bar.expanded .notification-item-first { border-top: 0; } .notification-item-first { display: block; } .notification-text { text-overflow: ellipsis; overflow: hidden; } .btn-notification-close { font-size: initial; vertical-align: middle; text-align: right; } .notification-bar-buttons { display: inline-block; float: right; margin-top: 2px; margin-right: 10px; text-align: center; } .btn.btn-notifctnCloseBtn { color: #333; width: 15px; height: 15px; display: inline-block; background: #696969; color: #fff; border-radius: 15px; border-width: 0; } .btn.btn-notifctnCloseBtn .dx-button-content .dx-icon { color: #fff; line-height: 16px !important; font-size: 1.1rem; } .btn.btn-notifctnCloseBtn.dx-state-hover { background: #e00c0c; } .btn.btn-notifctnCloseBtn div.dx-button-content { padding: 0px !important; } .btn.btn-btn-notifctnCloseBtn:hover { background-color: #e00c0c; border-color: #e00c0c; } .btn.btn-notifctnCloseBtn:focus { background-color: #e00c0c; border-color: #e00c0c; outline: none; } /*.btn.btn-notifctnCloseBtn:focus i.dx-icon { color: #e00c0c !important; } .btn.btn-notifctnCloseBtn:hover i.dx-icon { color: #e00c0c !important; }*/ .notificationMsg { display: inline-block; color: #e00c0c; font-size: 15px; padding-left: 10px; text-align: Center; padding-right: 15px; } .msgCloseBtn { font-size: 16px; } .notfnMsgDisplay { display: none; } /*DevXtreme*/ .notification-text-box { height: 33px; display: inline-block; width: 100%; } .notification-text-box.dx-texteditor { /* margin-top: 2px; */ height: 35px !important; border: none; background: #FFF8E5; width: 99%; } .notification-text-box .dx-texteditor-container { min-height: 33px; background: #FFF8E5; } .notification-text-box .dx-texteditor-input { margin: 0; padding: 4px 5px 4px; background: #FFF8E5; color: #333; font-size: 1em; border-radius: 4px; min-height: 24px; } .notification-spinner.dx-texteditor { width: 20px; /* float: left; */ display: inline-block; border: none; } .notification-spinner .dx-texteditor-container { position: relative; overflow: hidden; width: 100%; height: 100%; min-height: 30px; /* width: 25px; */ background: #FFF8E5; } .notification-spinner .dx-numberbox-spin .dx-texteditor-input { padding-right: 28px; display: none; } .notification-spinner .dx-numberbox-spin-container { overflow: hidden; width: 20px; height: 30px; border-radius: 4px; } .notification-spinner .dx-numberbox-spin-button { background: #FFF8E5; } .notification-list .btn-notifctnCloseBtn { position: absolute; /* background-color: #d00b1a!important; */ /* border-color: #333 !important; */ color: #333; font-size: 21px; /* padding: 2px !important; */ /* margin-right: 5px; */ /* margin-bottom: 18px; */ width: 30px; height: 38px; /* width: 4%; */ /* float: right; */ display: inline-block; /* z-index: 100000; */ background: #FFF8E5; } .alert-panel-container { display: inline-flex; } .alert-panel-refresh { padding: 5px; } #alertGridContainer .dx-datagrid-headers .dx-datagrid-table .dx-row > td { background: #E5E5E5; color: #333; font-weight: bold; } /*.closurePopup .dx-popup-title { background-color: #fba60c; font-weight: bold; color: white; }*/ .notification-list .dx-button-has-icon .dx-icon { height: unset; } #notification-text { min-width: 99%; width: 99%; display: inline-block; overflow: hidden; text-overflow: ellipsis; cursor: default; } #main-navigation.navbar-fixed-top, #main-navigation.navbar-fixed-bottom { z-index: 1030; } #main-navigation .open > .dropdown-menu { display: none; } #main-navigation .expand > .dropdown-menu { display: block; } /*.closurePopup.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after { background: RGB(189,15,23) !important; border-color: RGB(189,15,23) !important; } .closurePopup .dx-popup-title .dx-closebutton .dx-icon { color: #f44336 !important; }*/ #closeTargetElement:hover { cursor: pointer; } /*Data Manager Menu*/ .open-data-link { margin-bottom: 5px; } .open-data-link span { color: #337ab7; text-decoration: none; cursor: pointer; display: block; } .open-data-link span:hover, .open-data-link span:focus { text-decoration: underline; outline: none; } .recent-data-links .recent-data-links-header { display: block; border-bottom: 1px solid #ddd; /*max-width: 100px;*/ } .recent-data-links .recent-data-links-list { list-style-type: none; padding: 5px 0; font-size: 1.2rem; } .recent-data-links .recent-data-links-list li { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .recent-data-links .recent-data-links-list li:hover { cursor: pointer; color: #337ab7; } /*License Manu*/ .license-menu .license-summary-header { font-size: 1.5rem; /* margin-bottom: 5px; */ border-bottom: 1px solid #ddd; } .license-menu .license-summary { margin-bottom: 5px; margin-top: 5px; } .license-menu .license-summary .license-summary-status { border-bottom: 1px solid #ddd; margin-bottom: 5px; } .license-menu .license-summary .license-summary-status-points { font-size: 1.2rem; } .license-menu .license-summary .license-summary-status-points ul { list-style: none; } .license-summary-status-points .point-title { display: inline-block; min-width: 90px; } .license-renew-link span { color: #337ab7; text-decoration: none; cursor: pointer; } .license-renew-link span:hover, .license-renew-link span.focus { text-decoration: underline; outline: none; } /*Apps Menu*/ #apps .menu-details ul { list-style: none; } #main-wrapper .page-footer{ z-index:0; } /*CPM Name Credit And collateral css*/ .epiccredit { line-height: 18px; } .epiccredit .fa-angle-right:before { position: absolute !important; /* bottom: 95px;*/ padding-left: 25px; } /*ARO css*/ .epicaro { line-height: 18px; margin-top: 9px; } .epicaro .fa-angle-right:before { position: absolute !important; /*bottom: 25px; */ padding-left: 25px; } /*!*******************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/common-toolbar.css ***! \*******************************************************************************************************************************************************************************************************************************/ .commontoolbar, .commontoolbar-small { /*position: fixed; top: 91px; left: 0; right: 0; padding-right: 30px; height: 35px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; background: #fdfdfd; z-index: 1;*/ position: relative; transition: all 0.4s ease 0s; background: #fff; z-index: 1; } .MarginLeftCommonToolbar { margin-left: 27px; } .commontoolbar.MarginLeftCommonToolbar.notification-active { top: 1px; } .MarginLeftWithoutSeparator { margin-left: 27px; } .commontoolbar.MarginLeftWithoutSeparator.notification-active { top: 1px; } .commontoolbar .dx-toolbar-after { right: 38px; /*padding-bottom: 4px;*/ } .commontoolbar.showToolbarInPane .dx-toolbar-after { right: 0px; } .commontoolbar.showToolbarInPane { position: relative; } .commontoolbar .dx-toolbar-items-container { height: 35px; /*height:25px;*/ } .commontoolbar .dx-toolbar { background: transparent; } .commontoolbar-small { visibility: hidden; } .commontoolbar-small .dx-toolbar-items-container { height: 35px; } .commontoolbar-small .dx-toolbar { background: transparent; } .commontoolbar .dx-toolbar-items-container .dx-button, .commontoolbar-small .dx-toolbar-items-container .dx-button, .commontoolbar .dx-toolbar-items-container .dx-dropdownmenu-button, .commontoolbar-small .dx-toolbar-items-container .dx-dropdownmenu-button { border-radius: 4px !important; border-color: transparent; background-color: transparent; box-shadow: none; width: 30px; height: 30px; } .commontoolbar .dx-toolbar-items-container .dx-button .dx-button-content, .commontoolbar-small .dx-toolbar-items-container .dx-button .dx-button-content, .commontoolbar .dx-toolbar-items-container .dx-dropdownmenu-button .dx-button-content, .commontoolbar-small .dx-toolbar-items-container .dx-dropdownmenu-button .dx-button-content { padding: 3px 6px; } .commontoolbar .dx-toolbar-items-container .dx-button.dx-state-hover, .commontoolbar-small .dx-toolbar-items-container .dx-button.dx-state-hover, .commontoolbar .dx-toolbar-items-container .dx-dropdownmenu-button.dx-state-hover, .commontoolbar-small .dx-toolbar-items-container .dx-dropdownmenu-button.dx-state-hover { background-color: #ebebeb; } .commontoolbar .dx-toolbar-items-container .dx-button.dx-button-has-text, .commontoolbar-small .dx-toolbar-items-container .dx-button.dx-button-has-text { min-width: 64px; width: auto; } /*Devexteme Version: 19.2.3*/ .commontoolbar .dx-toolbar-items-container .dx-button .dx-button-text { padding-top: 4px; } .commontoolbar-seperator { border: 1px solid #949292; height: 20px; margin: 3px; } .dx-toolbar-menu-section.dx-toolbar-menu-last-section { padding: 8px; } .commonToolbarDropdown.dx-template-wrapper.dx-item-content.dx-list-item-content { padding: 8px 0px 8px 4px; font-size: 14px; } .commonToolbarDropdown.dx-template-wrapper.dx-item-content.dx-list-item-content i { margin-right: 8px; } .btn.btn-closeBtn { position: absolute; height: 30px; width: 30px; right: 0; top: 2px; font-size: 12px; border-width: 0; border-radius: 4px !important; transition: all 0.4s ease 0s; } .btn.btn-closeBtn .dx-button-content { padding: 3px; } .btn.btn-closeBtn:hover { background-color: #e00c0c; border-color: #333; } .btn.btn-closeBtn:focus { background-color: #e00c0c; border-color: #333; color: #fff; } .btn.btn-closeBtn:focus i.dx-icon { color: #fff !important; } .btn.btn-closeBtn:hover i.dx-icon { color: #fff !important; } .btn.btn-closeBtn.closebtn.only-grid-close-btn { z-index: 1; margin-right: 5px; } .commonToolbarDropdown.dx-template-wrapper { text-align: left; } .closeModuleButtonHidden { visibility: hidden; } .MarginLeftPackageDeployment { /* margin-left: -5px; margin-right: 20px; */ margin-left: 24px; } .MarginLeftDeploymentHistory { /* margin-left: -5px; margin-right: 20px; */ margin-left: 20px; } .MarginPackageDesigner { margin-left: 42px; } /*@media all and (max-width: 850px) { .commontoolbar-small { visibility: visible; } .commontoolbar { visibility: hidden; } }*/ /*PANE-TOOLBAR*/ .grid-pane-toolbar.dx-toolbar .dx-toolbar-items-container, .detail-pane-toolbar.dx-toolbar .dx-toolbar-items-container { /*height: 35px;*/ height: 25px; } .grid-pane-toolbar.dx-toolbar .dx-toolbar-items-container .dx-button, .detail-pane-toolbar.dx-toolbar .dx-toolbar-items-container .dx-button { border-radius: 4px !important; border-color: transparent; background-color: transparent; box-shadow: none; width: 30px; height: 30px; } .grid-pane-toolbar.dx-toolbar .dx-toolbar-items-container .dx-button .dx-button-content, .detail-pane-toolbar.dx-toolbar .dx-toolbar-items-container .dx-button .dx-button-content { padding: 3px; } .grid-pane-toolbar.dx-toolbar .dx-toolbar-items-container .dx-button.dx-state-hover, .detail-pane-toolbar.dx-toolbar .dx-toolbar-items-container .dx-button.dx-state-hover { background-color: #ebebeb; } .grid-pane-toolbar.dx-toolbar .dx-toolbar-items-container .dx-button.dx-button-has-text, .detail-pane-toolbar.dx-toolbar .dx-toolbar-items-container .dx-button.dx-button-has-text { min-width: 64px; width: auto; } /*!************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/sidebar.css ***! \************************************************************************************************************************************************************************************************************************/ /*Common css used in both sidebars*/ .sidebar-wrapper.active { left: 0; z-index: 3; } #page-content-wrapper.active .menutxt { display: none; } .sidebar-nav { top: 0; list-style: none; margin: 0; padding: 0; margin-top: 10px; text-align: left; } .sidebar-nav-full { max-height: 80%; min-height: 80%; overflow-y: auto; width: 100%; } .sidebar-nav-top { width:100%; max-height: 60%; min-height: 60%; overflow-y: auto; border-bottom: 1px solid #ddd; } .sidebar-nav-bottom { max-height: 26%; overflow: auto; min-height: 26%; } #page-content-wrapper.active .sidebar-nav { width: 68px; } .sidebar-nav li { line-height: 20px; } .sidebar-nav li:hover { background: #ddd; cursor: pointer; } .sidebar-nav li a { color: black; display: block; text-decoration: none; padding: 1px 4px; text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; } .sidebar-nav li a span:before { position: absolute; left: 0; color: black; text-align: center; width: 20px; line-height: 18px; } .sidebar-nav li.active { background: #ddd; color: black; text-decoration: none; cursor: pointer; } .sidebar-nav li a:active, .sidebar-nav > li > a:hover, .sidebar-nav > li > a:focus { text-decoration: none; background-color: transparent; } .menuIcon { display: inline-block; width: 30px; height: 30px; border: black; color: #fff; padding: 5px 2px; border-radius: 6px; text-align: center; } .blue-bg { background: #0D3F75; color: #fff; } .sidebar-nav-child { padding-left: 20px; list-style: none; display: none; } .sidebar-nav li.active .sidebar-nav-child { display: block; } .sidebar-title-bar { padding: 0px 10px; text-align: left; font-size: 14px; font-weight: 600; color: black; } .sidebar-toolbar { padding: 5px 5px 5px 10px; text-align: left; font-size: 12px; } .sidebar-toolbar .btn { height: 25px; /*width: 25px;*/ margin: 0; } .sidebar-toolbar i.dx-icon { color: #333 !important; font-size: 14px; } .sidebar-toolbar-left, .sidebar-toolbar-right { display: inline-block; margin-left: 0px; max-width: 175px; } .sidebar-toolbar-right { float: right; } .sidebar-toolbar .dx-checkbox-icon { width: 16px; height: 16px; } .sidebar-toolbar .dx-checkbox-text { margin-left: -16px; padding-left: 20px; } .sb-tb-btn { display: inline-block; padding: 0 5px; border: 1px solid #ddd; } .sidebar-mask, .openObject-mask { position: fixed; top: 0; left: 0; width: 0; height: 0; background-color: transparent; opacity: 0; transition: opacity .3s,width 0s .3s,height 0s .3s; } .sidebar-mask.active, .openObject-mask.active { width: 100%; height: 100%; opacity: .7; transition: opacity .3s; } #menu-toggle { text-decoration: none; float: left; color: #fff; padding-right: 15px; } /*Common css used in both sidebars*/ /*Open Objects Sidebar*/ .btn-sidebar-toggle { display: block; width: 22px; position: absolute; z-index: 3; text-align: center; padding: 5px 2px 5px 0; border-radius: 0 6px 6px 0; background:#F05B41; background: #F05B41; color: #fff; } div#moduleListToggle { top: 110px; } #openObjectToggle .sidebar-wrapper { width: 250px; z-index: 0; left: -250px; top: 95px; bottom: 25px; background: #f1f1f1; position: fixed; z-index: 1000; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; border: 1px solid #ddd; border-radius: 0 6px 6px 0; } #openObjectToggle .sidebar-wrapper.notification-active { top: 125px; } div#openObjectToggle { /*temporarily commented for handsontable issue**/ /*z-index: 3;*/ /*temporarily added for handsontable issue**/ z-index: 1000; top: 350px; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; position: fixed; left: 0; width: 15px; } .toggleArrow { font-size: 20px; padding: 10px 0px 10px 0; margin-left: -3px; } #openObjectToggle.hovered { left: 250px; } #openObjectToggle.hovered .sidebar-wrapper { left: 0; } #openObjectToggle.active { left: 250px; } #openObjectToggle.active .sidebar-wrapper { left: 0; } /*Open Objects Sidebar*/ /*Module Objects Sidebar*/ .codeModule { width: 2.5%; background-color: #00b200; color: #fff; height: 100%; text-align: center; padding: 2px; display: inline-block; min-width: 30px; } #codeModuleTxt { font-size: 16px; } .codeModule:hover { cursor: pointer; } .moduleText { font-size: 18px; margin-left: 10px; } #openModuleObjects { float: right; margin-right: 0px; } #moduleObject.sidebar-wrapper { display: none; width: 250px; z-index: 0; left: unset; right: 0; top: 95px; bottom: 25px; bottom: 100%; border: 1px solid #ddd; border-radius: 6px; background: #f1f1f1; position: fixed; z-index: 1000; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; } #moduleObject.sidebar-wrapper .sidebar-title-bar, #moduleObject.sidebar-wrapper .sidebar-toolbar { display: none; } #moduleObject.sidebar-wrapper.active { display: block; z-index: 3; bottom: 25px; } #moduleObject.sidebar-wrapper.active .sidebar-title-bar, #moduleObject.sidebar-wrapper.active .sidebar-toolbar { display: block; } #moduleObject.sidebar-wrapper.notification-active { top: 125px; } #moduleObject .sidebar-nav li { line-height: 32px; } /*Module Objects Sidebar*/ .alphaObject { text-align: center; width: 10px; display: inline-block; } @media (max-width:767px) { #openObjectToggle .sidebar-wrapper.active { left: 0; } #moduleObject.sidebar-wrapper.active { right: 0; } } /*!**********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/login.css ***! \**********************************************************************************************************************************************************************************************************************/ /* Login page new css */ /* Css override for login page textbox fields */ .login-panel .dx-texteditor.dx-editor-standard:after { /*border-bottom-color: #e0e6e8;*/ border-bottom: none; } .login-panel .dx-texteditor.dx-editor-standard.dx-state-hover:after { border-bottom: none; } .login-panel .dx-texteditor.dx-editor-underlined:after { /*border-bottom-color: #e0e6e8;*/ border-bottom: none; } .login-panel .dx-texteditor.dx-editor-underlined.dx-state-hover:after { border-bottom:none; } .remove-underline-focus .dx-texteditor.dx-state-focused:before, .remove-underline-focus .dx-texteditor.dx-state-active:before { border-bottom: 0px solid #03A9F4 !important; transform: scale(1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1); } .text-center-align .dx-texteditor.dx-editor-underlined .dx-texteditor-input { padding: 3px 3px 3px; } .login-panel .dx-texteditor-input { font-size: 14px !important; color: #757474; } .login-panel .dx-placeholder{ font-size: 14px !important; } .login-panel .dx-texteditor.dx-editor-underlined .dx-placeholder:before { /* padding: 3px 3px 6px; */ padding: 4px 0px 6px !important; } /*.login-panel .dx-loadindicator-icon .dx-loadindicator-segment{ background: #20d89a !important; }*/ /*.login-panel .dx-loadindicator-segment-inner { position: relative; height: 100%; border-color: #20d89a !important; border-width: 0.12em; border-style: solid; border-bottom-color: transparent; -webkit-animation: none; animation: none; border-radius: 50%; }*/ /* Css override for login page textbox fields end*/ .login-page-field-container{ display: flex; position: relative; width: 400px; left: -36px; } .login-panel .dx-dropdowneditor-icon { display: none; } *{margin:0px; padding:0px;} body{background-color:#ededed; } .top-nav{background-image:url("/assets/images/Icons/login/RPM_Header_1920X60px.jpg"); background-repeat:no-repeat; min-height:60px;} .brand{max-width:100%; height:auto; margin:5px 0px 0px 20px;} .login-panel { display: block; width: 400px; margin: 50px auto 0px; text-align: center; padding: 25px; } .login-panel > h1{font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; font-size:40px; margin: 0px 15px 20px 0px; font-weight:bold; text-transform:uppercase; color:#002a5f;} .log-user{display:block; width:300px; background-color:#dddddd !important; border:1px solid #fff; height:45px; margin:0px auto 15px; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; border-radius:10px; box-shadow:inset 0 0 1px #aeacac; } .log-icon{display:inline-block; position:relative; } /*.log-icon:before{display:block; content:''; margin:0px; padding:0px; height:45px; width:45px; background-image:url("/assets/images/Icons/login//user-name-icon.png"); background-repeat:no-repeat; position:absolute; top:0px; left:-60px; z-index:999;}*/ .log-icon-element{ margin-right: 1.5rem; height: 45px; width: 45px; background-image: url(/assets/images/Icons/login/user-name-icon.png); background-repeat: no-repeat; z-index: 999; } .pass-icon{display:inline-block; position:relative; } /*.pass-icon:before{display:block; content:''; margin:0px; padding:0px; height:45px; width:45px; background-image:url("/assets/images/Icons/login//password-icon.png"); background-repeat:no-repeat; position:absolute; top:0px; left:-60px; z-index:999;}*/ .pass-icon-element{ margin-right: 1.5rem; height: 45px; width: 45px; background-image:url("/assets/images/Icons/login//password-icon.png"); background-repeat: no-repeat; z-index: 999; } .group-icon{display:inline-block; position:relative; } /*.group-icon:before{display:block; content:''; margin:0px; padding:0px; height:45px; width:45px; background-image:url("/assets/images/Icons/login//workgroup-icon.png"); background-repeat:no-repeat; position:absolute; top:0px; left:-60px; z-index:999;}*/ .group-icon-element{ margin-right: 1.5rem; height: 45px; width: 45px; background-image:url("/assets/images/Icons/login//workgroup-icon.png"); background-repeat: no-repeat; z-index: 999; } .login-submit{display:block; width:300px; background-color:#dddddd; height:45px; margin:0px auto 15px; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:10px; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; font-size:18px; font-weight:bold; text-decoration:none; text-transform:uppercase; line-height:25px;} .green-cta { background-color: #20d89a; color: #fff; background-image: linear-gradient(#20d89a, #16956a); background-image: -moz-linear-gradient(#20d89a, #16956a); /*-webkit-transform: all .22s; transform: all .22s;*/ } .log-user-select{display:block; width:300px; background-color:#dddddd !important; background-image:url("/assets/images/Icons/login//down-arw.png"); background-repeat:no-repeat; background-position:right center; border:1px solid #fff; height:45px; margin:0px auto 15px; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; border-radius:10px; box-shadow:inset 0 0 1px #aeacac; -moz-appearance: none; -webkit-appearance: none; } .config-cta{color:#002a5f; text-decoration:underline; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; font-size:14px; font-weight:bold;} .config-cta:hover { cursor: pointer; } .login-align { position: absolute; top: -7%; right: -100%; } .login-cta { font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; color: #23527c; text-decoration: underline; font-size: 14px; font-weight: bold; } .login-cta:hover { cursor: pointer; } .login-separater { font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; color: #23527c; font-size: 14px; font-weight: bold; margin-left: 2px; margin-right: 2px; /* white-space: pre-wrap; */ } .notificationBoxBottom { border: 1px solid #043663; height: 7rem; /* width: 325px; */ border-radius: 3px; width: 30rem; } /* Login page new css end*/ .loginPage { padding-right: 15px; padding-left: 15px; padding-top: 45px; padding-bottom: 45px; } .card { margin: 0 auto 25px; margin-top: 50px; border-radius: 6px; border: 1px solid #c0c0c0; } .card-container.card { height: 350px; width: 720px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .loginHeader { width: 100%; height: 35px; background-color: #d3d3d3; text-align: center; font-size: 20px; padding: 5px; border-bottom: 1px solid #c0c0c0; } .login-details { margin: 20px 0px 40px 30px; } .login-details .row { margin-bottom: 10px; } .formControlSpace { padding-bottom: 15px; } .login-end { margin-left: 152px; } .loginTemplate > div { height: 180px !important; width: 400px !important; } /**************home page css****************/ .homePage { display: block; } .welcomeTxt { color: #c0c0c0; font-size: 80px; margin-top: 70px; margin-left: 200px; font-weight: bold; } .productName { color: #a2d468; font-size: 120px; font-weight: bold; margin-top: 150px; text-align: center; } /**************end home page css****************/ /******************* Session Popup CSS ****************************/ .sessionPopupLabel { width:25%; } /*.sessionLabelLefAlign { text-align: left !important; } .popupLabelAlign { padding: 5px 0 0 5px; } .sessionPopupRow { margin-bottom: 10px; } #trace-status { margin-bottom: 5px; } #labelMinute { margin-left: -27px; } #log-tracing { margin-bottom: 5px; }*/ /******************* Session Popup CSS End ****************************/ /************************Error Box Css Start***************************/ /*dx-button#btnReportError { float: left; } div#btnError { padding-top: 30px; margin: 0 0 0 -5px; position: absolute; bottom: 5px; } dx-button#btnOk { margin-left: 200px; } textarea#txrerrordetails { height: 110px; width: 580px; } div#errorheading { height: 35px; } div#displayError { margin-top: 5px; }*/ .error-warning-image { width: 15px; } .error-box-text-font { font-size: 12px; } /************************Error Box Css End***************************/ /************************Logs Component Css End***************************/ .logs-tab-pane .input-section { display: inline-flex; margin-left: 5px; } .logs-tab-pane .right-section { display: inline-flex; padding-right: 10px; float: right; } .logs-tab-pane .input-section .field-label { padding-right: 10px; padding-left: 10px; margin: 0; } .logs-tab-pane .right-section .field-label { padding-right: 10px; padding-left: 10px; margin: 0; } .switchCss.accordToolbarPosition .dx-switch-on, .dx-switch- { line-height: 16px !important; } .changePasswordLabel { text-align: left; padding-left: 0px; padding-top: 2px; } .changePasswordBottomMargin { margin-bottom: 10px; } .cursor-hand { cursor: pointer; } #LoginButton .button-indicator { /*height: 28px; width: 32px;*/ display: inline-block; vertical-align: middle; margin-right: 5px; /*padding-bottom: 5px;*/ margin-top: -5px; } /*.button-indicator div.dx-loadindicator-icon .dx-loadindicator-segment{ background:white; }*/ #textBoxWithIcon { position: relative; padding: 0; margin: 0; background: #ddd; } .loginFormTextbox { margin: 0; padding-left: 20px; } #loginFormImage { position: absolute; bottom: 4px; left: 10px; width: 25px; height: 18px; } #loginPageIcon { /*height: 298px; background:url(../Images/Icons/Phoenix_LoginBox_1.jpg);*/ -moz-border-radius-topleft: 6px; border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .notificationBox { border: 1px solid #043663; height: 90px; width: 325px; border-radius: 3px; } .login-content { display: inline-block; width: 340px; float: right; min-width: 340px; padding-right: 15px; /*position: absolute;*/ margin-right: 10px; } .loginBackgroundImg { height: 350px; width: 720px; background: url('Phoenix_LoginPage_2.143d697c92744974.jpg'); background-position: center; /*background-size: cover;*/ border-radius: 6px; margin: 0 auto 25px; margin-top: 50px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .btn.btn-login { background-color: #004682; /*border-color: #004682;*/ color: #FFFFFF; } .btn.btn-login:focus { background-color: #3d72a0; border-color: #3d72a0; color: #FFFFFF; } .btn.btn-afterLogin { background-color: #a2e0ff; border-color: #a2e0ff; color: #404040; } .btn.btn-login:hover { background-color: #3d72a0; /*border-color: #3d72a0;*/ color: #FFFFFF; } .btn.btn-login:active { background-color: #a2e0ff; border-color: #a2e0ff; color: #ffffff; } .notificationText { color: red; line-height: 20px; padding-top: 5px; padding-bottom: 5px; } .btn.btn-afterLogin.dx-state-disabled.dx-widget { opacity: 1.0 !important; } /*windows authentication Failed Popup*/ #loginFailedPopup { font-size: 120%; } /*#loginFailedPopup .anchortag { color:#23527c; text-decoration:underline; background-color:transparent; cursor: pointer; }*/ /*Popup Failure 20-11-18*/ #loginFailedPopup .anchortag { cursor: pointer; display: inline-block; background-color: #2fb5f1; padding: 13px 15px; border-radius: 4px; margin: 0px 10px; text-transform: uppercase; font-size: 13px; line-height: 12px; text-decoration: none; font-weight: normal; color: #fff; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24); } .error-pop-header { color: #c40d0d; } #loginFailedPopup .anchorlink { display: flex; justify-content: center; white-space: pre-wrap; margin: 10px 0px 0px 0px; } /************************* changePassword ************************/ #changePassword .form-container .form-fieldset{ margin:19px 10px; } .changePasswordTemplate .dx-popup-content{ color:green; margin-left:4px; width: 100%; float: none; font-size: 13px; font-weight: normal; margin-bottom: 0; overflow: initial; } .font-colour { color:red; } .policy-popover-heading { padding:1px; } .padding-class { padding-bottom:12px; } #capsWarning { display: none; margin-bottom: 10px; text-align: left; color: #808080; } .hide-login { display: none !important; } .disable-login-page { cursor: not-allowed; pointer-events: none; opacity: 0.7; } /*!***********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/canvas.css ***! \***********************************************************************************************************************************************************************************************************************/ .headerRowBorderStyle { background-color: #CCCCCC; border: solid 2px; border-color: #8A8D8C; text-align: center; border-radius: 5px; } .canvas-page-padding { padding-right:25px; } .rowBorderStyle { border: solid 2px; border-color: #8A8D8C; border-radius: 5px; margin-bottom: 2px; padding-bottom: 2px; } .btn.btn-select { background-color: #C1E4F7; color: #696969; } .dxGridDiv { margin-top: 25px; padding-left: 2px; padding-right: 2px; } .canvasAccordion .dx-template-wrapper { text-align: left; padding-bottom:3px; } .cursor-draggable { cursor: grab; cursor: -webkit-grab; } .cursor-draggable:active { cursor: grabbing; cursor: -webkit-grabbing; } .tooltipCanvas { position: absolute; background: #ffff85; border: 2px solid #ffff85; padding:10px; border-radius:6px; opacity:1; font-size:10px; line-height:0px; } .tooltipCanvas:after,.tooltipCanvas:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltipCanvas:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #ffff85; border-width: 4px; left: 50%; margin-left: -4px; } .tooltipCanvas:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #ffff85; border-width: 8px; left: 50%; margin-left: -8px; } .btn-toolbar { margin-left: 0px; } /*.propertiesPopup .dx-template-wrapper{ text-align:left; }*/ .basicDetailsPopup .dx-template-wrapper{ text-align:left; } .gridSettingButtons .fa-cog{ width: 2px; height: 2px; margin-left: -10px; margin-top: -10px; } #page-content-wrapper{ padding-right:20px; } .rowMarginBottom{ margin-bottom:10px; } .colRightPaddingZero{ padding-right:0px!important } .colLeftPaddingZero{ padding-left:0px!important } .elementRightMarginZero{ margin-right:0px!important } .elementLeftMarginZero{ margin-left:0px!important } .elementFlexEnd{ display:flex; align-items:flex-end; } .chkRetainData .dx-checkbox-text{ padding-left:26px; } .rdoRetainDataList .dx-radiobutton{ margin-bottom:5px; } .dataLinkSourceElementAboveGridWidth{ width:46%; } .retainDataColumns{ margin-top:12px; } .displayInlineBlock{ display:inline-block; } .textAlignRight{ text-align:right; } .labelCheckboxBetweenPadding{ padding-right:5px; } .dataLinkSourceSchemaObjectsRefreshButtonMargin{ margin-left:5px; } /*css for report inputs*/ .padding-right { padding-right:0px; } .padding-left { padding-left:7px; } .padding-left-right { padding-left:7px; padding-right:7px; } .padding-last { padding: 15px 0px 0px 0px; } .padding-right-alias { padding-right:7px; } .padding-left-zero { padding-left:0px; } .report-inputs-ElementAboveGridWidth{ width:46%; padding-left: 0; padding-right: 2px; } .grid-area-config { max-width: 100%; } .tab-pane-report-popup{ padding: 10px 10px 0px 15px; } .padding-last-sourcename-textbox { padding: 15px 0px 0px 0px; } .row.addOnColumnForm { margin: 0px; max-width: 96%; } .row.addOnColumnForm > .row { margin-bottom: 12px; } .addOnColumnbutton { float: right; } .dx-overlay-wrapper.dx-loadpanel-wrapper.dx-overlay-modal.dx-overlay-shader { background-color: rgba(255, 255, 255, 0.8) !important; } .popup-scroll { margin-bottom: 60px; max-height: 520px; overflow-y: visible; overflow-x:hidden; } .padding-zero { padding:0px; } .canvas-visible{ visibility:visible; } .canvas-hidden{ visibility:hidden; } .dataSource-output-popup-padding{ padding-top:10px; } .dataSource-output-popup-margin-bottom{ margin-bottom:5px; } .output-box-font-size{ font-size:13px; font-family:'Arimo', sans-serif !important; } .output-schema-database{ font-size:13px; padding-bottom:5px; } .dataSource-basic-details-popup-scroll { margin-bottom: 60px; max-height: 265px; overflow-y: visible; overflow-x:hidden; } #dataSourceOutput input{ font-family:'Arimo', sans-serif !important; } /*Report Field value popup styles*/ #fieldValue .template-box{ display: table; width:100%; } #fieldValue .display-table-cell { display: table-cell; } #fieldValue .template-title-line { padding-right: 0; width: 12%; } #fieldValue .clear-btn { padding-left:5px; width:4%; } #fieldValue .browse-btn { padding-left:8px; width:1%; } #fieldValue .load-files-btn { padding-left:8px; padding-top:2px; } #fieldValue .template-text { width:53%; } #fieldValue .span-labels { padding-right:5px; } #fieldValue .buttonsAboveGridWidth{ width:48%; } #fieldValue .grid-area{ max-width:98%; } #fieldValue .padding-zero { padding:0px; } #reportPopupGrid .numberColumn .dx-texteditor-input { text-align: right; } #fieldValue .info-button-style { background-color: white !important; border-color: white !important; border-width:0px !important; } #fieldValue .label-padding { padding-left:2px; } /*Canvas filter row */ .canvas-filter-row-container { width:100%; display:inline-flex; align-items:center; flex-flow: row wrap; justify-content: flex-start; margin:2px; } .canvas-filter-row-container > div { margin-right:5px; } .canvas-separator { border: 1px solid #949292; height: 20px; } .canvas-search-box-width { width: 21%; margin-left: 1%; } .canvas-search-box-width .dx-texteditor.dx-editor-underlined.dx-show-clear-button .dx-texteditor-input { /*padding-left: 25px;*/ padding: 8px 0px 8px 25px; } /* canvas Accordion control*/ .canvas-accordion-container { margin-left:0px; margin-right:0px } .canvas-accordion-container .dx-accordion-item-body { padding: 3px; margin-top: -12px; } .canvas-accordion-container .dx-accordion-item-title { /*background: #64ad64 !important;*/ background: #83bf70 !important; border: 1px solid #7fb16f; height: 35px !important; } .canvas-accordion-container .dx-accordion-item-title .dx-accordion-item-title-caption { color:#fff; top: 10px !important; } .canvas-accordion-container .dx-accordion-item-title:before { color:#fff; top: 5px !important; } .canvas-accordion-container .canvas-sidebar-icons { display: inline-flex; width: 100%; border-bottom: 1px solid #dadada; } .canvas-accordion-container .dx-list-item-content { color: #848484; } .canvaspadpanelbutton { /*position: absolute;*/ /*left: 10%;*/ } .canvas-accordion{ width: 93%; display: inline-block; vertical-align: top; } .canavs-more-option-button { display: inline-block; vertical-align: top; position: fixed; } .canvas-basic-info-button { margin-left: 3.1%; flex:1; } .canvas-basic-info-button .dx-button { box-shadow: none; height:30px; } .canvas-basic-info-button .dx-button-has-icon.dx-button-has-text .dx-button-content { padding: 3px 6px 3px 3px; } .canvas-popover-container .dx-popup-wrapper { left: -118px !important; top: -8px !important; box-shadow: 0px 0px 9px #a7a6a6; border: 1px solid #82c7e7; } .fields-info-block { display:block; word-break: break-word; } /*Report excel output popup styles*/ .excel-column-details .dx-texteditor-input { color:red; } .font-color-red { color:red; } /*!*********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/tabs.css ***! \*********************************************************************************************************************************************************************************************************************/ .tabcontainer { width: 100%; /*height:90%;*/ /*this is commented for alert panel*/ } .tabcontainer .nav-tabs > li { min-width: 150px; text-align: center; } .tabcontainer .nav-tabs > li.disabled { opacity: 0.5; cursor: default; pointer-events: none; } .tabcontainer .nav-tabs { border-bottom: 1px solid; border-color: #989595; /* border-bottom: 15px solid; */ /* border-color: #D7F5FF; */ } .tabcontainer .nav-tabs > li > a { color: black; padding: 5px 5px; /*background: #eee;*/ background: #dedbdb; font-size: 14px; border-bottom-color: #989595; /*border-bottom-color: #D7F5FF;*/ /* font-weight: bold; */ } .tabcontainer .nav-tabs > li > a:hover { background: #eee; /* border-color: #989595 #989595 transparent; */ border-color: transparent; border-bottom-color: #989595; /*border-bottom-color: #D7F5FF;*/ } .tabcontainer .nav-tabs > li.active > a, .tabcontainer .nav-tabs > li > a:focus { background: #D9F4FF; border-color: #eee #eee transparent; background: #fff; border-color: #989595 #989595 transparent; color: #ff3546; background: #D9F4FF; border-color: #eee #eee transparent; background: #fff; border-color: #989595 #989595 transparent; background: #D7F5FF; border-top-color: #D7F5FF; border-bottom-color: #D7F5FF; border-right-color: #D7F5FF; border-left-color: #D7F5FF; background: #fff; border-color: #989595 #989595 transparent; color: #ff3546; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { /*border: 1px solid #eee;*/ border-bottom-color: transparent; /*border-color: #D7F5FF;*/ outline: none; } /*.tabcontainer .tabContent { position: relative !important; top: 0px !important; width: 100% !important; margin: 0 0 0 0 !important; bottom: 0px !important; padding: 0px !important; border: 0; border-style: solid; border-color: #ddd !important; overflow: hidden !important; }*/ .tabcontainer .tab-content { height: 95%; } .tabcontainer .tab-content > .tab-pane { /*padding: 10px 10px;*/ height: 100%; } /*.tabcontainer .tab-content > .tab-pane .row { margin-bottom: 10px; }*/ /*#region Vertical Tabs */ .tab-container-vertical .nav-tabs.tab-headers { border-bottom-color: transparent; padding-right: 0; } .tab-container-vertical .nav-tabs.tab-headers li { margin-bottom: 2px; min-width: 100px; width: 100%; display: block; /* width: 100%; */ } .tab-container-vertical .tab-content.tab-panes { border-left: 1px solid #eee; padding-left: 0; margin-left: -2px; } .tab-container-vertical .nav-tabs > li > a { border-radius: 4px 0 0 4px; } .tab-container-vertical .nav-tabs > li > a:hover, .tab-container-vertical .nav-tabs > li > a:focus { border-bottom-color: #eee; outline: none; } .tab-container-vertical .nav-tabs > li.active > a, .tab-container-vertical .nav-tabs > li > a:hover, .tab-container-vertical .nav-tabs > li > a:focus { background: #6b6c6d; border-color: #eee transparent #eee #eee; color: #fff; outline: none; } .tab-container-vertical .nav-tabs > li.active > a, .tab-container-vertical .nav-tabs > li.active > a:hover, .tab-container-vertical .nav-tabs > li.active > a:focus { border: 1px solid #eee; border-bottom-color: #eee; border-right-color: transparent; outline: none; } /*.tabcontainer .nav-tabs > li.tab-button-width { min-width: 0px; } li.tab-button-view.tab-button-width.active a.vertical-tab-items { border-right-color: #fff; }*/ /*#endregion */ /*Settings Module Tabs */ /*#settingspopup .container.tabcontainer ul.nav.nav-tabs { margin-top: 35px; } #settingspopup .tabcontainer .tab-container-vertical ul.nav.nav-tabs { margin-top: 0; } #configSettingTab .tab-container-vertical, #sysSettingTab .tab-container-vertical, #appSettingTab .tab-container-vertical { width: 100%; } #configSettingTab .tab-container-vertical .nav-tabs.tab-headers, #sysSettingTab .tab-container-vertical .nav-tabs.tab-headers, #appSettingTab .tab-container-vertical .nav-tabs.tab-headers { max-width: 200px; } #configSettingTab .tab-container-vertical .tab-content.tab-panes, #sysSettingTab .tab-container-vertical .tab-content.tab-panes, #appSettingTab .tab-container-vertical .tab-content.tab-panes { padding-right: 0; max-height: 150px; } #configuration-setting-tabs-container { margin-top: 10px; } #configuration-setting-tabs-container #env-name-textbox, #configuration-setting-tabs-container #envTypeSelectBox, #configuration-setting-tabs-container #log-folder-base-textbox { margin-right: 15px; } #configuration-setting-tabs-container #isActiveChkBox, #configuration-setting-tabs-container #activeEnvTxt, #configuration-setting-tabs-container #isLogFolderBaseRelativeChkBox, #configuration-setting-tabs-container #relativePathChkBoxTxt { vertical-align: sub; margin-right: 15px; } #cpmSettingTab .container.tabcontainer ul.nav.nav-tabs { margin-top: 0; } #cpmSettingTab .tab-pane { height: 465px; overflow: auto; }*/ /**********small resolution tab css***************/ .tabsMenu .dx-toolbar { /*height: 48px;*/ /*background-color: #f5f5f5;*/ background-color: #efefef !important; } .tabsMenu .dx-toolbar .dx-toolbar-items-container { height: 38px; } .tabsMenu .dx-toolbar .dx-toolbar-after { padding-left: 0px; width: 36px; height: 38px; background-color: #efefef !important; } .tabsMenu .dx-toolbar .dx-toolbar-menu-container { padding: 0px; } .tabsMenu .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) { border-radius: 0%; } .tabsMenu .dx-icon-overflow:before { content: "\F016"; background-image: none; margin-bottom: 2px; } .tabsMenu .dx-toolbar .dx-toolbar-before { vertical-align: middle; text-transform: uppercase; line-height: 24px; font-weight: 500; /*padding: 12px 16px;*/ padding: 8px 16px; color: #03A9F4; } .dx-tabs-nav-button { height:38px; } .tabsMenu .dx-toolbar-items-container .dx-button, .tabsMenu .dx-toolbar-items-container .dx-dropdownmenu-button{ /*background-color: #f5f5f5;*/ background-color: #efefef !important; } .tabsMenu .dx-toolbar-items-container .dx-button.dx-state-hover, .tabsMenu .dx-toolbar-items-container .dx-dropdownmenu-button.dx-state-hover { background-color: rgba(0, 0, 0, 0.08); border-radius: 0%; height: 38px; width: 36px; } .tabsMenu .dx-toolbar-items-container .dx-dropdownmenu-button.dx-state-hover .dx-button-content{ padding-top:7px; } /**********end small resolution tab css***************/ /*!**************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/data-link.css ***! \**************************************************************************************************************************************************************************************************************************/ /*#datalinkGrid{ height:490px; }*/ .grid-area .dx-select-checkbox.dx-datagrid-checkbox-size.dx-widget.dx-checkbox { padding-top: 3px; } .status-icon { /*display: inline-block;*/ float: left; margin-right: 5px; } .error-details-info-icon { /*display: inline-block;*/ cursor: pointer; float: left; margin-right: 5px; } .status-text { /*float: left;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left; } .mandetoryProperty { font-weight: bold; } .dx-template-wrapper.error-details-popover { text-align: left; } .dx-template-wrapper.error-details-popover .row { margin: 5px; } .dx-template-wrapper.error-details-popover .row .error-property-title { display: inline-block; } .dx-template-wrapper.error-details-popover .dx-texteditor { opacity: 0.99; } .message { text-align: left; padding: 10px; } .messageReadButton { text-align: center; } .data-link-popup { text-align: left; padding: 0; margin-left: 15px; margin-right: 15px; font-size: inherit; } .data-link-popup .row { /*margin-bottom: 10px;*/ margin-bottom: 5px; } .data-link-popup .popup-toolbar.data-link-popup-toolbar { margin-left: -20px; } .data-link-popup-toolbar .dx-toolbar-button { padding: 0; } .data-link-popup-toolbar .btn-common-toolbar.dx-button { margin: 0; } .data-link-popup .basic-details { margin-bottom: 0; } /*.data-link-popup .basic-details .left-column{ }*/ .data-link-field-lable { margin-bottom: 3px; } .data-link-popup .basic-details .right-column { padding-right: 0; } .data-link-popup .basic-details .desc-container dx-text-area { height: 70px; } /*.data-link-popup .advanced-details{ }*/ /*.data-link-popup .advanced-details .left-column{ }*/ .data-link-popup .advanced-details .right-column { padding-right: 0; } .data-link-popup .advanced-details .col-md-6.data-source-list-container { padding: 0; } .data-link-popup .advanced-details .col-md-6.data-source-list-container.disabled { pointer-events: none; opacity: 0.99; } .data-link-popup .advanced-details .data-source-list-container .data-source-heirarchy-container { /*min-height: 430px; max-height: 430px;*/ min-height: 325px; max-height: 325px; border: 1px solid #ddd; border-radius: 4px; padding: 10px; overflow: auto; } .data-link-popup .advanced-details .data-source-list-container .data-source-heirarchy-container .dx-widget { font-size: 14px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; } .data-link-popup .advanced-details .row.environment-selection { margin: 0; } .data-link-popup .advanced-details .row.datalink-settings { /*margin: 5px 0 0;*/ margin: 0; } .data-link-popup .advanced-details .row.datalink-settings .settings-title { /*font-size: 16px;*/ font-weight: bold; margin-right: 5px; } .data-link-popup .advanced-details .row.datalink-settings .datalink-setting-container { /*min-height: 380px; max-height: 380px;*/ /*min-height: 280px; max-height: 280px;*/ min-height: 325px; max-height: 325px; /* border: 1px solid #ddd; */ border-radius: 4px; /*padding-right: 10px;*/ overflow: auto; margin-top: -10px; } .data-link-popup .advanced-details .row.datalink-settings .datalink-setting-container .row { margin: 10px 0; } .data-link-popup .row.datalink-popup-buttons { margin-top: 10px; text-align: center; } .data-link-popup .datalink-popup-buttons .col-md-12 { padding: 0; } .data-link-popup .datalink-popup-buttons .dx-button { margin: 0; margin-right: 5px; } .data-link-popup-bottom-buttons { text-align: center; } .filepath-textbox-container .filepath-textbox { display: inline-block; width: 290px; } .filepath-textbox-container .btn-toolbar { float: right; margin: 0; } dx-button.btn-common-toolbar.error-popover-close.dx-button.dx-button-normal.dx-widget.dx-button-has-icon { position: absolute; right: 5px; top: 10px; } .test-result-cell { min-height: 12px; } .testLink-button-indicator{ height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .fixed-toolbar { height: 47px; } .test-link-button-padding { margin-right: 33px; } /*****************UDT******************/ .tagTextBox { width: 94%; display: inline-block; } .tagCloseBtnDiv { display: inline-block; width: 5%; } .tagCloseBtn{ position: static !important; margin-bottom: 20px; margin-left: 10px; } #configurationGridContainer .dx-invalid-message.dx-overlay { position:absolute; } #configurationGridContainer .dx-datagrid-rowsview .dx-row > td { overflow:visible !important; } #configurationGridContainer .dx-invalid-message > .dx-overlay-content{ max-width:145px !important; /*transform:translate(-1px,-30px) !important;*/ } /*!********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/cpm.css ***! \********************************************************************************************************************************************************************************************************************/ /*Credit-initiator*/ .grid-area.credit-initiation { /*margin-left: 40px;*/ /*height: calc(100% - 140px);*/ height: calc(100% - 95px); margin-top: 0px; /*width: calc(100% - 40px);*/ } .bizSegmentFieldContainer .form-fieldset { margin: 8px 10px 10px 10px; } .bizSegmentFieldContainer .form-fieldset .dx-field-label { /*color: #237ccf;*/ /*color:#03a9f4;*/ font-weight: bold; text-transform: uppercase; margin-left: 30px; } .bizSegmentFieldContainer .form-fieldset .dx-field-value.refreshable-dropdown { max-width: 450px; } #biz-segment-label { width: auto; } .credit-initiation-grid-row-button { height: 20px; margin-top: -14px; } .commentscontainer { height: 111px; /* height: 30px; */ /* border-bottom: 1px solid #716c6c; */ /* border-bottom: 1px solid #dadada; */ /* padding: 5px; */ /* padding: 3px; */ background: #ffffff; position: sticky; /* top: 0; */ bottom: 0px; z-index: 1000; } .data-Filters.credit-initiation-filter .dx-texteditor.dx-editor-underlined .dx-texteditor-input { padding-right: 15px; padding-bottom: 3px; } .data-Filters.credit-initiation-filter .form-fieldset .inline-data-margin { margin-left: 10px; } .credit-initiation-filter .dx-radiobutton-icon:after { margin-top: -22px; margin-left: -22px; } .credit-initiation-filter .control-top-margin { margin-top: -2px; } /*.credit-initiation-filter .textbox-top-margin { margin-top: -2px; }*/ .credit-initiation-filter .dx-radio-value-container { padding-right: 2px } .credit-initiation-filter .dx-radiogroup-horizontal .dx-radiobutton { margin-right: 20px; } /*credit initiator*/ .creditProcessInitiatorPopup-grid-container { height: 90%; width: 100%; } .creditProcessInitiatorPopup-grid-container .grid-area.credit-initiation-popup { margin-left: 40px; height: calc(100% - 60px); /*height: calc(100% - 110px);*/ width: calc(100% - 40px); } .creditProcessInitiatorPopup-grid-container .form-container.okayButtonWrapper { position: absolute; bottom: 10px; /*text-align: right; left: 0; right: 0;*/ right: 45%; } .creditProcessInitiatorPopup-grid-container .form-container .form-fieldset { margin: 15px 20px; } .credit-initiation-custom-fields { /*padding-top: 20px; border-top: 1px solid #03A9F4;*/ } .credit-initiation-status-requested-text { /*margin-top: -41px;*/ top: 114px; display: block; width: 200px; text-align: left; position: fixed; left: 35px; } .credit-initiation-status-datacaptured-text { /*margin-top: -155px;*/ top: 114px; display: block; width: 200px; text-align: left; position: fixed; left: 206px; } .credit-initiation-status-request-approval-text { /*margin-top: -41px;*/ top: 114px; display: block; width: 200px; text-align: left; position: fixed; left: 325px; } .credit-initiation-status-review-text { /*margin-top: -41px;*/ top: 114px; display: block; width: 200px; text-align: left; position: fixed; left: 515px; } .credit-initiation-status-approved-text { /*margin-top: -41px;*/ top: 114px; display: block; width: 200px; text-align: left; position: fixed; left: 685px; } .credit-initiation-status-text { position: absolute; width: 700px; color: black; margin-top: -33px; margin-left: -64px; font-size: 15px; } #country { max-width: 350px; } .credit-initiation-select-box-width { max-width: 350px; } /*#creditInitiatorAdditionalComments { border: 1px solid #e0e6e8; }*/ .form-fieldset.lookupButtonContainer { margin-top: 35px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #03A9F4; } /*Credit Initiation Phone Format DropDown*/ #phone { border: none; border-bottom: 1px solid #e8e8e8; } #phone:hover { border-bottom: 2px solid #9ca6af; transform: scale(1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1); } #phone:focus, #phone:focus-within, #phone:active { border-bottom: 2px solid #03A9F4; transform: scale(1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1); } .invalidcontent #phone:hover { border-bottom: 2px solid #f44336; transform: scale(1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1); } .invalidcontent #phone:focus, .invalidcontent #phone:focus-within, .invalidcontent #phone:active { border-bottom: 2px solid #f44336; transform: scale(1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1); } .invalidcontent #phone { border-bottom: 1px solid #f44336; } #phoneNumber { position: relative; } #error-msg { color: #fff; background-color: #d9534f; padding: 8px 8px 8px 20px; line-height: 17px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; width: 196px; position: absolute; display: none; } .invalidcontent .intl-tel-input:focus ~ #error-msg, .invalidcontent .intl-tel-input:focus-within ~ #error-msg, .invalidcontent .intl-tel-input:active ~ #error-msg { display: block; } .invalidcontent #validation-icon:after { pointer-events: none; font-weight: 500; background-color: #F44336; color: #fff; content: '!'; position: sticky; /* top: 32%; */ /* margin-top: -11px; */ padding: 1px 7px; margin: 0px 0px 0px -16px; width: 22px; /* width: 100%; */ height: 22px; border-radius: 50%; text-align: center; line-height: 23px; font-size: 14px; } /*ParentalGaurantee css start*/ /*Temporary css for textbox background*/ /*#ParentalGaurantee .dx-texteditor.dx-editor-underlined .dx-texteditor-input { padding: 7px 10px 6px; } #ParentalGaurantee .dx-texteditor.dx-editor-underlined .dx-texteditor-input:focus { background-color: #f3f3f3; } #ParentalGaurantee .dx-placeholder { font-size: 12px; padding-left: 11px; }*/ .parental-external-entity-name-field { margin-left: 25px; width: 62%; } .topMargin { margin-top: 9px; } /*Need to move to common css file once it is fixed*/ a.Tab-Text-Hover { color: #717171; font-size: 13px; font-weight: normal; text-transform: uppercase; } a.Tab-Text-Hover:hover { text-decoration: none; } /*collateral css*/ .page-view .collateralGridPane { min-width: 50%; } .popup-bottom-buttons-center1 { left: 10px; right: 10px; text-align: center; } #labelblackcolor .dx-field-label { color: #000; font-weight: bold; } #labelblackcolor .dx-texteditor-input { color: #000; font-weight: bold; } #borderForTextBox .dx-texteditor-container { border: 1px solid #d7d7d7; padding: 0px 5px; background: #f7f7f7; } /*.grid-area.collateral { height: calc(100% - 109px); }*/ .collateral-grid-button-margin { margin: 1px; } .collateral-grid-button-margin .buttonTop { margin-top: 9px; } .collateral-inline-field-margin { margin-left: 10px; } .collateral-inline-field-width { width: 300px; } .collateral-issuing-entity-width { width: 90%; } .applyToExposureAlign { align-self: center; } .collateral-evergreen-checkbox-align { align-self: center; } .collateral-evergreen-field-width { width: 55%; } .currency-code-width { width: 90%; } .collateral-refresh-button-margin { margin-top: -7px; } .collateral-amount-field-background { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; background: #fafafa; margin-top: 22px; } /*Collateral return-activity popup*/ .collateralPopup-grid-container { height: 100%; width: 100%; } .collateralPopup-grid-container .grid-area.collateral-popup { margin-left: 40px; height: calc(100% - 60px); /*height: calc(100% - 110px);*/ width: calc(100% - 40px); } .collateralPopup-grid-container .form-container.collateral-fieldset-margin { margin-left: 30px; } /*Collateral bulk return popup*/ .collateral-popup-button { margin-left: 267px; margin-top: 25px; } .collateral-popup-button-margin { margin-left: 10px; } .fieldset-container.space-between-fieldset { justify-content: space-between; } .inline-display { display: inline; } /*Internal Entity css*/ /*css for List Box display inline*/ .cpmdivBorderForListBox { border-style: solid; border-width: thin; border-color: #dddddd; padding: 0px; margin-left: 0px; margin-right: 10px; } .cpmdivBorderForListBox .dx-list-item { display: inline-block; vertical-align: top; width: auto; margin-top: 8px; } #id1 { background-color: grey; height: 100%; width: 100%; overflow: hidden; /*// background-image: url(images/home-bg2.png);*/ } #id2 { /*background-image: url(images/portfolio-bg.png);*/ background-color: purple; height: 100%; width: 100%; } #id3 { background-color: blue; height: 100%; width: 100%; } #id4 { background-color: red; height: 100%; width: 100%; } #id5 { background-color: yellow; height: 100%; width: 100%; } /*tabs style*/ .animate { display: inline-block; background-color: #ccc; margin: 5px 5px; padding: 5px; position: relative; border-radius: 50%; } .animate:hover, .animate.active { background-color: #1a80d0; } .animate:after { display: block; visibility: hidden; content: " "; margin: 0px; padding: 5px 25px; color: #000; width: auto; position: absolute; right: 0px; top: -10px; background-color: #1a80d0; color: #fff; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; border-radius: 15px; text-align: center; z-index: 9999; } .animate:hover:after { position: absolute; right: 30px; z-index: 9999; visibility: visible; } .animate.active:after { animation: movesec 2s; -webkit-animation: movesec 2s; -moz-animation: movesec 2s; -o-animation: movesec 2s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; z-index: 9999; } @keyframes movesec { 0% { right: 0px; visibility: visible; } 20% { right: 30px; } 80% { right: 30px; } 100% { right: 0px; visibility: hidden; } } .animate.main:after { content: "Main"; } .animate.parent:after { content: "Parent"; } .animate.ratings:after { content: "Ratings"; } .animate.customfields:after { content: "Custom Fields"; width: 130px; } .animate.approvalField:after { content: "Approvals"; } .animate.notes:after { content: "Notes"; } .animate.marginpolicy:after { content: "Margin Policy/Credit Limit"; width: 190px; } .animate.commodity:after { content: "Commodity/Transactions"; } .animate.documentdetails:after { content: "Document Details"; width: 150px; } .animate.return:after { content: "Return"; } .animate.collateralallocation:after { content: "Collateral Allocation"; width: 190px; } .animate.allocation:after { content: "Allocation"; } /**/ .classSticky { position: fixed; /*position:absolute;*/ /*min-width:10%;*/ /*width:100%;*/ /*display:inline-block; overflow:hidden;*/ z-index: 9997; right: 25px; /*padding: 15px 0px; width:300px;*/ top: 315px; text-align: right; } .classWidth { position: relative; display: inline-block; /*width:90%; margin-left:10%;*/ width: 100%; /*margin-left:5%;*/ } .tabTopHeader { color: #237ccf; /*font-size: 18px; height: 30px;*/ /*text-align: center;*/ font-size: 16px; height: 35px; padding: 6px; /*margin-bottom: 5px;*/ margin: 20px 0px 5px 0px; background: #eee; width: 98%; } /*For Image Pointer*/ .browse-image:hover { cursor: pointer; border: 1px solid #03A9F4; } .entity-logo-wrapper { position: relative; display: inline-block; } .remove-entity-logo { position: absolute; top: 2px; right: 2px; } .legal-entity-grid-margin { margin-top: -9px; } /*For Tabs Menu*/ /*.tabsMenuData { font-size: 14px; margin: 5px; }*/ /*.tabsMenu .dx-button-content { /* background-color: #efefef; background-image: url(/assets/images/Icons/more-icon.png); width: 100%; height: auto; background-size: cover; height: 50px; }*/ /*.tabsMenu .dx-toolbar { background-color: #2fb5f1; height: 36px; }*/ /*.tabsMenu .dx-toolbar-after { background: #fff; }*/ /*.tabsMenu .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list { /* min-height: 40px; * /* min-width: 100px; * height: 170px !important; width: 190px; }*/ /*.tabsMenu .dx-overlay-content.dx-popup-normal.dx-resizable { margin-left: -77px; }*/ /*.tabsMenu .dx-toolbar .dx-toolbar-before { padding: 12px 10px; text-transform: uppercase; }*/ /*OLD_CSS*/ .MarginLeft > .row { margin-left: 0px; } /*******************Sarang Counterparty Dashboard Css Start************************************/ .tabcontainer .nav-tabs > li.cpty { min-width: 8% !important; text-align: center; } .link { float: right; } .labelfont { font-weight: normal; vertical-align: middle; } .leftpadding { padding-left: 0px; } .parentChild { margin-right: 0px; } #legalEnityGrid, #counterpartyContractDashboardGrid, #marginCallGrid, #collateralGrid, #ParentalGauranteeGrid, #notesgrid { height: 284px; } #pie1, #pie2 { height: 231px; } .reviewPadding { padding-left: 35px; } .collateralManage { padding-right: 0px; padding-left: 37px; } .rightPadding { padding-right: 0px; } .mainManage { padding-right: 0px; padding-left: 25px; } .zoomPadding { padding-right: 0px; padding-left: 25px; } .textAlignment input[type=text] { text-align: right; } .textAlignment { text-align: right; } .textBoxPadding { padding-right: 0px; padding-left: 0px; } .tabBorder { border: 1px lightgrey solid; border-top: white; } #parentChildPopup { padding: 0px; } .marginsetForToolbar { margin-left: 0px !important; margin-right: 0px !important; } #canvasWithinPopup svg { position: relative !important; } .tooltipCanvas { position: absolute; background: #ffff85; border: 2px solid #ffff85; padding: 10px; border-radius: 6px; opacity: 1; font-size: 10px; line-height: 0px; } .tooltipCanvas:after, .tooltipCanvas:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltipCanvas:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #ffff85; border-width: 4px; left: 50%; margin-left: -4px; } .tooltipCanvas:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #ffff85; border-width: 8px; left: 50%; margin-left: -8px; } .iconClass { background-color: #ddd; border: 0px !important; padding: 0px !important; margin-top: 0px !important; margin-bottom: 2px !important; } .cptyDashboard.dx-texteditor.dx-state-readonly { border-color: #ddd; } .dx-datagrid-total-footer { border-top: 1px solid #ddd !important; } .tabcontainer .nav-tabs > li.cptyDashboard { min-width: 40% !important; text-align: center; } .closeCpty:hover { background-color: red; } .btn.btn-closeBtn.closebtn.cptyDashboardCloseBtn.notification-active { top: 132px; } .btn.btn-closeBtn.closebtn.cptyDashboardCloseBtn { top: 105px; } #manage:focus, #manage:hover { cursor: pointer; } /*.dx-datagrid-total-footer.dx-datagrid-nowrap{ border: 0px !important; border-top: 1px solid #ddd !important; }*/ .alignHeaderfieldText { padding-left: 5px; } .iconClass .dx-button-content { padding-top: 0px !important; padding-bottom: 0px !important; } cpm-CreditReview-NewContract-Grid /*.dx-datagrid-content .dx-datagrid-table .dx-row > td.rolegrid-cell-component:first-child:hover{ background:#1a6141; }*/ /*td.rolegrid-cell-component.test .dx-datagrid-text-content{ color:yellow !important; }*/ /*tr.dx-row.dx-column-lines.dx-row-lines.dx-master-detail-row td.dx-cell-focus-disabled.dx-master-detail-cell { padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; }*/ /*div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-scrollable-customizable-scrollbars.dx-scrollable-both.dx-scrollable-simulated.dx-visibility-change-handler{ border:0px !important; }*/ .counterpartyFontSize { font-size: 14px !important; } .headerfeildFontSize { font-size: 14px !important; vertical-align: baseline; } .tab-pane-left-padding { padding-left: 15px !important; } .label-vertical-alignment { vertical-align: middle; } .allocation-header { height: 28px !important; } .header-content-space { margin-bottom: 5px !important; margin-top: 5px !important; } #pgContractAllocationGrid { height: 105px; } .parentalGuaranteeLeftMargin { margin-left: -40px; } .minWidthForReviewTextbox { min-width: 130%; } .creditReviewLinkActive { pointer-events: none; cursor: default; } .creditReviewLinkInActive { } /*#pGHierarchicalGrid{ min-height:300px !important; }*/ /*#ParentalGuaranteeMainGrid{ height:250px; }*/ /*******************Sarang Counterparty Dashboard Css End************************************/ /*******************************************************************Shailesh Contract CSS Start****************************************************************/ /*.legalentity{ margin-top: 10px; padding-left: 0px; padding-right: 0px; margin-bottom: 10px; } .label-entity-name{ padding-left: 0px; } .cp-textbox{ padding-right: 0px; } .contract-name{ margin-top: 10px; padding-left: 0px; padding-right: 0px; margin-bottom: 10px; } .contract-code-label{ padding-left:0px; } .label-padding{ padding-left:0px; } .contract-name-padding{ padding-right: 0px; padding-left: 0px; } .marginright{ margin-right:9px; } .governinglaw{ padding-left: 0px; padding-right: 10px; } .paddingleft{ } #contractGrid{ height:150px; } #customFieldGrid{ height:208px; } #documentdetailGrid{ height:100px; } .floatright{ float:right; margin-right:5px; } .floatrightforAdd{ float:right; } .paddingright{ padding-left: 0px; padding-right: 35px; } .lablepadding{ padding-left:5px; } .margintopbottom{ margin-top:10px; margin-bottom:10px; } .tabborder{ border:1px lightgrey solid; } .contractnamepadding{ padding-right: 5px; padding-left: 0px; } .marginset{ margin-left:0px; margin-right:0px; } .headerfeild1 { background-color: #ddd; } .marginTablRightPadding{ padding-right: 0px; } .marginTablLeftPadding{ padding-left: 0px; } .paddingLeftforMargin{ padding-left:20px; } .margintopleft{ margin-left:-15px; margin-top:30px; } .margintop{ margin-top:10px; } #gridContainer { height: 440px; } .internal-grid-container { padding: 10px 0 10px 0; } .internal-grid-container > div:first-child { padding: 0 0 5px 10px; font-size: 14px; font-weight: bold; } .tab-container-vertical .tab-pane{ padding-top:0px !important; }*/ /*******************Sarang Counterparty Dashboard Css End************************************/ /*******************************************************************Shailesh Contract CSS Start****************************************************************/ .legalentity { margin-top: 10px; padding-left: 0px; padding-right: 0px; margin-bottom: 10px; } .label-entity-name { padding-left: 0px; } .cp-textbox { padding-right: 0px; } .contract-name { margin-top: 10px; padding-left: 0px; padding-right: 0px; margin-bottom: 10px; } .contract-code-label { padding-left: 0px; } .label-padding { padding-left: 0px; } .contract-name-padding { padding-right: 0px; padding-left: 0px; } /*.headerfeild{ background-color:#ddd; margin-top:10px; margin-bottom:10px; }*/ .marginright { margin-right: 9px; } .governinglaw { padding-left: 0px; padding-right: 10px; } .paddingleft { } #CollcontractGrid { height: 150px; } #contractGrid { height: 150px; } #customFieldGrid { height: 208px; } #documentdetailGrid { height: 100px; } .floatright { float: right; margin-right: 5px; } .floatrightforAdd { float: right; } .paddingright { padding-left: 0px; padding-right: 35px; } .lablepadding { padding-left: 5px; } .margintopbottom { margin-top: 10px; margin-bottom: 10px; } .tabborder { border: 1px lightgrey solid; } .contractnamepadding { padding-right: 5px; padding-left: 0px; } .marginset { margin-left: 0px; margin-right: 0px; } .headerfeild1 { background-color: #ddd; } .marginTablRightPadding { padding-right: 0px; } .marginTablLeftPadding { padding-left: 0px; } .paddingLeftforMargin { padding-left: 20px; } .leftmargin5px { margin-left: 5px; } .heighttextbox { height: 70px; } .widthtextbox { width: 82%; } /*.tab-pane-height{ height:500px; overflow:auto; }*/ /*.dx-cell-focus-disabled.dx-master-detail-cell { padding-top: 0px !important; padding-bottom: 0px !important; padding-right: 15px !important; }*/ .internal-grid-container { padding-top: 0px !important; } .colsm2width { width: 9%; } .margintopleft { margin-left: -15px; margin-top: 20px; } .margintop { margin-bottom: 5px; } /*******************************************************************Shailesh Contract CSS End****************************************************************/ /*Prathamesh Contract CSS Start*/ #marginDetailsTabs .dx-tabs-wrapper { display: flex; } .contractDetailGridButtons { text-align: right; } .marginAdjust { margin-left: 0.5rem; margin-top: 0.5rem; } .marginLeftRight { margin-left: 1rem; margin-right: 1rem; } .marginBtmMinus7 { margin-bottom: -0.7rem; } /*Prathamesh Contract CSS End*/ /* legal Endtity css Prathamesh*/ .page-view .legalEntityGridPane { min-width: 50%; } /* legal Endtity css end */ /*******************************************************************Surendra Counterparty CSS start****************************************************************/ .internal-grid-container { padding: 10px 0 10px 0; } .internal-grid-container > div:first-child { padding: 0 0 5px 10px; font-size: 14px; font-weight: bold; } /*#counterpartyGrid, #subsidiariesGrid, #customfieldsGrid { height: 180px; }*/ #cptyCollateralGrid { height: 200px; } .cpmGridheight { height: 200px !important; } #u1 { width: 12% !important; top: 10px; } .cpmtabcontentpadding { top: 10px !important; } .cpmcolLeftpadding { padding-left: 10px; padding-right: 0px; } .cpmcolNopadding { padding-left: 0px; padding-right: 0px; } .tab-content-padding .dx-item.dx-radiobutton { padding-bottom: 5px; } .customwidth-col-sm-4 { width: 26.33333333%; } .ratingswidth-col-sm-4 { width: 20.33333333%; } .cpmleftpadding { padding-left: 9px; } .colsmLeftpadding { padding-left: 10px; } .blankwidth { width: 0.33333333%; } .creditMarginTopBottom { margin-top: 5px; margin-bottom: 5px; } .creditcustomwidth-col-sm-4 { width: 32.33333333%; } #creditGrid, #restrictionGrid { height: 350px; } /*#creditGrid .dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager, .dx-datagrid.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid.dx-datagrid-borders > .dx-datagrid-rowsview { border: 1px solid transparent; }*/ .creditreviewwidth { width: 80% !important; } .creditReviewPadding { padding-left: 17px; padding-right: 10px; } .combowidth { width: 102px; } .crAnalysisHeight { height: 411px; } .crDetailsLabel { display: inline; font-weight: normal; } .crTaWidth { min-width: 80px !important; } #creditRatingGrid { height: 116px !important; } #internalRatingGrid { height: 116px !important; } #CreditMetricsGrid { height: 190px !important; } #iceSettingsGrid { height: 140px !important; } #approvalGrid { height: 140px !important; } #marketPriceGrid { height: 100px; } .crTextAreaHeight { height: 100px; } .crRecomHeight { height: 150px; margin-bottom: 5px; } .crSandWHeight { height: 170px; } .anyRatingGrid { height: 160px !important; } .restrctionTopMargin { margin-top: 3px; } .role-pagenew { margin-left: 10px; margin-right: 10px; /*margin-bottom:0px !important; margin-top:2px;*/ margin-top: 10px; margin-bottom: 10px; } .marginpolicy_colsm3width { width: 19%; } .subsidairies-field { background-color: #ddd; margin-top: 10px; margin-bottom: 10px; height: 25px !important; } .col-sm-2width { width: 11.6666667% !important; } .no-padding { padding-left: 0px; padding-right: 0px; } .noLeftPadding { padding-left: 0px; } .noRightPadding { padding-right: 0px; } .col-sm-3width { width: 19%; } .cpmChildPopup .commontoolbar { position: relative; top: 0px; left: 5px; } .cpmChildPopup .btn.btn-closeBtn { display: none; } /*.cpmChildPopup .dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable { overflow-y: auto; }*/ .cpmChildPopup .tab-container-vertical .tab-pane { height: unset; } /*.cpmChildPopup .tab-pane .divwidth{ overflow-y:auto; }*/ /*.cpmChildPopup .dx-list{ width:112px; }*/ .cpmChildPopup .tabcontainer .tab-content > .tab-pane.tab-pane-left-padding .row { margin-bottom: 10px !important; } #weightgrid .dx-datagrid-borders { height: 140px; } /*******************************************************************Surendra Counterparty CSS start****************************************************************/ /*******************************************************************Nilesh Counterparty CSS start****************************************************************/ #MainReceive.tabcontainer .tab-content > .tab-pane .row { margin-bottom: 0px; } .label-style { font-weight: normal; vertical-align: middle; } .label-style-bold { font-weight: bold; vertical-align: middle; } .collateral-padding { padding-left: 0px; } .cpmChildPopup .tab-pane { height: 414px; overflow: auto; } .cpty-padding { padding-right: 5px; } .label-font-color { color: red; } #collateralMainGrid { height: 250px; } /*#surityBondMainGrid { height: 250px; }*/ #AmendmentsGrid { height: 280px; } /*#collateralGivenGrid { height:250px; }*/ #bulkReturnContractGrid { height: 180px; } .brBtnStyle { margin-left: 0px; margin-right: 5px; float: right; margin-top: 10px; } .chkBox-Return-Full { vertical-align: super; margin-left: 3px; } #contractGrid { height: 167px; } #customFieldGrid { height: 240px; } .rightPadding { padding-right: 0px; } .collateral-label-padding { padding-right: 0px; padding-left: 1px; } .div-gray { background: #f0f0f0; } /*.radio-style.dx-radiogroup.dx-widget.dx-radiogroup-vertical .dx-item.dx-radiobutton { padding-bottom: 10px; }*/ .collateral-last-padding { padding-right: 5px; } .coll-first-margin { margin-left: -15px; } .hairCutTxtPadding { padding-right: 0px; } .number-box-width { width: 53px; margin-left: 10px; } .text-center-collateral { text-align: center !important; } .coll-second-margin { margin-left: -5px; } .coll-third-margin { margin-left: -5px; } .coll-float { float: left; } .leftMargin { margin-left: 0px; } .rightMargin { margin-right: 0px; } .leftPadding { padding-left: 0px; } .haircut-margin { margin-left: -10px; } .haircut-right-padding { padding-right: 0px; } .haircut-first-row11 { padding-right: 0px; margin-left: -10px; } .haircut-first-row12 { padding-right: 0px; margin-left: 9px; } .accordian-left-margin { } /*.tab-pane-height{ height:500px; overflow:auto; }*/ .coll-second-row { /*margin-left:0px; margin-right:0px;*/ margin-bottom: 8px; } .collateral-accordian .dx-template-wrapper { text-align: left; } .bulk-first-margin { margin-left: -15px; } .bulk-second-margin { margin-left: -10px; } .datebox-width { width: 102px; } .labelWidth { width: 12.333333% !important; } #btnBulkReturn { background: #dedbdb; margin-bottom: 3px; } #btnBulkReturn:hover { background: #6b6c6d; } .coll-label-font { font-weight: normal; } .brChkBoxStyle { float: left; } .brRowMargin { margin-bottom: 4px; } .collContainer-padding { margin-right: 0px; } .brToolBarStyle { position: fixed; right: 150px; top: 103px; border-color: darkgray; color: #333; font-size: 12px; background-color: white; border-width: 1px; transition: all 0.4s ease 0s; } .brToolBarStyle.notification-active { top: 132px; } #colldocumentdetailGrid { height: 100px; } /*******************************************************************Nilesh Counterparty CSS end****************************************************************/ /******************Sarang Setup Detail CSS start******************/ .bottomMargin { margin-bottom: 10px !important; } .browseButtonPadding { padding-bottom: 2px; padding-top: 2px; padding-right: 9px; padding-left: 9px; } .setupDetails .dx-item.dx-radiobutton { padding-bottom: 5px; } .buttonAlignment { float: right; } /*.dx-texteditor-input.dx-colorbox-input { padding-left: 40px !important; }*/ #setupDetailsCounterpartyStatusColorGrid { height: 335px; } .leftMargin { margin-left: 20px; } .setupDetailsTopMargin { margin-top: 2px; } .setupDetailsTopPadding { padding-top: 10px !important; } /******************Sarang Setup Detail CSS end******************/ /*******************Sarang Trade Summary Css Start**********/ .right-padding { padding-right: 5px !important; } .container1 { position: relative; margin-top: 20px; } /*******************Sarang Trade Summary Css End************/ /*******************Neha MarginCall Css Start************/ /*#mragincallmaingrid .dx-datagrid.dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td { font-weight: bolder; }*/ /*******************Neha MarginCall Css End************/ /*** Credit initiation summery start ***/ .companyDetailWidth { width: 30%; } .counterpartyDashboard { border-color: darkgray; color: #333; font-size: 12px; background-color: white; transition: all 0.4s ease 0s; } /*** Credit initiation summery end ***/ /* Surety Bond Css Prathamesh*/ .page-view .suretyBondGridPane { min-width: 50%; } /* Surety Bond Css */ /*******************Prathamesh MarginCall Css Start************/ .radio-btn-label-color .dx-item .dx-radiobutton .dx-item-content { color: #237ccf; } .radio-btn-label-color .dx-item-content { color: #237ccf; } .margin-call-entity-field { width: 450px; margin: 5px 25px 0px 0px; } .date-box-icon { max-height: 100%; min-height: 100%; } .marginCall-colldetail-popup .pane-header-name { height: 30px; padding: 3px; background: #ffffff; position: sticky; top: 0px; z-index: 1000; } .marginCall-colldetail-popup .dx-popup-content { padding: 10px 5px 10px 10px; } .marginCall-colldetail-popup .pane { padding: 0px !important; margin: 0px !important; height: 565px; } /*******************Prathamesh MarginCall Css End************/ /*******************Prathamesh MarginCall Css Start************/ .marginCallDashboardRadio .dx-widget.dx-collection { display: inline-flex; flex-flow: column-reverse; } .tagboxTagMarginright .dx-dropdowneditor-input-wrapper .dx-texteditor-container .dx-tag { margin-right: 3px; } .paddingRemovedDatagrid .dx-datagrid .dx-row > td { padding-top: 0px; padding-bottom: 0px; font-size: 12px; } .form-container .form-fieldset .dx-field-label.labelColorGray { color: #848484; } .form-fieldset.removeMarginTop { margin-top: 0px; } .labelColorGray { color: #848484; } .low-opacity-text{ opacity: 0.7; } .flexDisplay { display: flex; } .bulkMarginCheckboxContainer { /*margin: 0.8rem 0rem 0.8rem 3rem;*/ margin: 0.8rem 0rem 0.8rem 0px; } .collatrelIntrestCheckboxContainer { margin: 0.8rem 0rem 0.8rem 1.5rem; } .leftMarginItems { margin-left: 0.5rem; } .data-Filters-Container.marginCall-Filters-Container { margin-left: 5px; } .marginTopLeftInvoicePath { margin-left: 3rem; margin-top: 3rem; } .bulkMarginPopupItemsContainer { display: inline-flex; margin-left: 3.5rem; margin-top: 1rem; align-items: center; } .marginRadioGrp .dx-item.dx-radiobutton { margin-bottom: 0.5rem; } .bulkMarginPopupItems { margin-left: 2rem; } .marginInvoiceButtons { margin-left: 2rem; } .topMarginRem { margin-top: 0.5rem; } .bulkMarginLabels { margin-left: 0.5rem; /* width: 100%; */ float: none; /* font-size: 12px; */ font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial; } .marginCallAddLabels { width: 115px; float: none; /* font-size: 12px; */ font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial; } .bulkMarginGenerate { text-align: center; margin-top: 1rem; } .headerBackground { color: #757575; /* background: #1F396D; */ /* padding-top: 5px; */ font-size: 1.2em; /* margin-top: 0.5rem; */ /*margin-top: 2rem;*/ margin-left: 3rem; } .align-content-center { align-self: center; margin-left: 1rem; } .marginTop { margin-top: 1rem; } .alignCenterBrowse { text-align: center; } .BrowseBtnBulkPopup { margin-top: 4rem; margin-left: 1rem; } .margin-left-browse { margin-left: 30rem; } .rowWrap { flex-flow: row wrap; } .form-container.row-inline-data-filter.data-Filters.dataset-container.width-container { /*width: 46%; margin-left: 25px;*/ margin-left: 25px; width: 100%; margin-right: 5px; } /* margin add call*/ label.dx-field-label.marginCallAddLabelWidth { width: 115px; } .borderBottom { border-bottom: solid #959595; border-width: thin; } .marginLeft5rem { margin-left: 5rem; } .marginInvoiceField { margin: 5px 0px 0px 0px !important; } /*******************Prathamesh MarginCall Css End************/ /**Prathamesh Risk Score css start **/ .grid-area.manageRiskScoreGrid { height: calc(100% - 70px); } .RiskScoreTreeView { border: 1px solid; padding: 1rem; margin-top: 0.5rem; } .rowCount { font-style: italic; font-size: 10px; } /**Prathamesh Risk Score css end **/ /*******************Prathamesh Custome Field Css Start************/ .grid-area.manageCustomeGrid { height: calc(100% - 70px); margin-top: 3px; } .selectBoxAlignRight { width: 60%; display: flex; align-items:center; justify-content: flex-end; } .buttonsAlignRight { width: 70%; display: flex; justify-content: flex-end; } .remove-validation-border .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after { border: 0px solid #d9534f !important; } .remove-validation-bg .dx-invalid-message .dx-overlay-wrapper { color: #fff; background-color: transparent !important; padding: 0px 8px 8px 0px; line-height: 14px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; } /*******************Prathamesh Custome Field Css End************/ /* margin Invoice Template css */ /* margin Invoice Template css */ /* Prathamesh Credit Review Summery Css */ /* Common */ .width12 { width: 12%; } .width15 { width: 15%; } .width18 { width: 18%; } .width22 { width: 22%; } .width25 { width: 25%; } .widthThirty { width: 30%; } .widthCredit30 { width: 30%; } .width32 { width: 32%; } .width33 { width: 33%; } .width35 { width: 35%; } .width40 { width: 40%; } .width40Media { width: 40%; } @media screen and (min-width: 1280px) { .parent-child-graph-container { width: 41% !important; } .credit-review-labels-container { /*width: 70rem!important;*/ width: 58% !important; } } @media screen and (min-width: 1366px) { /* For Status Bar */ .summaryProgressBar-Gridarea { margin-left: 6rem !important; } .summary-screen-progressButton { margin-left: 1rem !important; } } @media screen and (min-width: 1400px) { .parent-child-graph-container { width: 46% !important; } .labels-table1 { margin: 1rem 3rem 0rem 0rem; width: 310px !important; } .labels-table2 { margin: 1rem 1rem 0rem 0rem; width: 315px !important; } .credit-review-labels-container { /*width: 70rem!important;*/ width: 52% !important; } .riskScoreGrid { max-width: 32rem !important; } /* For Status Bar */ .summaryProgressBar-Gridarea { margin-left: 9rem !important; } .summary-screen-progressButton { margin-left: 4rem !important; } } @media screen and (min-width: 1520px) { /* For Status Bar */ .summaryProgressBar-Gridarea { margin-left: 11rem !important; } .summary-screen-progressButton { margin-left: 7rem !important; } } @media screen and (min-width: 1500px) { .parent-child-graph-container { width: 46% !important; } .labels-table1 { margin: 1rem 3rem 0rem 0rem; width: 315px !important; } .labels-table2 { margin: 1rem 1rem 0rem 0rem; width: 340px !important; } .credit-review-labels-container { /*width: 70rem!important;*/ width: 52% !important; } .riskScoreGrid { max-width: 28rem !important; } .summaryProgressBar-Gridarea { margin-left: 11rem !important; } .summary-screen-progressButton { margin-left: 7rem !important; } } @media screen and (min-width: 1600px) { .parent-child-graph-container { width: 48% !important; } .labels-table1 { margin: 1rem 3rem 0rem 0rem; width: 330px !important; } .labels-table2 { margin: 1rem 1rem 0rem 0rem; width: 340px !important; } .credit-review-labels-container { /*width: 74rem!important;*/ width: 50% !important; } .riskScoreGrid { max-width: 28rem !important; } /* For Status Bar */ .summaryProgressBar-Gridarea { margin-left: 13rem !important; } .summary-screen-progressButton { margin-left: 10rem !important; } } @media screen and (min-width: 1720px) { /* For Status Bar */ .summaryProgressBar-Gridarea { margin-left: 16rem !important; } .summary-screen-progressButton { margin-left: 10rem !important; } } @media screen and (min-width: 1800px) { .parent-child-graph-container { width: 44% !important; } .credit-review-labels-container { width: 76rem !important; } .labels-table1 { margin: 1rem 3rem 0rem 0rem; width: 380px !important; } .labels-table2 { margin: 1rem 1rem 0rem 0rem; width: 380px !important; } .riskScoreGrid { max-width: 32rem !important; } } @media screen and (max-width: 768px) { .width40Media { width: 100%; } .credit-summary-fifty-percent { width: 100% !important; } .parent-child-graph-container { width: 100% !important; overflow: auto !important; } .marginTopMin1 { margin-top: 1rem !important; } .credit-summary-contract-details-field-width { width: 100% !important; } .credit-summary-ratings-risk-approval-width { width: 100% !important; } .ratings-credit-review-grid { flex-flow: row wrap !important; } .credit-summary-rich-text-box { width: 100% !important; } .credit-summary-approvals-margin-left { margin-left: 0rem !important; } .credit-review-rich-text-box { flex-flow: row wrap; } .credit-summary-contract-rating-risk-approval-wrap { flex-flow: row wrap; } } .width45 { width: 45%; } .fielsWidth { width: 47%; } .widthfiftyPercent { width: 100%; } .width55 { width: 55%; } .width58 { width: 58%; } .width60 { width: 60%; } .width60Media { width: 60%; } @media screen and (max-width: 768px) { .width60Media { width: 100%; } } .width65 { width: 65%; } .width70 { width: 70%; } .width75 { width: 75%; } .width80 { width: 80%; } .width82 { width: 82%; } .width95 { width: 95%; } .width100 { width: 100%; } .width-rating-table { width: 350px; } .creditGridContainer { border: 1px solid; } .width25rm { width: 25rem; } .width30 { width: 30rem; } .height39rem { height: 39rem; } .height40rem { height: 40rem; } .height42rem { height: 42rem; } .min-width96 { min-width: 96%; } .min-width82 { min-width: 82%; } .minWidth325 { min-width: 325px; } .minWidth100 { min-width: 100px; } .min-width-128 { min-width: 128px; } .min-width-164 { min-width: 164px; } .minWidth200 { min-width: 200px; } .max-width-200 { max-width: 200px; } .max-width-330 { max-width: 330px; } .justifyCenter { justify-content: center; } .justifyContentEnd { justify-content: flex-end; } .justifyContentApprovaldetails { justify-content: flex-end; margin-top:50px; } .align-self-center { align-self: center; } .textAlignEnd { text-align: end; } .textAlignEnd1 { text-align: end; padding-top:15px; } .alignItemsEnd { align-items: flex-end; } .alignSelfEnd { align-self: flex-end; } .alignItemsStart { align-items: flex-start; } .padding0 { padding: 0px; } .paddingTop50 { padding-top: 50px; } .padding0Pt5 { padding: 0.5rem; } .marginLeftMinus5 { margin-left: -5px; } .marginLeft0_5 { margin-left: 0.5rem; } .marginPtFiveAll { margin: 0.5rem; } .marginLeftOne { margin-left: 1rem; } .marginLeft1_5 { margin-left: 1.5rem; } .marginLeft2rm { margin-left: 2rem; } .MarginLeft { margin-left: 3rem !important; } .marginLeft4rm { margin-left: 4rem; } .marginLeft5 { margin-left: 5%; } .marginLeft8 { margin-left: 8%; } .marginLeft10 { margin-left: 10%; } .marginLeft10 { margin-left: 10%; } .marginLeft44 { margin-left: 44%; } .marginLeft4 { margin-left: 49%; } .marginPtFive { margin-bottom: 0.5rem; } .marginBottom { margin-bottom: 1rem; } .marginBtm1_1 { margin-bottom: 1.1rem; } .marginBtmTwoRem { margin-bottom: 2rem; } .marginTopmin4pt3 { margin-top: -4.3rem; } .marginTopmin4 { margin-top: -4rem; } .marginTopmin1pt2 { margin-top: -1.2rem; } .marginTopMinPt5 { margin-top: -0.5rem; } .marginTopMin2 { margin-top: -2rem; } .marginTopMin1 { margin-top: -1rem; } .marginTop0 { margin-top: 0px; } .marginTop0Pt5 { margin-top: 0.5rem; } .marginTopPt3 { margin-top: 0.3rem; } .marginTop1 { margin-top: 1rem; } .marginTop2 { margin-top: 2rem; } .margintop50 { margin-top: 50px; } .marginbottom50 { margin-bottom: 50px; } .marginright0pt3 { margin-right: 0.3rem; } .marginRighttp5rm { margin-right: 0.5rem; } .marginRight1 { margin-right: 1rem; } .marginRight2rm { margin-right: 2rem; } .marginRight3rm { margin-right: 3rem; } .fontSize { font-size: 1.3rem; } .whiteSpaceWord { white-space: nowrap; } .alignVertically { display: inline-flex; flex-flow: column; } .flexFlowWrap { flex-flow: wrap; } .textBoxPathWidth { width: 540px; } .DevExtremeLabels { float: none; /* font-size: 12px; */ font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial; } /*.dx-datagrid-nodata { text-align: left; margin-left: 1rem; }*/ .flex1 { flex: 1; } /* Common css end */ /*.CounterPartyChildComponent.page-view.deatilPaneOpen { padding-bottom: 100px; overflow-y: auto; }*/ .width-330 { width: 288px; } .field-label-value { max-width: 200px; overflow: hidden; white-space: nowrap; width: 200px; text-align: end; justify-content: flex-end; } .field-label-value-wholesale { overflow: hidden; white-space: nowrap; white-space: nowrap; width: 350px; text-align: initial; justify-content: flex-end; } .editingOverflowWholesale { overflow: hidden; min-width: 250px; } .riskScoreGrid { max-width: 30rem; } .credit-review-summery-top-container { /*max-width:1760px;*/ /*max-width:2200px;*/ /*width:auto*/ } .CounterPartyChildComponent .page-view.deatilPaneOpen { /*overflow-y: auto;*/ padding-bottom: 100px; } .CounterPartyChildComponent .pane.detail-pane { margin-right: 1.8rem; } .CounterPartyChildComponent .grid-pane.emptyDetailPane { /*width: 100% !important; margin: 0px !important;*/ margin-right: 1rem; } .marginSelectBoxFixHeader { margin: 0.3rem 0rem 0rem 0rem; } .borderlightgray { border: solid lightgray 1px; } /* labels */ .groupRatingContainer { width: 20rem; } .industryRating { /*margin-left: 8.5rem; min-width: 13rem;*/ /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ overflow: hidden; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; } .industryRating:hover { /*background-color: #f2f2f2; border: 1px solid #ddd; display: block; border-radius: 3px; position: absolute; z-index: 1049; padding: 0px 3px;*/ /*background-color: #f2f2f2; border: 1px solid #ddd; display: block; border-radius: 3px; position: absolute; z-index: 1049; padding: 0px 3px; max-width: 100%; text-overflow: ellipsis; width: auto;*/ } .groupRating { min-width: 13rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .groupRating:hover { background-color: #f2f2f2; border: 1px solid #ddd; display: block; margin-left: 11rem; border-radius: 3px; position: absolute; z-index: 1049; padding: 0px 3px; } .groupRatinglabel { /*min-width: 12.8rem; max-width: 12.8rem;*/ } .riskScoreLabel { } .maxWidthRiskScore { width: 28rem; max-width: 28rem; } .riskScoreValue { margin-left: 7rem; } .internalRatings { margin-left: 8rem; } .updatedOnLabelWidth { max-width: 680px; } .updatedOn { font-style: italic; font-size: 10px; } .updatedOnValue { margin-left: 4.5rem; } .internalRateValue { margin-left: 3rem; } .sectorValue { margin-left: 7.5rem; } .dunsValue { margin-left: 8rem; } .sectorLabel { margin-left: 8rem; } .maxWidthIndusrty { max-width: 20rem; width: 20rem; } .credit-summary-ice-setting-field hr { margin: 0px 0px 0.5rem 0px !important; } .label-weight { font-weight: 600; } .label-weight-wholesale { font-weight: 600; padding: 5px 5px 5px 5px; } .contractGridHeader { max-width: 1130px; } .contractGridHeaderWholesale { width:auto; } /* labels end */ .credit-review-labels-container { /* width:67rem;*/ /*width: 68rem;*/ width: 50%; } /* for label buttons */ .creditReviewButtons .flexDisplay .dx-button.creditReviewButtons.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon { height: 27px; } .creditReviewButtons .dx-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon .dx-button-content { padding: 0px; } .clear-button .dx-clear-button-area .dx-icon.dx-icon-clear { height: 19px; width: 19px; } .border-bottom { border-bottom: 1px solid #e0e0e0; border-bottom-width: 1px; border-bottom-style: initial; border-bottom-color: rgb(224, 224, 224); } .circularGauge { width: 50%; display: flex; margin-left: 1.75rem; /*justify-content: flex-end;*/ } /* Risk Score Grid */ .rating-grid .dx-datagrid-pager.dx-pager { padding: 0px; } /* Risk Score Grid end*/ .risk-score-grid-status { margin-top: -0.5rem; position: relative; } .risk-score-grid-status-withoutpage { margin-top: -1rem; position: relative; } .labels-table1 { margin: 1rem 3rem 0rem 0rem; /*width:288px;*/ width: 300px; } .labels-table2 { margin: 1rem 1rem 0rem 0rem; width: 315px; } .labeltables-container { flex-flow: row wrap-reverse; margin-right: 3rem; } /**/ /* Credit Review Summery Grids*/ #entityInfoIdWholeSale { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: auto; padding: 5px 5px 5px 5px; } #entityInfoIdWholeSale td, #entityInfoIdWholeSale th { border: 2px solid #ddd; width: auto; } #entityInfoIdWholeSale tr:hover { background-color: #ddd; } #entityInfoIdWholeSale th { text-align: left; background-color: #04AA6D; color: white; width: 500px; } .ratingGridWidth { max-width: 930px; } .agencyRatingGrid { max-width: 930px; } .autoWidthWholesaleGrid { width:auto; } .restrictionGrid { max-width: 1140px; } .contractGrid { max-width: 1135px; } .capitalCollateralsGrid { max-width: 900px; } .pg-continent-collateral { max-width: 660px; } .surety-continent-collateral { max-width: 1150px; } .address-grid { max-width: 995px; } .contact-grid { max-width: 815px; } .notes-grid { max-width: 500px; } .contract-details-grid { max-width: 430px; } .ratings-credit-review-grid { max-width: 1100px; } .approovals-grid { /*max-width: 625px;*/ /*max-width: 725px;*/ /*max-width:700px;*/ max-width: 785px; width: 100%; min-width: 563px; } .accounts-payable-grid { max-width: 860px; } .accounts-payable-grid3 { max-width: 1128px; } .dnbiGrid { max-width: 320px; width: 100%; } .sicGrid { max-width: 350px; width: 100%; } .naicsGrid { max-width: 350px; width: 100%; } .ratio-risk-grid { width: 100%; max-width: 310px; } .credit-summary-approvals-margin-left { margin-left: 3rem; } #traderDashboardGridPane hr { display: block; /* margin-top: 0.5em; */ /* margin-bottom: 0.5em; */ /* margin-left: auto; */ /* margin-right: auto; */ border-style: inset; border-width: 1px; max-width: 1130px; margin: 0.5em 0px 0px 0px; } hr.creditReviewTabs { max-width: 100% !important; display: block; border-width: 1px; border-style: none !important; margin: -1px 0px 0px 0px !important; border-top: 1px solid #EDEDED !important; } .credit-review-rich-text-box hr { margin: 0px 0rem 1rem 0rem !important; } .credit-summary-documents-field-width { /*max-width:500px;*/ max-width: 1130px; } .credit-summary-rich-text-box { width: 32%; } .credit-agency-data-field-width { max-width: 1130px; } .credit-review-grid-label-max-width { max-width: 1135px; } .credit-review-document-field-width { max-width: 1130px; } .creditGridArea.accounts-payable-grid .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content { white-space: normal; } .credit-area-risk-score-grid { /*max-width:400px;*/ max-width: 275px; width: 100%; min-width: 263px; } .credit-summary-document-field { align-items: center; } .credit-attachement-margin { margin-right: 15px; } .parent-child-graph-container { width: 48%; /*margin-bottom: 4rem;*/ } /* Status bar css */ .status-bar-border { border: 1px solid lightgray; } .progress-status-header { font-size: 16px; vertical-align: baseline; font-weight: 900; margin: 7px 0px 0px 7px; } .statusbar-wrapper { height: 115px; /*display: flex; justify-content: center;*/ } .status-dot { height: 15px; width: 15px; /* position: absolute; */ background: #000; border-radius: 50%; /* top: 46px; */ color: #fff; line-height: 19px; z-index: 9864; } /* Status bar css end */ .credit-summery-grid { margin: 1rem 0rem 1rem 0rem; } /*@media screen and (max-width: 1358px){ .parent-child-graph-container { width:100%; } }*/ .credit-summary-fifty-percent { width: 50%; } .credit-summary-contract-details-field-width { width: 30%; } .credit-summary-ratings-risk-approval-width { width: 70%; } .credit-summary-approval-comments-box1 { width: 100% !important; /*margin-left: 5%;*/ } .credit-summary-approval-comments-box2 { width: 85% !important; margin-left: 1%; } .credit-summary-approval-comments-box { width: 80% !important; margin-left: 5%; } /**/ .counterpartyDashboard { /*position: fixed; right: 30px; top: 105px; border-color: darkgray; color: #333; font-size: 12px; background-color: white; border-width: 1px; transition: all 0.4s ease 0s; left: 26px;*/ height: 40px; /*height: 30px;*/ /*border-bottom: 1px solid #716c6c;*/ /*border-bottom: 1px solid #dadada;*/ /*padding: 5px;*/ padding: 0px; background: #ffffff; position: sticky; top: 0; z-index: 1000; } .html-text-editor .dx-toolbar-text-auto-hide .dx-button .dx-button-content { padding: 0px 0px 0px 0px; } .html-text-editor .dx-toolbar-text-auto-hide .dx-button .dx-icon { color: rgba(0, 0, 0, 0.54); width: 24px; height: 24px; background-position: 0px 0px; background-size: 24px 24px; padding: 0px; font-size: 15px !important; text-align: center; line-height: 24px !important; margin-right: 0; margin-left: 0; } .html-text-editor .dx-toolbar .dx-toolbar-item { padding: 0px 0px 0px 0px; /* width: 10px!important; */ } .html-text-editor .dx-button { height: 27px; width: 27px !important; } .html-text-editor .dx-htmleditor-content { padding: 0px; } .html-text-editor .dx-button-has-icon .dx-icon { line-height: 17px !important; } .html-text-editor .dx-list-item-content { padding: 0px !important; } .html-text-editor { border: 0.5px solid lightgray; } .creditGridArea.creditareagrid { /*display:unset;*/ width: 50%; margin-top: 0%; } .creditGridArea1 { display: inline-block; max-height: auto; } .creditGridArea { display: inline-block; max-height: 100%; } .creditGridArea .dx-datagrid-nodata { text-align: left; margin-left: 1rem; } .creditGridArea .dx-datagrid-headers .dx-datagrid-table .dx-row > td { padding-top: 8px; padding-bottom: 8px; font-size: 12px; } .creditGridArea .dx-datagrid .dx-row > td { padding-top: 6px; padding-bottom: 6px; font-size: 12px; } .riskScoreMeter { /*border: solid beige 2px;*/ margin-left: 10px; margin-right: 10px; } .refreshBtn { position: absolute; top: 0px; right: 4rem; } .grid-child-area .padding0 { padding: 0px; } .pane .grid-pane .onlyGridPane .credit-dashboard-overflow .backGroundCredit .marginLeft2rm { margin-left: 2rem; } .pane .grid-pane .onlyGridPane .credit-dashboard-overflow .backGroundCredit { background-color: white; } .marginLeft2rm { margin-left: 2rem !important; } .counterpartyDashboard.notification-active { top: 0px; } .backGroundCreditPage { background-color: white !important; } .fixHeaderMargin { margin: 5px 15px; } .label-border-button { /*float: right; width: 30px; height: 25px;*/ margin-left: 5px; border-color: lightgray; } .graphBox { overflow: auto; width: 550px; height: 250px; } .graphImg { width: 600px; height: 250px; } .creditLabels { font-size: 16px; } .creditFields { margin: 14px 10px; } /* ICons */ .locationIcon { background-image: url("/assets/images/SVGIcons/location.svg"); } .web-map-marker { background-image: url("/assets/images/SVGIcons/web-1.svg"); } .contactIcon { background-image: url("/assets/images/SVGIcons/contact.svg"); } .newsIcon { background-image: url("/assets/images/SVGIcons/news-2.svg"); } .infoIcon { background-image: url("/assets/images/SVGIcons/info-1.svg"); } .manageIconClass { display: inline-block; vertical-align: middle; background-repeat: no-repeat; height: 15px; background-size: 100%; width: 13px; } /* Risk Score Form popup */ /*.riskScorePopupToolbarBtns{ margin-top: -0.5rem; } .riskScorePopupToolbarBtnsContainer{ margin-bottom:0.5rem; }*/ .dropDownLabel { margin-top: 0.2rem; } /* Risk Score Form popup */ /* Credit Review Summery Css */ canvas.DVSL-canvas { width: 100% !important; } .DVSL-background-container { } .DVSL-container.DVSL-NetChart.DVSL-flat { width: 100% !important; position: initial !important; } .cpmChildPopup.counterparty .commontoolbar .dx-toolbar .dx-toolbar-menu-container { visibility: collapse; } .marginCallInvoicePath .dx-radiogroup-horizontal .dx-radiobutton { margin-top: 5px; } .cpmChildPopup.BulkReturn .form-container .form-inline .form-group .label-container label { vertical-align: sub; } .cpmChildPopup.BulkReturn .form-container .form-inline .form-group .verticalAlign label { vertical-align: sub; } .wholesale-popup .pane-header-name { height: 30px; padding: 3px; background: #ffffff; position: sticky; top: 0px; z-index: 1000; } .wholesale-popup .dx-popup-content { padding: 10px 5px 10px 10px; } .wholesale-popup .pane { padding: 0px !important; margin: 0px !important; height: 565px; } .wholesale-popup .close-icon-grey { display: none !important; } .onBoardingButton { position: fixed; right: 30px; top: 65px; border-color: darkgray; color: #333; font-size: 12px; background-color: white; border-width: 1px; transition: all 0.4s ease 0s; left: 350px; z-index: 1029; float: right; } .onBoardingButton.notification-active { top: 95px; } .cptyRetailerGreen { background-color: #32CD32; } .cptyRetailerOrange { background-color: orange; } .cptyRetailerRed { background-color: #FF6347; } .cptyRetailerBlue { background-color: lightblue; } /* Used in Collateral Grid */ .collateralGridYellow { background-color: #FFFF99; } .commentsNonWholeSale.active { display: block; color: red; opacity: 1; position: absolute; z-index: 1050; top: 0; left: 0; bottom: 0; right: 0; height: 90%; width: 100%; visibility: visible; padding-top: 140px; } .commentsNonWholeSale { visibility: hidden; display: none; } .commentsNonWholeSale label { margin-top: 60px; } .CollInvoicePath .dx-radiogroup-vertical .dx-radiobutton { margin-top: 5px; } .cpmBottomMargin { margin-bottom: 2px !important; } #contractstatus dx-drop-down-box { min-width: 150px; } .richTextEditorComments .jqte .jqte_toolbar { display: none; } .richTextEditorComments .jqte { max-height: 100px; overflow: scroll; } .cpmNonWholeSaleGridHeight { height: 220px !important; } .cpmPG-col-md-1 { width: 135px; } .cpmPG-col-md-2 { width: 175px; } .row.form-container.cpm .custom-label { margin-bottom: 0px !important; /*padding-top:5px;*/ } .row.form-container.cpm .row.form-inline { margin-bottom: 4px !important; } .cpmCol-col-md-1 { width: 135px; } .cpmCol-col-md-2 { width: 175px; } .cpmChildPopup .tab-pane.cpmCol-tab-pane-height { overflow: hidden !important; height: 570px !important; } .cpmCol-tab-pane-height { height: 570px !important; } .cpm-legalentity-tab-pane-height { height: 570px !important; } .cpm-ExternalEntity-tab-pane-height { min-height: 520px; } .cpmChildPopup .tab-pane.cpm-creditReview-tab-pane-height { overflow: hidden !important; height: 900px !important; } .cpm-ExternalEntity-Family-tab-pane-height { min-height: 270px; } .cpm-ParentalGaruntee-tab-pane-height { height: 570px !important; } .cpm-Internal-Entity-col-md-2 { width: 120px; } .cpm-External-Entity-col-md-2 { width: 150px; } .cpm-External-Entity-Left-col-md-5 { width: 165px; } .cpm-External-Entity-Right-col-md-5 { width: 110px; } .cpm-External-Entity-left-main-col { width: 120px; } .cpm-External-Entity-right-main-col { width: 150px; } .cpm-External-Entity-discontinue-checkbox { width: 80px; } .cpm-External-Entity-rating-tab-left { width: 180px; } .cpm-External-Entity-rating-tab-right { width: 140px; } .cpm-External-Entity-policy-tab { width: 180px; } .cpm-External-Entity-Collateral-Detail { width: 115px; } .cpm-Credit-review-External-Entity { width: 100px; } .cpm-Credit-review-External-Entity-Main-Left { width: 160px; } .cpm-Credit-review-External-Entity-CurrentDetail-center { width: 96px; } .cpm-margin-invoice-template { width: 140px; } .cpm-margin-call-main { width: 120px; } .cpm-margin-call-marginFlow { width: 85px; } .cpm-margin-call-minimum_transfer-amt { width: 170px; } .cpmCon-col-md-1 { width: 170px; } .cpmCon-col-md-2 { width: 228px; } .cpmCon-col-md-3 { width: 265px; } .cpmCon-col-md-3-Mar { width: 180px; } .cpm-Contract-tab-pane-height { min-height: 650px; } .cpmNonWholesaleMainPopup .commontoolbar { position: relative; top: 0px; left: 5px; } .control-padding-left { padding-left: 3px !important; } .cpm-contract-center { width: 140px; } .cpm-contract-selectbox-width { width: 192px; } .cpm-contract-grid-button-width { width: 115px; } .cpm-contract-grid-width { width: 680px; } .cpm-contractname-width { width: 345px; } .cpm-contractname-label { width: 90px; } .cpm-contract-label-col-2 { width: 230px; } .cpmCol-col-md-1-blank { width: 50px; } .cpmCol-grid-width { width: 920px; } .cpmCol-selectbox-width { width: 145px; } .cpm-legalEntity-InternalEntityCode { width: 350px; } .cpm-legalEntity-InternalEntityName { width: 550px; } .cpm-legalEntity-mainTab-checkboxLabel { width: 135px; } .cpm-legalEntity-mainTab-checkbox { width: 20px; } .cpm-legalEntity-mainTab-img { width: 160px; } .cpm-legalEntity-mainTab-btn { width: 110px; } .cpm-legalEntity-parentchild-grid { width: 650px; } .cpm-legalEntity-ratings-multiplelistbox { width: 230px; } .cpm-legalEntity-ratings-grid { width: 550px; } .cpm-ExternalEntity-div-width { width: 600px; } .cpm-ExternalEntity-Name-Textbox { width: 400px; } .cpm-ExternalEntity-Code-Textbox { width: 300px; } .cpm-ExternalEntity-MainTab-Left-DIv { width: 450px; } .cpm-ExternalEntity-Parent-child-grid { width: 600px; } .cpm-ExternalEntity-MainTab-right-label { width: 110px; } .cpm-ExternalEntity-MainTab-Left-Textbox { width: 250px; } .cpm-ExternalEntity-MainTab-Comment-Div { width: 1900px; } .cpm-ExternalEntity-MainTab-Comment-Textbox { width: 650px; } .cpm-ExternalEntity-MainTab-left-controls-width { width: 230px; } .cpm-ExternalEntity-MainTab-left-controls-checkbox { width: 50px; } .cpm-ExternalEntity-MainTab-center-width { width: 50px; } .cpm-ExternalEntity-Policy-Grid-width { width: 1000px; } .cpm-ExternalEntity-Rating-Left-Control-width { width: 200px; } .cpm-ExternalEntity-Rating-Right-Control-width { width: 280px; } .cpm-ExternalEntity-Rating-Grid-width { width: 850px; } .cpm-CreditReview-ExternalEntity-textbox-1 { width: 265px; } .cpm-CreditReview-ExternalEntity-textbox-Div { width: 300px; } .cpm-CreditReview-ExternalEntity-Main-Left-Controls { width: 180px; } .cpm-CreditReview-ExternalEntity-Main-Left { width: 420px; } .cpm-CreditReview-ExternalEntity-Main-Centre { width: 420px; } .cpm-CreditReview-NewContract-Grid { width: 1000px; } .cpm-CreditReview-CreditDetails-LeftGrid { width: 370px; } .cpm-CreditReview-CreditDetails-LeftColspan { width: 380px; } .cpm-CreditReview-CreditDetails-MarketPrice-Width { width: 250px; } .cpm-CreditReview-CreditDetails-MarketPrice-control-Width { width: 135px; } .cpm-CreditReview-CreditDetails-MarketPrice-control-Right-grid { width: 610px; } .cpm-CreditReview-CreditDetails-MarketPrice-control-Mid-grid { width: 640px; } .cpm-CreditReview-CreditDetails-MarketPrice-control-Mid-grid-col { width: 650px; } .cpm-CreditReview-CreditDetails-tab-width { width: 1300px; } .cpm-contract-commodity-transaction-Grid-col { width: 550px; } .cpm-contract-commodity-transaction-Grid { width: 530px; } .cpm-contract-commodity-transaction-select-list { width: 200px; } .cpm-contract-document-detail-grid { width: 960px; } .cpm-parental-garuntee-textbox { width: 450px; } .cpm-External-Entity-Family-labels { width: 130px; } .cpm-External-Entity-Family-Name-labels { width: 100px; } .cpm-External-Entity-Family-Controls { width: 230px; } .cpm-External-Entity-Family-External-Entity-Code-Dropdown { width: 200px; } .cpm-External-Entity-Family-External-Entity-Code-Grid { width: 680px; } .cpm-External-Entity-Family-External-Entity-Code-main { width: 800px; } .cpm-External-creditReview-Right-Div { width: 650px; } .marginRadiotext.dx-radiogroup.dx-radiogroup-horizontal.dx-widget.dx-rtl .dx-item.dx-radiobutton .dx-item-content { margin-top: 1.2px; } .margin-call-internal-col-md-10-width { width: 1000px; } .margin-call-internal-left-controls-width { width: 180px; } .margin-call-internal-right-controls-width { width: 360px; } .margin-call-internal-right-label-width { width: 80px; } .margin-call-internal-right-labe-control-width { width: 250px; } .margin-call-internal-MTA-col-width { width: 400px; } .cpmNonWholesaleMainPopup .btn.btn-closeBtn { display: none; } .cpmNonWholesaleMainPopup .tab-pane { height: 508px; overflow: auto; } .richTextEditorCreditComments .jqte .jqte_editor { height: 213px; max-height: 213px; overflow: auto; } .richTextEditorRecommendation .jqte .jqte_editor { height: 213px; max-height: 213px; overflow: auto; } .richTextEditorCreditStrength .jqte .jqte_editor { height: 213px; max-height: 213px; overflow: auto; } .richTextEditorAnalysis .jqte .jqte_editor { height: 328px; max-height: 328px; overflow: auto; } #counterpartyContractDashboardGrid .dx-datagrid .dx-row > td { vertical-align: middle; } #counterpartyContractDashboardGrid .dx-datagrid .dx-row.dx-column-lines.dx-header-row { line-height: 13px; height: 0px; } .cpm-creditReview-tab-pane-height { min-height: 670px; } .cpm-ParentalGaruntee-Grid-width { width: 1000px; } .tradeSummary { position: fixed; right: 30px; top: 105px; border-color: darkgray; color: #333; font-size: 12px; background-color: white; border-width: 1px; transition: all 0.4s ease 0s; left: 26px; } .tradeSummary.notification-active { top: 132px; } .btn.btn-closeBtn.closebtn.tradeSummary.notification-active { top: 132px; } .btn.btn-closeBtn.closebtn.tradeSummaryBtn { top: 105px; } /*********************/ /*.parent-grid-sizing dx-data-grid.dx-widget{ font-size:10px; }*/ /*.parent-grid-sizing .dx-datagrid-headers{ font-size:12px; }*/ .parent-grid-sizing .dx-datagrid .dx-row > td { padding: 3px; } /*.child-grid-sizing dx-data-grid.dx-widget{ font-size:10px; } .child-grid-sizing .dx-datagrid-headers{ font-size:12px; }*/ .child-grid-sizing .dx-datagrid .dx-row > td { padding: 3px; } /*********************/ /**********Trader Dashboard CSS Start***********/ .traderDashboardBtn { border: 1px solid black; background-color: white; color: black; font-size: 14px; cursor: pointer; } .btn-restricted { border-color: #ff0000e0; color: black; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; } .btn-restrictedActive { background-color: #ff0000e0; color: black; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; } .btn-Unapproved { border-color: #05d0e2fc; color: black; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; } .btn-UnapprovedActive { background-color: #05d0e2fc; color: black; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; } .btn-Approved { border-color: #ddd; color: black; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; } .btn-ApprovedActive { background-color: #ddd; color: black; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; } .btn-WarningDashboard { border-color: rgba(251, 251, 32, 0.5); color: black; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; } .btn-WarningActive { background-color: rgba(251, 251, 32, 0.5); color: black; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; } .traderDashboardLegend { float: right; } .dashboard-close-icon { right: -40px !important; } /**********Trader Dashboard CSS End***********/ /*********Neha Credit Summary CSS Start************/ .detailsTextPadding { padding-right: 0px; padding-left: 15px; padding-top: 5px; } .labelStyleCpm { font-size: 28px; font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana; font-weight: 200; fill: #232323; padding-left: 50px; } .Credit-Summary-container .dx-datagrid-headers .dx-datagrid-table .dx-row > td { background: white; border-bottom: 0; color: black; font-weight: 700; } dx-data-grid.summaryGrids { border: none; } dx-data-grid.summaryGrids .dx-datagrid-pager.dx-widget.dx-pager { border-top: none; } .label-Border { border: 1px solid #a9a9a9; padding: 1px; border-radius: 4px; } .summaryHeaderfield { background-color: #ddd; height: 26px; } .creditHeaderfeildFontSize { font-size: 16px !important; vertical-align: baseline; } /*---------------------*/ .creditTabs-left { border-bottom: none; padding-top: 2px; } .tabcontainer .creditTabs-left { border-right: 1px solid #ddd; } .tabcontainer .creditTabs-left > li { float: none; margin-bottom: 2px; } .tabcontainer .creditTabs-left > li { margin-right: -1px; } .tabcontainer .creditTabs-left > li.active > a, .tabcontainer .creditTabs-left > li.active > a:hover, .tabcontainer .creditTabs-left > li.active > a:focus { border-bottom-color: #ddd; border-right-color: transparent; } .tabcontainer .creditTabs-left > li > a { border-radius: 4px 0 0 4px; margin-right: 0; display: block; } .labelRedCptyCode { color: red; } /*********Neha Credit Summary CSS End************/ .creditSummaryHeaderfield { height: 26px; } .form-inline .form-control { display: inline-block; /* width: auto; */ vertical-align: middle; } .RiskScoreTreeView { border: 1px solid; padding: 10px 10px 10px 25px; margin-top: 5px; } /*.dx-treeview .dx-treeview-node-container { list-style-position: inside; padding: 0; margin-left: 20px; display: none; overflow: hidden; }*/ /*.propertyValueStyle20 { width: 300px; }*/ .label-container.col-md0 { margin-left: 49px; } .brToolBarStyleRiskScore { position: fixed; left: 130px; top: 102px; border-color: darkgray; color: #333; font-size: 12px; background-color: white; border-width: 1px; transition: all 0.4s ease 0s; } .customtest .propertyValueStyle20 .pnx-custom-input { width: 250px; } .custom-test-contract .propertyValueStyle14 .pnx-custom-input, .custom-test-contract .propertyValueStyle15 .pnx-custom-input, .custom-test-contract .propertyValueStyle19 .pnx-custom-input, .custom-test-contract .propertyValueStyle17 .pnx-custom-input, .custom-test-contract .propertyValueStyle16 .pnx-custom-input { width: 310px; } .custom-test-contract .propertyLabelStyle14, .custom-test-contract .propertyLabelStyle15, .custom-test-contract .propertyLabelStyle19, .custom-test-contract .propertyLabelStyle17, .custom-test-contract .propertyLabelStyle16 { width: 150px; } .custom-test-contract .propertyLabelValueGap14, .custom-test-contract .propertyLabelValueGap15, .custom-test-contract .propertyLabelValueGap19, .custom-test-contract .propertyLabelValueGap17, .custom-test-contract .propertyLabelValueGap16 { width: 40px; } /*non-wholesale-contract-screen start*/ .retail-contract-popup { /* padding: 10px; */ margin: 0 15px; } .retail-contract-popup-row-padding { padding-left: 0; } .retail-contract-form { margin-top: 15px; } .retail-contract-left-right-padding { padding-left: 0px; padding-right: 0px; } .retail-contract-bottom-padding { padding-bottom: 5px; } .height100 { height: 100%; } .overFlowPopup { overflow-y: auto; height: 100%; } .popupPadding .dx-popup-content { padding-right: 0px; padding-top: 10px; } /*non-wholesale-contract-screen end*/ .focusCell .dx-datagrid-focus-overlay { border-color: transparent; } .focusCell input.dx-texteditor-input { background-color: #eee; } .focusCell .dx-datagrid-headers .dx-datagrid-table .dx-row > td { background-color: darkgray; } .summaryChildPopup .dx-popup-content { overflow-y: auto; } .customtest1 .propertyValueStyle18 .pnx-custom-input { width: 300px; } /*non-wholesale-contract-screen start*/ .contract-row { padding: 3px 0; } .myRule.dx-widget input { color: #fff; } .cpmChildPopup .grid-container .grid-area { display: inline-block; max-width: 97%; margin-right: 16px; } .cpmChildPopup .grid-container .advance-grid-buttons-area { position: initial; width: 15px; float: none; display: inline-block; vertical-align: top; } .cpmChildPopup .brToolBarStyle { position: absolute; top: 47px; right: 177px; /* top: 103px; */ border-color: darkgray; color: #333; font-size: 12px; background-color: white; border-width: 1px; transition: all 0.4s ease 0s; } #ParentalGuaranteeMainGrid { height: 250px; } /******Credit Review Credit Details Start******/ .CreditDetails-container { display: inline-flex; flex-flow: row wrap; } @media screen and (max-width: 768px) { #CreditDetails { flex-direction: column; max-width: 100%; } #icelist { min-width: 100%; } } .font-wholesale { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; } .flexDisplay-wholesale { padding-left: 150px; font-family: Arial, Helvetica, sans-serif !important; font-size: 1.2em; } #approvelist { display: block; height: 170px; } @media screen and (min-width: 769px) { #CreditDetails { flex-direction: row; width: 100%; } #icesetting { max-width: 32%; } #creditapproval { max-width: 32%; } #marketprices { min-width: 32%; } #creditreviewcommentsid { width: 48.5%; } #creditreviewprofileid { width: 48.5%; } #creditreviewanalysisid { width: 48.5%; } .grid-container.record-opened { width: 55.5%; } .credit-review-flexbox { display: inline-flex; flex-flow: row wrap; justify-content: space-between; height: 100%; } .credit-reviev-child-width { width: 44%; background-color: white; /* margin-right: 23px; */ overflow-y: scroll; overflow-x: hidden; padding: 10px; } } .credit-Details-Internal-container { display: inline-flex; flex-direction: column; margin: 5px; } .market-price-margin-bottom { margin-bottom: 10px; } .market-prices-label { display: inline-flex; font-weight: normal; } .market-prices-box { display: inline-flex; } .margin-current-price { margin-left: 2em; } .margin-week-range { margin-left: 0.7em; } .margin-year-cds { margin-left: 2.7em; } .credit-approvalgrid-buttons { float: right; margin-left: 5px; } /******Credit Review Credit Details End******/ /* Credit Review Summery Start */ .marginTop5 { margin-top: 5rem; } /* Credit Review Summery End */ /**********COunter main start*******/ @media screen and (min-width: 769px) { .contract-main-container { display: inline-flex; flex-flow: row wrap; width: 100%; } .contract-main-Internal-container { display: inline-flex; flex-direction: column; margin: 5px; width: 22.5%; } .contract-main-inline-data { display: inline-flex; } .contract-main-checkbox-align { justify-content: flex-end; } .grid-bottom { margin-bottom: 8px; } .main-grid-bottom-width { width: 435px; } .contract-checkbox-label-margin { margin-left: 5px; } } @media screen and (max-width:768px) { .contract-main-container { display: inline-flex; flex-flow: row wrap; flex-direction: column; width: 100%; } .contract-main-Internal-container { display: inline-flex; flex-direction: column; margin: 5px; } .contract-main-inline-data { display: inline-flex; } .contract-main-checkbox-align { justify-content: flex-end; } .contract-checkbox-label-margin { margin-left: 5px; } .grid-bottom { margin-bottom: 8px; } .grid-area { display: inline-block; max-width: 96%; margin-right: 5px; } .form-container .form-inline .form-group .textbox-container.textbox-margin { display: inline-flex; margin-bottom: 8px; } .main-grid-bottom-width { width: 100%; } .cpmCon-col-md-2 { width: 100%; } .cpm-contractname-width { width: 100%; } .cpm-CreditReview-ExternalEntity-textbox-Div { width: 100%; } } /**********COunter main End*******/ /*Credit review*/ /*.dx-datagrid-filter-row .dx-editor-cell .dx-texteditor-input { background-color: #5b8dbf61; } tr.dx-row.dx-column-lines.dx-datagrid-filter-row td:first-child { background: #c6dae8; } .dx-datagrid .dx-column-lines > td { border-left: none; border-right: none; }*/ /*******code master css********/ .code-master-add-btn { height: 25px; width: 25px; } .code-master-add-btn.dx-button.dx-button-has-icon .dx-button-content { padding: 0px; } .code-master-search-box { margin-bottom: 5px; margin-left: 4px; width: 241px; } .showAddNewOption { visibility: visible; } .hideAddNewOption { visibility: hidden; } /*******end code master css********/ /**Email Notification css start**/ .emailNotificationFormClass { height: 100%; } tr.dx-row.dx-header-row { color: black; } /**Email Notification css end**/ /**CounterParty rating css start**/ .counterpartyrating { position: fixed; background: #fff; height: 40px; z-index: 1000; padding: 4px; /* border-bottom: 1px solid #ddd; */ transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; top: 42px; } /* rating popup css start prathamesh*/ .ratingPopupHeader { height: 37px; padding: 0px; background: #ffffff; position: sticky; top: 0; z-index: 1000; } .ratingPopupScroll { overflow-y: auto; height: 100%; } /* rating popup css end */ /*css for summary progres bar*/ .summary-screen-requested { margin-top: -41px; top: 15px; display: flex; width: 200px; text-align: left; position: absolute; left: -26px; } .summary-screen-inprogress { margin-top: -41px; top: 10px; display: flex; width: 200px; text-align: left; position: absolute; left: -26px; } .summary-screen-completed { margin-top: -41px; top: 12px; display: flex; width: 200px; text-align: left; position: absolute; left: -26px; } .progressBarwidth50 { width: 50%; } .summaryProgressBar-Gridarea { position: relative; text-align: center; font-family: "Trebuchet", sans-serif; font-size: 14px; /*margin: 10px 54px; height: 125px;*/ align-items: center; display: flex; margin: 10px 54px; height: 125px; } .summary-screen-progressButton { position: relative; left: 466px; bottom: 101px; } .bloomberg-fiscal-margin { margin-left: 10px; font-style: italic; font-size: 12px; } /* External Entity Group */ .external-entity-grid .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell { padding-top: 10px !important; padding-bottom: 10px !important; } .external-entity-grid .dx-hidden-cell { visibility: inherit !important; } /**************generic field**************/ .generic-field-right-margin { margin-right: 10px; } genericpropertypage.new-theme .form-container { display: inline-flex; width: 98%; flex-flow: row wrap; } genericpropertypage.new-theme .form-container .inline-two-custom-fields { width: 45%; margin-right: 4%; } genericpropertypage.new-theme .form-container .form-fieldset { width: 100%; } .page-view .parental-guarantee-grid-pane { min-width: 50%; } .allocation-grid-outer-div { display: inline-block; width: 100%; } .allocation-grid-outer-div .dx-datagrid-headers .dx-datagrid-table .dx-row > td { padding-top: 8px; padding-bottom: 8px; font-size: 12px; } .allocation-grid-outer-div .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { padding: 15px; } .editingOverflow { overflow: hidden; } .editingOverflowWidth { max-width: 128px; } .risk-score-popup-btn .dx-button-has-text .dx-button-content { padding: 3px 16px !important; } /* Document Details css */ .comments-container { white-space: pre-line; word-break: break-all; } /**/ .pgAmtClass .dx-texteditor-input { text-align: right; } .BlmmarginLeft2 { margin-left: 2%; } /*highlight css*/ .highlighted { background-color: lightgreen; } .onchangeHighlight { background-color: lightsalmon; } .noClass { background-color: none; } .errorColour { background-color: Red; } /*Filter css*/ .initiation-filter-Scroll { overflow: auto; } .initiation-filter-Scroll-height { /*height: 65px;*/ height: 80px; } /*Initiaton Button Icons css*/ .credit-initiation-inline-css { display: inline-flex; } .creditInitiation-DetailPane-AddressIcon { margin-top: -15px; } .creditInitiation-DetailPane-AddressIcon img.dx-icon { height: 30px !important; width: 28px !important; margin-top: -3px; margin-right: 3px; } .creditInitiation-filterIconBtn img.dx-icon { height: 30px !important; width: 30px !important; } /*Entity Summary Button Icons css*/ .entitySummary-adreessIcon img.dx-icon { height: 25px !important; width: 25px !important; } /*collateral buttons*/ .collapprovalbuttons { float: right; margin: 5px 0px 5px 0px; } .collateralapprovalGrid { display: inline-block; max-height: 100%; } /*Entity Summary Financials Make a Copy Popup CSS Start*/ .financials-fieldset { width: 150px; margin: 5px 25px 0px 0px; } .financials-risk-grid { width: 100%; max-width: 450px; } .creditFinancialGridArea { display: inline-grid; max-height: 100%; } .totalfinancialLabelwidth { width: 250px; padding: 3px 14px 4px 13px !important; } .totalfinancialvaluewidth { padding: 4px 18px 4px 14px; } /*Entity Summary Financials Make a Copy Popup CSS ENd*/ .ExpenseClass .dx-texteditor-input { color: red; } .creditValidation .dx-overlay-content.dx-resizable { margin-left: 0px !important; max-width: none !important; position: absolute !important; } .creditGridValidation .dx-datagrid .dx-row > td { overflow: visible; } #addReturnCollateral .dx-button-content { display: inline-block; } /*Credit Review FCM Grid CSS Start*/ .credit-review-fcm-grid { max-width: 500px; margin-top: 0px; } .credit-review-fcm-grid-status { max-width: 433px; margin-top: 3px; } /*Credit Review FCM Grid CSS End*/ /*MTM Exposure*/ .credit-review-summery-MTMExposure { color: #6B6A6A; font-weight: bold; margin-left: 13px; } .credit-review-summery-OptyId { cursor: pointer; } /*Credit Initiation Business Segment Header For Managed Form*/ .pane-Business-Segment-Header { /*position: absolute; top: 9px; left: 35%; z-index: 1;*/ position: absolute; top: 9px; left: 36%; z-index: 1; font-size: 18px; color: #808080; } .pane-Business-Segment-Header_IndicativeCredit { position: absolute; top: 9px; left: 19%; z-index: 1; font-size: 18px; color: #808080; } .pane-BS-Title { font-size: 13px; color: #237ccf; font-weight: normal; } /*Credit Initiation Business Segment Header For Managed Form*/ /*Credit review summary deal status radio button start*/ .summary-deal-status-radiobtn { margin-left: 14px; margin-top: 2px; display: flex; align-items: center; } /*Credit review summary deal status radio button start*/ /*Restriction Popup css start*/ #RestrictionPane .form-fieldset { margin: 5px 0px 5px 0px; } /*Restriction popup css end*/ .Contract-Currency-Width{ width:150px; } /*!***************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/cpm-common.css ***! \***************************************************************************************************************************************************************************************************************************/ /******************************CPM Common CSS********************************/ /******For Header Row CSS**********/ .headerfeild{ background-color:#ddd; margin-top:10px; margin-bottom:10px; height:23px; } /******Reduce height between two rows**********/ .tabcontainer .tab-content > .tab-pane.tab-pane-left-padding .row{ margin-bottom:5px !important; } /**********Reduce tab left paddiing 15px********/ .tab-pane-left-padding{ padding-left:15px!important; } /***********For grid header filter*******************/ /*td .dx-column-indicators{ float:right !important; margin-left: 4px; }*/ /***********For grid header label*******************/ /*td.rolegrid-cell-component.dx-datagrid-action.dx-cell-focus-disabled{ text-align:left !important; }*/ /***********For child Popup text align should be left*******************/ .cpmChildPopup.dx-template-wrapper{ text-align:left; } /***********height between two rows if it is not present in tab*******************/ .coll-first-row { /*margin-left:0px; margin-right:0px;*/ margin-bottom:5px; } .cpmChildPopup .coll-first-row{ margin-bottom:10px; } /******************for number in textbox,it should be right alignment***********/ .text-Aligment input[type=text]{ text-align:right; } dx-data-grid .dx-datagrid.dx-datagrid-borders{ /*line-height:11px !important; font-size:11px !important;*/ /*line-height:11px; font-size:11px;*/ } dx-data-grid .dx-datagrid-headers.dx-datagrid-nowrap{ /*font-size:11px !important;*/ /*font-size:11px;*/ } /*************************CPM Common CSS*******************************************************/ /*************Custom Fields***********/ .custom-control-container{ margin-bottom: 5px; padding: 4px 5px 4px; max-height: 30px; padding-left: 0px; } .pnx-custom-input { line-height: 1.3333; font-size: 1em; margin: 0; padding: 4px 5px 4px; max-height: 26px; background: #fff !important; } .pnx-custom-input:focus { border-color: #337ab7; outline: 0; box-shadow: none; } .pnx-custom-input[disabled]:focus, .pnx-custom-input[readonly]:focus { border-color: #ccc; } .setupDetailsTopPadding .custom-control-container { padding: unset; } .setupDetailsTopPadding .propertyValueStyle4{ width:unset; min-width:500px; } .wrapper { /* background: #ffd800; */ /* width: 913px; */ /* height: 184px; */ } .margin-area { position: relative; text-align: center; font-family: "Trebuchet", sans-serif; font-size: 14px; margin: 43px 54px; height:125px; } .dot { height: 15px; width: 15px; position: absolute; background: #000; border-radius: 50%; top: 46px; color: #fff; line-height: 19px; z-index: 9864; } .one { left: 10px; background: #bbb; } .two { left: 160px; background: #bbb; } .three { left: 325px; background: #bbb; /* color: #ffd800; */ } .four { left: 410px; background: #bbb; /* color: #ffd800; */ } .five { left: 640px; background: #bbb; /* color: #ffd800; */ } .error1{ left: 325px; background: #FF7F50; } .failed{ left: 325px; background: #FF0000; } .progress-bar_1 { position: absolute; height: 30px; width: 245px; top: 20px; /*left: 10%;*/ background: #bbb; } .first_1 { /*background: #0C84D9;*/ } .second_1 { left: 258px; /*background: #0C84D9;*/ } .third_1 { left: 505px; } .four_1 { left: 505px; } .progress-bar { position: absolute; height: 3px; width: 150px; top: 52px; left: 10px; background: #bbb; } .first { /*background: #0C84D9;*/ } .second { left: 175px; /*background: #0C84D9;*/ } .third { left: 340px; } .four { left: 490px; } .message { position: absolute; height: 5px; width: 175px; /* padding: 10px; */ margin-top: 13px; left: -41px; /* top: 0; */ color: #000; font-size: 12px; } .message-1 { top: 25px; color: #000; } .message-2 { left: 225px; margin-top: -26px; margin-left: -57px; } .message-3 { left: 133px; color: #000; margin-top: -26px; } .message-4 { left: 186px; margin-top: -26px; /* margin-left: -57px; */ } .message-5 { left: 167px; margin-top: -26px; /* margin-left: -57px; */ } .status { position: absolute; width: 700px; /* left: -367px; */ /* text-align: center; */ padding: 20px; color: black; margin-top: 15px; margin-left: -624px; font-size: 15px; } .code { top: 70px; } a { color: #0C84D9; text-decoration: none; /*font-weight: bold;*/ } a:hover, a:focus { text-decoration: underline; } .tooltipLeft { /* position: relative; */ opacity: 1; display: inline-block; border-bottom: 1px dotted black; } .tooltipRight { /* position: relative; */ opacity: 1; display: inline-block; border-bottom: 1px dotted black; } .tooltipLeft .tooltiptextLeft { visibility: hidden; font-size: 10px; width: 400px; background-color: #e4e4e4; color: #1d1c1c; text-align: left; border-radius: 6px; /* margin-left: 10px; */ /* padding: 3px 3px; */ /* Position the tooltip */ position: relative; z-index: 1; top: 20px; } .tooltipRight .tooltiptextRight { visibility: hidden; font-size: 10px; width: 400px; background-color: #e4e4e4; color: #1d1c1c; text-align: left; border-radius: 6px; margin-left: -155px; /* padding: 3px 3px; */ /* Position the tooltip */ position: relative; z-index: 1; top: 20px; } .tooltipLeft:hover .tooltiptextLeft { visibility: visible; } .tooltipRight:hover .tooltiptextRight { visibility: visible; } .tableData{ /*width: 120px;*/ padding-left: 10px !Important; } .activeStatus{ background-color:#39c11e; } .activeStatusE{ background-color:#FF7F50; } .activeStatusF{ background-color:#FF0000; } /*!*************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/security.css ***! \*************************************************************************************************************************************************************************************************************************/ .user-swap-grid-buttons{ margin-bottom: 5px; } .grid-area.roles{ margin-left:40px; } /*!*****************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/data-manager.css ***! \*****************************************************************************************************************************************************************************************************************************/ /*Datalink css start*/ .datalink-popup-container { display: inline-flex; width: 100%; flex-direction: row; } .datalink-popup-data { width: 50%; } .testLink-button-indicator { height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .tooltipError { color: red; font-size: 14px; background-color: white; white-space: pre-line; width: 500px; height: auto; text-align: left; padding: 2px 2px 2px 2px; margin-top: -18px; } .errorClass { font-size: 18px; font-weight: 900; text-align: center; color: red; min-width: 0px; margin-left: -22px; } .datalink-popup-line-height { line-height: 25px; } .data-link-audit-note-field-margin { margin-top: 0px !important; } .datalink-popover-close-button { float: right; } .datalink-popover-textarea-field { display: flex; width: 100%; padding: 3px 6px; flex-direction: column; } .datalink-error-info-popover { display: flex; width: 100%; padding: 3px 6px; } .datalink-test-link-result-column-container { display: flex; width: 100%; } .datalink-test-link-result-column-statusicon { margin-right: 5px; } .datalink-popup-scroll-data { width: 656px; max-height: 492px; overflow-x: hidden; overflow-y: auto; } /*Datalink css end*/ /*DataSource css start*/ /* datasource basic details popup*/ .dataSource-basic-details-popup-scroll-data { max-height: 265px; overflow-x: hidden; overflow-y: auto; } .dataSource-basic-details-tags-label-width { width: 33%; } .dataSource-basic-details-textfield-width { width: 57%; } /*datasource preview popup*/ .preview-popup-container { display: inline-flex; flex-flow: row wrap; align-items: center; width: 100%; } .preview-popup-container .flex-box-inline { flex: 1; margin-right: 20px; } #removeButtonShadow .dx-button { box-shadow: none; } /*Preview rows*/ /*.preview-popup-container .flex-box-inline dx-number-box.dx-numberbox.dx-texteditor.dx-editor-underlined.dx-widget { width: 100px; }*/ /*data-source runtime-parameter Popup*/ /*.dataSource-runtime-parameter-popup-scroll { }*/ .runtime-parameter-flex-container { display: inline-flex; width: 100%; justify-content: flex-end; } .runtime-parameter-flex-container .margin-between-buttons { margin-left: 5px; } /*datasource compile multiple popup*/ .compile-box-text { color: #000; font-size: 14px; margin-top: 18px; } /*datasource canvas filter popup*/ .canvas-filter-label-margin { /*margin-left: 32px;*/ margin-left: 2.1%; } .canvas-filter-text-width { width: 450px; } .grid-area .dx-invalid-message.dx-overlay { position: static; /* top: auto; */ } /*datasource Add-on-columns popup*/ .add-on-columns-container { display: inline-flex; width: 100%; justify-content: flex-start; align-items: center; } .add-on-column-inline-label { flex: 1; } .add-on-columns-container .margin-beetween-buttons { margin-left: 5px; } .expression-editor-btn.dx-button-has-icon .dx-button-content { padding: 0px; } .dx-row.dx-header-row .adjust-padding { padding-right: 45px !important; } /*add-on-column value expression editor lookup popup*/ .value-expression-editor-lookup-container { display: inline-flex; flex-flow: row wrap; align-items: center; width: 100%; } .value-expression-lookup-aggregatetype-width { width: 20%; } /*.value-expression-editor-lookup-container > div { width: 15%; }*/ .value-expression-lookup-label-field-width { width: 15%; } .exception-handling-container-no-record { margin: 14px 10px; } .exception-handling-container-matching-record { margin: 14px 10px; } .value-expression-lookup-textfield-width { width: 30%; } .value-expression-lookup-selectbox-width { width: 17%; } .value-expression-lookup-checkbox-width { padding-left: 137px; } /*********************************************************************/ .grid-container { display: grid; grid-template-columns: 212px 212px auto; grid-gap: 53px; padding: 34px; position: fixed; padding-left: 61px; } .grid-container .div { background-color: rgba(255, 255, 255, 0.8); text-align: center; padding: 50px 0; font-size: 30px; } .grid-container .dx-field-label { float: none; font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial; } grid-container .dx-field-label .check-box { padding-left: 5px; } grid-container .dx-field-label .severity-box { padding-right: 5px; } .expression-editor-button { display: inline-flex; } .source-column-textbox { display: inline-flex; width: 300px; } .expression-source-column-button-width { display: inline-flex; } .expression-editor-button-width { padding-left: 20px; } .lookup-expression-textbox .dx-texteditor { position: relative; width: 164px; } .lookup-expression-textbox .severity-box-position { position: fixed; } .lookup-expression-textbox .severity-select-box-position { margin-left: 63px; } /********************************************************/ .value-expression-lookup-title-width { width: 33%; } .value-expression-lookup-severity-selectbox-width { width: 17%; margin-left: 15%; } .value-expression-lookup-custom-selectbox-width { width: 17%; margin-left: 33%; } .value-expression-lookup-textfield-width.margin-between-two-dropdown { margin-right: 20px; } .value-expression-editor-lookup-container .margin-between-two-field { margin-right: 50px; } .value-expression-textfield-width { width: 75%; } .value-expression-label-width { width: 24%; } /*data-source grouping and aggregation popup*/ .grouping-aggregation-container { width: 100%; height: 100%; display: inline-flex; } .grouping-pane { /*width: 53%;*/ width: 48%; } .aggregation-pane { /*width: 50%;*/ width: 50%; } .grouping-aggregation-flex-container { width: 100%; display: inline-flex; align-items: center; flex-flow: row wrap; justify-content: flex-start; } .grouping-aggregation-label { width: 100%; font-size: 14px; color: #237ccf; text-align: center; font-weight: bold; text-transform: uppercase; } /*.grouping-add-button-margin { margin-left:5px; }*/ .grouping-previous-next-button-margin { align-self: center; /*margin-left: 20px;*/ width: 3%; } .grouping-grid-container { display: inline-flex; max-width: 95%; } .grouping-grid-container .grouping-grid-area { max-width: 85%; margin-right: 14px; } .grouping-grid-area .dx-checkbox-icon:after { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; } .grouping-grid-area .dx-checkbox-icon { width: 16px; height: 16px; } .groupin-aggregation-next-previous-button-margin { margin-bottom: 10px; } /*datasource datalink source popup*/ .datalink-source-container { width: 100%; display: inline-flex; align-items: center; flex-flow: row wrap; justify-content: flex-start; margin: 5px; } .datalink-source-label-width { width: 150px; } .inline-datalink-textfield-width { width: 300px; /*margin-right: 40px;*/ } .text-box-select-delimit-file-width { width: 31.7%; } .text-alignment-for-query { align-self: baseline; } .datalinksource-table-margin { margin-top: -10px !important; } .bg-color-for-prepoc { background-color: #f5f5f5 !important; } .datalinksource-schema-margin { margin-top: -5px !important; } .inline-datalink-textfield-width-sheets { width: 235px; margin-right: 2rem; } .datalinksource-single-textfield-width { width: 700px; } .datalinksource-query-single-textfield-width { width: 850px; } .datalinksource-inline-label-field-margin { margin-top: 4px; margin-right: 20px; } .delimited-textfield-margin { margin-left: 40px; } .datalink-source-data-row-number-width { width: 7%; } .grid-child-margin { margin-top: 15px; margin-bottom: 5px; } /**************************************Excel Pre-Processor Tab*********************************************/ #scrollViewDataBlocks { position: absolute; width: 100%; height: 91%; } .use-excel-preproc { visibility: hidden !important; } /*** override css ****/ .accordion-content-manage .dx-template-wrapper.dx-item-content.dx-accordion-item-body { padding: 5px 10px 10px 10px !important; } .accordion-content-manage .form-fieldset { margin: 0px 10px 14px 10px !important; } .radio-grp-custom .dx-radio-value-container { padding-right: 4px !important; } .data-blocks-toolbar .dx-item.dx-toolbar-item.dx-toolbar-button { padding: 0px 0px 0px 15px !important; } .chk-box-use-excel-preprocessor-reverse .dx-checkbox-container { text-align: end; } .chk-box-use-excel-preprocessor-reverse span.dx-checkbox-icon { left: -65px; } .custom-validation-pre-proc .dx-overlay-wrapper.dx-invalid-message { width: auto !important; padding: 0px !important; line-height: 15px !important; } .custom-validation-pre-proc .dx-overlay-content.dx-resizable.dx-invalid-message-content { margin-left: 20px !important; padding: 3px 0px 0px 0px !important; font-size: 13.4px !important; max-width: unset !important; } .custom-validation-pre-proc-nonnegative .dx-overlay-content.dx-resizable.dx-invalid-message-content { width: 205px !important; } .custom-validation-pre-proc-nonnegative-minusone .dx-overlay-content.dx-resizable.dx-invalid-message-content { width: 275px !important; } .custom-validation-pre-proc .dx-texteditor-container { width: 5.3rem !important; } .custom-validation-pre-proc .dx-texteditor-input-container { width: inherit !important; } .custom-validation-pre-proc input.dx-texteditor-input { width: auto !important; } /*** override css ****/ .exl-pre-proc-lbl-data-bl-act { width: 160px; } .use-exl-pre-proc-label { width: 150px; } .radio-group-sheetref-name { width: 100px; } .radio-group-sheetref-position { width: 75px; } .radio-group-sheetref { width: 130px; } .label-color-sheetname { color: #757474 !important; } .sheet-name-dropdown-visiblity .dx-texteditor-input-container { visibility: hidden; } .label-color-sheetname2 { color: #237ccf; float: none; font-size: 13px; font-weight: normal; margin-bottom: 0; overflow: initial; } .data-block-label { width: 100%; float: none; font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial; } .exl-pre-proc-lbl-refrance { width: 135px; align-self: baseline; } .exl-pre-proc-lbl-sheetname { margin-left: 5px; } .exl-pre-proc-toolbar { margin-bottom: 20px; } #exl-pre-proc-scrollview-column { height: 230px; } #exl-pre-proc-scrollview-row { height: 180px; } .exl-pre-proc-button-text .dx-button-text { font-weight: 400; } #exl-pre-proc-add-btn { color: green; } /*row details*/ .excel-pre-proc-field-container { margin: 7px 5px 7px 5px !important; } .excel-pre-proc-text-delimiter-field-container { margin: 7px 0px 7px 0px !important; } .exl-pre-proc-lbl-delimiter-width { /*width: 100px;*/ /*width: 135px;*/ width: 165px; align-self: center; } .exl-pre-proc-textfield-delimiter { width: 150px; } .exl-pre-proc-lbl-delimiter-text { /*width:100px;*/ width: 165px; } .exl-pre-proc-txtfld-delimiter-text { width: 150px; } .exl-pre-proc-lbl-delimiter-text-skip { /*width: 160px;*/ width: 165px; /*margin-left: 14px;*/ } .exl-pre-proc-lbl-delimiter-count { width: 165px; align-self: center; /*margin-left: 15px;*/ } .exl-pre-proc-chk-skip-initial { margin-left: 30px; } .exl-pre-proc-lbl-max-rows-read { /*width: 135px;*/ width: 165px; align-self: center; float: none; font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial } .exl-pre-proc-lbl-max-rows-read2 { /*width: 130px;*/ width: 165px; /*width: 100%;*/ float: none; font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial; } .chk-box-use-excel-preprocessor { width: 100%; float: none; font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial; } .exl-pre-proc-lbl-blank-count { /*margin-left: 106px;*/ width: 165px; } .datalink-source-number-field-width { width: 3rem; } .datalink-source-number-field-width-position { margin-right: 0.5rem; } .exl-pre-proc-lbl-rowstoskip-width { /*width: 100px;*/ width: 165px; } .exl-pre-proc-lbl-top-width { width: 40px; } /**************column Details**********/ .exl-pre-proc-lbl-bottom-width { width: 60px; margin-left: 2rem; } .item-columns-label { width: 65px !important; } .exl-pre-proc-layoutextfield { width: 70px; } .exl-pre-proc-btn-detect { width: 145px; margin-left: 63px; } /**************************************Excel Pre-Processor Tab*********************************************/ /*DataSource Output popup*/ .datasource-output-popup-container { width: 100%; display: inline-flex; align-items: center; flex-flow: row wrap; justify-content: flex-start; margin: 5px; } .dataSource-output-label-width { width: 150px; } .datasource-inline-field-width { width: 235px; margin-right: 40px; } .data-management-field-label { font-size: 14px; color: #666668; font-weight: normal; margin-bottom: 0; } .datasource-output-data-management-container { width: 100%; display: inline-flex; flex-flow: row wrap; justify-content: flex-start; margin: 5px; } .datasource-output-column-container > div { padding: 3px; } .datasource-output-select-box-padding { padding-top: 23px; } .datasource-output-checkbox-label { align-self: center; font-size: 13px; } .datasource-output-table-margin { margin-bottom: 10px; } /******DataSet css****/ .grid-area-without-toolbar.dataset-grid-height { height: calc(100% - 130px); } .data-Filters.dataset-container { /*width: 40%;*/ margin-left: 5px; } .show-password-container { align-items: center; margin-left: 25px; width: 40%; } phoenixtoolbar#datasetToolbar .MarginLeftWithoutSeparator { margin-left: -5px; } .lock-unlock-image { width: 15px; margin-right: 10px; margin-bottom: 4px; } .locked-column-focused-icon { cursor: pointer; } @media (max-width:768px) { .show-password-container { width: 42%; } } .eye-icon { height: 30px; width: 20px; cursor: pointer; } /******End DataSet css****/ /*********UDT css************/ .tag-close-btn-udt { position: static !important; margin-bottom: 5px; margin-left: 7px; } .data-Filters.handson-table-container { /*width: 97%;*/ margin-left: 5px; } .grid-area-without-toolbar.handson-table-height { height: calc(100% - 130px); border: 1px solid #e0e0e0; width: 100%; } div#handsOnTableContainer { height: 100% !important; } .handson-table { height: 100% !important; overflow: hidden; } .popup-label { font-size: 13px; color: #237ccf; font-weight: normal; } .check-box-left-align .dx-field-value:not(.dx-widget) > .dx-button, .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-switch { float: left; } .input-inline { display: inline-flex; flex-flow: row; width: 100%; } .folder-textbox-width { width: 94%; } .start-cell-width { width: 50%; } .radio-button-margin-top { margin-top: 5px; } .rows-text-space { margin-left: 15px; } #tableType { max-width: 350px; } .copy-dataset-to-field-datepicker { margin-left: 40px; } .create-blank-dataset .dx-overlay-content.dx-popup-normal.dx-resizable { /*transform:translate(calc(100% - -10%), calc(100% - 45%)) !important;*/ transform: translateY(calc(100% - 45%)) !important; left: 40% !important; } .date-box-manage .dx-dropdowneditor-input-wrapper { overflow: visible !important; } .date-box-manage .dx-texteditor-container { overflow: visible !important; } .date-box-manage .dx-template-wrapper.dx-button-content { overflow: visible !important; } .date-box-manage .date-box-icon { margin-left: 27px; } /*.sizeColumnCss.dx-datagrid-validator .dx-datagrid-invalid-message.dx-invalid-message.dx-invalid-message-always.dx-overlay.dx-visibility-change-handler.dx-widget { position: relative; } .sizeColumnCss .dx-datagrid-revert-tooltip { visibility: hidden; } .sizeColumnCss .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.sizeColumnCss.dx-datagrid-invalid:not(.dx-field-item-content) { padding-left: 0px; padding-right: 0px; }*/ /******override class handsontable header invisible issue*******/ .handsontable .ht_clone_left thead, .handsontable .ht_master thead, .handsontable .ht_master tr th { visibility: visible !important; } .handsontable td { white-space: nowrap !important; } .udt-popup-line-height { line-height: 25px; } /*Dynamic form Css*/ .dynamic-Form { min-width: 100%; min-height: 100%; } .dynamic-Form .dx-layout-manager .dx-label-h-align .dx-field-item-label { width: 300px; text-overflow: ellipsis; font-size: 13px; } .dynamic-Form .dx-field-item-label-text { color: #237ccf; font-weight: normal; } /*Row height Jspreadsheet*/ .jss > tbody > tr > td { border-top: 100px solid #ccc; border-left: 10px solid #ccc; border-right: 10px solid transparent; border-bottom: 10px solid transparent; box-sizing: border-box; padding: 4px; line-height: 1em; height: 24px; white-space: nowrap !important; } .jss > tbody > tr > td.readonly { color: black !important; } /*handsontable gets hidden when open from left panel for huge amount of data*/ /*.wtHolder { height: calc(100% - 130px) !important; width: 100% !important; }*/ /**********End UDT css******************/ /*Manual Adjustments*/ .manual-adjustments-toolbar { margin-top: 10px; margin-bottom: 5px; margin-left: 35px; } .manual-adjustments-toolbar-manual { margin-top: 0px; margin-bottom: 15px; margin-left: 35px; } .manualadjustmentsviewer-grid-area { display: inline-block; max-width: 98%; margin-right: 5px; margin-left: 30px; margin-top: 8px; height: calc(100% - 350px); width: calc(100% - 30px); } .manualadjustmentsviewer-sourcedata-grid-area { display: inline-block; max-width: 98%; margin-right: 5px; margin-top: 8px; height: calc(100% - 350px); width: calc(100% - 30px); } .close-icon-grey-manualadjustments { height: 18px !important; width: 18px !important; min-width: 18px !important; } .manual-adjustments-radio-group { float: left; } .manual-adjustments-radio-title { width: 170px; } .add-margin-top { margin-top: 10px; } .add-margin-top-left { margin-top: 15px; margin-left: 15px; } .manual-adjustments-row-inline-data-filter { display: inline-flex; flex-direction: row; } .manual-adjustments-grid-buttons { margin-top: 12px; margin-left: 10px; } .add-margin-left { margin-left: 170px; } .add-margin-left-manual { margin-left: 35px; } .margin-left-10 { margin-left: 10px; } .margin-left-5 { margin-left: 5px; } .manual-adjustment-trading-title-filter { width: 120px; } .manual-adjustment-trading-filter-margin { margin-left: 120px; } .manual-adjustment-trading-filter-width { width: 920px; } .manual-adjustment-grid-buttons-width { width: 35px; } .manual-adjustment-scrollview-height { height: 90%; } .adjustmentAreaRowsCount { margin-right: 40px !important; } /*********GL PANEL ********/ .glpanel-button { display: inline-block; padding-left: 0px; margin-right: 10px; } /*************** GL PANEL Loader Css **********************************/ #GLpanelform > div.dx-overlay-wrapper.dx-overlay-shader.dx-loadpanel-wrapper > div > div > div.dx-loadpanel-message { display: block !important; color: dodgerblue; font-weight: bold; font-size: 11px; } #GLpanelform > div.dx-overlay-shader { background-color: rgba(0, 0, 0, 0.1) !important; } #GLpanelform > div.dx-overlay-wrapper.dx-overlay-shader.dx-loadpanel-wrapper > div.dx-loadpanel-content { text-align: center !important; -webkit-user-select: none; user-select: none; border: 1px solid #e0e0e0 !important; background: #fff !important; border-radius: 5% !important; } #GLpanelform > div.dx-overlay-wrapper.dx-overlay-shader.dx-loadpanel-wrapper > div.dx-loadpanel-content.dx-overlay-content.dx-resizable { max-width: 300px !important; max-height: 200px !important; width: 198px !important; height: 84px !important; z-index: 1501 !important; margin: 0px !important; left: 0px !important; right: 0px !important; transform: translate(625px,230px) !important; transition: all 0s ease 0s !important; } /***************************** Manual Adjustment css *********************************/ #ManualAdjustmentContainer.dx-overlay-content > div > div.dx-loadpanel-message { display: block !important; color: dodgerblue; font-weight: bold; font-size: 11px; } #ManualAdjustmentContainer.dx-loadpanel-content { text-align: center !important; -webkit-user-select: none; user-select: none; border: 1px solid #e0e0e0 !important; background: #fff !important; border-radius: 5% !important; } #ManualAdjustmentContainer.dx-loadpanel-content.dx-overlay-content.dx-resizable { max-width: 300px !important; max-height: 200px !important; width: 198px !important; height: 84px !important; z-index: 1501 !important; margin: 0px !important; left: 0px !important; right: 0px !important; transform: translate(650px,300px) !important; transition: all 0s ease 0s !important; } .glpanel-transaction-filter-width { width: 75% !important; } .glpanel-grid-height-transaction { height: calc(100% - 180px); } .glpanel-grid-height-activity { height: calc(100% - 115px); } .use-iso-pre-proc-label { width: 200px; } .tabFlex { flex: 1 0 auto; overflow-y: auto; } /*!************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/reports.css ***! \************************************************************************************************************************************************************************************************************************/ /* Common css for validation in grid */ .manage-validations .dx-invalid-message .dx-overlay-wrapper { color: #fff; background-color: transparent !important; padding: 0px 8px 8px 0px; line-height: 14px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; } .manage-validations .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid{ background-color: transparent !important; } .manage-validations .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td, .manage-validations .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > td { overflow: visible; } .manage-validations td.dx-cell-focus-disabled { overflow: visible; } .manage-validations .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content, .manage-validations .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content{ max-width: unset !important; } /**/ /*report canvas add-on-column container*/ .report-add-on-column-container { display: inline-flex; width: 100%; justify-content: flex-start; align-items: center; } .report-add-on-field-width { width:450px; } .report-add-on-column-inline-label { flex: 1; } .report-add-on-column-container .margin-beetween-buttons{ margin-left: 5px; } .add_on_column_grid .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid{ background-color: transparent !important; } .add_on_column_grid .dx-invalid.dx-texteditor.dx-editor-filled .dx-texteditor-container:after, .add_on_column_grid .dx-invalid.dx-texteditor.dx-editor-underlined .dx-texteditor-container:after, .add_on_column_grid .dx-invalid.dx-texteditor.dx-editor-outlined .dx-texteditor-container:after { background-color: transparent !important; } .add_on_column_grid .dx-invalid.dx-lookup .dx-lookup-field:after { background-color: transparent !important; } .add_on_column_grid .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td, .add_on_column_grid .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > td { overflow: visible; } .add_on_column_grid .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content, .add_on_column_grid .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content{ max-width: unset !important; transform: translate(-35px, 0px) !important; } /*canvas report-filter-popup*/ .report-filter-field-width { width:87.2%; } .report_field_grid .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid{ background-color: transparent !important; } .report_field_grid .dx-invalid.dx-texteditor.dx-editor-filled .dx-texteditor-container:after, .report_field_grid .dx-invalid.dx-texteditor.dx-editor-underlined .dx-texteditor-container:after, .report_field_grid .dx-invalid.dx-texteditor.dx-editor-outlined .dx-texteditor-container:after { background-color: transparent !important; } .report_field_grid .dx-invalid.dx-lookup .dx-lookup-field:after { background-color: transparent !important; } .report_field_grid .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td, .report_field_grid .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > td { overflow: visible; } .report_field_grid .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content, .report_field_grid .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content{ max-width: unset !important; transform: translate(-35px, 0px) !important; } /*canvas grouping and aggregation popup*/ .report-grouping-field-width { width: 75.5%; } .report-grouping-aggregation-label { width: 100%; font-size: 14px; color: #237ccf; text-align: center; font-weight: bold; text-transform: uppercase; } .report-grouping-aggregation-label.grouping { margin-top: 16px; } .form-fieldset.grouping { display:flex; margin-top: -5px; } .report-grouping-aggregation-container { width: 100%; height: 100%; display: inline-flex; } .report-grouping-pane { width:53%; } .report-aggregation-pane { width:50%; } .report-grouping-grid-container { display:inline-flex; max-width:99%; margin-top: 5px; } .report-grouping-grid-container .report-grouping-grid-area { max-width: 87%; margin-right:14px; } .report-grouping-previous-next-button-margin { align-self: center; margin-left: 7px; } .report-grouping-grid-area .dx-checkbox-icon:after { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; } .report-grouping-grid-area .dx-checkbox-icon { width: 16px; height: 16px; } .report-configuration-field-margin { margin-left:12px; } /*canvas reports fields value popup*/ .margin-report-field-buttons { margin-left:5px; } .report-resultant-field-width { width: 80%; } .report-canvas-import-data-label-width { width: 18%; } .report-canavs-import-data-field-width { width: 63%; } .report-canavs-excel-sheet-field-width{ width:30%; } .report-field-loads-field-popup-label{ font-size:13px; color: #848484; font-weight: bold; margin-bottom: 2px; } .report-import-button-margin{ margin-right:30px; } .report-field-value-grid-row-height .dx-datagrid .dx-row > td { padding-top: 0px; padding-bottom: 0px; font-size: 12px; line-height: 10px; } .report-field-and-values-button-separator { border: 1px solid #949292; height: 22px; margin-right: 30px; } .form-container-field-value{ overflow-y: auto !important; height: 100% !important; width: 100% !important; } .form-fieldset { margin: 5px 0px 5px 0px; } .detail-value-data{ overflow-wrap: break-word; overflow-y: auto; font-size: 13px; color: #757474; } .dx-row.dx-header-row .adjust-pad { padding-right: 1px !important; padding-left: 1px !important; } /*canvas report input popup*/ .report-input-button-margin { margin-left:5px; } .report-input-grid-top-margin { margin-top: 0px; } .report-input-field-label { font-size:13px; color: #848484; font-weight: bold; margin-bottom: 0; } .report-input-fieldset-label-margin { margin-left: 2.4%; } .report-input-alias-field-width { width: 10%; margin-right: 2%; } .report-input-source-type-field-width { width: 30%; margin-right: 2%; } .report-input-sourcename-field-width { width: 47%; margin-right: 2%; } .report-input-source-field-width { width: 36%; margin-right: 2%; } /*report-output excel popup*/ .report-output-excel-grid-label-width{ width: 68.3%; } .dx-row.dx-header-row .adjust-pad1 { padding-right: 1px !important; padding-left: 1px !important; } .report-output-excel-output-container { display: inline-flex; flex-flow: row wrap; align-items: center; /* justify-content: space-between; */ width: 100%; margin-bottom: -10px; } .report-output-excel-grid-label-width .margin-between-buttons { margin-left: 5px; } .report-output-excel-row-formatting-grid-label-width { width:84.5%; } .report-output-worksheet-label { width: 100%; font-size: 14px; color: #237ccf; text-align: center; font-weight: bold; } .report-output-excel-grid { padding: 0 0 0 10px; } .report-output-excel-grid-exceldetails { padding: 0 0 0 10px; width: 1050px; } .report-output-excel-grid-csv { padding: 0 0 0 0px; } .report-output-excel-label-margin { margin-left: 3.2%; } #reportOutputVerticalTabs .dx-tabs-wrapper { display: inline-grid; } #reportOutputVerticalTabs .dx-tabs { background-color: #fff; } .vertical-tal-labels { width: 100%; float: none; font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial; } .vertical-tab-width { width:20%; } .tab-data-width { width:80%; margin-top:5px; } .fixed-width-tag-box .dx-tag-content { width: 120px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .first-grid-column .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type, .first-grid-column .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .first-grid-column .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type { padding-left: 13px; padding-top: 9px; padding-bottom: 9px; } #reportExcelOutputPopupGrid td.dx-command-drag { padding-left: 13px; padding-top: 5px !important; padding-bottom: 5px !important; } #reportExcelOutputPopupGrid .numberColumn .dx-texteditor-input { text-align: right; } /*trade-dashboard css start*/ .trader-dashboard-buttons { margin-left: 30px; margin-top: 8px; } .import-data-btn-margin{ margin-bottom:7px; } .report-input-popup-width{ width:100% !important; } .report-input-bottom-button{ bottom:20px !important; } /*trader-dashboard css end*/ /*credit-dashboard css start*/ .credit-dashboard-overflow { overflow-y: auto; margin-top: 8px !important; background: #EFEFEF; } /*credit-dashboard css end*/ /*********Power BI css*************/ .report-file-width{ width:92%; } .server-reports-grid-width { width:100%; } .power-bi-designer-container { width:100%; height:100%; } phoenixtoolbar#powerBiDesignerToolbar .MarginLeftWithoutSeparator{ margin-left:-5px; } /*********end Power BI css*************/ /*!**********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/admin.css ***! \**********************************************************************************************************************************************************************************************************************/ /*******login history css*****/ .grid-area.login-body-history-grid-height { height: calc(100% - 127px); } .data-Filters.login-history-container { /*width: 65%;*/ margin-left:30px; } .refreshable-btn dx-button { position: absolute; right: 25px; } .refreshable-btn dx-button .dx-icon { font-size: 12px; } .refreshable-btn .dx-dropdowneditor-button { width: 30px; padding: 0; margin: 0; } .refreshable-btn .dx-template-wrapper.dx-button-content { text-align: left; } /*Devexteme Version: 19.2.3*/ .refreshable-btn .dx-template-wrapper .refresh-icon { /*margin-left: 5px; margin-right: 5px;*/ margin-top:9px; } /*.refreshable-btn .dx-template-wrapper .dx-dropdowneditor-icon.dropdown-icon { display: inline; }*/ .refreshable-btn .dx-template-wrapper .dx-dropdowneditor-icon.dropdown-icon:before { width: 30px; } .refreshable-btn .dx-template-wrapper .refresh-margin { margin-top: 9px; } .refreshable-btn .dx-template-wrapper .dx-dropdowneditor-icon:before { margin-left: -5px; } /*******end login history css*****/ /******audit css********/ .data-Filters.audit-container { /*width: 65%;*/ margin-left:40px; } .udt-dropdown { width: 400px; } .tree-area.audit-grid-height { height: calc(100% - 130px); } .grid-area.table-audit-data-grid-height { height: calc(100% - 190px); } .data-Filters.table-audit-data-container { /*width: 67%;*/ margin-left:30px; } .margin-for-udt-dropdown { margin-left: 20px; } .table-audit-data-margin-left { margin-left: 40px; } .grid-area.table-audit-data-grid-height .dx-datagrid-headers .dx-datagrid-table .dx-row:first-child td{ border-bottom:1px solid #e0e0e0; } /*@media screen and (max-width: 1270px) { .data-Filters.audit-container { width: 85%; } } @media screen and (max-width:1355px) and (min-width: 1271px) { .data-Filters.audit-container { width: 80%; } } @media screen and (max-width:1465px) and (min-width:1356px) { .data-Filters.audit-container { width: 75%; } } @media screen and (max-width:1560px) and (min-width:1466px){ .data-Filters.audit-container { width: 70%; } }*/ /*@media screen and (max-width:1326px) and (min-width:1295px){ .data-Filters.table-audit-data-container { width: 83%; } } @media screen and (max-width:1412px) and (min-width:1327px){ .data-Filters.table-audit-data-container { width: 80%; } } @media screen and (max-width:1511px) and (min-width:1413px){ .data-Filters.table-audit-data-container { width: 75%; } } @media screen and (max-width:1578px) and (min-width:1512px){ .data-Filters.table-audit-data-container { width: 70%; } } @media screen and (max-width:1511px) and (min-width:1512px){ .data-Filters.table-audit-data-container { width: 70%; } }*/ /*****end audit css******/ /*Security Module css*/ .user-swap-grid-buttons{ /*margin-bottom: 5px;*/ margin-left: 10px; } .grid-area.roles{ margin-left:40px; } .security-swap-accordion-workgroup-margin { margin-left: 4.5% !important; } .security-tab-margin { padding-top: 44px; height: 100%; } /*.security-detail-pane-height { height: 1000px; }*/ .tab-content { height:100%; } .security-toolbar-margin { margin-top: -92px; } .security-grid-margin { padding-top: 55px; height: 100%; } .security-password-policy-label-top-margin { margin-top:30px !important; } .security-grid-height { height: 100%; } .object-rights-workgroup-field-margin { margin-left:22px; } .object-rights-field-width { width: 50%; } .grid-area.object-rights-grid { height: calc(100% - 55px); } .grid-area.security-grid-area { height: 100%; } .security-locked-status-label { font-size: 13px; color: #666668; font-weight: normal; margin-bottom: 0; } .security-label-field-checkbox-margin { margin-top: -23px !important; } .security-password-expiry-field-margin { margin-top: 2%; } .security-special-character-label-margin { margin-right: 5%; } .security-checkbox-field-small-resolution { margin: 7px 0px 0px 0px; } .security-checkbox-field-large-resolution { margin: 2px 25px 0px 0px; } .password-policy-button-margin { margin-bottom:120px; } .password-policy-checkbox-padding { padding-left:30px !important; } /*Secirity Module data rights css start*/ .max-width-grid { max-width: calc(100% - 30px) !important; } .hidden-cell-override .dx-hidden-cell { visibility: inherit !important; } .grid-button-size .dx-data-row .dx-template-wrapper .dx-button.dx-button-has-icon { /*height: 27px !important; width: 27px !important; min-width: 27px !important;*/ /*height: 100% !important; width: 100% !important; min-width: 100% !important; overflow: visible;*/ height: auto !important; width: auto !important; min-width: auto !important; overflow: visible; } .grid-button-padding .dx-data-row .dx-button.dx-button-has-icon .dx-button-content { /*padding: 0px 4px 0px 4px !important; height: 100%; background-color: #fff; border-radius: 50%;*/ padding: 0px 4px 0px 4px !important; height: auto; background-color: #fff; border-radius: 50%; } .grid-button-padding .dx-data-row .dx-button.dx-button-has-icon.dx-state-hover .dx-button-content { background-color: #ebebeb !important; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24) !important; } .grid-button-padding .dx-data-row .dx-button.dx-button-has-icon { background-color: transparent !important; } .max-width-column { max-width: 30px !important; } /*Secirity Module data rights css end*/ /*Secirity Module css end*/ /*usergroup css*/ .usergroup-select-button-field { margin-left: 6.5% !important; } /*usergroup end*/ /*Predefined folder css start*/ .prdefined-connection-parameter-container { display:inline-flex; flex-direction:row; width:100%; align-items:center; margin: 7px 0px; } .predefined-connection-parameter-label-width { width: 20% !important; } .predefined-search-label-width{ width:10% !important; } .predefined-connection-parameter-checkbox-margin { margin-left:5%; } .predefined-connection-parameter-button-margin { margin-left:20%; } .predefined-tree-grid-margin { margin-right: 3%; } .predefined-refresh-button-margin { margin-bottom:10% !important; } /*Predefined folder path popup*/ .treeViewBorder { border: solid 1px lightgray; border-radius: 5px; padding: 5px; } /*Predefined folder css end*/ /*Licence popup css start*/ .licence-popup-container { display:inline-flex; flex-direction:row; width:100%; align-items:center; margin: 7px 0px; } .licence-label-width { width:13% !important; } .licence-textfield-margin { margin-right:2%; } .licence-field-label { font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; } .licence-no-of-user-width { width: 12.5%; } .licence-valid-from-width { width:12%; } .licence-valid-from-field-margin { margin-right:2%; } /*setting css start*/ .system-settings-vertical-tab-width { width:22%; } .system-settings-vertical-tab-data-width { width:78%; } .config-settings-vertical-tab-width { width:20%; } .config-settings-vertical-tab-data-width { width:80%; } .popup-toolbar-container .commontoolbar { position: relative; top: 0; left: 0; right: 0; } .popup-toolbar-container .commontoolbar dx-toolbar { display: inline-block; } .popup-toolbar-container .commontoolbar .btn.btn-closeBtn { position: relative; top: unset; right: unset; margin-left: 0; float: right; } .settings-common-toolbar { /*margin-top: 15px;*/ width: 975px; } #settingspopup { margin-top: 40px; } #settingspopup .MarginLeftWithoutSeparator { margin-left: 8px !important; } #settingspopup .form-container .form-fieldset { margin: 10px !important; } #settingspopup .popup-toolbar-container { position: absolute; left: 0px; right: 0px; top: 45px; } .system-settings-field-width { width:50%; margin: 5px 25px 0px 0px; } .system-settings-data-flex { display:flex; } .for-user-field-width { margin-left: 8%; width: 10%; } .powerbi-report-settings-tabs-padding { padding: 5px; } .powerbi-label-width { width:25%; } .config-settings-offline-access-labes-width { width:10%; } .config-settings-left-field-width { width:70%; margin: 5px 25px 0px 0px; } .config-settings-right-field-width { width:30%; margin: 5px 25px 0px 0px; } .config-settings-password-label-margin { margin-left:4%; } .config-settings-label-width { width:20%; } .config-settings-data-source-label-width { width:30%; } .setup-details-top-padding { padding-top: 10px; } .setup-details-data-overflow { overflow-y:auto; } .setup-details-label-width { width:30%; } .setup-details-grid-padding { padding-top: 10px; } .setup-details-interest-rate-label-width { width:10%; } .setup-details-interest-rate-margin { margin-left:4%; } .setup-details-code-master-width { width:90%; } .setup-details-inline-code-master-width { width:90%; } .setup-details-vertical-tab-width { width: 20%; } .setup-details-vertical-tab-data-width { width: 80%; } .email-settings-use-password-width { width: 40%; } .email-settings-sender-password-width{ width:60%; } .config-migration-tab-height { height: 250px; } /*setting css end*/ /*******Code Master css********/ .grid-area.code-master-grid-height { height: calc(100% - 100px); } .data-Filters.code-master-container { /*width: 50%;*/ margin-left:30px; } .code-master-popup-checkbox-width{ width:50%; } /*.filter-selectbox-width{ width:38%; }*/ /*******End Code Master css********/ /****Setup details rating tab css *******/ .tabcontainer .tab-content > .tab-pane #Rating { overflow-y: hidden; } .widthRatingDerived { width: 47.3%; margin: 5px 25px 0px 0px; } /*Align batch settings*/ .aligne-label { font-size: 14px; color: #666668; font-weight: bold; } .migration-settings-data-overflow { overflow-y: scroll; max-height: 228px; } /*!**********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/tools.css ***! \**********************************************************************************************************************************************************************************************************************/ /******batch history css*****/ .tree-area.batch-history-grid-height { /*height: calc(100% - 95px);*/ height: calc(100% - 110px); } .data-Filters.batches-history-container { width: auto; margin-left: 40px; height: auto; } .data-Filters.batch-history-container-multi-select-dropdown { margin-left: 10px; width: auto; height: auto; } .filter-btn-alignment-aply-filter { align-self: center; margin-left: 10px; margin-right: 40px; } .dx-texteditor-input-container-batchname { width: 430px; } .dx-radio-value-container { display: table-cell; padding-right: 10px; padding-left: 5px; vertical-align: top; } .data-Filters .form-fieldset .inline-data-margin-date-range { margin-left: 40px; margin-bottom: 25px; margin-top: -10px; margin-right: 15px; } .dx-selectbox-container-batchname { position: relative; width: 325px; } .data-Filters .form-fieldset .inline-data-margin-date-range-to { margin-left: 40px; margin-bottom: 5px; margin-top: -30px; margin-right: 15px; font-weight: normal; } .to-without-bold { font-weight: normal !important; } .data-Filters .form-fieldset .inline-data-margin-batchname { margin-left: 2px; margin-bottom: -5px; } .data-Filters .form-fieldset .inline-data-margin-last { margin-left: 25px; width: 100px; } .data-Filters .form-fieldset .inline-data-margin-days { margin-left: -10px; } .form-container .form-fieldset .fieldset-container-large-resolution .inline-flex-align { flex-direction: row; } /********************* Hide in Batch History CSS ****************/ .batch-history-menu { position: absolute; right: 58px; top: 17px; } .dx-field .show-selected-batches { width: 60%; position: relative; top: 18px; left: 20px; font-size: 13px; color: #237ccf; font-weight: normal; margin-bottom: 0; overflow: initial; } .batch-history-close { position: absolute; right: 20px; top: 17px; } #hidebatch-grid-source { height: 200px; } /***************************************************************/ /*.batch-history-hide:hover { overflow-y: scroll; }*/ .data-Filters.batch-history-container { /*width: 55%;*/ margin-left: inherit; } /*.archivedEmailTreeList .radio-group-label { margin-top: 4px; }*/ .apply-filter-btn { margin-top: 14px; margin-left: 10px; } .copy-file-btn { display: inline-block; /*width: 22px; float: right !important; margin-top: -21px;*/ } .copy-file-btn .dx-button-content { padding: 0px; } .file-path { /*width: 250px;*/ overflow: hidden; text-overflow: ellipsis; /*display: inline-block;*/ } .copy-file-btn .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) { border-radius: 0%; } .batch-module-text-center { text-align: center; } .batch-module-text-center i { font-size: 20px; } .batch-history-status { height: 17px; width: 20px; margin-right: 5px; } .batch-history-status-inline { display: inline-block; } .stop-batch-group { align-self: center; /*margin-right: 3rem;*/ } .flex-filter { flex: 1; } .caret-position { margin-left: 1rem !important; } .hover-class { cursor: pointer; } /*@media (max-width:768px) { .data-Filters.batch-history-container { width: 70%; } }*/ .Batch-History-Toolbar-Container { display: inline-flex; width: 20rem; } .stop-batch-btn { padding-top: 3px; padding-bottom: 3px; } .close-icon-grey-batchhistory { height: 18px !important; left: 6rem; width: 18px !important; min-width: 18px !important; } .stop-batch-btn-group { margin-left: 36px; } /******end batch history css*****/ /*****log css*****/ .data-Filters.activity-log-container { /*width: 53%;*/ margin-left: 30px; } .data-Filters.event-log-container { /*width: 51%;*/ margin-left: 30px; } /*.activity-log-right-side-container { width: 10%; margin-top: 8px; }*/ .grid-area.activity-log-grid-height { height: calc(100% - 140px); } .grid-area.event-log-grid-height { height: calc(100% - 140px); } @media (max-width:768px) { .data-Filters.activity-log-container { width: 50%; } .activity-log-right-side-container { width: 25%; } .data-Filters.event-log-container { width: 87%; } } .log-tabs { height: inherit; } .event-log-grid { height: calc(100% - 100px); } .date-box-padding input.dx-texteditor-input { padding-bottom: 4px !important; } .grid-area-without-toolbar .dx-datagrid-rowsview .dx-row.dx-row-lines > td.addPadding { padding-top: 0px; padding-bottom: 0px; } /*****end log css****/ /*Batch Module*/ .number-box-validation .dx-invalid-message > .dx-overlay-content { background-color: #d9534f; padding: 10px 10px 10px 10px; color: #fff; border-radius: 4px; width: max-content !important; max-width: max-content !important; } .number-box-validation .dx-texteditor.dx-invalid.dx-editor-underlined .dx-texteditor-input, .number-box-validation .dx-texteditor.dx-valid.dx-editor-underlined .dx-texteditor-input { padding-right: 30px !important; } .number-box-validation input.dx-texteditor-input { padding-right: 30px !important; } .batch-border-for-list { border: 1px solid #e0e6e8; } .batch-list-select-box-container { display: table-cell; width: 40%; } .batch-select-box-width { width: 60%; } /*#batchListElement .dx-list-item-content, .dx-list .dx-empty-message { display: table; }*/ #batchListElement .dx-list-item:last-of-type { width: 100%; display: inline-table; } #batchListElement .padding-batch-list-controls { padding-left: 7px; padding-right: 2px; display: table-cell; } /*Dipika*/ #batchListElement .dx-list-item-content { font-size: 12px; padding: 0px 10px !important; } .batch-locked-status-label { font-size: 13px; color: #666668; font-weight: normal; margin-bottom: 0; padding-right: 11px; } .list-item-style { border-bottom: 1px solid #ddd; color: #333; } .batch-button-field { display: table-cell; } .batch-schedule-label-margin { margin-left: 2.5%; } .batch-select-box-margin { margin-top: 5px; } .batch-list-label-width { width: 26%; padding-left: 30px; padding-right: 10px; margin-right: 60px; } .batch-list-label-box { position: relative; top: 5px; } .batch-labels-fieldset { align-self: center; height: 25px; /*margin-bottom: -8px;*/ } .batch-timeout-popup-field-margin { margin-right: 2%; } .batch-run-as-user-label-margin { margin-right: 3.5%; } .batch-schedules-grid-label-margin { margin-left: 3.5%; } .batch-advance-grid-buttons { margin-top: 20px; } .batch-field-width { width: 30%; } .batch-schedule-name-field { margin-left: 2.5%; width: 77%; } .batch-enable-checkbox { margin-left: 10%; } .batch-frequency-label { margin-left: 29%; } .batch-frequency-field { margin-left: 2.5%; width: 28%; } .batch-start-date-field { margin-left: 8%; width: 28%; } .batch-end-date-label { margin-left: 4%; } .batch-end-date-field { margin-left: 4.5%; width: 28%; } .batch-day-of-week-field { margin-left: 6%; width: 28%; } .batch-repeat-checkbox { margin-left: 11%; } .batch-interval-until-field-margin { margin-left: 21.5% !important; } .batch-hrs-until-label { margin-left: 12.5%; } .batch-hrs-label { margin-right: 5.5%; } .batch-interval-field { width: 10%; margin-right: 3%; } #batch-interval .dx-invalid-message > .dx-overlay-content { max-width: 150px !important; } #batch-interval .dx-invalid-message { width: 150px; } .batch-interval-mins-field { width: 10%; } .batch-until-field-label { margin-right: 3.5%; } /*.batch-select-box-margin.dx-texteditor.dx-editor-underlined .dx-texteditor-input { padding-right: 24px !important; }*/ .batch-timeout-popup-field-margin.tabs { width: 78%; margin-left: 23%; margin-top: -60px; } .batchTabcontainer { margin-left: 10%; width: 80%; } .batch-input-with-button { width: 93%; } #batch_ENAlerts { margin-top: -46px; margin-left: 200px; } .tbatch { width: 26%; margin-left: -44px; } .batch-schedule-popup .dx-overlay-content.dx-popup-normal.dx-resizable { transform: translateY(calc(100% - 80%)) !important; left: 25% !important; } .dx-timeview-field .number-box-spin .dx-numberbox-spin-container { height: 30px; } .dx-timeview-field .dx-numberbox-spin-up-icon:before, .number-box-spin .dx-numberbox-spin-down-icon:before { top: 20%; } /*Batch Module End*/ /*Import-Export Module css start*/ .import-export-module-top-padding { padding-top: 10px; } .import-export-popup-folder-button-margin { margin-left: 2%; } .import-export-inline-field { width: 20%; /*margin: 5px 25px 0px 0px;*/ margin: 0px 25px 0px 0px; } .import-export-inline-label-field { width: 20%; margin: 5px 25px 0px 0px; } .import-json-label-field { width: 55%; margin: 0px 25px 0px 0px; } .import-export-data-field-width { width: 60%; } .import-inline-field { width: 25%; margin: 0px 65px 0px 0px; } .import-module-inline-field { width: 50%; margin: 0px 25px 0px 0px; } .import-export-object-field-margin { margin-top: -5px; } .import-file-path-btn { height: 30px; min-width: 32px; } .import-file-path-btn.dx-button .dx-button-content { padding: 0px; } .import-export-folder-path { width: 39%; } .import-json-inline-field { display: flex; flex-direction: row; flex-wrap: nowrap; margin-top: -9px; } .export-file-path { width: 40%; } .import-module-width { width: 100%; margin-top: 5px; } .label-margin.form-container .form-fieldset .dx-field-label { margin-bottom: -8px; } .import-export-margin.form-container .form-fieldset { margin: 5px 10px; } .import-tab-margin-top { margin-top: 5px; } .export-folder-path-margin { margin-top: -5px !important; } /*Import-Export Module css End*/ /*********Email Configuration Css***************/ .email-name-width { width: 40%; } .rule-email-violated-subject-width { margin-left:24px; width: 70%; } .rule-email-passed-subject-width { margin-left: 55px; width: 70%; } .inline-rule-alias1-data-margin { margin-left: 04px; } .inline-rule-alias2-data-margin { margin-left: 05px; } .email-name-descrip { width: 30%; } .body-textarea-btn { position: absolute; width: 38px; display: inline-block; } .body-textarea { display: inline-block; width: 96%; } #email-toolbar .commontoolbar.MarginLeftCommonToolbar { margin-left: 0px; } .custom-item > img { left: 5px; position: absolute; top: 50%; margin-top: -15px; background-color: #696969; height: 30px; width: 30px; } .custom-item .product-name { display: inline-block; /*margin-left: 45px;*/ text-indent: 0; line-height: 24px; font-size: 12px; } .external-file-path-textbox { display: inline-block; width: 330px; } .external-file-path-btn { margin-top: -15px; } .row-selection-select-box { width: 100px; display: inline-block; } .row-selection-number-box { width: 50px; display: inline-block; } .column-selection-style-text-box { width: 240px; display: inline-block; } .table-style-textbox-width { width: 94%; } .email-address-data-filter-content { width: 30%; } .emailAdressPopup .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child { max-width: 300px !important; } .email-preview-popup-bottom-buttons { padding-top: 10px; text-align: center; } .email-condition-field-width { align-self: baseline; flex: 3; margin-left: 330px; } .email-item-output-inline-label { width: 28%; } .table-alias-column-selection-filter { width: 45%; } .dx-header-row td.seqLeftAlign { text-align: left !important; } .dottedLine { cursor: pointer; border-bottom: 1px dashed; text-decoration: none; } a.dottedLine:hover { text-decoration: none; } .default-date-format-margin { margin-left: 45px; } /* Override css for advanced batch config popup */ /*.email-font { font-size : 18px !important; }*/ .batchtabpadding { /*padding: 0px 0px 50px 0px !important;*/ width: 97.3% !important; } .adv-batch-config-popup { margin-left: 1%; } .adv-batch-config-popup .email-text-box-with-button { width: 95.5%; } .label-width-manage .email-name-width { width: 45%; } .adv-batch-config-popup .email-text-box-split { width: 46.7%; position: relative; } .adv-batch-config-popup .form-container .form-fieldset .inline-data-margin-left { margin-left: -57px; } .adv-batch-config-popup .form-container .form-fieldset .inline-data-margin-right { margin-left: -2px; } /* Override css for advanced batch config popup */ .email-text-box-with-button { width: 95.4%; } .email-text-box-with-button-descrip { width: 85.5%; } .email-text-box-split { width: 47.5%; position: relative; } .field-label-descrip { width: 100%; font-size: 12px; color: rgba(0, 0, 0, 0.3); margin-left: 180px; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; font-weight: 100; letter-spacing: 0.04em; } .inline-data-margin-left { margin-left: 45px; } .inline-data-margin-right { margin-left: 85px; } .grid-area.header-bottom-line .dx-datagrid-headers .dx-datagrid-table .dx-row:first-child td { border-bottom: 1px solid #e0e0e0; } .email-number-box .dx-numberbox-spin-container { height: 25px; } .email-number-box .dx-numberbox-spin-up-icon:before, .data-Filters .dx-numberbox-spin-down-icon:before { top: 20%; } .hide-revert-btn .dx-datagrid-revert-tooltip { display: none; } .tag-textbox-width { width: 94%; } /*************End Email Configuration Css********************/ /************Archived Email Css***************/ .date-filters-width { /*width: 55%;*/ align-items: center; } .content-filter-width { /*width: 30%;*/ width: 25%; margin-left: 10px; } .content-filter-input-width { width: 43%; } .tree-list-container { width: 30%; height: 100%; } .archivedEmailTreeList { border: 1px solid #e0e0e0; height: calc(100% - 195px); border-radius: 2px; overflow: auto; margin-top: 3px; } .archived-email-container { height: 100%; width: 100%; overflow: auto; margin-top: 10px; display: inline-flex; } .archived-email-detail-container { width: 70%; height: 100%; margin-left: 10px; overflow: auto; } .archived-email-title { border: 1px solid #e0e0e0; background-color: #f7f5f4; } .archived-email-label { width: 15%; margin-bottom: 0px; } .archived-email-input-value { width: 30%; } .archivedEmailAttachmentListBox { border: 1px solid #a9a9a9; height: 60px; border-radius: 2px; overflow: auto; } .archivedEmailAttachmentListBox .dx-list-item { display: inline-block; vertical-align: top; width: auto; } .archived-email-input-max-width { width: 80%; } .email-body-container { margin-top: 10px; border: 1px solid #e0e0e0; /*height: calc(100% - 425px);*/ line-height: 14.285px; } .sent-status-size { /*font-size: 20px;*/ font-size: 18px; } phoenixtoolbar#email-popup-toolbar .MarginLeftCommonToolbar { margin-left: 0px; } .content-control-width { /*width:77%;*/ width: 65%; } .contains-textbox-margin { margin-left: 50px; } .sent-on-status-label { width: 6%; margin-bottom: 0px; margin-left: 15px; } .resend-email-name { font-size: 13px; width: 190px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .send-on-font-size { font-size: 13px; } .email-name-overflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .archived-email-popover .dx-overlay-content .dx-popup-content > .dx-template-wrapper { white-space: nowrap; } @media (max-width:768px) { .date-filters-width { width: 91%; } .content-filter-width { width: 18%; } } /************End Archived Email Css***************/ /***************Email Config Css start -Tejas********************************/ .emailConfigStickyTab { top: 40px; position: sticky; z-index: 1000; } #scrollview { position: absolute; width: 94.5%; height: 72%; } .emailconfigGrid .dx-datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-input { height: 20px; line-height: 20px; } .emailconfigGrid .dx-texteditor-container { line-height: 20px !important; } .emailconfigGrid .external-file-path-btn { margin-top: 0px; } .emailconfigGrid .dx-button { height: 20px !important; } .emailconfigGrid .dx-button-has-icon { min-width: 24px !important; } .emailconfigGrid .dx-data-row .dx-button.dx-button-has-icon .dx-button-content { padding: 0px !important; } .emailconfigGrid .dx-button-has-icon .dx-icon { width: 18px !important; height: 20px !important; font-size: 16px !important; line-height: 20px !important; } /*.grid-area-without-toolbar.emailconfigGrid .dx-datagrid .dx-row > td { padding-top: 4px !important; padding-bottom: 4px !important; }*/ .attachent-hand-icon-hover a:hover, a:focus { cursor: pointer; } .emailconfigGrid .external-attachment-filepath { display: inline-flex; } .emailconfigGrid .external-attachment-filepath .external-file-path-btn { margin-top: 0px; } .email-margin { margin-left: 10px; align-self: center; } .table-style-preview-margin { margin-left: 17%; } .colSelectionGridContainer { display: inline-flex; width: 92%; flex-direction: row; align-items: center; } .colSelectionGridButtons { margin: 0px 0px 70px 10px; width: 14%; display: inline-flex; flex-direction: column; align-items: center; } .PreviewPopup .dx-scrollable { height: 97%; } .PreviewPopup .dx-popup-content { padding: 15px 15px !important; } .preview-alias-50rows { padding: 10px; } /*.colSelectionGridContainer tr.dx-row.dx-data-row.dx-row-lines.dx-row-focused > td { background: #337ab7; color: white; }*/ .email-selection-button-icon img.dx-icon { width: 24px !important; } dx-button.email-selection-button-icon img { filter: opacity(0.5); } /***************Email Config Css End -Tejas********************************/ /************ Batch Advance Configuration CSS start -Tejas ***************************/ .batchStickyTab { position: sticky; z-index: 1000; } .adv-batch-config-popup #scrollview { position: unset; width: 100%; height: 100%; z-index: 1000; } .rule-email-config-popup #scrollview { position: absolute; width: 97%; height: 65% } .adv-batch-config-popup .emailConfigStickyTab { position: unset; top: 0px; } .adv-batch-ruleattachment-button { margin-top: -15px; float: right; } .ruleattachment-msg{ color:red; } /************ Batch Advance Configuration CSS End -Tejas ***************************/ /*Batch history*/ .filter-check box { margin-bottom: 5px; margin-left: 4px; width: 241px; } button.btn.disable-button-properties { background-color: white; pointer-events: none; border: 1px solid #ccc; } .batch-interval-field .dx-texteditor.dx-invalid .dx-texteditor-input-container:after, .batch-interval-mins-field .dx-texteditor.dx-invalid .dx-texteditor-input-container:after { right: 11.5px; } #ExceptionReportPopupMain .dx-overlay-wrapper.dx-loadpanel-wrapper.dx-overlay-shader { background-color: rgb(0, 0, 0,0) !important; } /*Align Batch Popup*/ .alignBatch-area .dx-field-label { color: rgba(0, 0, 0, 0.87); font-size: 14px; } .aligne-font { font-size: 11px; font-weight: lighter; } /*MySettings Popup CSS*/ .Api-Tokens-grid-row-button { height: 25px; margin-top: -8px; } .Api-Tokens-grid-row-button .dx-link { color: #03A9F4 !important } .hide-close-button .close-icon-grey { visibility: hidden; } .hide-close-button .commontoolbar .dx-toolbar-after { right: 0px; /*top: 50px*/ /*margin-top: -40px; margin-left: -45px;*/ } .toolbarsetting { margin-top: -55px; margin-left: -45px; padding-left:25px; } /***GL Panel CSS***/ .data-Filters.glpanel-container { margin-left: inherit; } .glpanel-grid .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { padding: inherit; } /*FileLogs css*/ .log-textarea { width: 70%; margin-right: 2%; } .log-area-height { height: calc(100% - 140px); } .filelog-connection-parameter-container { display: inline-flex; flex-direction: row; width: 100%; align-items: center; margin: 7px 0px; margin-left: 2% } .text-area-border { border: solid 1px lightgray; border-radius: 5px; padding: 5px; } .date-inline-data-margin { margin-left: 10px; } .log-tree-grid-margin { margin-right: 1%; } .log-div-margin-left { margin-left: 2%; } .col-md-12-padding { padding-left: 5px; padding-right: 5px; } .col-md-8-padding { padding-left: 5px; padding-right: 5px; } .search-box-area { width: 100%; height: 40px; } .log-search-Box-padding .dx-texteditor.dx-editor-underlined.dx-show-clear-button .dx-texteditor-input { padding: 8px 0px 8px 25px; } /************User Defined System Variable CSS******************/ .user-variable-selectbox input.dx-texteditor-input { text-align: left !important; } .settings-common-toolbar .commontoolbar .dx-toolbar-after { right: 0px; } .batch-variables-grid-row-height .dx-datagrid .dx-row > td { padding-top: 0px; padding-bottom: 0px; } .userdefined-variables .dx-datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-input { height: 22px; line-height: 30px; } .batch-variable-checkbox .dx-checkbox-container { padding-right: 97px; } /*************** Errorbox Css ********************************/ .errorbox-popup .dx-popup-content { padding: 12px !important; } .description-box { height: 35px !important; /*white-space: nowrap; overflow: scroll;*/ overflow:auto; } /*************** ImportExport Loader Css ********************************/ #ImportExport > div.dx-overlay-wrapper.dx-overlay-shader.dx-loadpanel-wrapper > div > div > div.dx-loadpanel-message { display: block !important; color: dodgerblue; font-weight: bold; } #ImportExport > div.dx-overlay-wrapper.dx-overlay-shader.dx-loadpanel-wrapper > div { overflow: visible !important; display: contents !important; } #closePopoverIcon { position: absolute; top: 12px; right: 11px; } #scrollviewEmail { position: absolute; width: 95%; height: 72%; left: 2%; } /*!*********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/external/draw2dtouch/css/contextmenu.css ***! \*********************************************************************************************************************************************************************************************************************************************/ /*! * jQuery contextMenu - Plugin for simple contextMenu handling * * Version: 1.5.24 * * Authors: Rodney Rehm, Addy Osmani (patches for FF) * Web: http://medialize.github.com/jQuery-contextMenu/ * * Licensed under * MIT License http://www.opensource.org/licenses/mit-license * GPL v3 http://opensource.org/licenses/GPL-3.0 * */ .context-menu-list { margin:0; padding:0; min-width: 120px; max-width: 250px; display: inline-block; position: absolute; list-style-type: none; border: 1px solid #DDD; background: #EEE; -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } .context-menu-item { padding: 2px 2px 2px 24px; background-color: #EEE; position: relative; -webkit-user-select: none; user-select: none; } .context-menu-separator { padding-bottom:0; border-bottom: 1px solid #DDD; } .context-menu-item > label > input, .context-menu-item > label > textarea { -webkit-user-select: text; user-select: text; } .context-menu-item.hover { cursor: pointer; background-color: #39F; } .context-menu-item.disabled { color: #666; } .context-menu-input.hover, .context-menu-item.disabled.hover { cursor: default; background-color: #EEE; } .context-menu-submenu:after { content: ">"; color: #666; position: absolute; top: 0; right: 3px; z-index: 1; } /* icons #protip: In case you want to use sprites for icons (which I would suggest you do) have a look at http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement .context-menu-item.icon:before {} */ .context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; } .context-menu-item.icon-edit { background-image: url(/assets/images/page_white_edit.png); } .context-menu-item.icon-cut { background-image: url(/assets/images/cut.png); } .context-menu-item.icon-copy { background-image: url(/assets/images/page_white_copy.png); } .context-menu-item.icon-paste { background-image: url(/assets/images/page_white_paste.png); } .context-menu-item.icon-delete { background-image: url(/assets/images/page_white_delete.png); } .context-menu-item.icon-add { background-image: url(/assets/images/page_white_add.png); } .context-menu-item.icon-quit { background-image: url(/assets/images/door.png); } /* vertically align inside labels */ .context-menu-input > label > * { vertical-align: top; } /* position checkboxes and radios as icons */ .context-menu-input > label > input[type="checkbox"], .context-menu-input > label > input[type="radio"] { margin-left: -17px; } .context-menu-input > label > span { margin-left: 5px; } .context-menu-input > label, .context-menu-input > label > input[type="text"], .context-menu-input > label > textarea, .context-menu-input > label > select { display: block; width: 100%; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .context-menu-input > label > textarea { height: 100px; } .context-menu-item > .context-menu-list { display: none; /* re-positioned by js */ right: -5px; top: 5px; } .context-menu-item.hover > .context-menu-list { display: block; } .context-menu-accesskey { text-decoration: underline; } /*!************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/intl-tel-input/build/css/intlTelInput.css ***! \************************************************************************************************************************************************************************************************************************************************/ .intl-tel-input { position: relative; display: inline-block; } .intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box; } .intl-tel-input .hide { display: none; } .intl-tel-input .v-hide { visibility: hidden; } .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .intl-tel-input .flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .intl-tel-input .selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .intl-tel-input .selected-flag .iti-arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid #555; } .intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; } .intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; } @media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } } .intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .intl-tel-input .country-list .country { padding: 5px 10px; } .intl-tel-input .country-list .country .dial-code { color: #999; } .intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; } .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { right: auto; left: 0; } .intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; } .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; } .intl-tel-input.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.separate-dial-code .selected-dial-code { margin-left: 6px; } .intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .intl-tel-input.iti-container:hover { cursor: pointer; } .iti-mobile .intl-tel-input.iti-container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; } .iti-mobile .intl-tel-input .country-list .country { padding: 10px 10px; line-height: 1.5em; } .iti-flag { width: 20px; } .iti-flag.be { width: 18px; } .iti-flag.ch { width: 15px; } .iti-flag.mc { width: 19px; } .iti-flag.ne { width: 18px; } .iti-flag.np { width: 13px; } .iti-flag.va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti-flag { background-size: 5652px 15px; } } .iti-flag.ac { height: 10px; background-position: 0px 0px; } .iti-flag.ad { height: 14px; background-position: -22px 0px; } .iti-flag.ae { height: 10px; background-position: -44px 0px; } .iti-flag.af { height: 14px; background-position: -66px 0px; } .iti-flag.ag { height: 14px; background-position: -88px 0px; } .iti-flag.ai { height: 10px; background-position: -110px 0px; } .iti-flag.al { height: 15px; background-position: -132px 0px; } .iti-flag.am { height: 10px; background-position: -154px 0px; } .iti-flag.ao { height: 14px; background-position: -176px 0px; } .iti-flag.aq { height: 14px; background-position: -198px 0px; } .iti-flag.ar { height: 13px; background-position: -220px 0px; } .iti-flag.as { height: 10px; background-position: -242px 0px; } .iti-flag.at { height: 14px; background-position: -264px 0px; } .iti-flag.au { height: 10px; background-position: -286px 0px; } .iti-flag.aw { height: 14px; background-position: -308px 0px; } .iti-flag.ax { height: 13px; background-position: -330px 0px; } .iti-flag.az { height: 10px; background-position: -352px 0px; } .iti-flag.ba { height: 10px; background-position: -374px 0px; } .iti-flag.bb { height: 14px; background-position: -396px 0px; } .iti-flag.bd { height: 12px; background-position: -418px 0px; } .iti-flag.be { height: 15px; background-position: -440px 0px; } .iti-flag.bf { height: 14px; background-position: -460px 0px; } .iti-flag.bg { height: 12px; background-position: -482px 0px; } .iti-flag.bh { height: 12px; background-position: -504px 0px; } .iti-flag.bi { height: 12px; background-position: -526px 0px; } .iti-flag.bj { height: 14px; background-position: -548px 0px; } .iti-flag.bl { height: 14px; background-position: -570px 0px; } .iti-flag.bm { height: 10px; background-position: -592px 0px; } .iti-flag.bn { height: 10px; background-position: -614px 0px; } .iti-flag.bo { height: 14px; background-position: -636px 0px; } .iti-flag.bq { height: 14px; background-position: -658px 0px; } .iti-flag.br { height: 14px; background-position: -680px 0px; } .iti-flag.bs { height: 10px; background-position: -702px 0px; } .iti-flag.bt { height: 14px; background-position: -724px 0px; } .iti-flag.bv { height: 15px; background-position: -746px 0px; } .iti-flag.bw { height: 14px; background-position: -768px 0px; } .iti-flag.by { height: 10px; background-position: -790px 0px; } .iti-flag.bz { height: 14px; background-position: -812px 0px; } .iti-flag.ca { height: 10px; background-position: -834px 0px; } .iti-flag.cc { height: 10px; background-position: -856px 0px; } .iti-flag.cd { height: 15px; background-position: -878px 0px; } .iti-flag.cf { height: 14px; background-position: -900px 0px; } .iti-flag.cg { height: 14px; background-position: -922px 0px; } .iti-flag.ch { height: 15px; background-position: -944px 0px; } .iti-flag.ci { height: 14px; background-position: -961px 0px; } .iti-flag.ck { height: 10px; background-position: -983px 0px; } .iti-flag.cl { height: 14px; background-position: -1005px 0px; } .iti-flag.cm { height: 14px; background-position: -1027px 0px; } .iti-flag.cn { height: 14px; background-position: -1049px 0px; } .iti-flag.co { height: 14px; background-position: -1071px 0px; } .iti-flag.cp { height: 14px; background-position: -1093px 0px; } .iti-flag.cr { height: 12px; background-position: -1115px 0px; } .iti-flag.cu { height: 10px; background-position: -1137px 0px; } .iti-flag.cv { height: 12px; background-position: -1159px 0px; } .iti-flag.cw { height: 14px; background-position: -1181px 0px; } .iti-flag.cx { height: 10px; background-position: -1203px 0px; } .iti-flag.cy { height: 14px; background-position: -1225px 0px; } .iti-flag.cz { height: 14px; background-position: -1247px 0px; } .iti-flag.de { height: 12px; background-position: -1269px 0px; } .iti-flag.dg { height: 10px; background-position: -1291px 0px; } .iti-flag.dj { height: 14px; background-position: -1313px 0px; } .iti-flag.dk { height: 15px; background-position: -1335px 0px; } .iti-flag.dm { height: 10px; background-position: -1357px 0px; } .iti-flag.do { height: 14px; background-position: -1379px 0px; } .iti-flag.dz { height: 14px; background-position: -1401px 0px; } .iti-flag.ea { height: 14px; background-position: -1423px 0px; } .iti-flag.ec { height: 14px; background-position: -1445px 0px; } .iti-flag.ee { height: 13px; background-position: -1467px 0px; } .iti-flag.eg { height: 14px; background-position: -1489px 0px; } .iti-flag.eh { height: 10px; background-position: -1511px 0px; } .iti-flag.er { height: 10px; background-position: -1533px 0px; } .iti-flag.es { height: 14px; background-position: -1555px 0px; } .iti-flag.et { height: 10px; background-position: -1577px 0px; } .iti-flag.eu { height: 14px; background-position: -1599px 0px; } .iti-flag.fi { height: 12px; background-position: -1621px 0px; } .iti-flag.fj { height: 10px; background-position: -1643px 0px; } .iti-flag.fk { height: 10px; background-position: -1665px 0px; } .iti-flag.fm { height: 11px; background-position: -1687px 0px; } .iti-flag.fo { height: 15px; background-position: -1709px 0px; } .iti-flag.fr { height: 14px; background-position: -1731px 0px; } .iti-flag.ga { height: 15px; background-position: -1753px 0px; } .iti-flag.gb { height: 10px; background-position: -1775px 0px; } .iti-flag.gd { height: 12px; background-position: -1797px 0px; } .iti-flag.ge { height: 14px; background-position: -1819px 0px; } .iti-flag.gf { height: 14px; background-position: -1841px 0px; } .iti-flag.gg { height: 14px; background-position: -1863px 0px; } .iti-flag.gh { height: 14px; background-position: -1885px 0px; } .iti-flag.gi { height: 10px; background-position: -1907px 0px; } .iti-flag.gl { height: 14px; background-position: -1929px 0px; } .iti-flag.gm { height: 14px; background-position: -1951px 0px; } .iti-flag.gn { height: 14px; background-position: -1973px 0px; } .iti-flag.gp { height: 14px; background-position: -1995px 0px; } .iti-flag.gq { height: 14px; background-position: -2017px 0px; } .iti-flag.gr { height: 14px; background-position: -2039px 0px; } .iti-flag.gs { height: 10px; background-position: -2061px 0px; } .iti-flag.gt { height: 13px; background-position: -2083px 0px; } .iti-flag.gu { height: 11px; background-position: -2105px 0px; } .iti-flag.gw { height: 10px; background-position: -2127px 0px; } .iti-flag.gy { height: 12px; background-position: -2149px 0px; } .iti-flag.hk { height: 14px; background-position: -2171px 0px; } .iti-flag.hm { height: 10px; background-position: -2193px 0px; } .iti-flag.hn { height: 10px; background-position: -2215px 0px; } .iti-flag.hr { height: 10px; background-position: -2237px 0px; } .iti-flag.ht { height: 12px; background-position: -2259px 0px; } .iti-flag.hu { height: 10px; background-position: -2281px 0px; } .iti-flag.ic { height: 14px; background-position: -2303px 0px; } .iti-flag.id { height: 14px; background-position: -2325px 0px; } .iti-flag.ie { height: 10px; background-position: -2347px 0px; } .iti-flag.il { height: 15px; background-position: -2369px 0px; } .iti-flag.im { height: 10px; background-position: -2391px 0px; } .iti-flag.in { height: 14px; background-position: -2413px 0px; } .iti-flag.io { height: 10px; background-position: -2435px 0px; } .iti-flag.iq { height: 14px; background-position: -2457px 0px; } .iti-flag.ir { height: 12px; background-position: -2479px 0px; } .iti-flag.is { height: 15px; background-position: -2501px 0px; } .iti-flag.it { height: 14px; background-position: -2523px 0px; } .iti-flag.je { height: 12px; background-position: -2545px 0px; } .iti-flag.jm { height: 10px; background-position: -2567px 0px; } .iti-flag.jo { height: 10px; background-position: -2589px 0px; } .iti-flag.jp { height: 14px; background-position: -2611px 0px; } .iti-flag.ke { height: 14px; background-position: -2633px 0px; } .iti-flag.kg { height: 12px; background-position: -2655px 0px; } .iti-flag.kh { height: 13px; background-position: -2677px 0px; } .iti-flag.ki { height: 10px; background-position: -2699px 0px; } .iti-flag.km { height: 12px; background-position: -2721px 0px; } .iti-flag.kn { height: 14px; background-position: -2743px 0px; } .iti-flag.kp { height: 10px; background-position: -2765px 0px; } .iti-flag.kr { height: 14px; background-position: -2787px 0px; } .iti-flag.kw { height: 10px; background-position: -2809px 0px; } .iti-flag.ky { height: 10px; background-position: -2831px 0px; } .iti-flag.kz { height: 10px; background-position: -2853px 0px; } .iti-flag.la { height: 14px; background-position: -2875px 0px; } .iti-flag.lb { height: 14px; background-position: -2897px 0px; } .iti-flag.lc { height: 10px; background-position: -2919px 0px; } .iti-flag.li { height: 12px; background-position: -2941px 0px; } .iti-flag.lk { height: 10px; background-position: -2963px 0px; } .iti-flag.lr { height: 11px; background-position: -2985px 0px; } .iti-flag.ls { height: 14px; background-position: -3007px 0px; } .iti-flag.lt { height: 12px; background-position: -3029px 0px; } .iti-flag.lu { height: 12px; background-position: -3051px 0px; } .iti-flag.lv { height: 10px; background-position: -3073px 0px; } .iti-flag.ly { height: 10px; background-position: -3095px 0px; } .iti-flag.ma { height: 14px; background-position: -3117px 0px; } .iti-flag.mc { height: 15px; background-position: -3139px 0px; } .iti-flag.md { height: 10px; background-position: -3160px 0px; } .iti-flag.me { height: 10px; background-position: -3182px 0px; } .iti-flag.mf { height: 14px; background-position: -3204px 0px; } .iti-flag.mg { height: 14px; background-position: -3226px 0px; } .iti-flag.mh { height: 11px; background-position: -3248px 0px; } .iti-flag.mk { height: 10px; background-position: -3270px 0px; } .iti-flag.ml { height: 14px; background-position: -3292px 0px; } .iti-flag.mm { height: 14px; background-position: -3314px 0px; } .iti-flag.mn { height: 10px; background-position: -3336px 0px; } .iti-flag.mo { height: 14px; background-position: -3358px 0px; } .iti-flag.mp { height: 10px; background-position: -3380px 0px; } .iti-flag.mq { height: 14px; background-position: -3402px 0px; } .iti-flag.mr { height: 14px; background-position: -3424px 0px; } .iti-flag.ms { height: 10px; background-position: -3446px 0px; } .iti-flag.mt { height: 14px; background-position: -3468px 0px; } .iti-flag.mu { height: 14px; background-position: -3490px 0px; } .iti-flag.mv { height: 14px; background-position: -3512px 0px; } .iti-flag.mw { height: 14px; background-position: -3534px 0px; } .iti-flag.mx { height: 12px; background-position: -3556px 0px; } .iti-flag.my { height: 10px; background-position: -3578px 0px; } .iti-flag.mz { height: 14px; background-position: -3600px 0px; } .iti-flag.na { height: 14px; background-position: -3622px 0px; } .iti-flag.nc { height: 10px; background-position: -3644px 0px; } .iti-flag.ne { height: 15px; background-position: -3666px 0px; } .iti-flag.nf { height: 10px; background-position: -3686px 0px; } .iti-flag.ng { height: 10px; background-position: -3708px 0px; } .iti-flag.ni { height: 12px; background-position: -3730px 0px; } .iti-flag.nl { height: 14px; background-position: -3752px 0px; } .iti-flag.no { height: 15px; background-position: -3774px 0px; } .iti-flag.np { height: 15px; background-position: -3796px 0px; } .iti-flag.nr { height: 10px; background-position: -3811px 0px; } .iti-flag.nu { height: 10px; background-position: -3833px 0px; } .iti-flag.nz { height: 10px; background-position: -3855px 0px; } .iti-flag.om { height: 10px; background-position: -3877px 0px; } .iti-flag.pa { height: 14px; background-position: -3899px 0px; } .iti-flag.pe { height: 14px; background-position: -3921px 0px; } .iti-flag.pf { height: 14px; background-position: -3943px 0px; } .iti-flag.pg { height: 15px; background-position: -3965px 0px; } .iti-flag.ph { height: 10px; background-position: -3987px 0px; } .iti-flag.pk { height: 14px; background-position: -4009px 0px; } .iti-flag.pl { height: 13px; background-position: -4031px 0px; } .iti-flag.pm { height: 14px; background-position: -4053px 0px; } .iti-flag.pn { height: 10px; background-position: -4075px 0px; } .iti-flag.pr { height: 14px; background-position: -4097px 0px; } .iti-flag.ps { height: 10px; background-position: -4119px 0px; } .iti-flag.pt { height: 14px; background-position: -4141px 0px; } .iti-flag.pw { height: 13px; background-position: -4163px 0px; } .iti-flag.py { height: 11px; background-position: -4185px 0px; } .iti-flag.qa { height: 8px; background-position: -4207px 0px; } .iti-flag.re { height: 14px; background-position: -4229px 0px; } .iti-flag.ro { height: 14px; background-position: -4251px 0px; } .iti-flag.rs { height: 14px; background-position: -4273px 0px; } .iti-flag.ru { height: 14px; background-position: -4295px 0px; } .iti-flag.rw { height: 14px; background-position: -4317px 0px; } .iti-flag.sa { height: 14px; background-position: -4339px 0px; } .iti-flag.sb { height: 10px; background-position: -4361px 0px; } .iti-flag.sc { height: 10px; background-position: -4383px 0px; } .iti-flag.sd { height: 10px; background-position: -4405px 0px; } .iti-flag.se { height: 13px; background-position: -4427px 0px; } .iti-flag.sg { height: 14px; background-position: -4449px 0px; } .iti-flag.sh { height: 10px; background-position: -4471px 0px; } .iti-flag.si { height: 10px; background-position: -4493px 0px; } .iti-flag.sj { height: 15px; background-position: -4515px 0px; } .iti-flag.sk { height: 14px; background-position: -4537px 0px; } .iti-flag.sl { height: 14px; background-position: -4559px 0px; } .iti-flag.sm { height: 15px; background-position: -4581px 0px; } .iti-flag.sn { height: 14px; background-position: -4603px 0px; } .iti-flag.so { height: 14px; background-position: -4625px 0px; } .iti-flag.sr { height: 14px; background-position: -4647px 0px; } .iti-flag.ss { height: 10px; background-position: -4669px 0px; } .iti-flag.st { height: 10px; background-position: -4691px 0px; } .iti-flag.sv { height: 12px; background-position: -4713px 0px; } .iti-flag.sx { height: 14px; background-position: -4735px 0px; } .iti-flag.sy { height: 14px; background-position: -4757px 0px; } .iti-flag.sz { height: 14px; background-position: -4779px 0px; } .iti-flag.ta { height: 10px; background-position: -4801px 0px; } .iti-flag.tc { height: 10px; background-position: -4823px 0px; } .iti-flag.td { height: 14px; background-position: -4845px 0px; } .iti-flag.tf { height: 14px; background-position: -4867px 0px; } .iti-flag.tg { height: 13px; background-position: -4889px 0px; } .iti-flag.th { height: 14px; background-position: -4911px 0px; } .iti-flag.tj { height: 10px; background-position: -4933px 0px; } .iti-flag.tk { height: 10px; background-position: -4955px 0px; } .iti-flag.tl { height: 10px; background-position: -4977px 0px; } .iti-flag.tm { height: 14px; background-position: -4999px 0px; } .iti-flag.tn { height: 14px; background-position: -5021px 0px; } .iti-flag.to { height: 10px; background-position: -5043px 0px; } .iti-flag.tr { height: 14px; background-position: -5065px 0px; } .iti-flag.tt { height: 12px; background-position: -5087px 0px; } .iti-flag.tv { height: 10px; background-position: -5109px 0px; } .iti-flag.tw { height: 14px; background-position: -5131px 0px; } .iti-flag.tz { height: 14px; background-position: -5153px 0px; } .iti-flag.ua { height: 14px; background-position: -5175px 0px; } .iti-flag.ug { height: 14px; background-position: -5197px 0px; } .iti-flag.um { height: 11px; background-position: -5219px 0px; } .iti-flag.un { height: 14px; background-position: -5241px 0px; } .iti-flag.us { height: 11px; background-position: -5263px 0px; } .iti-flag.uy { height: 14px; background-position: -5285px 0px; } .iti-flag.uz { height: 10px; background-position: -5307px 0px; } .iti-flag.va { height: 15px; background-position: -5329px 0px; } .iti-flag.vc { height: 14px; background-position: -5346px 0px; } .iti-flag.ve { height: 14px; background-position: -5368px 0px; } .iti-flag.vg { height: 10px; background-position: -5390px 0px; } .iti-flag.vi { height: 14px; background-position: -5412px 0px; } .iti-flag.vn { height: 14px; background-position: -5434px 0px; } .iti-flag.vu { height: 12px; background-position: -5456px 0px; } .iti-flag.wf { height: 14px; background-position: -5478px 0px; } .iti-flag.ws { height: 10px; background-position: -5500px 0px; } .iti-flag.xk { height: 15px; background-position: -5522px 0px; } .iti-flag.ye { height: 14px; background-position: -5544px 0px; } .iti-flag.yt { height: 14px; background-position: -5566px 0px; } .iti-flag.za { height: 14px; background-position: -5588px 0px; } .iti-flag.zm { height: 14px; background-position: -5610px 0px; } .iti-flag.zw { height: 10px; background-position: -5632px 0px; } .iti-flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url('flags.f73aa829a0084837.png'); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti-flag { background-image: url('flags@2x.2704c069d12ee746.png'); } } .iti-flag.np { background-color: transparent; } /*!**************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/handsontable/dist/handsontable.full.min.css ***! \**************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! * Copyright (c) HANDSONCODE sp. z o. o. * * HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o., * a Polish corporation, based in Gdynia, Poland, at 96/98 Aleja Zwycięstwa, * registered with the National Court Register under number 538651, * EU tax ID number: PL5862294002, share capital: PLN 62,800.00. * * This software is protected by applicable copyright laws, including * international treaties, and dual-licensed – depending on whether * your use is intended for or may result in commercial advantage * or monetary compensation (commercial purposes), or not. * * If your use involves only such purposes as research, private study, * evaluation and the like, you agree to be bound by the terms included * in the "handsontable-non-commercial-license.pdf" file, available * in the main directory of this software repository. * * By installing, copying, or otherwise using this software for * commercial purposes, you agree to be bound by the terms included * in the "handsontable-general-terms.pdf" file, available in the main * directory of this software repository. * * HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND. IN NO EVENT * AND UNDER NO LEGAL THEORY, SHALL HANDSONCODE BE LIABLE * TO YOU FOR DAMAGES, INCLUDING ANY DIRECT, INDIRECT, SPECIAL, * INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING * FROM USE OR INABILITY TO USE THIS SOFTWARE. * * Version: 7.1.1 * Release date: 12/08/2019 (built at 02/08/2019 13:05:27) */ .handsontable .table td,.handsontable .table th{border-top:none} .handsontable tr{background:#fff} .handsontable td{background-color:inherit} .handsontable .table caption+thead tr:first-child td,.handsontable .table caption+thead tr:first-child th,.handsontable .table colgroup+thead tr:first-child td,.handsontable .table colgroup+thead tr:first-child th,.handsontable .table thead:first-child tr:first-child td,.handsontable .table thead:first-child tr:first-child th{border-top:1px solid #ccc} .handsontable .table-bordered{border:0;border-collapse:separate} .handsontable .table-bordered td,.handsontable .table-bordered th{border-left:none} .handsontable .table-bordered td:first-child,.handsontable .table-bordered th:first-child{border-left:1px solid #ccc} .handsontable .table>tbody>tr>td,.handsontable .table>tbody>tr>th,.handsontable .table>tfoot>tr>td,.handsontable .table>tfoot>tr>th,.handsontable .table>thead>tr>td,.handsontable .table>thead>tr>th{line-height:21px;padding:0 4px} .col-lg-1.handsontable,.col-lg-2.handsontable,.col-lg-3.handsontable,.col-lg-4.handsontable,.col-lg-5.handsontable,.col-lg-6.handsontable,.col-lg-7.handsontable,.col-lg-8.handsontable,.col-lg-9.handsontable,.col-lg-10.handsontable,.col-lg-11.handsontable,.col-lg-12.handsontable,.col-md-1.handsontable,.col-md-2.handsontable,.col-md-3.handsontable,.col-md-4.handsontable,.col-md-5.handsontable,.col-md-6.handsontable,.col-md-7.handsontable,.col-md-8.handsontable,.col-md-9.handsontable .col-sm-1.handsontable,.col-md-10.handsontable,.col-md-11.handsontable,.col-md-12.handsontable,.col-sm-2.handsontable,.col-sm-3.handsontable,.col-sm-4.handsontable,.col-sm-5.handsontable,.col-sm-6.handsontable,.col-sm-7.handsontable,.col-sm-8.handsontable,.col-sm-9.handsontable .col-xs-1.handsontable,.col-sm-10.handsontable,.col-sm-11.handsontable,.col-sm-12.handsontable,.col-xs-2.handsontable,.col-xs-3.handsontable,.col-xs-4.handsontable,.col-xs-5.handsontable,.col-xs-6.handsontable,.col-xs-7.handsontable,.col-xs-8.handsontable,.col-xs-9.handsontable,.col-xs-10.handsontable,.col-xs-11.handsontable,.col-xs-12.handsontable{padding-left:0;padding-right:0} .handsontable .table-striped>tbody>tr:nth-of-type(2n){background-color:#fff} .handsontable{position:relative} .handsontable .hide{display:none} .handsontable .relative{position:relative} .handsontable.htAutoSize{visibility:hidden;left:-99000px;position:absolute;top:-99000px} .handsontable .wtHider{width:0} .handsontable .wtSpreader{position:relative;width:0;height:auto} .handsontable div,.handsontable input,.handsontable table,.handsontable tbody,.handsontable td,.handsontable textarea,.handsontable th,.handsontable thead{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box} .handsontable input,.handsontable textarea{min-height:0} .handsontable table.htCore{border-collapse:separate;border-spacing:0;margin:0;border-width:0;table-layout:fixed;width:0;outline-width:0;cursor:default;max-width:none;max-height:none} .handsontable col,.handsontable col.rowHeader{width:50px} .handsontable td,.handsontable th{border-top-width:0;border-left-width:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;height:22px;empty-cells:show;line-height:21px;padding:0 4px;background-color:#fff;vertical-align:top;overflow:hidden;outline-width:0;white-space:pre-line;background-clip:padding-box} .handsontable td.htInvalid{background-color:#ff4c42!important} .handsontable td.htNoWrap{white-space:nowrap} .handsontable th:last-child{border-right:1px solid #ccc;border-bottom:1px solid #ccc} .handsontable th.htNoFrame,.handsontable th:first-child.htNoFrame,.handsontable tr:first-child th.htNoFrame{border-left-width:0;background-color:#fff;border-color:#fff} .handsontable .htNoFrame+td,.handsontable .htNoFrame+th,.handsontable td:first-of-type,.handsontable th:first-child,.handsontable th:nth-child(2){border-left:1px solid #ccc} .handsontable.htRowHeaders thead tr th:nth-child(2){border-left:1px solid #ccc} .handsontable tr:first-child td,.handsontable tr:first-child th{border-top:1px solid #ccc} .ht_master:not(.innerBorderLeft):not(.emptyColumns)~.handsontable:not(.ht_clone_top) thead tr th:first-child,.ht_master:not(.innerBorderLeft):not(.emptyColumns)~.handsontable tbody tr th{border-right-width:0} .ht_master:not(.innerBorderTop) thead tr.lastChild th,.ht_master:not(.innerBorderTop) thead tr:last-child th,.ht_master:not(.innerBorderTop)~.handsontable thead tr.lastChild th,.ht_master:not(.innerBorderTop)~.handsontable thead tr:last-child th{border-bottom-width:0} .handsontable th{background-color:#f0f0f0;color:#222;text-align:center;font-weight:400;white-space:nowrap} .handsontable thead th{padding:0} .handsontable th.active{background-color:#ccc} .handsontable thead th .relative{padding:2px 4px} #hot-display-license-info{font-size:10px;color:#323232;padding:5px 0 3px;font-family:Helvetica,Arial,sans-serif;text-align:left} #hot-display-license-info a{font-size:10px} .handsontable .manualColumnResizer{position:absolute;top:0;cursor:col-resize;z-index:110;width:5px;height:25px} .handsontable .manualRowResizer{position:absolute;left:0;cursor:row-resize;z-index:110;height:5px;width:50px} .handsontable .manualColumnResizer.active,.handsontable .manualColumnResizer:hover,.handsontable .manualRowResizer.active,.handsontable .manualRowResizer:hover{background-color:#34a9db} .handsontable .manualColumnResizerGuide{position:absolute;right:0;top:0;background-color:#34a9db;display:none;width:0;border-right:1px dashed #777;margin-left:5px} .handsontable .manualRowResizerGuide{position:absolute;left:0;bottom:0;background-color:#34a9db;display:none;height:0;border-bottom:1px dashed #777;margin-top:5px} .handsontable .manualColumnResizerGuide.active,.handsontable .manualRowResizerGuide.active{display:block;z-index:199} .handsontable .columnSorting{position:relative} .handsontable .columnSorting.sortAction:hover{text-decoration:underline;cursor:pointer} .handsontable span.colHeader{display:inline-block;line-height:1.1} .handsontable span.colHeader.columnSorting:before{top:50%;margin-top:-6px;padding-left:8px;position:absolute;right:-9px;content:"";height:10px;width:5px;background-size:contain;background-repeat:no-repeat;background-position-x:right} .handsontable span.colHeader.columnSorting.ascending:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC")} .handsontable span.colHeader.columnSorting.descending:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII=")} .htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled):after{content:"*";display:inline-block;position:relative;padding-right:20px} .handsontable .wtBorder{position:absolute;font-size:0} .handsontable .wtBorder.hidden{display:none!important} .handsontable .wtBorder.current{z-index:10} .handsontable .wtBorder.area{z-index:8} .handsontable .wtBorder.fill{z-index:6} .handsontable td.area,.handsontable td.area-1,.handsontable td.area-2,.handsontable td.area-3,.handsontable td.area-4,.handsontable td.area-5,.handsontable td.area-6,.handsontable td.area-7{position:relative} .handsontable td.area-1:before,.handsontable td.area-2:before,.handsontable td.area-3:before,.handsontable td.area-4:before,.handsontable td.area-5:before,.handsontable td.area-6:before,.handsontable td.area-7:before,.handsontable td.area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;bottom:-100%\9;background:#005eff} @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active){.handsontable td.area-1:before,.handsontable td.area-2:before,.handsontable td.area-3:before,.handsontable td.area-4:before,.handsontable td.area-5:before,.handsontable td.area-6:before,.handsontable td.area-7:before,.handsontable td.area:before{bottom:-100%}} .handsontable td.area:before{opacity:.1} .handsontable td.area-1:before{opacity:.2} .handsontable td.area-2:before{opacity:.27} .handsontable td.area-3:before{opacity:.35} .handsontable td.area-4:before{opacity:.41} .handsontable td.area-5:before{opacity:.47} .handsontable td.area-6:before{opacity:.54} .handsontable td.area-7:before{opacity:.58} .handsontable tbody th.ht__highlight,.handsontable thead th.ht__highlight{background-color:#dcdcdc} .handsontable tbody th.ht__active_highlight,.handsontable thead th.ht__active_highlight{background-color:#8eb0e7;color:#000} .handsontable .wtBorder.corner{font-size:0;cursor:crosshair} .handsontable .htBorder.htFillBorder{background:red;width:1px;height:1px} .handsontableInput{border:none;outline-width:0;margin:0;padding:1px 5px 0;font-family:inherit;line-height:21px;font-size:inherit;box-shadow:inset 0 0 0 2px #5292f7;resize:none;display:block;color:#000;border-radius:0;background-color:#fff} .handsontableInputHolder{position:absolute;top:0;left:0;z-index:104} .htSelectEditor{-webkit-appearance:menulist-button!important;position:absolute;width:auto} .handsontable .htDimmed{color:#777} .handsontable .htSubmenu{position:relative} .handsontable .htSubmenu :after{content:"\25B6";color:#777;position:absolute;right:5px;font-size:9px} .handsontable .htLeft{text-align:left} .handsontable .htCenter{text-align:center} .handsontable .htRight{text-align:right} .handsontable .htJustify{text-align:justify} .handsontable .htTop{vertical-align:top} .handsontable .htMiddle{vertical-align:middle} .handsontable .htBottom{vertical-align:bottom} .handsontable .htPlaceholder{color:#999} .handsontable .htAutocompleteArrow{float:right;font-size:10px;color:#eee;cursor:default;width:16px;text-align:center} .handsontable td .htAutocompleteArrow:hover{color:#777} .handsontable td.area .htAutocompleteArrow{color:#d3d3d3} .handsontable .htCheckboxRendererInput{display:inline-block} .handsontable .htCheckboxRendererInput.noValue{opacity:.5} .handsontable .htCheckboxRendererLabel{font-size:inherit;vertical-align:middle;cursor:pointer;display:inline-block;width:100%} .handsontable .handsontable.ht_clone_top .wtHider{padding:0 0 5px} .handsontable .autocompleteEditor.handsontable{padding-right:17px} .handsontable .autocompleteEditor.handsontable.htMacScroll{padding-right:15px} .handsontable.listbox{margin:0} .handsontable.listbox .ht_master table{border:1px solid #ccc;border-collapse:separate;background:#fff} .handsontable.listbox td,.handsontable.listbox th,.handsontable.listbox tr:first-child td,.handsontable.listbox tr:first-child th,.handsontable.listbox tr:last-child th{border-color:transparent} .handsontable.listbox td,.handsontable.listbox th{white-space:nowrap;text-overflow:ellipsis} .handsontable.listbox td.htDimmed{cursor:default;color:inherit;font-style:inherit} .handsontable.listbox .wtBorder{visibility:hidden} .handsontable.listbox tr:hover td,.handsontable.listbox tr td.current{background:#eee} .ht_clone_top{z-index:101} .ht_clone_left{z-index:102} .ht_clone_bottom_left_corner,.ht_clone_debug,.ht_clone_top_left_corner{z-index:103} .handsontable td.htSearchResult{background:#fcedd9;color:#583707} .htBordered{border-width:1px} .htBordered.htTopBorderSolid{border-top-style:solid;border-top-color:#000} .htBordered.htRightBorderSolid{border-right-style:solid;border-right-color:#000} .htBordered.htBottomBorderSolid{border-bottom-style:solid;border-bottom-color:#000} .htBordered.htLeftBorderSolid{border-left-style:solid;border-left-color:#000} .handsontable tbody tr th:nth-last-child(2){border-right:1px solid #ccc} .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer{border-bottom:1px solid #ccc;padding-bottom:5px} .ht_clone_top_left_corner thead tr th:nth-last-child(2){border-right:1px solid #ccc} .htCollapseButton{width:10px;height:10px;line-height:10px;text-align:center;border-radius:5px;border:1px solid #f3f3f3;box-shadow:1px 1px 3px rgba(0,0,0,.4);cursor:pointer;margin-bottom:3px;position:relative} .htCollapseButton:after{content:"";height:300%;width:1px;display:block;background:#ccc;margin-left:4px;position:absolute;bottom:10px} thead .htCollapseButton{right:5px;position:absolute;top:5px;background:#fff} thead .htCollapseButton:after{height:1px;width:700%;right:10px;top:4px} .handsontable tr th .htExpandButton{position:absolute;width:10px;height:10px;line-height:10px;text-align:center;border-radius:5px;border:1px solid #f3f3f3;box-shadow:1px 1px 3px rgba(0,0,0,.4);cursor:pointer;top:0;display:none} .handsontable thead tr th .htExpandButton{top:5px} .handsontable tr th .htExpandButton.clickable{display:block} .collapsibleIndicator{position:absolute;top:50%;transform:translateY(-50%);right:5px;border:1px solid #a6a6a6;line-height:10px;color:#222;border-radius:10px;font-size:10px;width:10px;height:10px;cursor:pointer;box-shadow:0 0 0 6px #eee;background:#eee} .handsontable col.hidden{width:0!important} .handsontable table tr th.lightRightBorder{border-right:1px solid #e6e6e6} .handsontable tr.hidden,.handsontable tr.hidden td,.handsontable tr.hidden th{display:none} .ht_clone_bottom,.ht_clone_left,.ht_clone_top,.ht_master{overflow:hidden} .ht_master .wtHolder{overflow:auto} .handsontable .ht_clone_left thead,.handsontable .ht_master thead,.handsontable .ht_master tr th{visibility:hidden} .ht_clone_bottom .wtHolder,.ht_clone_left .wtHolder,.ht_clone_top .wtHolder{overflow:hidden} .handsontable.mobile,.handsontable.mobile .wtHolder{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch} .htMobileEditorContainer{display:none;position:absolute;top:0;width:70%;height:54pt;background:#f8f8f8;border-radius:20px;border:1px solid #ebebeb;z-index:999;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-text-size-adjust:none} .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea),.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle){z-index:9999} .bottomRightSelectionHandle,.bottomRightSelectionHandle-HitArea,.topLeftSelectionHandle,.topLeftSelectionHandle-HitArea{left:-10000px;top:-10000px} .htMobileEditorContainer.active{display:block} .htMobileEditorContainer .inputs{position:absolute;right:210pt;bottom:10pt;top:10pt;left:14px;height:34pt} .htMobileEditorContainer .inputs textarea{font-size:13pt;border:1px solid #a1a1a1;-webkit-appearance:none;box-shadow:none;position:absolute;left:14px;right:14px;top:0;bottom:0;padding:7pt} .htMobileEditorContainer .cellPointer{position:absolute;top:-13pt;height:0;width:0;left:30px;border-left:13pt solid transparent;border-right:13pt solid transparent;border-bottom:13pt solid #ebebeb} .htMobileEditorContainer .cellPointer.hidden{display:none} .htMobileEditorContainer .cellPointer:before{content:"";display:block;position:absolute;top:2px;height:0;width:0;left:-13pt;border-left:13pt solid transparent;border-right:13pt solid transparent;border-bottom:13pt solid #f8f8f8} .htMobileEditorContainer .moveHandle{position:absolute;top:10pt;left:5px;width:30px;bottom:0;cursor:move;z-index:9999} .htMobileEditorContainer .moveHandle:after{content:"..\a..\a..\a..";white-space:pre;line-height:10px;font-size:20pt;display:inline-block;margin-top:-8px;color:#ebebeb} .htMobileEditorContainer .positionControls{width:205pt;position:absolute;right:5pt;top:0;bottom:0} .htMobileEditorContainer .positionControls>div{width:50pt;height:100%;float:left} .htMobileEditorContainer .positionControls>div:after{content:" ";display:block;width:15pt;height:15pt;text-align:center;line-height:50pt} .htMobileEditorContainer .downButton:after,.htMobileEditorContainer .leftButton:after,.htMobileEditorContainer .rightButton:after,.htMobileEditorContainer .upButton:after{transform-origin:5pt 5pt;-webkit-transform-origin:5pt 5pt;margin:21pt 0 0 21pt} .htMobileEditorContainer .leftButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(-45deg)} .htMobileEditorContainer .leftButton:active:after{border-color:#cfcfcf} .htMobileEditorContainer .rightButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(135deg)} .htMobileEditorContainer .rightButton:active:after{border-color:#cfcfcf} .htMobileEditorContainer .upButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(45deg)} .htMobileEditorContainer .upButton:active:after{border-color:#cfcfcf} .htMobileEditorContainer .downButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(225deg)} .htMobileEditorContainer .downButton:active:after{border-color:#cfcfcf} .handsontable.hide-tween{animation:opacity-hide .3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards} .handsontable.show-tween{animation:opacity-show .3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards} /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */ .pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid;border-color:#ccc #ccc #bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif} .pika-single:after,.pika-single:before{content:" ";display:table} .pika-single:after{clear:both} .pika-single{*zoom:1} .pika-single.is-hidden{display:none} .pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)} .pika-lendar{float:left;width:240px;margin:8px} .pika-title{position:relative;text-align:center} .pika-label{display:inline-block;*display:inline;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff} .pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;filter:alpha(opacity=0);opacity:0} .pika-next,.pika-prev{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;opacity:.5;*position:absolute;*top:0} .pika-next:hover,.pika-prev:hover{opacity:1} .is-rtl .pika-next,.pika-prev{float:left;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");*left:0} .is-rtl .pika-prev,.pika-next{float:right;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");*right:0} .pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:.2} .pika-select{display:inline-block;*display:inline} .pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0} .pika-table td,.pika-table th{width:14.285714285714286%;padding:0} .pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center} .pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5} .pika-week{font-size:11px;color:#999} .is-today .pika-button{color:#3af;font-weight:700} .is-selected .pika-button{color:#fff;font-weight:700;background:#3af;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px} .is-inrange .pika-button{background:#d5e9f7} .is-startrange .pika-button{color:#fff;background:#6cb31d;box-shadow:none;border-radius:3px} .is-endrange .pika-button{color:#fff;background:#3af;box-shadow:none;border-radius:3px} .is-disabled .pika-button,.is-outside-current-month .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3} .pika-button:hover{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px} .pika-table abbr{border-bottom:none;cursor:help} .htCommentCell{position:relative} .htCommentCell:after{content:"";position:absolute;top:0;right:0;border-left:6px solid transparent;border-top:6px solid #000} .htComments{display:none;z-index:1059;position:absolute} .htCommentTextArea{box-shadow:0 1px 3px rgba(0,0,0,.117647),0 1px 2px rgba(0,0,0,.239216);box-sizing:border-box;border:none;border-left:3px solid #ccc;background-color:#fff;width:215px;height:90px;font-size:12px;padding:5px;outline:0!important;-webkit-appearance:none} .htCommentTextArea:focus{box-shadow:0 1px 3px rgba(0,0,0,.117647),0 1px 2px rgba(0,0,0,.239216),inset 0 0 0 1px #5292f7;border-left:3px solid #5292f7} /*! * Handsontable ContextMenu */ .htContextMenu:not(.htGhostTable){display:none;position:absolute;z-index:1060} .htContextMenu .ht_clone_corner,.htContextMenu .ht_clone_debug,.htContextMenu .ht_clone_left,.htContextMenu .ht_clone_top{display:none} .htContextMenu table.htCore{border-color:#ccc;border-style:solid;border-width:1px 2px 2px 1px} .htContextMenu .wtBorder{visibility:hidden} .htContextMenu table tbody tr td{background:#fff;border-width:0;padding:4px 6px 0;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .htContextMenu table tbody tr td:first-child{border:0} .htContextMenu table tbody tr td.htDimmed{font-style:normal;color:#323232} .htContextMenu table tbody tr td.current,.htContextMenu table tbody tr td.zeroclipboard-is-hover{background:#f3f3f3} .htContextMenu table tbody tr td.htSeparator{border-top:1px solid #e6e6e6;height:0;padding:0;cursor:default} .htContextMenu table tbody tr td.htDisabled{color:#999;cursor:default} .htContextMenu table tbody tr td.htDisabled:hover{background:#fff;color:#999;cursor:default} .htContextMenu table tbody tr.htHidden{display:none} .htContextMenu table tbody tr td .htItemWrapper{margin-left:10px;margin-right:6px} .htContextMenu table tbody tr td div span.selected{margin-top:-2px;position:absolute;left:4px} .htContextMenu .ht_master .wtHolder{overflow:hidden} textarea#HandsontableCopyPaste{position:fixed!important;top:0!important;right:100%!important;overflow:hidden;opacity:0;outline:0 none!important} .htRowHeaders .ht_master.innerBorderLeft~.ht_clone_left td:first-of-type,.htRowHeaders .ht_master.innerBorderLeft~.ht_clone_top_left_corner th:nth-child(2){border-left:0} .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight{cursor:move;cursor:grab} .handsontable.ht__manualColumnMove.on-moving--columns,.handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight{cursor:move;cursor:grabbing} .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer{display:none} .handsontable .ht__manualColumnMove--backlight,.handsontable .ht__manualColumnMove--guideline{position:absolute;height:100%;display:none} .handsontable .ht__manualColumnMove--guideline{background:#757575;width:2px;top:0;margin-left:-1px;z-index:105} .handsontable .ht__manualColumnMove--backlight{background:#343434;background:rgba(52,52,52,.25);display:none;z-index:105;pointer-events:none} .handsontable.on-moving--columns .ht__manualColumnMove--backlight,.handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline{display:block} .handsontable .wtHider{position:relative} .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight{cursor:move;cursor:grab} .handsontable.ht__manualRowMove.on-moving--rows,.handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight{cursor:move;cursor:grabbing} .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer{display:none} .handsontable .ht__manualRowMove--backlight,.handsontable .ht__manualRowMove--guideline{position:absolute;width:100%;display:none} .handsontable .ht__manualRowMove--guideline{background:#757575;height:2px;left:0;margin-top:-1px;z-index:105} .handsontable .ht__manualRowMove--backlight{background:#343434;background:rgba(52,52,52,.25);display:none;z-index:105;pointer-events:none} .handsontable.on-moving--rows .ht__manualRowMove--backlight,.handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline{display:block} .handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*=fullySelectedMergedCell]):before{opacity:0} .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]:before{opacity:.1} .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before{opacity:.1} .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before{opacity:.2} .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before{opacity:.27} .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before{opacity:.35} .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before{opacity:.41} .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before{opacity:.47} .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before{opacity:.54} .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before{opacity:.58} /*! * Handsontable DropdownMenu */ .handsontable .changeType{background:#eee;border-radius:2px;border:1px solid #bbb;color:#bbb;font-size:9px;line-height:9px;padding:2px;margin:3px 1px 0 5px;float:right} .handsontable .changeType:before{content:"\25BC\ "} .handsontable .changeType:hover{border:1px solid #777;color:#777;cursor:pointer} .htDropdownMenu:not(.htGhostTable){display:none;position:absolute;z-index:1060} .htDropdownMenu .ht_clone_corner,.htDropdownMenu .ht_clone_debug,.htDropdownMenu .ht_clone_left,.htDropdownMenu .ht_clone_top{display:none} .htDropdownMenu table.htCore{border-color:#bbb;border-style:solid;border-width:1px 2px 2px 1px} .htDropdownMenu .wtBorder{visibility:hidden} .htDropdownMenu table tbody tr td{background:#fff;border-width:0;padding:4px 6px 0;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .htDropdownMenu table tbody tr td:first-child{border:0} .htDropdownMenu table tbody tr td.htDimmed{font-style:normal;color:#323232} .htDropdownMenu table tbody tr td.current,.htDropdownMenu table tbody tr td.zeroclipboard-is-hover{background:#e9e9e9} .htDropdownMenu table tbody tr td.htSeparator{border-top:1px solid #e6e6e6;height:0;padding:0;cursor:default} .htDropdownMenu table tbody tr td.htDisabled{color:#999} .htDropdownMenu table tbody tr td.htDisabled:hover{background:#fff;color:#999;cursor:default} .htDropdownMenu:not(.htGhostTable) table tbody tr.htHidden{display:none} .htDropdownMenu table tbody tr td .htItemWrapper{margin-left:10px;margin-right:10px} .htDropdownMenu table tbody tr td div span.selected{margin-top:-2px;position:absolute;left:4px} .htDropdownMenu .ht_master .wtHolder{overflow:hidden} .handsontable span.colHeader.columnSorting:after{top:50%;margin-top:-2px;position:absolute;right:-15px;padding-left:5px;font-size:8px;height:8px;line-height:1.1;text-decoration:underline} .handsontable span.colHeader.columnSorting:after{text-decoration:none} .handsontable span.colHeader.columnSorting[class*=" sort-"]:after,.handsontable span.colHeader.columnSorting[class^=sort-]:after{content:"+"} .handsontable span.colHeader.columnSorting.sort-1:after{content:"1"} .handsontable span.colHeader.columnSorting.sort-2:after{content:"2"} .handsontable span.colHeader.columnSorting.sort-3:after{content:"3"} .handsontable span.colHeader.columnSorting.sort-4:after{content:"4"} .handsontable span.colHeader.columnSorting.sort-5:after{content:"5"} .handsontable span.colHeader.columnSorting.sort-6:after{content:"6"} .handsontable span.colHeader.columnSorting.sort-7:after{content:"7"} .htGhostTable th div button.changeType+span.colHeader.columnSorting:not(.indicatorDisabled){padding-right:5px} /*! * Handsontable Filters */ .htFiltersConditionsMenu:not(.htGhostTable){display:none;position:absolute;z-index:1070} .htFiltersConditionsMenu .ht_clone_corner,.htFiltersConditionsMenu .ht_clone_debug,.htFiltersConditionsMenu .ht_clone_left,.htFiltersConditionsMenu .ht_clone_top{display:none} .htFiltersConditionsMenu table.htCore{border-color:#bbb;border-style:solid;border-width:1px 2px 2px 1px} .htFiltersConditionsMenu .wtBorder{visibility:hidden} .htFiltersConditionsMenu table tbody tr td{background:#fff;border-width:0;padding:4px 6px 0;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .htFiltersConditionsMenu table tbody tr td:first-child{border:0} .htFiltersConditionsMenu table tbody tr td.htDimmed{font-style:normal;color:#323232} .htFiltersConditionsMenu table tbody tr td.current,.htFiltersConditionsMenu table tbody tr td.zeroclipboard-is-hover{background:#e9e9e9} .htFiltersConditionsMenu table tbody tr td.htSeparator{border-top:1px solid #e6e6e6;height:0;padding:0} .htFiltersConditionsMenu table tbody tr td.htDisabled{color:#999} .htFiltersConditionsMenu table tbody tr td.htDisabled:hover{background:#fff;color:#999;cursor:default} .htFiltersConditionsMenu table tbody tr td .htItemWrapper{margin-left:10px;margin-right:10px} .htFiltersConditionsMenu table tbody tr td div span.selected{margin-top:-2px;position:absolute;left:4px} .htFiltersConditionsMenu .ht_master .wtHolder{overflow:hidden} .handsontable .htMenuFiltering{border-bottom:1px dotted #ccc;height:135px;overflow:hidden} .handsontable .ht_master table td.htCustomMenuRenderer{background-color:#fff;cursor:auto} .handsontable .htFiltersMenuLabel{font-size:.75em} .handsontable .htFiltersMenuActionBar{text-align:center;padding-top:10px;padding-bottom:3px} .handsontable .htFiltersMenuCondition.border{border-bottom:1px dotted #ccc!important} .handsontable .htFiltersMenuCondition .htUIInput{padding:0 0 5px} .handsontable .htFiltersMenuValue{border-bottom:1px dotted #ccc!important} .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch{padding:0} .handsontable .htFiltersMenuCondition .htUIInput input,.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input{font-family:inherit;font-size:.75em;padding:4px;box-sizing:border-box;width:100%} .htUIMultipleSelect .ht_master .wtHolder{overflow-y:scroll} .handsontable .htFiltersActive .changeType{border:1px solid #509272;color:#18804e;background-color:#d2e0d9} .handsontable .htUISelectAll{margin-right:10px} .handsontable .htUIClearAll,.handsontable .htUISelectAll{display:inline-block} .handsontable .htUIClearAll a,.handsontable .htUISelectAll a{color:#3283d8;font-size:.75em} .handsontable .htUISelectionControls{text-align:right} .handsontable .htCheckboxRendererInput{margin:0 5px 0 0;vertical-align:middle;height:1em} .handsontable .htUIInput{padding:3px 0 7px;position:relative;text-align:center} .handsontable .htUIInput input{border-radius:2px;border:1px solid #d2d1d1} .handsontable .htUIInput input:focus{outline:0} .handsontable .htUIInputIcon{position:absolute} .handsontable .htUIInput.htUIButton{cursor:pointer;display:inline-block} .handsontable .htUIInput.htUIButton input{background-color:#eee;color:#000;cursor:pointer;font-family:inherit;font-size:.7em;font-weight:700;height:19px;min-width:64px} .handsontable .htUIInput.htUIButton input:hover{border-color:#b9b9b9} .handsontable .htUIInput.htUIButtonOK{margin-right:10px} .handsontable .htUIInput.htUIButtonOK input{background-color:#0f9d58;border-color:#18804e;color:#fff} .handsontable .htUIInput.htUIButtonOK input:hover{border-color:#1a6f46} .handsontable .htUISelect{cursor:pointer;margin-bottom:7px;position:relative} .handsontable .htUISelectCaption{background-color:#e8e8e8;border-radius:2px;border:1px solid #d2d1d1;font-family:inherit;font-size:.7em;font-weight:700;padding:3px 20px 3px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .handsontable .htUISelectCaption:hover{background-color:#e8e8e8;border:1px solid #b9b9b9} .handsontable .htUISelectDropdown:after{content:"\25B2";font-size:7px;position:absolute;right:10px;top:0} .handsontable .htUISelectDropdown:before{content:"\25BC";font-size:7px;position:absolute;right:10px;top:8px} .handsontable .htUIMultipleSelect .handsontable .htCore{border:none} .handsontable .htUIMultipleSelect .handsontable .htCore td:hover{background-color:#f5f5f5} .handsontable .htUIMultipleSelectSearch input{border-radius:2px;border:1px solid #d2d1d1;padding:3px} .handsontable .htUIRadio{display:inline-block;margin-right:5px;height:100%} .handsontable .htUIRadio:last-child{margin-right:0} .handsontable .htUIRadio>input[type=radio]{margin-right:.5ex} .handsontable .htUIRadio label{vertical-align:middle} .handsontable .htFiltersMenuOperators{padding-bottom:5px} .handsontable.ganttChart tr:first-child th div.relative{padding-right:21px} .handsontable.ganttChart .colHeader{display:block} .handsontable.ganttChart td.rangeBar{background:#48b703;border-right-width:0;position:relative;box-shadow:inset 0 3px 0 #fff} .handsontable.ganttChart td.rangeBar.last{border-right-width:1px} .handsontable.ganttChart td.rangeBar.area{background:#7ec481} .handsontable.ganttChart td.rangeBar.partial{background:#8edf5a} .handsontable.ganttChart td.rangeBar.area.partial{background:#a1d8ad} .handsontable thead th.hiddenHeader:not(:first-of-type){display:none} .handsontable th.ht_nestingLevels{text-align:left;padding-left:7px} .handsontable th div.ht_nestingLevels{display:inline-block;position:absolute;left:11px} .handsontable.innerBorderLeft th div.ht_nestingLevels,.handsontable.innerBorderLeft~.handsontable th div.ht_nestingLevels{right:10px} .handsontable th span.ht_nestingLevel{display:inline-block} .handsontable th span.ht_nestingLevel_empty{display:inline-block;width:10px;height:1px;float:left} .handsontable th span.ht_nestingLevel:after{content:"\2510";font-size:9px;display:inline-block;position:relative;bottom:3px} .handsontable th div.ht_nestingButton{display:inline-block;position:absolute;right:-2px;cursor:pointer} .handsontable th div.ht_nestingButton.ht_nestingExpand:after{content:"\002B"} .handsontable th div.ht_nestingButton.ht_nestingCollapse:after{content:"\002D"} .handsontable.innerBorderLeft th div.ht_nestingButton,.handsontable.innerBorderLeft~.handsontable th div.ht_nestingButton{right:0} .handsontable th.beforeHiddenColumn{position:relative} .handsontable th.afterHiddenColumn:before,.handsontable th.beforeHiddenColumn:after{color:#bbb;position:absolute;top:50%;font-size:5pt;transform:translateY(-50%)} .handsontable th.afterHiddenColumn{position:relative} .handsontable th.beforeHiddenColumn:after{right:1px;content:"\25C0"} .handsontable th.afterHiddenColumn:before{left:1px;content:"\25B6"} .handsontable td.firstVisibleColumn,.handsontable th.firstVisibleColumn{border-left:1px solid #ccc} /*! * Handsontable HiddenRows */ .handsontable th.afterHiddenRow:after,.handsontable th.beforeHiddenRow:before{color:#bbb;font-size:6pt;line-height:6pt;position:absolute;left:2px} .handsontable th.afterHiddenRow,.handsontable th.beforeHiddenRow{position:relative} .handsontable th.beforeHiddenRow:before{content:"\25B2";bottom:2px} .handsontable th.afterHiddenRow:after{content:"\25BC";top:2px} .handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after,.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before{color:#eee} .handsontable td.afterHiddenRow.firstVisibleRow,.handsontable th.afterHiddenRow.firstVisibleRow{border-top:1px solid #ccc} /*!*********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/rule.css ***! \*********************************************************************************************************************************************************************************************************************/ .rule-pop-up-header-container { display: inline-flex; width: 100%; justify-content: flex-start; align-items: center; } .rule-inline-label { flex: 1; } .rule-pop-up-header-container .margin-beetween-buttons { margin-left: 5px; } .rule-pop-up-header-container .margin-beetween-checkbox { position: absolute; right: 59px; } .rule-field-width { width: 450px; } .rule-item-input-grid-row-height .dx-datagrid .dx-row > td { padding-top: 2px; padding-bottom: 2px; font-size: 12px; } .rule-condition-inline-label { align-self: baseline; flex: 1; } .rule-condition-field-width { align-self: baseline; flex: 3 } .rule-condition-grid-row-height .dx-datagrid .dx-row > td { padding-top: 0px; padding-bottom: 0px; font-size: 12px; } .rule-item-output-load-button-margin { display:flex; justify-content:flex-start; } .rule-item-output-load-button-margin > dx-button { margin-right: 5px; } .rule-item-output-grid-row-height .dx-datagrid .dx-row > td { padding-top: 0px; padding-bottom: 0px; font-size: 12px; } /*Secondary*/ .secondary-inline-label { flex: 1; } .secondary-field-width { flex: 1; } .secondary-font-color { color: #2d2d2d !important; } /*Rule Item Output Table*/ .rule-item-output-inline-label { width: 14%; } .rule-item-output-field-width { flex: 6; } .rule-item-output-pop-up-header-container { display: inline-flex; width: 100%; justify-content: flex-start; } .rule-item-margin-top { margin-top:5px; } .rule-item-aggregation-field-width { width:100px; } .rule-item-output-retain-data-field-width { width:16%; } .dx-exp-field-value { display:flex; margin-right:3px; } .block-container { display:flex; } .dx-exp-inline-flex { display:flex; margin-right:10px; } .dx-width { width:30%; } .dx-commentbox-width { width: 65%; } .div-gap { margin-right:30px; } .rule-grouping-grid-container { display: inline-flex; max-width: 93%; margin-top: 5px; } .rule-grouping-grid-container .report-grouping-grid-area { max-width: 87%; margin-right: 14px; } #relationshipMatchingColumsGrid .dx-datagrid-action.dx-cell-focus-disabled { text-align: left !important; } #ruleGrid .dx-data-row td.ruleItemsLeftAlign { text-align: left !important; } #ruleGrid .dx-header-row td.ruleItemsLeftAlign { text-align: left !important; } #relationshipMatchingColumsGrid .dx-column-indicators { float: right !important; } #radioGrp .dx-radiobutton-icon:before { width: 16px; height: 16px; } #radioGrp .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot { margin-top: -15px; margin-left: 5px; } #radioGrp .dx-radiobutton { padding-bottom: 5px; } .condition-expression-box { border: 1px solid #a9a9a9; } .propertiesPopup .dx-popup-content { padding: 5px 15px !important; } #scrollview > div.dx-scrollable-wrapper > div { overflow-y: auto !important; } #scrollviewEmail > div.dx-scrollable-wrapper > div { overflow-y: auto !important; } #approvalscroll > div.dx-scrollable-wrapper > div { overflow-y: auto !important; } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/elm-content-managment.css ***! \**************************************************************************************************************************************************************************************************************************************/ /*# sourceMappingURL=root.css.map */ /* body{ margin: 0; padding: 0; } .wholepage{ width:100%; height:100vh; background:#ddd; display: flex; overflow: hidden; } */ /*.header-container { position: absolute; top: 0; min-height: 60px; min-width: 100%; background: url('/assets/images/Icons/RPM_Header_Login.jpg') no-repeat; display: flex; }*/ .elm-page-main-wrapper{ display:flex; overflow: hidden; height:100vh; width:100%; } .main-content-wrapper { display: inline-flex; /*margin-top: 95px;*/ margin-bottom: 25px; width: 100%; /*background: transparent;*/ background-color:white; } .main-content-wrapper.fiterPinned{ margin-top: 72px } #sidebarbutton.fiterPinned{ top: 167px; } .left-bar-container { width: 300px; /*width: 30rem;*/ width:19%; background-color: #10293E; flex-grow: initial; transition: 0.5s; } .left-bar-container.collapsed { /*margin-left: -260px;*/ /*margin-left:-26rem;*/ /*convert to rem*/ /*margin-left: -15%;*/ margin-left: -250px; } .main-container { /*width: 100%;*/ /*width: 81%;*/ width: inherit; min-height: 100%; overflow-y: auto; padding-top: 5px; transition: 0.5s; } /* .footer { position: fixed; bottom: 0; width: 100%; height: 30px; } */ #sidebarbutton { top: 97px; left: 5px; position: fixed; transition: 0.5s; z-index: 2!important; } /* .left-bar-container #sidebarbutton { left: 190px; } .left-bar-container.collapsed #sidebarbutton{ left: 280px } */ /* .main-container::-webkit-scrollbar { width: 10px; border-radius: 5px; background-color: #eee; } .main-container::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #333; } .main-container::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 5px; background-color:#eee; } */ .left-bar-container::-webkit-scrollbar { width: 10px; border-radius: 5px; background-color: #eee; } .left-bar-container::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #333; } .left-bar-container::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 5px; background-color:#eee; } /*.page-footer { position: fixed; bottom: 0px; height: 25px; width: 100%; background: #fff; padding: 2px 2px; border-top: 1px solid #ddd; z-index: 3; } .footer-content { color: #fff; line-height: 20px; width: 100%; }*/ /*.cpy-right { display: inline-block; } .cpy-right img { height: 25px; }*/ /****************Breadcrum content start**********************/ /*.caption-bar { position: absolute; top: 60px; width: 100%; height:35px; border-bottom: 1px solid #ddd; padding:4px; }*/ /*.breadcrumb-container { display: inline-block; padding-left: 0px; cursor: default; }*/ /* .breadcrumb-container .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; font-size:1.3rem; } .breadcrumb-container .breadcrumb > li + li:before { color: #706e6e; content: "\003e"; padding: 0 5px; } */ /***************Breadcrum content end***********************/ /***********************************************************/ .left-bar-container .dx-button,.left-bar-container .dx-button.dx-state-hover,.left-bar-container .dx-button.dx-state-focused{ border-color:transparent; background-color: transparent; } /***********************************************************/ /**************navigation bar starts*********************/ /*.navbar-wrapper { color: black; width: 70%; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } #main-navigation { height: 60px; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; } .phoenix-version { color: #fff; position: absolute; left: 239px; top: 40px; font-size: 0.85em; }*/ /*#main-navigation.notification-active { top: 30px; border-top: 1px solid #ddd; transition: all 0.4s ease 0s; } #main-navigation .navbar-toggle { background-color: #1F396D; } #main-navigation .navbar-toggle .icon-bar { background: #fff; } #main-navigation .navbar { min-height: 60px; margin: 0; } #main-navigation .navbar-header { height: 60px; } #main-navigation .navbar-brand { height: 60px; padding: 0; font-size: 18px; } #main-navigation .navbar-right { margin-right: 5px; } #main-navigation .nav.navbar-nav > li { height: 60px; } #main-navigation .nav.navbar-nav > li#seperator { border-right: 1px solid #ddd; margin: 20px 5px 0px 5px; height: 25px; } #main-navigation .nav.navbar-nav > li > a { padding: 15px 10px; line-height: 27px; font-size: 15px; font-size: 1.5rem; cursor:pointer; } #main-navigation .nav.navbar-nav > li > a.user-dropdown{ padding:15px 5px; } #main-navigation .nav.navbar-nav > li > a:hover { color: #222; } #main-navigation .navbar-nav > li > .dropdown-menu { min-height: 200px; max-height: 300px; margin-top: -2px; background: #eee; -webkit-box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .175); box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .175); width:auto; min-width: 500px; max-width: 700px; }*/ /*ul#user-info.dropdown-menu { max-width: 250px; min-width:0 !important; }*/ /*.mega-dropdown { position: static !important; } .mega-dropdown span.arrow { font-size: 10px; margin-left: 10px; color: #b3aeae; } .mega-dropdown:hover span.arrow, .mega-dropdown:focus span.arrow, .mega-dropdown:focus span.arrow, .mega-dropdown:visited span.arrow, .dropdown.mega-dropdown.expand span.arrow { color: #ff3546; } .mega-dropdown-menu { padding: 0; width: 75%; box-shadow: none; -webkit-box-shadow: none; } .mega-dropdown-menu > li:hover { background: #eee; } .mega-dropdown-menu > li > ul { padding: 0; margin: 0; } .mega-dropdown-menu > li > ul > li { list-style: none; } .mega-dropdown-menu > li > ul > li > a { display: block; color: #222; padding: 3px 5px; cursor:pointer; } .mega-dropdown-menu > li > ul > li.dropdown-header > a { color: red; padding: 0; cursor: pointer; display:inline-block; } .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; font-weight: 600; } .mega-dropdown-menu .dropdown-header a.menu-title:hover, .mega-dropdown-menu .dropdown-header a.menu-title:hover { text-decoration: none; } .mega-dropdown-menu .dropdown-header i.menu-link-icon { padding: 0 5px; font-size: medium; padding: 0 5px 0 10px; font-size: medium; } .mega-dropdown-menu .dropdown-header span.menu-title-link { font-family: inherit; font-size: medium; } .mega-dropdown-menu .dropdown-header span.menu-title-link:hover{ text-decoration: underline; cursor: pointer; } .mega-dropdown-menu .dropdown-header span.menu-title-link:hover { cursor: pointer; } .mega-dropdown-menu .dropdown-header { font-size: 18px; color: #ff3546; padding: 5px 60px 5px 5px; line-height: 30px; font-size: 18px; color: #ff3546; padding: 5px 5px 5px 5px; line-height: 30px; } .dropdown-menu .divider { width: 100%; } .dropdown.mega-dropdown .dropdown-toggle { color:#fff; z-index: 1001; border-top: 3px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; } .dropdown.mega-dropdown .dropdown-toggle:hover{ color:#222; } .dropdown.mega-dropdown.open .dropdown-toggle { background: transparent; border-color: transparent; border-top-color: transparent; } .dropdown.mega-dropdown.expand .dropdown-toggle { background: #eee; border-color: #ddd; border-top-color: #ff3546; }*/ /*#main-navigation .nav .open > a, #main-navigation .open > a:hover, #main-navigation .open > a:focus{ border-right-color: #ddd; border-left-color: #ddd; border-top-color: #ff3546; }*/ /*#main-navigation .nav > li > a:focus { text-decoration: none; background-color: transparent; } #main-navigation .nav.menubarActive > li > a:focus { text-decoration: none; background-color: transparent; } #main-navigation .nav.menubarActive > li.expand > a:focus { background: #eee; } #main-navigation .nav.menubarActive > li > a:hover { background: #eee; } #main-navigation .nav .open > a{ border-color: transparent; background: transparent; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } #main-navigation .open > a:hover, #main-navigation .open > a:focus { background: #eee; } #main-navigation .nav .expand > a, #main-navigation .expand > a:hover, #main-navigation .expand > a:focus { border-color: #ddd; background: #eee; border-right-color: #ddd; border-left-color: #ddd; border-top-color: #ff3546; color:#222; } #main-navigation .nav.menubarActive .open.expand > a, #main-navigation .nav.menubarActive .open.expand > a:hover, #main-navigation .nav.menubarActive .open.expand > a:focus { background: #eee; } .menu-list-container { padding: 10px 10px; } .menu-list-container.active { padding: 10px 10px; } .menu-list-header { color:#414141; font-size: 16px; font-size: 1.6rem; border-bottom: 1px solid #ddd; } .menu-list-container ul { list-style: none; padding:10px 5px; } .menu-list-container ul li { color:#414141; cursor:pointer; } .menu-list-container ul li span { cursor: pointer; } .menu-list-container ul li .submenu-expander:hover { color:#00549C; } .menu-list-container ul li .submenu-expander.active { color: #272727; } .menu-list-container ul li .submenu-expander.active:hover{ color:#00549C; } .menu-list-container ul li .submenu-title:hover{ color:#00549C; } .menu-list-container ul li .submenu-title.active { color: #272727; } .menu-list-container ul li .submenu-title.active:hover { color: #00549C; } .menu-list-container ul li span.fa { float: right; padding:5px; } .menu-list-container .submenu-icon { float: left !important; } .menu-details { display:none; padding: 10px; min-height: 190px; max-height: 190px; height:auto; background: #eee; -webkit-box-shadow: -20px 0 10px -10px #d6d6d6; box-shadow: -30px 0 30px -20px #d6d6d6; visibility: hidden; -webkit-transition: opacity 600ms, visibility 600ms; transition: opacity 600ms, visibility 600ms; } .menu-details.active{ display:block; display: block; visibility: visible; opacity: 1; } .menu-details .submenu-link:hover{ cursor:pointer; } .menu-details.active ul li a:hover,.menu-details.active ul li a:focus{ cursor:pointer;}*/ /*#mainMenu-Mask { position: fixed; top: 0; left: 0; width: 0; height: 0; background-color: transparent; opacity: 0; -webkit-transition: opacity .3s,width 0s .3s,height 0s .3s; transition: opacity .3s,width 0s .3s,height 0s .3s; } #mainMenu-Mask.menubarActive { width: 100%; height: 100%; opacity: .7; -webkit-transition: opacity .3s; transition: opacity .3s; z-index:1029; }*/ /*Notification button*/ /*.count-info .label { line-height: 12px; padding: 2px 5px; position: absolute; right: 2px; top: 12px; }*/ /*.navbar-wrapper li#seperator { border-right: 1px solid #ddd; margin: 20px 5px 0px 5px; height: 25px; }*/ /*searchbar*/ /*#search-box { right: 32px; background: #eee; border-radius: 0; width: 35% !important; min-height: 0 !important; min-width: 0 !important; } #search-box .input-group { width: 100%; } #search-box .input-group-btn { width: 40px; }*/ /*User-Info dropdown*/ /*#user-info { right: 5px; }*/ /*#user-info .navbar-login { width: 250px; padding: 0 10px; padding-bottom: 0px; } #user-info #user-name { font-size: 16px; font-weight: 600; color: #ff3546; display: inline-block; } #user-info .text-right { color: #989292; } #user-info .user-dropdown-buttons { display: inline-block; margin: 20px 0px 5px 0; }*/ /*#btn-logout.user-dropdown-buttons { float: right; } #btn-logout .btn-primary { background: #ff3546; border-color: #ff3546; }*/ /*#email-id { margin-bottom: 10px; }*/ /*.item-title { display: inline-block; width: 90px; } .item-value { display: inline-block; }*/ /*#caption-bar { top: 60px; z-index: 0; padding: 4px; border-bottom: 1px solid #ddd; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; height: 35px; } #caption-bar.notification-active { top: 90px; transition: all 0.4s ease 0s; } .caption-gradient { display: inline-block; } .breadcrumb-container { display: inline-block; padding-left: 0px; cursor: default; } .breadcrumb-container .breadcrumb { padding: 0; margin-top:4px; margin-bottom: 0; background-color: transparent; font-size: 14px; font-size:1.4rem; }*/ /*.breadcrumb-container .breadcrumb > li + li:before { color: #706e6e; content: "\003e"; padding: 0 5px; }*/ /*Notification Bar*/ /*.staticMsg { display: inline-block; text-indent: 0; } #notification-bar { display: none; position: fixed; left: 0; right: 0; z-index: 1031; height: 30px; background-color: #fff8e5; border-color: #ddd; z-index:1029; } #notification-bar.active { display: block; padding: 0 0 0 10px; } #notification-bar.expanded { border-bottom: 1px solid #ddd; } .notification-list { display: inline-block; width: 87%; margin: 0 auto; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; float: left; padding: 0 10px; height: 30px; } @media all and (max-width: 500px) { .navbar-brand img { max-width: 245px; } .navbar-toggle { margin-right: 5px; } } #more-notifications { display: inline-block; color: black; padding-top: 2px; margin-right: 5px; cursor: pointer; } #more-notifications:hover { color: red; } .notification-item { color: red; height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }*/ /*#notification-bar.expanded .notification-item { display: block; border-top: 1px solid #ddd; } #notification-bar.expanded .notification-item-first { border-top: 0; } .notification-item-first { display: block; } .notification-text { text-overflow: ellipsis; overflow: hidden; } .btn-notification-close { font-size: initial; vertical-align: middle; text-align: right; } .notification-bar-buttons { display: inline-block; float: right; margin-top:2px; margin-right: 10px; text-align: center; } .btn.btn-notifctnCloseBtn { color: #333; width: 15px; height: 15px; display: inline-block; background: #696969; color: #fff; border-radius: 15px; border-width:0; } .btn.btn-notifctnCloseBtn .dx-button-content .dx-icon{ color:#fff; font-size:1.1rem; } .btn.btn-notifctnCloseBtn.dx-state-hover { background: #e00c0c; } .btn.btn-notifctnCloseBtn div.dx-button-content { padding: 0px !important; } .btn.btn-btn-notifctnCloseBtn:hover { background-color: #e00c0c; border-color: #e00c0c; } .btn.btn-notifctnCloseBtn:focus { background-color: #e00c0c; border-color: #e00c0c; outline: none; }*/ /*.btn.btn-notifctnCloseBtn:focus i.dx-icon { color: #e00c0c !important; } .btn.btn-notifctnCloseBtn:hover i.dx-icon { color: #e00c0c !important; }*/ /*.notificationMsg { display: inline-block; color: #e00c0c; font-size: 15px; padding-left: 10px; text-align: Center; padding-right: 15px; } .msgCloseBtn { font-size: 16px; } .notfnMsgDisplay { display: none; }*/ /*DevXtreme*/ .notification-text-box { height: 33px; display: inline-block; width: 100%; } .notification-text-box.dx-texteditor { /* margin-top: 2px; */ height: 35px !important; border: none; background: #FFF8E5; width: 99%; } .notification-text-box .dx-texteditor-container { min-height: 33px; background: #FFF8E5; } .notification-text-box .dx-texteditor-input { margin: 0; padding: 4px 5px 4px; background: #FFF8E5; color: #333; font-size: 1em; border-radius: 4px; min-height: 24px; } /*.notification-spinner.dx-texteditor { width: 20px; display: inline-block; border: none; } .notification-spinner .dx-texteditor-container { position: relative; overflow: hidden; width: 100%; height: 100%; min-height: 30px; background: #FFF8E5; } .notification-spinner .dx-numberbox-spin .dx-texteditor-input { padding-right: 28px; display: none; } .notification-spinner .dx-numberbox-spin-container { overflow: hidden; width: 20px; height: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .notification-spinner .dx-numberbox-spin-button { background: #FFF8E5; }*/ /*.notification-list .btn-notifctnCloseBtn { position: absolute; color: #333; font-size: 21px; width: 30px; height: 38px; display: inline-block; background: #FFF8E5; }*/ /*.alert-panel-container { display: inline-flex; } .alert-panel-refresh { padding: 5px; } #alertGridContainer .dx-datagrid-headers .dx-datagrid-table .dx-row > td { background: #E5E5E5; color: #333; font-weight: bold; }*/ /*.closurePopup .dx-popup-title{ background-color: RGB(189,15,23); font-weight: bold; color: white; } .notification-list .dx-button-has-icon .dx-icon { height: unset; } #notification-text { min-width: 99%; width: 99%; display: inline-block; overflow: hidden; text-overflow: ellipsis; cursor: default; } #main-navigation.navbar-fixed-top, #main-navigation.navbar-fixed-bottom{ z-index:1030; } #main-navigation .open > .dropdown-menu { display: none; } #main-navigation .expand > .dropdown-menu { display: block; } .closurePopup.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after { background:RGB(189,15,23) !important; border-color:RGB(189,15,23) !important; } .closurePopup .dx-popup-title .dx-closebutton .dx-icon { color: #fff !important; } #closeTargetElement:hover{ cursor: pointer; }*/ /*Data Manager Menu*/ /*.open-data-link{ margin-bottom:5px; } .open-data-link span { color: #337ab7; text-decoration: none; cursor:pointer; display:block; } .open-data-link span:hover, .open-data-link span:focus { text-decoration: underline; outline: none; } .recent-data-links .recent-data-links-header { display: block; border-bottom: 1px solid #ddd; } .recent-data-links .recent-data-links-list { list-style-type: none; padding: 5px 0; font-size:1.2rem; } .recent-data-links .recent-data-links-list li { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .recent-data-links .recent-data-links-list li:hover{ cursor:pointer; color:#337ab7; }*/ /*License Manu*/ .license-menu .license-summary-header { font-size: 1.5rem; /* margin-bottom: 5px; */ border-bottom: 1px solid #ddd; } .license-menu .license-summary { margin-bottom: 5px; margin-top: 5px; } .license-menu .license-summary .license-summary-status { border-bottom: 1px solid #ddd; margin-bottom: 5px; } .license-menu .license-summary .license-summary-status-points { font-size: 1.2rem; } .license-menu .license-summary .license-summary-status-points ul{ list-style:none; } .license-summary-status-points .point-title { display: inline-block; min-width: 90px; } .license-renew-link span { color: #337ab7; text-decoration: none; cursor: pointer; } .license-renew-link span:hover, .license-renew-link span.focus { text-decoration: underline; outline: none; } /*Apps Menu*/ #apps .menu-details ul { list-style: none; } #main-wrapper .page-footer{ z-index:0; } /**************navigation bar ends***********************/ /*****************Filter starts**************************/ .filter-config-icon { position: fixed; top: 95px; height: 20px; width: 100%; text-align: center; z-index: 3 !important; transition: all 0.4s ease 0s; } .filter-config-icon.filtersPinned{ z-index:unset !important; } .filter-icon { width: 70px; height: 17px; left: 50%; position: absolute; cursor: pointer; /* background: #FF5722; */ background:url(/assets/images/Icons/filter_img.png); /* border: 1px solid transparent; */ /* border-radius: 0 0 10px 10px; */ transition: all 0.4s ease 0s; } .filter-icon-green { width: 70px; height: 17px; left: 50%; position: absolute; cursor: pointer; background: url(/assets/images/Icons/filter_img_green.png); transition: all 0.4s ease 0s; } .filter-icon.active { margin-top: 75px; } .filter-icon.filtersPinned { margin-top: 75px; visibility: hidden; } .filter-box { height: 80px; width: 100%; background-color:#f5f5f5; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .filter-box.filtersPinned { position: fixed; top: 90px; transition: all 0.4s ease 0s; transform: translate(0,5px); -webkit-transform: translate(0,5px); -o-transform: translate(0,5px); -moz-transform: translate(0,5px); border-top:none; } /* .storm-toolbar-container .form-inline.top-inline-filter{ text-align: left; } .storm-toolbar-container .form-margin-right{ margin-right:10px; } */ .top-filter-pin-btn{ min-width: 35px; margin-right:-40px; } /* .storm-dashboard-btn.alert-dashboard-btn{ position: fixed; top: 65px; right: 5px; } .storm-dashboard-btn.alert-dashboard-btn .dx-button{ border-color:#fff; } .storm-dashboard-btn.alert-dashboard-btn .dx-button-has-icon .dx-icon{ width:17px; height:17px; font-size:17px; } .storm-date-range-control{ position: fixed; top: 65px; right: 30px; } .storm-toolbar-container .top-inline-filter .form-group{ width:220px !important; margin-right:10px; } */ #filter-box-content{ display:none; } #filter-box-content.filter-box.active.filtersPinned{ display:block; } /* tooltip */ .top-filter-pin-btn.dx-button.dx-state-focused{ background-color: transparent; border-color:transparent; } .top-filter-pin-btn.dx-button.dx-state-hover{ background-color: transparent; border-color:transparent; } /*****************Filter ends****************************/ .as-of-time-text-box{ margin-top:4px; margin-left:5px; } /******************Sidebar css starts********************/ /*Common css used in both sidebars*/ .sidebar-wrapper.active { left: 0; z-index: 3; } #page-content-wrapper.active .menutxt { display: none; } .sidebar-nav { top: 0; list-style: none; margin: 0; padding: 0; margin-top: 10px; text-align: left; } .sidebar-nav-full { max-height: 80%; min-height: 80%; overflow-y: auto; width: 100%; } .sidebar-nav-top { width:100%; max-height: 60%; min-height: 60%; overflow-y: auto; border-bottom: 1px solid #ddd; } .sidebar-nav-bottom { max-height: 26%; overflow: auto; min-height: 26%; } #page-content-wrapper.active .sidebar-nav { width: 68px; } .sidebar-nav li { line-height: 20px; } .sidebar-nav li:hover { background: #ddd; cursor: pointer; } .sidebar-nav li a { color: black; display: block; text-decoration: none; padding: 1px 4px; text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; } .sidebar-nav li a span:before { position: absolute; left: 0; color: black; text-align: center; width: 20px; line-height: 18px; } .sidebar-nav li.active { background: #ddd; color: black; text-decoration: none; cursor: pointer; } .sidebar-nav li a:active, .sidebar-nav > li > a:hover, .sidebar-nav > li > a:focus { text-decoration: none; background-color: transparent; } .menuIcon { display: inline-block; width: 30px; height: 30px; border: black; color: #fff; padding: 5px 2px; border-radius: 6px; text-align: center; } .sidebar-nav-child { padding-left: 20px; list-style: none; display: none; } .sidebar-nav li.active .sidebar-nav-child { display: block; } .sidebar-title-bar { padding: 0px 10px; text-align: left; font-size: 14px; font-weight: 600; color: black; } .sidebar-toolbar { padding: 5px 5px 5px 10px; text-align: left; font-size: 12px; } .sidebar-toolbar .btn { height: 25px; /*width: 25px;*/ margin: 0; } .sidebar-toolbar i.dx-icon { color: #333 !important; font-size: 14px; } .sidebar-toolbar-left, .sidebar-toolbar-right { display: inline-block; margin-left: 0px; max-width: 175px; } .sidebar-toolbar-right { float: right; } .sidebar-toolbar .dx-checkbox-icon { width: 16px; height: 16px; } .sidebar-toolbar .dx-checkbox-text { margin-left: -16px; padding-left: 20px; } .sb-tb-btn { display: inline-block; padding: 0 5px; border: 1px solid #ddd; } .sidebar-mask, .openObject-mask { position: fixed; top: 0; left: 0; width: 0; height: 0; background-color: transparent; opacity: 0; transition: opacity .3s,width 0s .3s,height 0s .3s; } .sidebar-mask.active, .openObject-mask.active { width: 100%; height: 100%; opacity: .7; transition: opacity .3s; } #menu-toggle { text-decoration: none; float: left; color: #fff; padding-right: 15px; } /*Common css used in both sidebars*/ /*Open Objects Sidebar*/ .elm-root-content .blue-bg { background: #0D3F75; color: #fff; } .btn-sidebar-toggle { display: block; width: 22px; position: absolute; z-index: 3; text-align: center; padding: 5px 2px 5px 0; border-radius: 0 6px 6px 0; } div#moduleListToggle { top: 110px; } #openObjectToggle .sidebar-wrapper { width: 250px; z-index: 0; left: -250px; top: 95px; bottom: 25px; background: #f1f1f1; position: fixed; z-index: 1000; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; border: 1px solid #ddd; border-radius: 0 6px 6px 0; } #openObjectToggle .sidebar-wrapper.notification-active { top: 125px; } /*div#openObjectToggle { z-index: 3; top: 350px; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; position: fixed; left: 0; width: 15px; }*/ .toggleArrow { font-size: 20px; padding: 10px 0px 10px 0; margin-left: -3px; } #openObjectToggle.hovered { left: 250px; } #openObjectToggle.hovered .sidebar-wrapper { left: 0; } #openObjectToggle.active { left: 250px; } #openObjectToggle.active .sidebar-wrapper { left: 0; } .orange-bg { background: #FF5722; color: #fff; } /*Open Objects Sidebar*/ /******************Sidebar css ends********************/ /**************Filter Container Content starts****************/ .filter-row-content { text-align: left; padding: 0 10px; height: 35px; } .dx-field{ font-size:1.1rem; /*convert to rem*/ } .filter-row-content .dx-field-label { padding: 9px 8px 5px 3px; color: #6f6e6e; } .filter-row-content .dx-field-label, .filter-row-content .dx-field{ display:inline-block; text-align: left; } /* .filter-row-content .dx-field-label{ width:unset; } */ .dx-field-value .green-cta { background-color: #20d89a; color: #fff; background-image: linear-gradient(#20d89a, #16956a); background-image: -moz-linear-gradient(#20d89a, #16956a); } .filter-content-width{ width:16%; } .filter-last-content-width{ width:19%; } .dx-field.filter-type{ width: 8%; } .dx-field.filter-btn-content-width{ width: 5%; } .filter-btn-withtext-content-width.apply-filter-btn{ margin-left:20px; } .dx-field.filter-btn-withtext-content-width .dx-field-value{ width:100% !important; } .dx-field.filter-btn-withtext-content-width{ width: 7%; } .dx-field.filter-btn-withtext-content-width .dx-button{ width: 100%; } .filter-type .dx-field-label { min-width: 100%; text-align: left; } dx-button.top-filter-pin-btn { border-color: transparent; background-color: transparent; min-width: 26px; } .filter-btn-withtext-content-width .dx-field-value{ width:100% } .filter-row-content .dx-field:last-of-type{ margin:0 0 5px 0; } .filter-row-content.filter-row-one-content .dx-field:last-of-type{ margin:0; } .filter-row-content.filter-row-one-content{ margin-top:5px; } .filter-row-content.filter-row-one-content .dx-field{ /*margin:0;*/ } /**************Filter Container Content ends******************/ /**************Settings and Date content starts***************/ .elm-page-main-wrapper .date-caption-bar { position: fixed; top: 63px; right: 115px; /*right: 85px;*/ display: inline-flex; padding: 4px; } .elm-page-main-wrapper .settings-btn { position: fixed; top: 60px; /*right: 55px;*/ right: 83px; } .elm-page-main-wrapper .email-config-btn { position: fixed; top: 60px; /*right: 30px;*/ right: 57px; } .elm-page-main-wrapper .export-btn { position: fixed; top: 60px; /*right: 5px;*/ right: 29px; } .elm-page-main-wrapper .close-btn { position: fixed; /*top: 60px;*/ top: 66px; right: 2px; } .date-caption-bar .dx-field-label{ text-align:right; padding:3px 8px 5px 0; } .date-caption-bar .dx-field-value{ padding-right: 2px; } .elm-page-main-wrapper .dashboard-btn .dx-button,.elm-page-main-wrapper .dashboard-btn .dx-button.dx-state-hover,.elm-page-main-wrapper .dashboard-btn .dx-button.dx-state-focused{ border-color:transparent; background-color:transparent; } .elm-page-main-wrapper .dashboard-btn .dx-button-has-icon .dx-icon{ height:14px; width:14px; font-size:14px; } .date-caption-bar .dx-field-value{ width:50% !important; } /*body { font-size:1.4rem; }*/ @media only screen and (max-width: 768px) { html { font-size: 6px; } } @media only screen and (max-width: 1499px) { html { font-size: 10px; } } @media only screen and (min-width: 1500px) { html { font-size: 12px; } } @media only screen and (max-width: 415px) { html { font-size: 4px; } } /**************Settings and Date content ends*****************/ .filter-left-border { /*border-left: 1px solid grey;*/ margin-left: 60px; } /****ELM phoenix integration *****/ .epicelm { line-height: 18px; width: 174px; margin-top: 9px; } .epicelm .fa-angle-right { } .epicelm .fa-angle-right:after { content: "\f105"; margin-left: 10px; } .epicelm .fa-angle-right:before { content: none!important; margin-left: unset!important; } /***Resolution specific changes****/ @media screen and (min-width: 1280px) { .left-bar-container { width: 300px; /* width: 30rem; */ width: 24%!important; background-color: #10293E; flex-grow: initial; transition: 0.5s; } .left-bar-container.collapsed { margin-left: -248px; } } @media screen and (min-width: 1360px) { .left-bar-container { width: 300px; /* width: 30rem; */ width: 22%!important; background-color: #10293E; flex-grow: initial; transition: 0.5s; } } @media screen and (min-width: 1440px) { .left-bar-container { width: 300px; /* width: 30rem; */ width: 20%; background-color: #10293E; flex-grow: initial; transition: 0.5s; } .left-bar-container.collapsed { margin-left: -260px!important; } } @media screen and (min-width: 1600px) { .left-bar-container { width: 300px; /* width: 30rem; */ width: 19%!important; background-color: #10293E; flex-grow: initial; transition: 0.5s; } .left-bar-container.collapsed { margin-left: -250px!important; } } @media screen and (min-width: 1760px) { .left-bar-container { width: 300px; /* width: 30rem; */ width: 17%!important; background-color: #10293E; flex-grow: initial; transition: 0.5s; } } @media screen and (min-width: 1860px) { .left-bar-container { width: 300px; /* width: 30rem; */ width: 16%!important; background-color: #10293E; flex-grow: initial; transition: 0.5s; } } @media screen and (min-width: 1920px) { .left-bar-container { width: 300px; width: 30rem; width: 15.6%!important; background-color: #10293E; flex-grow: initial; transition: 0.5s; } } @media screen and (min-width: 2048px) { .left-bar-container { width: 300px; width: 30rem; width: 14% !important; background-color: #10293E; flex-grow: initial; transition: 0.5s; } .left-bar-container.collapsed { margin-left: -235px; } } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/elm-dashboard-content.css ***! \**************************************************************************************************************************************************************************************************************************************/ /*********************************Data Css Starts**********************************/ .elm-grid-content { /*padding:0 15px 0 0;*/ display: flex; } .elm-grid-content .dx-datagrid-headers { /*padding:0 15px 0 0;*/ /*display: flex;*/ /*padding-top: 4px;*/ padding-bottom: 4px; color: white !important; background-color: #1367b9; } .elm-grid-content .dx-header-row { /*padding:0 15px 0 0;*/ /*display: flex;*/ /*padding-top: 4px;*/ padding-bottom: 4px; color: white !important; background-color: #1367b9; } .elm-grid-content .dx-header-filter { /*padding:0 15px 0 0;*/ /*display: flex;*/ color: white !important; background-color: #1367b9; } .elm-dashboard-content{ padding:0 10px; } .elm-grid-controls { padding-left:3px; /*padding-bottom: 3px; position: absolute; top:0; right:-5px; max-width: 30px;*/ } .trade-details-grid-control { padding-left:3px; /*padding-bottom: 3px; position: absolute; top:0; right: 0px; max-width: 30px;*/ } .elm-root-content .elm-us-dashboard-container .elm-dashboard-grid-content .dx-button-has-icon .dx-icon { width: 10px; height: 10px; font-size: 11px; } .elm-dashboard-grid-content{ padding:0 10px; } .elm-us-dashboard-container .dashboard-label-outline{ /* background: #DDDDDD; */ margin:5px 10px 10px 15px; padding: 0px; } .elm-root-content .elm-us-dashboard-container .elm-dashboard-grid-content .dx-widget,.elm-root-content .email-grid-content-position .email-grid-area .dx-widget{ font-size: 10px; font-size:1.2rem; /*convert to rem*/ margin-bottom:2px; } .elm-root-content .elm-us-dashboard-container .elm-dashboard-grid-content dx-data-grid{ border:none; } .top-grid-header-content { /*padding: 0 25px 0px 10px;*/ display: inline-flex; width: 100%; } .grid-title-label{ padding-left:10px; } .elm-us-dashboard-container .top-grid-header-content .violation-span-outline{ font-size: 12px; font-size: 1.1rem; font-family: arial; font-weight: 600; text-align: center; width: 2.3rem; height: auto; margin: 4px 4px; float: right; color: #fff; border-radius: 5px; } .elm-us-dashboard-container .top-grid-header-content .violation-span-label{ float:right; font-size:12px; font-size:1.3rem; /*convert to rem*/ padding: 3px 0; } /*********************************Data Css Ends**********************************/ /*********************************Chart Css Starts**********************************/ /* .charts-container{ padding:10px; } */ .elm-us-dashboard-container .close-btn-class{ position: fixed; top:95px; right:15px; z-index:3 !important; } .charts-container .close-btn-class .dx-button{ } .charts-container .close-btn-class .close-btn{ background-color: #696969; border-width: 0; border-color: #333; border-radius: 10px; height: 18px; width: 18px; } .charts-container .close-btn-class .close-btn:hover{ background-color: #e00c0c; border-color: #333; } .charts-container .close-btn-class i.dx-icon { color:#fff !important; } .charts-container .close-btn .dx-button-content{ padding:0; } .charts-container .close-btn-class .dx-button-has-icon .dx-icon{ font-size:10px; } .elm-us-dashboard-container .close-btn-class.filterPinned{ top:170px; } .close-btn-class .close-btn.dx-button-has-icon .dx-button-content{ padding:0px; } #container{ height: 100% !important; width: 100% !important; padding:10px 0 0 0; } /*.elm-us-dashboard-container .header-data { float: left; color: #a8a8a8; font-size: 14px; margin-right: 8px; max-height: 14px; }*/ .header-allignment{ padding-left:10px } /*********************************Chart Css Ends**********************************/ .btn-template .dx-button{ background-color:red; } .btn-template .dx-button-has-icon .dx-icon{ width:8px; height:8px; font-size:6px; color:black; } .hr-data{ border-bottom: 1px solid #d4d4d4; float: left; display: inline-block; height: 10px; min-width:68%; } .hr-details{ border-bottom: 1px solid #d4d4d4; float: left; display: inline-block; height: 10px; min-width:90%; } /****** Updated CSS while integrating ELM with Phoenix *******/ .violation-span-label { float: right; font-size: 12px; font-size: 1.3rem; /*convert to rem*/ padding: 3px 0; } .violation-span-outline { font-size: 12px; font-size: 1.1rem; font-family: arial; font-weight: 600; text-align: center; width: 2.3rem; height: auto; margin: 4px 4px; float: right; color: #fff; border-radius: 5px; } .header-data { flex: 1; color: #a8a8a8; font-size: 16px; font-weight: 500; } .common-button{ background-color: lightgray!important; } .violation-counts { display: flex; padding-right: 30px; } /****** Updated CSS while integrating ELM with Phoenix *******/ /*!*****************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/elm-settings.css ***! \*****************************************************************************************************************************************************************************************************************************/ .settingsTabContainer{ padding-left: 0px; } .form-container { margin-left: 0; margin-right: 0; } .form-container .form-inline { /*margin: 0 0 5px 0;*/ margin: 3px 0 7px 12px; padding:0; } .form-container .form-inline .form-group{ width:100%; margin:0; padding:0; } .settingsContainer { padding-left: 0px; } /* .settingsContainer .form-inline .form-group { display: block; margin-bottom: 0; vertical-align: middle; } */ .spaceing{ white-space:nowrap; } .form-container .form-inline .form-group .label-container { display: inline-block; padding: 0; } .form-container .form-inline .form-group .textbox-container { display: inline-block; padding: 0; } .settingsTabContainer .tab-content{ padding-top: 5px; } .settingsTabContainer .nav > li > a{ padding:5px; } .settings-header-padding{ padding:0px; } .label-container.settings-row-padding { padding: 4px 0px!important; } .label-container.settings-row-margin { margin-right: 3rem!important; } .settingsPopup .dx-popup-content{ height: 43rem!important; } .settings-select-box{ min-height:25px; } hr.settings-divide { border-top: 1px double #8c8b9970; margin-top: 5px; margin-bottom: 5px; } .row-sub-section{ padding-left:5px!important; } .dx-overlay-content .dx-popup-content > .settingsPopup{ overflow-y:auto; overflow-x: hidden; } /* .col-md-2.label-container { width:20%; } */ .col-md-2.label-container.color-label1 { width:22%; } .col-md-2.label-container.color-label2 { width:18%; } .elm-color-box{ width:55px; } .col-md-1.color-space{ padding-left: 5px; padding-right: 0px; width:3%; } .saveButton{ padding-top: 20px; } .col-md-2.label-container.settings-header{ width:15% } /* ------------Settings Tabs--------------- */ .settingsTabContainer .nav-tabs { border-bottom: 2px solid #DDD; } .settingsTabContainer .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; } .settingsTabContainer .nav-tabs > li > a { border: none; color: #666; padding-right: 15px} .settingsTabContainer .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; } .settingsTabContainer .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); } .settingsTabContainer .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); } .settingsTabContainer .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; } .settingsTabContainer .tab-pane { padding: 10px 0; } .settingsTabContainer .tab-content{padding:0px} /* -------------Settings Tabs-------------- */ /* -------------Switch-------------- */ .dx-switch-off { line-height: 18px; } .dx-switch { width: 40px; height: 18px; } /* -------------Switch-------------- */ /* ----------------------------------------------------------------------- */ .treefontstyle{ font-size: 14px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; color:black; } .bulletStyle{ list-style-type: none; } .paddingStyle{ padding-left: 0px; } .bulletStyle >li > a:hover{ text-decoration-line: none!important; cursor: pointer; } .bulletStyle .activeanchor{ background-color: #337ab7; } .elm-settings-heirarchy-container { min-height: 345px; max-height: 345px; border: 1px solid #ddd; border-radius: 4px; padding: 10px; overflow: auto; } .selectionlabel{ color: #337ab7; font-weight: bold; } .settings-save .dx-button.dx-state-hover .dx-icon{ color:#ff5722; } .settings-save .settings-btn .dx-button-has-icon{ height:16px; width:16px; font-size:16px; } .settingsTabContainer .elm-us-dashboard-container .elm-dashboard-grid-content .dx-button-has-icon .dx-icon { width: 16px; height: 13px; font-size:18px; } .borderStyle{ border:none; } .settingsTabContainer .elm-us-dashboard-container .elm-dashboard-grid-content .dx-widget{ font-size: 10px; font-size: 1.2rem; /*convert to rem*/ } .settingsTabContainer .elm-us-dashboard-container .elm-dashboard-grid-content dx-data-grid{ border:none; } .settingsTabContainer .dx-datagrid .dx-column-indicators{ float: right !important; } .settingsTabContainer .dx-datagrid-headers .dx-datagrid-table .dx-row>td{ text-align: left !important; } .settingsTabContainer .dx-datagrid-headers{ font-size:10px; font-size:1.1rem; /*convert to rem*/ } .settingsTabContainer dx-data-grid.dx-widget{ font-size:10px; } .settingsTabContainer .dx-datagrid .dx-row > td{ padding:3px 5px; } .email-form { margin-top: 15px; margin-left: 5px; height: 180px; overflow: overlay; } .btn-float-right{ float: right; } /* ------------------------------Export Css--------------------------- */ .exportCheckBox{ padding: 0px 10px 5px 0px; } .exportBrowseDiv { /*padding-left: 0px; padding-right: 0px; padding-top: 2px;*/ /* padding-left: 0px; */ padding-right: 0px; /* padding-top: 2px; */ margin-top: -9px; } .browseBtn.settingsTabContainer .elm-us-dashboard-container .elm-dashboard-grid-content .dx-button-has-icon .dx-icon { width: 11px; /*height: 11px;*/ font-size: 11px; margin-top: -10px; } .topPadding{ padding-top: 5px!important; } .positionClass { position: fixed; } .exportScroll { overflow-y: auto; height: 175px; margin-top: 5px; } .switchPadding { padding-top: 5px; } .tagboxFixWidth .dx-dropdowneditor-button-visible .dx-tag-container { padding-right: 24px; overflow-x: hidden; white-space: nowrap; position: static; } /**** ELM phoenix integration *****/ .email-settings-toolbar{ margin-bottom: 10px; } .export-first-item { margin: 10px 0 7px 12px!important; } /*devextreme override css*/ .button-content-manage .dx-icon.fa.fa-floppy-o { margin-top: -10px !important; } /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/elm-sidebar-content-layout.css ***! \*******************************************************************************************************************************************************************************************************************************************/ .logo-header{ font-size:20px; color:grey; } .sidebar-navlink-container{ color: #d5dce0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-size:1.4rem; /*convert to rem*/ font-weight: 400; } .side-panel-container{ overflow-y:hidden; height:100%; } .side-panel-container .sidebar-section{ border-bottom: 1px solid rgba(200, 192, 226, 0.3); /* border-bottom:none; */ margin-bottom: 0; padding-bottom: 10px; } .sidebar-item-row.sidebar-item-left-allign{ justify-content: flex-start; } .sidebar-item-row.sidebar-item-data-with-navigation{ color: #dce1e4; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; padding: 0 10px 0 15px; } .sidebar-item-row { align-items: center; display: flex; fill: #9ca6af; height: 28px; justify-content: right; line-height: 28px; } a { background-color: transparent; text-decoration: none; } .sidebar-item-row .side-bar-item-name { margin-right: 0; } .side-bar-item-name { margin-right: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .side-panel-container ul { padding-left: 0px; } /*******************Portfolio Containers Start**********************/ .CustomScrollbarContainer-content { width: 100%; } .SidebarCollapsibleHeader.tag-display-allignment{ display:inline-block !important; } .Sidebar--withClarifiedNavigation .Sidebar-section:not(.Sidebar-firstSection) { padding-top: 10px; } .Sidebar--withClarifiedNavigation .Sidebar-section { border-bottom: 1px solid #222b37; margin-bottom: 0; padding-bottom: 10px; } .SidebarCollapsibleHeader--withClarifiedNavigation { /* color: #646f79; */ color:#dce1e4; /* color:#C0C0C0; Silver */ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif; /* font-family:Arial black; */ font-size: 12px; font-size: 1.2rem; font-weight: 200; } .SidebarCollapsibleHeader { /* color: #9ca6af; */ /* color:#7d7f82; */ color:#dce1e4; cursor: pointer; display: flex; margin-right: 10px; } /*********/ .SidebarReportsItemRow.SidebarReportsItemRow--withClarifiedNavigation { color: #d5dce0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; margin-top: -0.8rem; } .TextOverflow{ overflow-x: hidden; white-space: nowrap; max-width: 12rem; text-overflow: ellipsis; } .SidebarReportsItemRow { align-items: center; border-left: 3px solid transparent; cursor: pointer; display: flex; fill: #9ca6af; height: 28px; justify-content: right; padding: 0 10px 0 12px; } .SidebarReportsItemRow.SidebarReportsItemRow--withClarifiedNavigation { color: #d5dce0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; } .SidebarReportsItemRow { align-items: center; border-left: 3px solid transparent; cursor: pointer; display: flex; fill: #9ca6af; height: 22px; justify-content: right; padding: 0 10px 0 12px; } .hover-icon{ cursor:pointer; } .SidebarCollapsibleHeader--withClarifiedNavigation .SidebarCollapsibleHeader-name { padding:10px 15px 4px 15px; } .SidebarCollapsibleHeader-icon{ margin-right:0px; } /*********/ .li-icon-allignment{ float:right; margin-right:10px; padding-top: 8px; color:#d5dce0; visibility: hidden; font-size: 10px !important; } /*******************Portfolio Containers End**********************/ .SidebarReportsItemRow.tag-display-allignment { display: inline-block !important; /*width: 15rem;*/ width: 140px; } .side-panel-container a:hover,.side-panel-container a:focus { color: #fff; text-decoration: none; } .side-panel-container .side-bar-content-hover:hover{ background-color: rgba(255,255,255,0.16); } .portfolio-list-hover:hover .li-icon-allignment{ visibility:visible; } .side-panel-container .cursor-class{ cursor: pointer; } /*******************************/ .sidebar-scrollable-content { width: 100%; height:90%; overflow-y: auto; } .sidebar-scrollable-content::-webkit-scrollbar { width: 10px; border-radius: 5px; background-color: #eee; } .sidebar-scrollable-content::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #333; } .sidebar-scrollable-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 5px; background-color:#eee; } /******************************/ .logo-header{ padding:15px 5px 5px 5px; } .logo-header .dx-button,.logo-header .dx-button.dx-state-hover,.logo-header .dx-button.dx-state-focused{ background: transparent; border:transparent; } .logo-header .dx-button .dx-icon{ color:#fff; } /*****************charts-icons-violations start******************/ .violation-allignment{ float:right !important; margin-right:3px !important; color:#fff !important; } .margine-alignment { /*margin-top: 0.2rem;*/ height: 27px; margin-top: -3px; } .violation-allignment .violation-span-outline { /*font-size: 12px; font-size: 1.2rem; font-family: arial; font-weight: 400; height: auto; width: 2.5rem; border-radius: 5px; margin-right: 0.2rem; text-align: center;*/ font-size: 1.2rem; font-family: arial; font-weight: 400; height: 1.8rem; width: 2.5rem; border-radius: 5px; margin-right: 0.2rem; text-align: center; } .violation-allignment .violation-div-align{ width: 50%; float: left; } .violation-allignment .violation-icons{ /* height:14px; width:14px; */ font-size:14px; } /*****************charts-icons-violations end******************/ .side-panel-container .tag-hover-focus a:hover, .side-panel-container .tag-hover-focus a:focus{ /* color: #7d7f82; */ color:#dce1e4; text-decoration: none; } .side-panel-container .level-three-hover a:hover,.side-panel-container .level-three-hover a:focus{ color: #d5dce0; text-decoration: none; } .violation-allignment .violation-icons:hover{ color:#ff3546; } /********Disabled content*****/ .side-panel-container .portfolio-disabled:hover, .side-panel-container .portfolio-disabled:focus{ color:#dce1e4; text-decoration:none; } /** Side Panel updated css **/ li.level-three-hover.side-bar-content-hover { display: inline-block; } /** Side Panel updated css **/ /*!**************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/migration.css ***! \**************************************************************************************************************************************************************************************************************************/ .migration-activity-tab { /* padding-top: 44px; */ padding-top: 40px; background-color: #fff; } .migration-activity-object-toolbar { margin-top: -80px; /* margin-top: -90px; */ } .migration-activity-grid-area { margin-top: 44px; height: 100%; } .migration-activity-radio-btn { margin-top: 15px !important; margin-left: 40px !important; } .grid-area-without-toolbar.migration-activity-height { height: calc(100% - 90px); } .grid-area.migration-activity-height { height: calc(100% - 90px); } .grid-area.datagrid-master-detail-height { height: calc(100% - 100px); /* height: 946.200px; */ } .grid-area.deployment-history-height { height: calc(100% - 120px); } .migration-container-height { height:100%; } .migration-status { height: 17px; width: 20px; margin-right: 5px; } .display-inline { display:inline-block; } /*.preserve-locked-checkbox*/ .app-label-setting-popup { margin-top: 30px !important; } .dataset-filter-left-margin{ margin-left:10px; } .override-dataset-filter .dx-checkbox-container { margin-top: -10px; } .other-filter-margin-top{ margin-top:-5px; } .data-set-migration-grid .dx-header-row .dx-command-select .dx-select-checkbox .dx-checkbox-container { margin-top: 10px; } /*****************Package Deployment CSS********************************/ .file-name-label{ margin-right:15px; } .source-system-label { margin-right: -3px; } .data-Filters .package-deployment-form-fieldset { margin: 5px 5px; } .package-deployment-form-fieldset { margin: 5px 5px; } .data-Filters .package-deployment-form-fieldset .inline-data-margin { margin-left: 25px; } .data-Filters .package-deployment-form-fieldset .fieldset-container { /*display: inline-flex;*/ display:inline-block; flex-flow: row wrap; align-items: center; width: 100%; text-align:center; } .package-deployment-form-fieldset .fieldset-container { display: inline-flex; flex-flow: row wrap; align-items: center; /*justify-content: space-between;*/ width: 100%; } .package-deployment-form-fieldset .inline-data-margin { margin-left: 25px; } .action-status-margin{ margin-left:5px; } #progress-bar-status { margin-left:10px; display:inline-block; } .action-btn { display: inline-block; } .action-btn .dx-button-content { padding: 0px; } .action-btn .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) { border-radius: 0%; height: 24px; width: 20px; } .fixed-column-row-align { text-align: center; } /*#pkgDeployment .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-pager { border-top: 1px solid #ddd; }*/ .data-Filters .time-fieldset { margin: 0px 4px; display:inline-block; } .pkg-deployment-action-text-center { text-align: center; } .fa-a:before { font-family: Arial; /* your font family here! */ font-weight: bold; content: 'A'; border: 1px solid; border-radius: 15px; padding: 4px 7px; } .deployment-pkg-toolbar-margin { margin-top: -92px; } .migration-activity-page { width: 100% !important; /*margin: 0 5px;*/ /**temporary commented***/ /* padding: 0 10px; margin: 0px; */ padding: 0px 10px; margin:0px 5px; background: #fff; } .gutter { background: #ededed; } .pkg-properties-label { font-weight: 400; font-size: 14px; margin: 5px 0px; } #estimated-time{ float:left; } #operations{ float:right; } .data-Filters .time-content-form-fieldset { margin: 5px 0px; text-align:center; } #pkgDeploymentGridPane { padding-left: 0px; } #pkgDeploymentDetailPane { padding-right: 0px; overflow-y:hidden; min-width:10%; } .pkg-metadata-content-height { height: calc(100% - 200px); } .left-position{ float:left; } .form-left-margin{ margin-left:60px; } .isDisabled { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none; pointer-events: none; } /*#pkgDeployment .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell { border-right: none; } #pkgDeployment .dx-datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-input { border-right: none; }*/ /*#pkgDeployment .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td { border-right: none; }*/ #logDetails .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td { border-right: none; } .form-pkgDepl { padding-top: 0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; } .grid-error-validation { position: absolute; margin-top: -9px; width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; font-weight: 500; background-color: #d9534f; color: #fff; content: '!'; border-radius: 50%; } /*****************Package Deployment CSS********************************/ .grid-error-validation { position: absolute; margin-top: -9px; width: 18px; height: 18px; text-align: center; line-height: 18px; font:inherit; font-size: 14px; font-weight: 500; background-color: #d9534f; color: #fff; content: '!'; border-radius: 50%; } /****** migration multiple tabs handling CSS ******/ /* To place Navigation button at proper position */ .dx-tabs-nav-button { top: 44px; background-color: #efefef !important; margin-top: -4px; } .dx-tabs.dx-tabs-stretched { table-layout: fixed; } #ImportObjectsToolbar > .advance-grid-buttons-area { z-index: 2; display: grid !important; } /**************** required mark color *********************/ .dx-field-item-required-mark{ color:red; } .tab-close { background-color: #efefef !important; right: 1px !important; min-width: 28px !important; } /*!********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/aro.css ***! \********************************************************************************************************************************************************************************************************************/ .aro-page { /* width: 100% !important; */ padding: 0px 10px; margin: 0px 5px; background: #fff; } .aro-container-height { height: 100%; } .grid-area.layer-grid-height { height: calc(100% - 80px); } .aro-toolbar { margin-top: -80px; } .aro-tab { padding-top: 40px; background-color: #fff; } .aro-setting-tab { background-color: #fff; } .aro-grid-area { margin-top: 44px; height: 100%; } .aro-page-view { display: inline-flex; justify-content: center; z-index: 0; width: 100%; height: 100%; position: fixed; padding-bottom: 200px; overflow-x: hidden; overflow-y: hidden; } #layerInfoPane { overflow-x: hidden; overflow-y: auto; } .layer-inside-tab-page { height: 100%; } #layerCalcPane { overflow-x: hidden; overflow-y: auto; margin-right: 20px; margin: 10px; } .aro-text-center { text-align: center; } .aro-tab-container-area { height: 100%; display: flex; margin-top: 35px; padding-bottom: 70px; } .flexbox-flex-3-inline-data { flex: 3; } .aro-dashboard-data-filter-detail-grid { margin-left: 30px; margin-top: 2px; border: 0px; } .aro-dashboard-border { border: 0px; } .aro-dashboard-margin { margin: 0px; } .aro-dashboard-margin-left { margin-left: auto; } .aro-dashboard-button { float: right; margin-right: 5px; font-weight: bold; padding: 2px 9px; } .aro-dashboard-detail-grid-label { font-weight: bold; margin-left: 5px; } .aro-dashboard-data-filter-div { margin-left: 30px; border: 0px; } .aro-dashboard-select-box { float: right; margin-left: auto; margin-right: 5px; } .aro-dashboard-label { font-weight: bold; margin-left: 5px; } .margin-left-ds-name { margin-left: -15px; } .col-mapping-label { width: 100%; float: none; font-size: 13px; color: #237ccf; font-weight: bold; margin-bottom: 0; overflow: initial; } .aro-page.deatilPaneOpen { min-width: 50%; overflow-y: hidden; } .aro-page.detailPaneClosed { width: 100% !important; } .aro-dashboard-overflow { overflow-x: hidden; overflow-y: auto; position: relative; /* height: 80%;*/ height: calc(100% - 80px); padding-left:9px; } .aroDashboardLine { width: 100%; height: 0; border: 1px solid #C4C4C4; margin: 3px; display: inline-block; } .grey-field-label-bold-margin{ margin-top:10px; } .set-in-one-div{ display:flex; } .drop-downlist-border { flex-grow: 1; flex-direction: row; border: solid 1px grey; } .set-margin-zero { margin:0px; } .aro-setting-general-tab { height: 185px; } .aro-setting-layer-tab { height: 172px; } .aro-setting-layer-tab-margin { margin-left:0px; } .aro-setting-button { margin-left:15em; margin-top:13em; } .base-cost-col-mapping { font-weight: bold !important; } .grid-inline-data{ display:inline-block; } .aro-settings-btn{ margin-top: -5px; } /*!*************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/content/journals.css ***! \*************************************************************************************************************************************************************************************************************************/ /****Journals-app epic integration *****/ .epiceje { line-height: 18px; width: 174px; margin-top: 9px; } .epiceje .fa-angle-right { } .epiceje .fa-angle-right:after { content: "\f105"; margin-left: 10px; } .epiceje .fa-angle-right:before { content: none !important; margin-left: unset !important; } .journals-pane-header { height: 40px; margin-left: -25px; border-bottom: 1px solid #dadada; padding: 3px; background: #ffffff; position: sticky; top: 0; z-index: 1000; } .user-dashboard-selectbx-label { width:45% } .admin-dashboard-view { padding-top:10px; padding-left:20px; } /*.user-dashboard-grid-area { display: inline-block; max-width: 98%; margin-right: 5px; margin-left: 30px; margin-top: 2px; }*/ #usergridtools > div { padding-top: 74px !important; } .journal-form-sheet-container { display: inline-flex; /*align-items: center;*/ flex-flow: nowrap; justify-content: flex-start; /*margin: 5px;*/ } .journal-inline-field-width { width: 235px; margin-right: 40px; } .journal-form-label-width { width: 150px } /*.btn-Parameters-place { padding-left: 150px; }*/ /*---*/ .journal-dashbard-grid-margin { height: 100% } .journal-dashboard-grid-area { height: 100%; margin-top: -1px!important; } .journal-tab-grid-area { height: calc(100% - 110px); display: inline-flex; flex-wrap: nowrap; width: 100%; } #spreadsheet > div.jtabs-content > div > div.jss_content.jss_content_overflow { width: 100% !important; } .inline-diff-fields { display:inline-flex; width:100%; } .difference-field-place { display: inline-flex; margin-left: auto; margin-right: 0; } .reversing-field-place { padding-left: 425px; display: inline-flex; } /*.caption-label-width { width: 205px; }*/ /*Documentation popup*/ .popup-data-container { width: 100%; display: inline-flex; flex-wrap:nowrap; align-items: center; justify-content: flex-start; margin: 5px; } .popup-label-width { width: 150px; } .popup-textfield-width { width: 400px; /*margin-right: 40px;*/ } .popup-content-area { height:80%; } .pane-header.margin-grid-toolbar { margin-left: -32px; } /*Documment and Comments*/ .list-filed-container { width: 100%; font-size: 12px; margin-top: 10px; display: inline-flex; align-items: center; justify-content: flex-start; } .align-content-right { margin-left: auto; margin-right: 0px; } /*Approve btn disable*/ #approveBtn.dx-button.dx-state-disabled { border: 1px solid #8080807d; } #submitBtn.dx-button.dx-state-disabled { border: 1px solid #8080807d; } #AddBtn.dx-button.dx-state-disabled { border: 1px solid #8080807d !important; } .document-list-div-area { height: 110px; background: #f0eeee; margin-left: -14px; } .journalListBox .dx-list-item { cursor: context-menu; } .doc-comm-textfield-width { width: 80% ; /*margin-top: -13px;*/ } #jeToolbar { background: #8080804a; } .comment-close { background-color: #efefef !important; top: 35px; right: 11px !important; z-index:1; } #DocumentationList .dx-list-item-content { padding-top: 0px !important; padding-bottom: 0px !important; } .commentbox-field-area { display: inline-flex; flex-wrap: nowrap; margin-left: auto; margin-right: 0px; margin-top: 6px; margin-bottom: -22px; width: 100%; } .comment-list-div-area { height: 125px; background: #f0eeee; margin-left: -14px; } #comTextArea .dx-placeholder { padding-top: 7px; } .isHide { display: none !important; } .history-list-div-area { height: 60px; background: #f0eeee; } .histroy-field-area { display: inline-flex; flex-wrap: nowrap; margin-left: auto; margin-right: 0px; margin-top: 15px; margin-bottom: -22px; width: 100%; } .statusHistoryBox .dx-list-item-content { padding-top : 0px !important; padding-bottom:0px!important; } .inline-nowrap-field { display:inline-flex; flex-wrap:nowrap; } .history-list-grid-area { width: 40.4%; margin-right: 40px; margin-top: -5px; } /*#comTextArea > div.dx-invalid-message.dx-overlay.dx-widget.dx-visibility-change-handler { position: fixed; transform: translate(0px, 0px) !important; display:inline!important; }*/ #comTextArea > div.dx-invalid-message.dx-overlay.dx-widget.dx-visibility-change-handler > div { /*visibility: visible !important;*/ } /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/jspreadsheet/dist/jspreadsheet.css ***! \*****************************************************************************************************************************************************************************************************************************************/ .jss>tfoot>tr>td,.jss>thead>tr>td{border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid transparent;border-bottom:1px solid transparent;background-color:#f3f3f3;box-sizing:border-box;overflow:hidden;position:sticky;cursor:pointer}.jss.jss_left>tbody>tr>td,.jss_dialog{text-align:left}.jss_content,.jss_dialog{scrollbar-width:thin;scrollbar-color:#333 transparent}.jss_helper.jss_helper_col:before,.jss_helper.jss_helper_row:before{width:24px;background-repeat:no-repeat;background-position:top 50% right 0}.arrow-down,.arrow-up{text-decoration:underline}:root{--border-color:#000}.jss_container{display:inline-block;box-sizing:border-box;overscroll-behavior:contain;outline:0}.jss_container.jtabs{max-width:initial}.jss_container.fullscreen{position:fixed;top:0;left:0;width:100%!important;height:100%!important;margin:0;background-color:#fff;z-index:5;display:flex;flex-direction:column}.jss_container.fullscreen .jtabs-content{flex:1;overflow:hidden}.jss_container.fullscreen .jss_worksheet{height:100%;flex-direction:column;align-content:stretch}.jss_container.fullscreen .jss_worksheet.jtabs-selected{display:flex}.jss_container.fullscreen .jss_worksheet .jss_content{flex:1;width:100%!important;background-color:#f7f7f7;max-width:initial!important;max-height:initial!important}.jss_container .jss_filter{margin-top:5px;padding-top:5px}.jss_input .jdropdown-container,.jss_toolbar{margin-top:1px}.jss_content{display:inline-block;position:relative;box-sizing:border-box;background-color:#f8f8f8}.jss_container.fullscreen .jss_content,.jss_content_overflow{overflow:auto;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.jss_container.fullscreen .jss,.jss_content_overflow .jss{position:absolute;top:0;left:0}.jss_content_pagination{overflow-y:hidden;border-right:0px solid #ccc}.jss_content::-webkit-scrollbar{height:12px;width:12px}.jss_content::-webkit-scrollbar-track{border:1px solid #fff;background:#eee}.jss_content::-webkit-scrollbar-thumb{border:1px solid #fff;background:#888}@supports (-moz-appearance:none){.jss_content table{margin-bottom:2px}}.jss{border-collapse:separate;table-layout:fixed;white-space:nowrap;empty-cells:show;background-color:#fff;width:0;outline:0;border-top:0;border-left:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.jss.jss_center>tbody>tr>td,.jss>tbody>tr>td,.jss>tfoot>tr>td,.jss>thead>tr>td{text-align:center}.jss.jss_right>tbody>tr>td,.jss>tbody>tr>td.jss_number{text-align:right}.jss>thead>tr>td{padding:6px;text-overflow:ellipsis;top:0;z-index:2;background-repeat:no-repeat;background-position:center right 0;line-height:1em}@supports (-ms-ime-align:auto){.jss>thead>tr>td{box-shadow:inset 1px 0 0 0 #ccc}}.jss>thead>tr.jss_nested>td::after,.jss>thead>tr.jss_nested>td::before,.jss>thead>tr>td:first-child:after{cursor:default}.jss>thead>tr>td.selected{background-color:#dcdcdc;border-bottom:1px solid transparent}.jss>thead>tr>td.jss_filters_icon::before{font-family:"Material Icons";content:'filter_alt';position:absolute;right:0;font-size:16px;width:16px;height:16px;color:#ccc}.jss>thead>tr>td.jss_filters_active::before{color:#888}.jss>tbody>tr>td{border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid transparent;border-bottom:1px solid transparent;box-sizing:border-box;padding:4px;line-height:1em;height:24px;white-space:pre}.jss>tbody>tr>td.jss_wrap{white-space:initial}.jss>tbody>tr>td.jss_dropdown_tags,.jss_input{white-space:pre-wrap}.jss>tbody>tr>td:last-child,.jss_overflow>tbody>tr>td{overflow:hidden}.jss>tbody>tr>td>img{max-width:40px;vertical-align:bottom}.jss>tbody>tr>td>img.round{object-fit:cover;border-radius:40px;height:40px}.jss>tbody>tr>td>img.small{width:24px;height:24px}.jss>tbody>tr>td.readonly{color:rgba(0,0,0,.3)}.jss>tbody>tr>td>input,.jss>tbody>tr>td>select,.jss>tbody>tr>td>textarea{border:0;border-radius:0;outline:0;width:100%;margin:0;padding:0;background-color:transparent;box-sizing:border-box}.jss>tbody>tr>td>textarea{resize:none;display:block}.jss>tbody>tr>td>input[type=checkbox],.jss>tbody>tr>td>input[type=radio]{display:block}.jss>tbody>tr>td.readonly>input[type=checkbox],.jss>tbody>tr>td.readonly>input[type=radio]{pointer-events:none;opacity:.5}.jss>tbody>tr>td>select{-webkit-appearance:none;appearance:none;background-repeat:no-repeat;background-position-x:100%;background-position-y:40%;background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+)}.jss>tbody>tr>td.jss_dropdown{background-repeat:no-repeat;background-position:top 50% right 5px;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");text-overflow:ellipsis;overflow-x:hidden;padding-right:16px}.jss>tbody>tr>td.jss_dropdown[title]{background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E") top 50% right 5px no-repeat,url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=') top 0 right -1px no-repeat #fff}.jss>tbody>tr>td.jss_richtext{white-space:initial!important}.jss>tbody>tr>td>.color{width:90%;height:10px;margin:auto;pointer-events:none}.jss>tbody>tr>td.jss_cursor a{text-decoration:underline;color:#00f;cursor:pointer}.jss>tbody>tr>td.jss_progressbar{padding-left:10px;padding-right:10px}.jss>tbody>tr>td.jss_progressbar>div{height:5px;background-color:red;background-clip:content-box}.jss>tfoot>tr>td{padding:2px;bottom:0;z-index:0}.jss_content_overflow .jss>tfoot>tr>td{z-index:2}.jss_corner{position:absolute;background-color:#000;height:1px;width:1px;border:1px solid #fff;top:-2000px;left:-2000px;cursor:crosshair;box-sizing:initial;z-index:1;padding:2px}.jss,.jss td,.jss>tbody>tr>td>img,.jss_corner{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.jss_textarea{position:fixed;width:0;height:0;opacity:0}.jss_input{position:absolute;z-index:4;pointer-events:none;box-sizing:border-box;line-height:1;outline:0;-moz-opacity:0;-khtml-opacity:0;opacity:0}.jss_dialog{min-width:360px!important;max-width:100vw;height:240px!important;min-height:initial!important;max-height:240px;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;box-shadow:2px 2px 8px 2px rgba(0,0,0,.14);box-sizing:border-box;overflow:auto;background-color:#f8f8f8}.jss_dialog::-webkit-scrollbar{width:12px;height:12px}.jss_dialog::-webkit-scrollbar-track{border:1px solid #fff;background:#eee}.jss_dialog::-webkit-scrollbar-thumb{border:1px solid #fff;background:#888}.jss_dialog.jclose:after{position:absolute;top:0;right:0;margin:20px;content:'close';font-family:'Material icons';font-size:24px;width:24px;height:24px;line-height:24px;cursor:pointer;text-shadow:0 0 5px #fff}.jss_dialog[title]:before{margin:10px;content:attr(title);position:absolute;top:0;right:0;line-height:24px}.jss_dialog .jtoolbar{height:initial}.jss_input.jss_formula{white-space:nowrap;overflow:hidden;display:flex;flex-wrap:nowrap}.jss_input.jss_formula b.last{width:100%}.jss_input.jss_nowrap{display:flex;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.jss_about,.jss_about img,.jss_search_container>div:empty,.jss_toolbar:empty{display:none}.jss_input.jss_focus{padding:4px;pointer-events:initial;opacity:1;background-color:#fff}.jss_border,.jss_container.disconnected,.jss_locked{pointer-events:none}.jss_input[contentEditable=false]{padding:0!important}.jss_input[contentEditable=false]>input{outline:0;border:0;padding:4px 4px 4px 6px;max-width:100%;margin:0}.jss_input .jdropdown-header{border:0!important;outline:0!important;padding:2px 2px 2px 6px!important;height:calc(100% - 4px)}.jss_input .jdropdown-container-header{padding:0;margin:0;height:inherit}.jss_input .jdropdown-picker{border:0!important;padding:0!important;width:inherit;height:inherit}.jss .error{border:1px solid red}.jss tbody td.resizing,.jss thead td.resizing{border-right-style:dotted!important;border-right-color:red!important}.jss tbody tr.resizing>td{border-bottom-style:dotted!important;border-bottom-color:red!important}.jss tbody td[title]{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=') top 0 right -1px no-repeat #fff}.jss tbody tr:nth-child(2n) td.jss_zebra,.jss_modern table.jss>tbody>tr.selected>td:first-child,.jss_modern table.jss>thead>tr>td.selected,.jss_tags>div,.jss_toolbar .jtoolbar-item:hover,.jss_zebra tbody tr:nth-child(2n) td{background-color:#eee}.jss .sp-replacer{margin:2px;border:0}.jss_about{float:right;font-size:.7em;padding:2px;text-transform:uppercase;letter-spacing:1px}.jss_about a{color:#ccc;text-decoration:none}.jss_search_container{display:flex;justify-content:space-between;background-color:#f3f3f3;border:1px solid #ccc;border-bottom:0}.jss_search_container>div{display:inline-block;padding:8px;align-items:center}.jss_pagination{display:flex;justify-content:space-between;align-items:center}.jss_pagination>div{display:flex;padding:8px;font-size:.9em}.jss_forbidden>div,.jss_hidden,.jss_hidden_index>colgroup>col:first-child,.jss_hidden_index>tbody>tr>td:first-child,.jss_hidden_index>tfoot>tr>td:first-child,.jss_hidden_index>thead>tr>td:first-child,.jss_loading,.jss_tabs>.jss_tab{display:none}.jss_page,.jss_tags>div{font-size:.8em}.jss_pagination>div:last-child{padding-right:10px;padding-top:10px}.jss_pagination>div>div{text-align:center;width:36px;height:36px;line-height:34px;border:1px solid #ccc;box-sizing:border-box;margin-left:2px;cursor:pointer}.jss_page_selected{font-weight:700;background-color:#f3f3f3}.jss_toolbar{background-color:#f3f3f3;border:1px solid #ccc;padding:4px;margin-bottom:1px;position:sticky;top:0;z-index:4;min-width:-moz-fit-content;min-width:fit-content}.jss_container.fullscreen .jss_toolbar{position:relative;margin-bottom:1px;margin-right:0}.jss_toolbar i.jss_toolbar_item{width:24px;height:24px;padding:4px;cursor:pointer;display:inline-block}.jss_tabs>.jss_tab_link.selected,.jss_toolbar i.jss_toolbar_item:hover{background-color:#ddd}.jss_toolbar::-webkit-scrollbar{display:none}.jss_tabs>.jss_tab_link{display:inline-block;padding:10px 20px;margin-right:5px;margin-bottom:5px;background-color:#f3f3f3;cursor:pointer}.jss_border{position:absolute;border:1px solid transparent;opacity:.6;box-sizing:initial;z-index:1}.jss_filters>div,.jss_group,.jss_helper,.jss_loading{box-sizing:border-box}.jss_border_main{border:1px solid #000;background-color:#00000010;background-origin:content-box}.jss_border_copying{background:url('data:image/gif;base64,R0lGODlhWAIBAPAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAAABACwAAAAAWAIBAAACQ0QeoIbL51BaMjZ6VcWQT509n2h1oEl65bidbNim7kqr9nzLeszDPtoD/l7CIvFYwyl3wyTT6Awic9Jok3pdVrFQRQEAIfkECQAAAQAsAAAAAFgCAQAAAkIEgmGWur1OivBNi+hlW2bscJ8YemVFaqOpnh3Kgu0s16kd33rOw/4LXP2EQRfxaEzSdkMlrrnsFaPQ59SKpF6Z1wIAIfkECQAAAQAsAAAAAFgCAQAAAkKEg2GXC6kWdFM2i+hlGUf+PZvYgVpJhpXpneq4pu7c1uwt2zke9/CP8gWBr6GxiKTxiMqdU5jUQZtTKdN6pF6X2QIAIfkECQAAAQAsAAAAAFgCAQAAAkOEERmHyroOfE5WM22iW0d8NR04ip/JnRmphivqpXJMs7Ndw/iu9+/vCpaAQ2GriDwqbz4jk7jMQZ9OaZU3tSapSEABACH5BAkAAAEALAAAAABYAgEAAAJDDA6hhsvnUFoyNnpVxZBPnT2faHWgSXrluJ1s2KbuSqv2fMt6zMM+2gP+XsIi8VjDKXfDJNPoDCJz0miTel1WsVBFAQAh+QQJAAABACwAAAAAWAIBAAACQkyAYJa6vU6K8E2L6GVbZuxwnxh6ZUVqo6meHcqC7SzXqR3fes7D/gtc/YRBF/FoTNJ2QyWuuewVo9Dn1IqkXpnXAgAh+QQJAAABACwAAAAAWAIBAAACQoyBYJcbqRZ0UzaL6GUZR/49m9iBWkmGlemd6rim7tzW7C3bOR738I/yBYGvobGIpPGIyp1TmNRBm1Mp03qkXpfZAgAh+QQFAAABACwAAAAAWAIBAAACQowDCYfKug58TlYzbaJbR3w1HTiKn8mdGamGK+qlckyzs13D+K737+8KloBDYauIPCpvPiOTuMxBn05plTe1JqnJAgA7') top repeat-x border-box,url('data:image/gif;base64,R0lGODlhWAIBAPAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAAABACwAAAAAWAIBAAACQ0QeoIbL51BaMjZ6VcWQT509n2h1oEl65bidbNim7kqr9nzLeszDPtoD/l7CIvFYwyl3wyTT6Awic9Jok3pdVrFQRQEAIfkECQAAAQAsAAAAAFgCAQAAAkIEgmGWur1OivBNi+hlW2bscJ8YemVFaqOpnh3Kgu0s16kd33rOw/4LXP2EQRfxaEzSdkMlrrnsFaPQ59SKpF6Z1wIAIfkECQAAAQAsAAAAAFgCAQAAAkKEg2GXC6kWdFM2i+hlGUf+PZvYgVpJhpXpneq4pu7c1uwt2zke9/CP8gWBr6GxiKTxiMqdU5jUQZtTKdN6pF6X2QIAIfkECQAAAQAsAAAAAFgCAQAAAkOEERmHyroOfE5WM22iW0d8NR04ip/JnRmphivqpXJMs7Ndw/iu9+/vCpaAQ2GriDwqbz4jk7jMQZ9OaZU3tSapSEABACH5BAkAAAEALAAAAABYAgEAAAJDDA6hhsvnUFoyNnpVxZBPnT2faHWgSXrluJ1s2KbuSqv2fMt6zMM+2gP+XsIi8VjDKXfDJNPoDCJz0miTel1WsVBFAQAh+QQJAAABACwAAAAAWAIBAAACQkyAYJa6vU6K8E2L6GVbZuxwnxh6ZUVqo6meHcqC7SzXqR3fes7D/gtc/YRBF/FoTNJ2QyWuuewVo9Dn1IqkXpnXAgAh+QQJAAABACwAAAAAWAIBAAACQoyBYJcbqRZ0UzaL6GUZR/49m9iBWkmGlemd6rim7tzW7C3bOR738I/yBYGvobGIpPGIyp1TmNRBm1Mp03qkXpfZAgAh+QQFAAABACwAAAAAWAIBAAACQowDCYfKug58TlYzbaJbR3w1HTiKn8mdGamGK+qlckyzs13D+K737+8KloBDYauIPCpvPiOTuMxBn05plTe1JqnJAgA7') bottom repeat-x border-box,url('data:image/gif;base64,R0lGODlhAQCQAfAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAAABACwAAAAAAQCQAQACM0QeoIbL51BaMjZ6VcWQT509n2h1oEl65bidbNim7kqr9nzLeszDPtoD/l7CIvFYwyllBQAh+QQJAAABACwAAAAAAQCQAQACMwSCYZa6vU6K8E2L6GVbZuxwnxh6ZUVqo6meHcqC7SzXqR3fes7D/gtc/YRBF/FoTNJuBQAh+QQJAAABACwAAAAAAQCQAQACM4SDYZcLqRZ0UzaL6GUZR/49m9iBWkmGlemd6rim7tzW7C3bOR738I/yBYGvobGIpPEaBQAh+QQJAAABACwAAAAAAQCQAQACNIQRGYfKug58TlYzbaJbR3w1HTiKn8mdGamGK+qlckyzs13D+K737+8KloBDYauIPCo5gAIAIfkECQAAAQAsAAAAAAEAkAEAAjMMDqGGy+dQWjI2elXFkE+dPZ9odaBJeuW4nWzYpu5Kq/Z8y3rMwz7aA/5ewiLxWMMpZQUAIfkECQAAAQAsAAAAAAEAkAEAAjNMgGCWur1OivBNi+hlW2bscJ8YemVFaqOpnh3Kgu0s16kd33rOw/4LXP2EQRfxaEzSbgUAIfkECQAAAQAsAAAAAAEAkAEAAjOMgWCXG6kWdFM2i+hlGUf+PZvYgVpJhpXpneq4pu7c1uwt2zke9/CP8gWBr6GxiKTxGgUAIfkEBQAAAQAsAAAAAAEAkAEAAjOMAwmHyroOfE5WM22iW0d8NR04ip/JnRmphivqpXJMs7Ndw/iu9+/vCpaAQ2GriDwqUwUAOw==') left repeat-y border-box,url('data:image/gif;base64,R0lGODlhAQCQAfAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAAABACwAAAAAAQCQAQACM0QeoIbL51BaMjZ6VcWQT509n2h1oEl65bidbNim7kqr9nzLeszDPtoD/l7CIvFYwyllBQAh+QQJAAABACwAAAAAAQCQAQACMwSCYZa6vU6K8E2L6GVbZuxwnxh6ZUVqo6meHcqC7SzXqR3fes7D/gtc/YRBF/FoTNJuBQAh+QQJAAABACwAAAAAAQCQAQACM4SDYZcLqRZ0UzaL6GUZR/49m9iBWkmGlemd6rim7tzW7C3bOR738I/yBYGvobGIpPEaBQAh+QQJAAABACwAAAAAAQCQAQACNIQRGYfKug58TlYzbaJbR3w1HTiKn8mdGamGK+qlckyzs13D+K737+8KloBDYauIPCo5gAIAIfkECQAAAQAsAAAAAAEAkAEAAjMMDqGGy+dQWjI2elXFkE+dPZ9odaBJeuW4nWzYpu5Kq/Z8y3rMwz7aA/5ewiLxWMMpZQUAIfkECQAAAQAsAAAAAAEAkAEAAjNMgGCWur1OivBNi+hlW2bscJ8YemVFaqOpnh3Kgu0s16kd33rOw/4LXP2EQRfxaEzSbgUAIfkECQAAAQAsAAAAAAEAkAEAAjOMgWCXG6kWdFM2i+hlGUf+PZvYgVpJhpXpneq4pu7c1uwt2zke9/CP8gWBr6GxiKTxGgUAIfkEBQAAAQAsAAAAAAEAkAEAAjOMAwmHyroOfE5WM22iW0d8NR04ip/JnRmphivqpXJMs7Ndw/iu9+/vCpaAQ2GriDwqUwUAOw==') right repeat-y border-box}.jss_border_cloning{border:1px dashed #000}.jss_cursor{background-color:rgba(200,200,200,.2)}.jss_cursor.jss_frozen,.jss_cursor.jss_frozen_row{background-color:#eee!important}.jss_loading{position:absolute;z-index:5;width:100%;width:calc(100% - 3px);height:1px;overflow:hidden;padding-left:1px;padding-right:1px;border:0;margin-top:-1px;margin-left:1px}.jss_dropdown_tag,.jss_filters_options>label>div,.jss_tags>div{display:inline-block}.jss_loading:after{content:'';position:absolute;height:3px;background-color:#aaa;animation:1.5s cubic-bezier(.4,0,.2,1) infinite jss_loading}.disconnected .jss_loading{display:block;background-color:red}@keyframes jss_loading{0%{margin-left:0;width:0%}50%{margin-left:0;width:50%}100%{margin-left:100%;width:100%}}.jss_tags>div{padding-left:8px;padding-right:8px;border-radius:2px;margin-right:4px;outline:0}.jss_rating{padding:0}.jss_rating>div{line-height:13px}.jss_filters_options>label>div.rating>i,.jss_rating>div>i{line-height:13px;font-size:13px;width:13px;height:13px;vertical-align:bottom}.jss thead .jss_frozen{position:sticky;z-index:3;box-shadow:2px 0 0 0 #aaa}.jss_content_overflow .jss tfoot .jss_frozen{position:sticky;z-index:3;box-shadow:1px 0 0 0 #aaa}.jss tbody .jss_frozen{position:sticky;background-color:#fff;box-shadow:1px 0 0 0 #aaa}.jss .jss_notes{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:pre-wrap}.jss_row_medium>tbody>tr{height:3em}.jss_row_large>tbody>tr{height:6em}.jss_row_extra>tbody>tr{height:9em}.jss_row_medium>tbody>tr .jss_notes{-webkit-line-clamp:3;height:3em}.jss_row_large>tbody>tr .jss_notes{-webkit-line-clamp:6;height:6em}.jss_row_extra>tbody>tr .jss_notes{-webkit-line-clamp:9;height:9em}.jss_modern table.jss{border-right:1px solid transparent}.jss_light table.jss>thead>tr>td,.jss_modern table.jss>thead>tr>td{border-top:1px solid transparent;border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid #000;background-color:#f3f3f3;padding:10px}.jss_light table.jss>tfoot>tr>td,.jss_modern table.jss>tfoot>tr>td{border-top:1px solid #000;border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;background-color:#fff;padding:8px}.jss_light table.jss>thead>tr>td.jss_filters_icon,.jss_modern table.jss>thead>tr>td.jss_filters_icon{background-position:center right 8px}.jss_light table.jss>tbody>tr.selected>td:first-child,.jss_light table.jss>thead>tr>td.selected{background-color:#e3e3e3}.jss_modern table.jss>tbody>tr>td{padding:8px;border-right:1px solid transparent;border-left:1px solid transparent}.jss_light table.jss>tbody>tr>td:first-child,.jss_modern table.jss>tbody>tr>td:first-child{background-color:#fff}.jss_modern .jss_selectall{box-shadow:initial}.jss_modern .jss_freeze_control_row{border-bottom:1px solid #000!important}.jss_light .jss_toolbar{border-color:#ddd}.jss_modern .jss_toolbar{background-color:#fff;border-color:#f0f0f0}.jss_light .jss_pagination,.jss_modern .jss_pagination{background-color:#f8f8f8;border:1px solid #eee}.jss_light .jss_pagination>div>div{border:1px solid transparent;background-color:#f2f2f2}.jss_modern .jss_pagination>div>div{border:1px solid transparent;background-color:#fff}.jss_modern .jss_page_selected{background:linear-gradient(to bottom,#fff 0,#dcdcdc 100%);border:1px solid #979797!important;font-weight:400;color:#333!important;border-radius:2px}.jss_modern .jss_focus{padding:8px}.jss_modern .jss_search_container{background:initial;border:initial}.jss_dropdown_icon{width:12px;height:12px;border-radius:6px;margin:auto}.jss_dropdown_tag{border-radius:6px;margin-top:1px;margin-bottom:1px;margin-right:2px;padding:4px 10px;font-size:.8em}.jss_filters,.jss_helper{position:absolute;display:none}.jss_filters{z-index:10000;background:#fff;color:#555;font-size:11px;-webkit-user-select:none;user-select:none;box-shadow:2px 2px 2px 0 #8f9091;border:1px solid #c6c6c6;padding:20px;margin:0;outline:0}.jss_filters>div{display:block;width:230px;position:relative;cursor:default;font-size:11px;font-family:sans-serif}.jss_filters label{display:block;line-height:18px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jss_filters_search{outline:0;padding:6px;border:1px solid #d9d9d9;margin-bottom:6px;width:100%}.jss_filters_options{border:1px solid #d9d9d9;padding:10px;overflow-y:scroll;height:160px}.jss_filters_options>label{display:flex;align-items:center}.jss_filters_options>label>div.color{width:80px;height:8px}.jss_filters_options>label>img{width:20px;border-radius:10px}.jss_filters_options>label>div.progressbar{background-color:red;height:8px}.jss_filters input[type=checkbox]{vertical-align:middle;position:relative;bottom:1px;margin:5px}.jss_filters_apply{padding:6px;margin-top:6px;width:100px;float:right}.jss_helper{top:0;left:0;width:1px;height:100%;background-color:transparent;border:1px solid #d00;z-index:5}.jss_scrollX,.jss_scrollY{width:1px;height:1px;position:absolute}.jss_helper.jss_helper_row:before{content:'';position:absolute;height:24px;margin-top:-12px;margin-left:-20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='red'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath fill='none' d='M0 24V0h24v24H0z'/%3E%3C/svg%3E")}.jss_helper.jss_helper_col:before{content:'';position:absolute;height:24px;margin-top:-18px;margin-left:-12px;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='red'/%3E%3C/svg%3E")}.jss_dragging{opacity:.5}.jss_forbidden{padding:80px;text-align:center;border:1px solid #ccc;color:#999;max-width:600px}.jss_forbidden:before{content:'Jspreadsheet: Permission Denied'}.arrow-up{background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E")}.arrow-down{background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E")}.arrow-down.jss_filters_icon,.arrow-up.jss_filters_icon{background-image:none}.arrow-up.jss_filters_icon::after{content:'\2191';margin-left:2px;text-decoration:initial;display:inline-block}.arrow-down.jss_filters_icon::after{content:'\2193';margin-left:2px;text-decoration:initial;display:inline-block}.jss_group,.jss_picker,.jss_searching,.jss_warning{position:relative}.jss>thead>tr.jss_group_container>td{text-align:center;overflow:initial;background-color:transparent;border:0}.jss_group{content:attr(data-status);font-family:'Courier new';line-height:16px;text-align:center;color:#fff;border-radius:2px;background-color:#777;width:16px;height:16px;display:inline-block}.jss_group:after{content:'d';position:absolute;border-top:1px solid #ccc;border-right:1px solid #ccc;width:300px;height:4px;left:0;margin-top:7px;margin-left:16px}.jss_selectall{box-shadow:1px 1px 0 0 #ccc}.jss_selectall:after{content:' ';border-bottom:12px solid #ccc;border-left:12px solid transparent;width:0;position:absolute;bottom:3px;right:3px}.jss_percent:after{content:' %';position:absolute;right:0}.jss_pagination_dropdown{margin-left:4px;margin-right:4px}.jss_media img{position:absolute}.red{color:red}.jss>thead>tr>td.jss_filters_icon{padding-right:16px!important}.jss_red .jss_corner{background-color:#d00}.jss_red .jss_border_main{border:1px solid #d00;background-color:#dd000010}.jss_red .jss>thead>tr>td.selected{box-shadow:0 1px 0 0 #d00}.jss_red .jss>tbody>tr.selected>td:nth-child(2){border-left:1px solid #d00!important}.jss>tbody>tr>td.jss_row{position:sticky;z-index:2;left:0;background-color:#f3f3f3;text-align:center}.jss>tbody>tr.selected>td.jss_row{background-color:#dcdcdc;border-right:1px solid transparent}.jss>tfoot>tr>td:first-child,.jss>thead>tr>td:first-child{position:sticky;left:0;z-index:3!important}.jss_unlocked{pointer-events:auto}.jss_picker.input:after{content:"highlight_alt";font-size:18px;font-family:"Material Icons";color:#000;position:absolute;right:5px;cursor:pointer}.jss_picker.active{outline:#FF0000 solid 2px;animation:1s infinite blink}@keyframes blink{50%{outline:transparent solid 2px}}.jss_image>img{position:absolute;max-width:100%;z-index:9}.jss .jcolor-input{padding:5px 24px 5px 5px!important}.jss_warning{border-left:1px solid red!important;background-color:#ffefef}.jss_warning:before{content:'warning';font-family:'Material Icons';font-size:13px;position:absolute;color:red;z-index:3;left:2px;font-weight:400}.jss_warning:empty:before{margin-top:-7px}.fullscreen .jss_content{resize:none!important}.jss_last{z-index:4}.jss_resize_corner{position:absolute;width:8px;height:8px;border-radius:8px;border:2px solid #fff;background-color:red;pointer-events:all}.jss tbody .jss_frozen_row{position:sticky;background-color:#fff;box-shadow:0 1px 0 0 #aaa}.jss tbody .jss_frozen_row.jss_frozen{box-shadow:1px 1px 0 0 #aaa;z-index:1}.jss>tbody>tr>td.jss_row.jss_frozen_row{z-index:3;box-shadow:0 2px 0 0 #aaa}.jss_freeze_control_col{border-right:1px solid #aaa!important}.jss_freeze_control_row{border-bottom:1px solid #aaa!important}.jss_rotate{writing-mode:vertical-rl;transform:rotate(0);white-space:nowrap}.jss div{line-height:1}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.jss_searching:after{content:'';display:block;position:absolute;right:16px;top:calc(50% - 7px);width:12px;height:12px;border-style:solid;border-color:transparent #888 #888;border-width:1px;border-radius:50%;animation:.8s linear infinite spin} /*!*******************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/jsuites/dist/jsuites.css ***! \*******************************************************************************************************************************************************************************************************************************/ /** * (c) jSuites Javascript Web Components * * Website: https://jsuites.net * Description: Create amazing web based applications. * * MIT License * */ :root { --button-color: #298BA8; --active-color: #007aff; --safe-area-top: env(safe-area-inset-top); --safe-area-bottom: env(safe-area-inset-bottom); } [data-visible="false"] { display: none; } div[data-before]:before { content: attr(data-before); } .unselectable { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .jreadonly { pointer-events: none; } .jdragging { opacity:0.2; filter: alpha(opacity=20); } .jupload.input { position: relative; box-sizing: border-box; background-size: initial; height: 33px; min-height: initial; padding: 6px; padding-right: 30px; } .jupload.input:before { content: "save"; font-size: 18px; font-family: "Material Icons"; color: #000; position: absolute; right: 5px; } .jupload:empty:before { z-index: 0; } .jupload img { width: 100%; } .jupload.input img { width: initial; max-width: 100%; height: 100%; } .jupload[data-multiple] { padding: 10px; } .jupload[data-multiple] img { height: 70px; width: 100px; object-fit: cover; margin-right: 5px; margin-bottom: 5px; } .jupload { position: relative; border: 1px dotted #eee; cursor: pointer; box-sizing: border-box; width: 100%; max-width: 100%; max-height: 100%; min-height: 180px; } .jupload:not(.input):before { content: "\e2c3"; font-family: "Material Icons"; font-size: 90px; color: #eee; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; z-index: -1; } .jupload-item { padding-right: 22px; border-radius: 1px; display: inline-block; position: relative; } .jphoto { position: relative; border: 1px dotted #eee; cursor: pointer; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: center; } .jphoto:empty:before { content: "\e2c3"; font-family: "Material Icons"; font-size: 90px; color: #eee; width: 100%; height: 100%; text-align: center; } .jremove { opacity: 0.2; filter: alpha(opacity=20); } .round img { border-radius: 1000px; } .jtooltip { position: fixed; top: 10px; left: 10px; z-index: 5; font-family: initial; font-size: 12px; color: #000; background-color: #fff; border: 1px solid black; padding: 8px; margin: 10px; display: block; animation: fadeIn 0.5s; pointer-events: none; } .jtooltip:empty { display: none; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /** Animations **/ .fade-in { animation: fade-in 2s forwards; } .fade-out { animation: fade-out 1s forwards; } .slide-left-in { position: relative; animation: slide-left-in 0.4s forwards; } .slide-left-out { position: relative; animation: slide-left-out 0.4s forwards; } .slide-right-in { position: relative; animation: slide-right-in 0.4s forwards; } .slide-right-out { position: relative; animation: slide-right-out 0.4s forwards; } .slide-top-in { position: relative; animation: slide-top-in 0.4s forwards; } .slide-top-out { position: relative; animation: slide-top-out 0.2s forwards; } .slide-bottom-in { position: relative; animation: slide-bottom-in 0.4s forwards; } .slide-bottom-out { position: relative; animation: slide-bottom-out 0.1s forwards; } .slide-left-in > div { -webkit-transform: translateZ(0px); -webkit-transform: translate3d(0,0,0); } .slide-left-out > div { -webkit-transform: translateZ(0px); -webkit-transform: translate3d(0,0,0); } .slide-right-in > div { -webkit-transform: translateZ(0px); -webkit-transform: translate3d(0,0,0); } .slide-right-out > div { -webkit-transform: translateZ(0px); -webkit-transform: translate3d(0,0,0); } .spin { animation: spin 2s infinite linear; } /** Fadein and Fadeout **/ @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 100; } } @keyframes fade-out { 0% { opacity: 100; } 100% { opacity: 0; } } /** Keyframes Left to Right **/ @keyframes slide-left-in { 0% { left: -100%; } 100% { left: 0%; } } @keyframes slide-left-out { 0% { left: 0%; } 100% { left: -100%; } } /** Keyframes Right to Left **/ @keyframes slide-right-in { 0% { left: 100%; } 100% { left: 0%; } } @keyframes slide-right-out { 0% { left: 0%; } 100% { left: 100%; } } /** Keyframes Top to Bottom **/ @keyframes slide-top-in { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } @keyframes slide-top-out { 0% { transform: translateY(0%); } 100% { transform: translateY(-100%); } } /** Keyframes Bottom to Top **/ @keyframes slide-bottom-in { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } @keyframes slide-bottom-out { 0% { transform: translateY(0%); } 100% { transform: translateY(100%); } } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(359deg); } } .jcalendar { position:absolute; z-index:9000; display:none; box-sizing:border-box; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; min-width:280px; } .jcalendar.jcalendar-focus { display:block; } .jcalendar .jcalendar-backdrop { position:fixed; top:0px; left:0px; z-index:9000; min-width:100%; min-height:100%; background-color:rgba(0,0,0,0.5); border:0px; padding:0px; display:none; } .jcalendar .jcalendar-container { position:relative; box-sizing:border-box; } .jcalendar .jcalendar-content { position:absolute; z-index:9001; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39); background-color:#fff; } .jcalendar-header { text-align:center; } .jcalendar-header span { margin-right:4px; font-size:1.1em; font-weight:bold; } .jcalendar-prev { cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z' fill='%23000' /%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; } .jcalendar-next { cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z' fill='%23000' /%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; } .jcalendar-weekday { font-weight: 600; background-color: #fcfcfc; padding: 14px; } .jcalendar-table { padding: 10px; } .jcalendar-table > table { width:100%; background-color:#fff; } .jcalendar-table > table > thead { cursor: pointer; } .jcalendar-table thead td { padding: 10px; height: 40px; } .jcalendar-table > table > tbody > tr { height: 34px; } .jcalendar-table > table > tbody td { box-sizing:border-box; cursor:pointer; padding:9px; font-size:0.9em; } .jcalendar-table tfoot td { padding:10px; } .jcalendar-months td, .jcalendar-years td { height:24px; } .jcalendar-input { padding-right:18px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='gray'%3E%3Cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E"); background-position:top 50% right 5px; background-repeat:no-repeat; box-sizing: border-box; } .jcalendar-done { box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39); background-color:#fff; } .jcalendar-update { border:1px solid #ccc; background-color:#fff; border-radius:4px; padding:5px; width:100%; } .jcalendar-container select { width:55px; display:inline-block; border:0px; padding:4px; text-align:center; font-size:1.1em; -webkit-user-select:none; user-select:none; margin-right:10px; } .jcalendar-container select:first-child { margin-right:2px; } .jcalendar-selected { background-color:#eee; } .jcalendar-reset, .jcalendar-confirm { text-transform:uppercase; cursor:pointer; color: var(--active-color); } .jcalendar-controls { padding:15px; box-sizing: border-box; vertical-align:middle; display: flex; justify-content: space-between; align-items:center; } .jcalendar-controls div { font-weight:bold; } .jcalendar-fullsize { position:fixed; width:100%; top:0px; left:0px; } .jcalendar-fullsize .jcalendar-content { position:fixed; width:100%; left:0px; bottom:0px; } .jcalendar-focus.jcalendar-fullsize .jcalendar-backdrop { display:block; } .jcalendar-sunday { color: red; } .jcalendar-disabled { color: #ccc; } .jcalendar-time { display:flex; } .jcalendar_warning { color: red; } .jcalendar-hide-controls .jcalendar-controls { display: none; } .jcolor { display: none; outline: none; position: absolute; } .jcolor-input { padding-right: 24px !important; background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E") top 50% right 4px no-repeat, content-box; box-sizing: border-box; } .jcolor-content { position: absolute; z-index: 9000; -webkit-user-select: none; user-select: none; -webkit-font-smoothing: antialiased; font-size: .875rem; letter-spacing: .2px; border-radius: 4px; box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2); background-color:#fff; box-sizing: border-box; min-width: 260px; } .jmodal .jcolor-content { position: fixed; } .jcolor-controls { display: flex; padding: 10px; border-bottom: 1px solid #eee; margin-bottom: 5px; } .jcolor-controls div { flex: 1; font-size: 1em; color: var(--active-color); text-transform: uppercase; font-weight: bold; box-sizing: border-box; } .jcolor-content table { border-collapse: collapse; box-sizing: border-box; } .jcolor-focus { display:block; } .jcolor table { width:100%; height:100%; min-height: 160px; } .jcolor td { padding: 7px; } .jcolor-selected { background-repeat:no-repeat; background-size: 16px; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='white'/%3E%3C/svg%3E"); } .jcolor-fullscreen { position: fixed; left: 0px; bottom: 0px; width:100%; max-height: 290px; border-radius: 0px; box-sizing: border-box; } .jcolor-fullscreen .jcolor-controls { padding: 15px; box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39); } .jcolor-reset { text-align: left; } .jcolor-close { text-align: right; } .jcolor-backdrop { position: fixed; top: 0px; left: 0px; min-width: 100%; min-height: 100%; background-color: rgba(0,0,0,0.5); border: 0px; padding: 0px; z-index: 8000; display: none; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .jcolor-content .jtabs-content { padding: 7px; } .jcolor-grid tr:first-child > td:first-child { border-top-left-radius: 3px; } .jcolor-grid tr:first-child > td:last-child { border-top-right-radius: 3px; } .jcolor-grid tr:last-child > td:first-child { border-bottom-left-radius: 3px; } .jcolor-grid tr:last-child > td:last-child { border-bottom-right-radius: 3px; } .jcolor-hsl { box-sizing: border-box; } .jcolor-hsl > div { height: 100%; position: relative; } .jcolor-hsl canvas { display: block; border-radius: 4px; -webkit-user-drag: none; } .jcolor-point { height: 5px; width: 5px; background-color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .jcolor-sliders { padding: 10px 20px 10px 10px; } .jcolor-sliders input { -webkit-appearance: none; height: 12px; width: 80%; background: #d3d3d3; opacity: 1; border-radius: 30px; outline: none; } .jcolor-sliders-input-subcontainer { display: flex; justify-content: space-between; align-items: center; } .jcolor-sliders-input-container { margin-top: 4px; line-height: 0.8em; text-align: left; } .jcolor-sliders-input-container > label { font-size: 10px; text-transform: uppercase; color: #bbbbbd; } .jcolor-sliders-input-subcontainer > input { border: 0px; padding: 1px; } .jcolor-sliders-input-container input::-webkit-slider-thumb { -webkit-appearance: none; height: 12px; width: 12px; border-radius: 50%; background: #000; border: 2px solid #fff; cursor: pointer; } .jcolor-sliders-input-container input::-moz-range-thumb { -webkit-appearance: none; height: 12px; width: 12px; border-radius: 50%; background: #000; border: 2px solid #fff; cursor: pointer; } .jcolor-sliders-final-color { padding: 6px; -webkit-user-select: all; user-select: all; margin-top: 10px; text-align: center; } .jcolor-sliders-final-color > div:nth-child(2) { width: 71px; text-transform: uppercase; } .jcolor .jtabs .jtabs-headers-container .jtabs-controls { display: none !important; } .jcolor .jtabs .jtabs-headers-container { display: flex !important; justify-content: center; padding: 4px; } .jcolor .jtabs-headers > div:not(.jtabs-border) { padding: 2px !important; padding-left: 15px !important; padding-right: 15px !important; font-size: 0.8em; } .jcontextmenu { position:fixed; z-index:10000; background:#fff; color: #555; font-size: 11px; -webkit-user-select: none; user-select: none; box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1); border: 1px solid #C6C6C6; padding: 0px; padding-top:4px; padding-bottom:4px; margin:0px; outline:none; display:none; } .jcontextmenu.jcontextmenu-focus { display:inline-block; } .jcontextmenu > div { box-sizing: border-box; display: flex; padding: 8px 8px 8px 32px; width: 250px; position: relative; cursor: default; font-size: 11px; font-family:sans-serif; text-align: left; align-items: center; } .jcontextmenu > div::before { content: attr(data-icon); font-family: 'Material Icons' !important; font-size: 15px; position: absolute; left: 9px; line-height: 24px; } .jcontextmenu.symbols > div::before { font-family: 'Material Symbols Outlined' !important; } .jcontextmenu > div.header { display: none; } .jcontextmenu > div a { color: #555; text-decoration: none; flex: 1; cursor: pointer; } .jcontextmenu > div span { margin-right:10px; } .jcontextmenu .jcontextmenu-disabled a { color: #ccc; } .jcontextmenu .jcontextmenu-disabled::before { color: #ccc; } .jcontextmenu > div:hover { background: #ebebeb; } .jcontextmenu hr { border: 1px solid #e9e9e9; border-bottom: 0; margin-top:5px; margin-bottom:5px; } .jcontextmenu > hr:hover { background: transparent; } .jcontextmenu .jcontextmenu { top: 4px; left: 99%; opacity: 0; position: absolute; } .jcontextmenu > div:hover > .jcontextmenu { display: block; opacity: 1; transform: translate(0, 0) scale(1); pointer-events: auto; } @media only screen and (max-width: 420px) { .jcontextmenu { top: initial !important; left: 0px !important; bottom: 0px !important; width: 100vw; height: 260px; overflow: scroll; animation: slide-bottom-in 0.4s forwards; padding-top: 0px; } .jcontextmenu div { width: 100%; text-align: center; border-bottom: 1px solid #ccc; padding: 15px; } .jcontextmenu > div.header { background-color: lightgray; padding: 5px; top: 0px; position: sticky; z-index: 2; } .jcontextmenu > div.header > a.title { text-align: left; } .jcontextmenu > div.header > a.close { text-align: right; } .jcontextmenu a { font-size: 1.4em; text-transform: uppercase; } .jcontextmenu span { display: none; } .jcontextmenu span { display: none; } .jcontextmenu hr { display: none; } } .jdropdown { cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; box-sizing: border-box; background:#fff; -webkit-tap-highlight-color: transparent; display: inline-block; } .jdropdown-backdrop { position:fixed; top:0px; left:0px; min-width:100%; min-height:100%; background-color:rgba(0,0,0,0.5); border:0px; padding:0px; z-index:8000; display:none; } .jdropdown[disabled] { opacity: 0.5; pointer-events: none; } .jdropdown-focus { position:relative; } .jdropdown-focus .jdropdown-container { transform: translate3d(0,0,0); } .jdropdown-default.jdropdown-focus .jdropdown-header { outline:auto 5px -webkit-focus-ring-color; } .jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='24px' height='24px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z'/%3E%3C/svg%3E"); } .jdropdown-container-header { padding:0px; margin:0px; position:relative; box-sizing: border-box; } .jdropdown-header { width:100%; appearance: none; background-repeat: no-repeat; background-position:top 50% right 5px; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); text-overflow: ellipsis; cursor:pointer; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; padding-right:30px !important; } .jdropdown-insert-button { font-size: 1.4em; text-transform: uppercase; position:absolute; right: 30px; top: 4px; display:none; } .jdropdown-container { min-width: inherit; transform: translate3d(-10000px,0,0); position:absolute; z-index:9001; } .jdropdown-close { display:none; font-size:1em; color: var(--active-color); text-transform:uppercase; text-align:right; padding:15px; font-weight:bold; } .jdropdown-content { min-width:inherit; margin:0px; box-sizing:border-box; } .jdropdown-content:empty { } .jdropdown-item { white-space: nowrap; text-align: left; text-overflow: ellipsis; overflow-x: hidden; color: #000; display: flex; align-items: center; } .jdropdown-description { text-overflow: ellipsis; overflow: hidden; line-height: 1.5em; } .jdropdown-image { margin-right:10px; width: 32px; height: 32px; border-radius:20px; } .jdropdown-image-small { width:24px; height:24px; } .jdropdown-icon { margin-right:10px; font-size: 30px; margin-left: -5px; } .jdropdown-icon-small { font-size: 24px; margin-left: 0px; } .jdropdown-title { font-size: 0.7em; text-overflow: ellipsis; overflow-x: hidden; display: block; } /** Default visual **/ .jdropdown-default .jdropdown-header { border:1px solid #ccc; padding:5px; padding-left:10px; padding-right:16px; } .jdropdown-default .jdropdown-container { background-color:#fff; } .jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-header { padding-right:50px; } .jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-insert-button { display:block; } .jdropdown-default .jdropdown-content { min-width:inherit; border:1px solid #8fb1e3; margin:0px; background-color:#fff; box-sizing:border-box; min-height:10px; max-height:215px; overflow-y:auto; } .jdropdown-default .jdropdown-item { padding:4px; padding-left:8px; padding-right:40px; } .jdropdown-default .jdropdown-item:hover { background-color:#1f93ff; color:#fff; } .jdropdown-default .jdropdown-cursor { background-color:#eee; } .jdropdown-default .jdropdown-selected { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo='); background-repeat:no-repeat; background-position:top 50% right 5px; background-color:#1f93ff; color:#fff; } .jdropdown-default .jdropdown-group { margin-top:5px; } .jdropdown-default .jdropdown-group .jdropdown-item { padding-left:16px; } .jdropdown-default .jdropdown-group-name { padding-left: 8px; font-weight: bold; text-align: left; } .jdropdown-default .jdropdown-reset_ { content:'x'; position:absolute; top:0; right:0; margin:5px; margin-right:10px; font-size:12px; width:12px; cursor:pointer; text-shadow: 0px 0px 5px #fff; display:none; line-height: 1.8em; } .jdropdown-default.jdropdown-focus .jdropdown-reset_ { display:block; } /** Default render for mobile **/ .jdropdown-picker.jdropdown-focus .jdropdown-backdrop { display:block; } .jdropdown-picker .jdropdown-header { outline: none; } .jdropdown-picker .jdropdown-container { position:fixed; bottom:0px; left:0px; border-bottom:1px solid #e6e6e8; width:100%; background-color:#fff; box-sizing: border-box; } .jdropdown-picker .jdropdown-close { box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39); background-color:#fff; display:block; } .jdropdown-picker .jdropdown-content { overflow-y:scroll; height:280px; background-color:#fafafa; border-top:1px solid #e6e6e8; } .jdropdown-picker .jdropdown-group-name { font-size: 1em; text-transform: uppercase; padding-top:10px; padding-bottom:10px; display: block; border-bottom: 1px solid #e6e6e8; padding-left:20px; padding-right:20px; text-align:center; font-weight:bold; } .jdropdown-picker .jdropdown-item { font-size: 1em; text-transform: uppercase; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #e6e6e8; padding-left:20px; padding-right:20px; } .jdropdown-picker .jdropdown-selected { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo='); background-repeat:no-repeat; background-position:top 50% right 15px; background-color:#1f93ff; color:#fff; } .jdropdown-picker .jdropdown-cursor { background-color:#1f93ff; color:#fff; } /** Default render for mobile searchbar **/ .jdropdown-searchbar.jdropdown-focus { position:fixed; top:0px !important; left:0px !important; width:100% !important; height:100% !important; background-color:#fafafa; padding:0px; z-index:9001; overflow-y:scroll; will-change: scroll-position; -webkit-overflow-scrolling: touch; } .jdropdown-searchbar.jdropdown-focus .jdropdown-container-header { position: fixed; top: 0px; left: 0px; z-index: 9002; padding:10px; background-color:#fff; box-shadow: 0 1px 2px rgba(0,0,0,.1); width: 100%; } .jdropdown-searchbar.jdropdown-focus .jdropdown-header { border: 0px; background-repeat: no-repeat; background-position-x: 0%; background-position-y: 40%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNlNmU2ZTgiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+); padding-left: 30px !important; padding-right: 60px !important; } .jdropdown-searchbar.jdropdown-focus .jdropdown-close { display:block; } .jdropdown-searchbar .jdropdown-header { outline: none; } .jdropdown-searchbar .jdropdown-container { margin-top: 40px; width:100%; } .jdropdown-searchbar .jdropdown-close { position:fixed; top:0px; right:0px; } .jdropdown-searchbar .jdropdown-content { margin-top:10px; } .jdropdown-searchbar .jdropdown-group { margin-top:10px; margin-bottom:15px; background-color:#fff; } .jdropdown-searchbar .jdropdown-group-name { border-top: 1px solid #e6e6e8; border-bottom: 1px solid #e6e6e8; padding:10px; padding-left:12px; font-weight:bold; } .jdropdown-searchbar .jdropdown-group-arrow { float:right; width:24px; height:24px; background-repeat:no-repeat; } .jdropdown-searchbar .jdropdown-group-arrow-down { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy40MSA4LjU5TDEyIDEzLjE3bDQuNTktNC41OEwxOCAxMGwtNiA2LTYtNiAxLjQxLTEuNDF6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PC9zdmc+); } .jdropdown-searchbar .jdropdown-group-arrow-up { background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNDEgMTUuNDFMMTIgMTAuODNsNC41OSA0LjU4TDE4IDE0bC02LTYtNiA2eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=); } .jdropdown-searchbar .jdropdown-item { padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #e6e6e8; padding-left:15px; padding-right:40px; background-color:#fff; font-size:0.9em; } .jdropdown-searchbar .jdropdown-description { text-overflow: ellipsis; overflow: hidden; max-width: calc(100% - 20px); } .jdropdown-searchbar .jdropdown-content > .jdropdown-item:first-child { border-top: 1px solid #e6e6e8; } .jdropdown-searchbar .jdropdown-selected { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg=='); background-repeat:no-repeat; background-position:top 50% right 15px; } /** List render **/ .jdropdown-list { } .jdropdown-list .jdropdown-container { display:block; } .jdropdown-list .jdropdown-header { display:none; } .jdropdown-list .jdropdown-group { background-color:#fff; } .jdropdown-list .jdropdown-group-name { border-bottom: 1px solid #e6e6e8; padding-top:10px; padding-bottom:10px; font-weight:bold; } .jdropdown-list .jdropdown-item { padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #e6e6e8; padding-left:10px; padding-right:40px; background-color:#fff; } .jdropdown-list .jdropdown-selected { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg=='); background-repeat:no-repeat; background-position:top 50% right 10px; } @media only screen and (max-width : 800px) { .jdropdown-list { width:100% !important; border:0px; padding:0px; } .jdropdown-list .jdropdown-container { min-width:100%; } .jdropdown-searchbar.jdropdown-focus .jdropdown-description { text-transform: uppercase; } } .app .jdropdown-item { text-transform:uppercase; } .jdropdown-create-container { margin: 10px; border: 1px solid #ccc; border-radius: 2px; padding: 6px; } .jdropdown-color { background-color: #fff; border: 1px solid transparent; border-radius: 12px; width: 12px; height: 12px; margin-right: 6px; } .jdropdown-item[data-disabled] { opacity: 0.5; pointer-events: none; } .jeditor-container { border:1px solid #ccc; box-sizing: border-box; } .jeditor-container.with-margin { background-color: #f2f2f2; max-width: 1200px; } .jeditor-dragging { border:1px dashed #000; } .jeditor { outline:none; word-break: break-word; } .jeditor-container.with-margin .jeditor { background-color: #fff; margin: 80px; min-height: 800px; padding: 80px; max-width: 800px; } .jeditor[data-placeholder]:empty:before { content: attr(data-placeholder); color: lightgray; } /** Snippet **/ .jsnippet { margin-top:15px; cursor:pointer; border: 1px solid #ccc; position:relative; } .jsnippet:focus { outline: none; } .jsnippet img { width:100%; } .jsnippet .jsnippet-title { padding:15px; font-size:1.4em; } .jsnippet .jsnippet-description { padding-left:15px; padding-right:15px; font-size:1em; } .jsnippet .jsnippet-host { padding:15px; text-transform:uppercase; font-size:0.8em; color:#777; text-align:right; } .jsnippet .jsnippet-url { display:none; } .jeditor .jsnippet:after { content: 'close'; font-family: 'Material icons'; font-size: 24px; width: 24px; height: 24px; line-height: 24px; cursor: pointer; text-shadow: 0px 0px 2px #fff; position: absolute; top: 12px; right: 12px; } .jsnippet * { -webkit-user-select: none; -o-user-select: none; user-select: none; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .jeditor img { border:2px solid transparent; box-sizing: border-box; } .jeditor img.resizing { -webkit-user-select: none; -o-user-select: none; user-select: none; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .jeditor img:focus { border: 2px solid #0096FD; outline: #0096FD; } .jeditor .pdf { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath style='fill:%23C30B15;' d='M511.344,274.266C511.77,268.231,512,262.143,512,256C512,114.615,397.385,0,256,0S0,114.615,0,256 c0,117.769,79.53,216.949,187.809,246.801L511.344,274.266z'/%3E%3Cpath style='fill:%2385080E;' d='M511.344,274.266L314.991,77.913L119.096,434.087l68.714,68.714C209.522,508.787,232.385,512,256,512 C391.243,512,501.976,407.125,511.344,274.266z'/%3E%3Cpolygon style='fill:%23FFFFFF;' points='278.328,333.913 255.711,77.913 119.096,77.913 119.096,311.652 '/%3E%3Cpolygon style='fill:%23E8E6E6;' points='392.904,311.652 392.904,155.826 337.252,133.565 314.991,77.913 255.711,77.913 256.067,333.913 '/%3E%3Cpolygon style='fill:%23FFFFFF;' points='314.991,155.826 314.991,77.913 392.904,155.826 '/%3E%3Crect x='119.096' y='311.652' style='fill:%23FC0F1A;' width='273.809' height='122.435'/%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M204.871,346.387c13.547,0,21.341,6.659,21.341,18.465c0,12.412-7.795,19.601-21.341,19.601h-9.611 v14.909h-13.471v-52.975L204.871,346.387L204.871,346.387z M195.26,373.858h8.93c5.904,0,9.308-2.952,9.308-8.552 c0-5.525-3.406-8.324-9.308-8.324h-8.93V373.858z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M257.928,346.387c16.649,0,28.152,10.746,28.152,26.487c0,15.666-11.655,26.488-28.683,26.488 h-22.25v-52.975H257.928z M248.619,388.615h9.611c8.249,0,14.151-6.357,14.151-15.665c0-9.384-6.205-15.817-14.757-15.817h-9.006 V388.615z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M308.563,356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595h-25.806 V356.982z'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: cover; width:60px; height:60px; } .jeditor-toolbar { width: -moz-fit-content; width: fit-content; max-width: 100%; box-sizing: border-box; margin: 10px; } .toolbar-on-top .jeditor-toolbar { width: initial; margin: 0px; box-shadow: 1px 1px 2px rgb(0 0 0 / 10%); display: block; } .toolbar-on-top .jeditor { padding: 15px; } .toolbar-on-top .jtoolbar .material-icons { font-size: 24px; transform: initial; margin: 4px; } .toolbar-on-top .jtoolbar .jpicker-header { font-size: 1em; margin-top: 4px; margin-bottom: 4px; } .jeditor table { border-collapse: collapse; } .jeditor table td { border: 1px solid #bbb; height: 2em; } .jeditor table td:focus { border: 1px solid blue; } .jeditor .line-break { border-top: 1px dashed #ccc; display: flex; justify-content: center; pointer-events: none; } .jeditor .line-break:before { content: 'New page'; background-color: #fff; color: #ccc; margin: -1em; padding: 6px; position: absolute; } .jloading { position:fixed; z-index:10001; width:100%; left:0; right:0; top:0; bottom:0; background-color: rgba(0,0,0,0.7); } .jloading::after { content:''; display:block; margin:0 auto; margin-top:50vh; width:40px; height:40px; border-style:solid; border-color:white; border-top-color:transparent; border-width:4px; border-radius:50%; animation: spin .8s linear infinite; } .jloading.spin { background-color:transparent; } .jloading.spin::after { margin:0 auto; margin-top:80px; border-color:#aaa; border-top-color:transparent; } .jmodal { position:fixed; top:50%; left:50%; width:60%; height:60%; -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 12px rgba(0,0,0,.2); border:1px solid #ccc; background-color:#fff; transform: translate(-50%, -50%); box-sizing: border-box; z-index:9002; border-radius: 4px; display: flex; flex-direction: column; } .jmodal_title { padding: 20px; height: 70px; box-sizing: border-box; font-size: 1.4em; background-color: #fff; border-radius: 8px 8px 0px 0px; pointer-events: none; display: flex; align-items: center; border-bottom: 1px solid #eee; } .jmodal_title > div { font-size: 1.4em; } .jmodal_title[data-icon]:before { content: attr(data-icon); font-family: 'Material Icons' !important; width: 24px; height: 24px; font-size: 24px; margin-right: 10px; line-height: 24px; } .jmodal_content { padding: 20px; overflow-y: auto; height: 100%; box-sizing: border-box; scrollbar-width: thin; scrollbar-color: #333 transparent; } .jmodal_title:empty { display: none; } .jmodal_title:empty + .jmodal_content { height: 100%; } .jmodal_content::-webkit-scrollbar { height: 12px; } .jmodal_content::-webkit-scrollbar { width: 12px; } .jmodal_content::-webkit-scrollbar-track { border: 1px solid #fff; background: #eee; } .jmodal_content::-webkit-scrollbar-thumb { border: 1px solid #fff; background: #888; } .jmodal:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); position: absolute; top: 0; right: 0; margin: 25px; font-size: 24px; width: 24px; height: 24px; cursor: pointer; text-shadow: 0px 0px 5px #fff; } .jmodal_fullscreen { width: 100% !important; height: 100% !important; top: 0px; left: 0px; transform: none; border: 0px; border-radius: 0px; } .jmodal_backdrop { position: fixed; top: 0px; left: 0px; min-width: 100%; min-height: 100%; background-color: rgba(0,0,0,0.2); border: 0px; padding: 0px; z-index: 8000; display: none; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .jmodal_content .jcalendar .jcalendar-content, .jmodal_content .jdropdown-container { position: fixed; } .jnotification { position: fixed; z-index: 10000; box-sizing: border-box; padding: 10px; bottom: 0px; } .jnotification-container { box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.7); padding: 12px; border-radius: 8px; background-color: #000; background: rgba(92,92,92,1); background: linear-gradient(0deg, rgba(92,92,92,1) 0%, rgba(77,77,77,1) 100%); color: #fff; width: 320px; margin: 30px; padding: 20px; } .jnotification-close { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); font-size: 20px; width: 20px; height: 20px; cursor: pointer; } .jnotification-title { font-weight: bold; } .jnotification-header { display: flex; padding-bottom: 5px; } .jnotification-header:empty { display: none; } .jnotification-image { margin-right: 5px; } .jnotification-image:empty { display: none; } .jnotification-image img { width: 24px; } .jnotification-name { text-transform: uppercase; font-size: 0.9em; flex: 1; letter-spacing: 0.1em; } .jnotification-error .jnotification-container { background: rgb(182,38,6); background: linear-gradient(0deg, rgba(170,41,13,1) 0%, rgba(149,11,11,1) 100%); } @media (max-width: 800px) { .jnotification { top: calc(0px + var(--safe-area-top)); width: 100%; } .jnotification-container { background: rgba(255,255,255,0.95); border: 1px solid #eee; color: #444; margin: 0px; width: initial; } .jnotification-error .jnotification-container { background: rgba(255,255,255,0.95); color: #790909; } .jnotification-close { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); } } .jnotification-header { display: flex; justify-content: flex-start; align-items: center; } .jpicker { cursor: pointer; white-space: nowrap; display: inline-flex; -webkit-user-select: none; user-select: none; outline: none; position: relative; } .jpicker-header { background-repeat: no-repeat; background-position: top 50% right 5px; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); text-overflow: ellipsis; cursor: pointer; box-sizing: border-box; text-align: left; outline: none; line-height: 24px; padding: 2px; padding-left: 12px; padding-right: 35px; outline: none; border-radius: 4px; } .jpicker-header:hover { background-color: #f2f2f2; } .jpicker-content { position: absolute; top: 0; display: none; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2); border-radius: 4px; background-color: #fff; padding: 4px; z-index: 50; text-align: left; max-height: 200px; scrollbar-width: thin; scrollbar-color: #333 transparent; } .jpicker-content::-webkit-scrollbar { width: 8px; } .jpicker-content::-webkit-scrollbar-track { background: #eee; } .jpicker-content::-webkit-scrollbar-thumb { background: #888; } .jpicker-content > div { padding: 6px; padding-left: 15px; padding-right: 15px; } .jpicker-focus > .jpicker-content { display: block; } .jpicker-content > div:hover { background-color:#efefef; } .jpicker-content > div:empty { opacity: 0; } .jpicker-header > i, .jpicker-header > div { display: block; } .jpicker-focus > .jpicker-content.jpicker-columns { display: flex !important ; justify-content: center; flex-wrap: wrap; } .jpicker-focus .jpicker-content.jpicker-grid { display: inline-grid; } .jprogressbar { cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; box-sizing: border-box; background:#fff; -webkit-tap-highlight-color: transparent; display: inline-block; box-sizing: border-box; cursor:pointer; border:1px solid #ccc; position:relative; } .jprogressbar::before { content:attr(data-value); position:absolute; margin:5px; margin-left:10px; } .jprogressbar-header::placeholder { color:#000; } .jprogressbar::focus { outline: auto 5px -webkit-focus-ring-color; } .jprogressbar > div { background-color: #eee; background-color: red; box-sizing: border-box; height:31px; } .jrating { display:flex; } .jrating > div { width:24px; height:24px; line-height:24px; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z' fill='gray'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); } .jrating .jrating-over { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); opacity: 0.7; } .jrating .jrating-selected { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='red'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); } .jsearch { position: relative; display: none; -webkit-user-select: none; user-select: none; } .jsearch_container { position: absolute; box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149); border: none; border-radius: 4px; width: 280px; padding: 8px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.2); transition: opacity .218s; background: #fff; border: 1px solid rgba(0,0,0,.2); cursor: pointer; margin: 0; min-width: 300px; outline: none; width: auto; -webkit-user-select: none; user-select: none; } .jsearch_container:empty:after { content: attr(data-placeholder); } .jsearch_container > div { color: #333; cursor: pointer; display: flex; padding: 5px 10px; user-select: none; align-items: center; -webkit-user-select: none; user-select: none; } .jsearch_container > div:hover { background-color: #e8eaed; } .jsearch_container > div > img { width: 32px; height: 32px; -webkit-user-select: none; user-select: none; border-radius: 16px; margin-right: 2px; } .jsearch_container > div > div { overflow: hidden; text-overflow: ellipsis; margin-left: 2px; max-width: 300px; white-space: nowrap; -webkit-user-select: none; user-select: none; } .jsearch_container .selected { background-color: #e8eaed; } .jslider { outline: none; } .jslider-focus { width: 100% !important; height: 100% !important; } .jslider-focus img { display: none; } .jslider img { width: 100px; } .jslider-left::before { position: fixed; left: 15px; top: 50%; content:'arrow_back_ios'; color: #fff; width: 30px; height: 30px; font-family: 'Material Icons'; font-size: 30px; /* before it was 0px 0px 0px #000 */ text-shadow: 0px 0px 6px rgb(56,56,56); text-align: center; cursor: pointer; } .jslider-right::after { position: fixed; right: 15px; top: 50%; content: 'arrow_forward_ios'; color: #fff; width: 30px; height: 30px; font-family: 'Material Icons'; font-size: 30px; /* before it was 0px 0px 0px #000 */ text-shadow: 0px 0px 6px rgb(56,56,56); text-align: center; cursor: pointer; } .jslider-close { width:24px; height:24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); position:fixed; top:15px; right:15px; cursor:pointer; z-index:3000; display: block !important; } .jslider-counter { height:24px; background-color: transparent; position:fixed; left: 50%; transform: translateX(-50%); bottom: 15px; cursor:pointer; z-index:3000; display: flex; display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; justify-content: center; align-items: center; flex-direction: row; } .jslider-caption { position: fixed; max-width: 90vw; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; top:15px; left: 15px; z-index:3000; color: #FFF; font-size: 1rem; display: block !important; } .jslider-counter div { width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0px 5px; display: block !important; } .jslider-counter .jslider-counter-focus { background-color: cornflowerblue; pointer-events: none; } .jslider-focus { position:fixed; left:0; top:0; width: 100%; min-height:100%; max-height:100%; z-index:2000; margin:0px; box-sizing:border-box; background-color:rgba(0,0,0,0.8); transition-duration: .05s; display: flex; align-items: center; } .jslider-focus img { width: 50vw; height: auto; box-sizing: border-box; margin:0 auto; vertical-align:middle; display:none; } .jslider-focus img.jslider-vertical { width: auto; /* before it was 50vh */ height: 80vh; } @media only screen and (max-width: 576px) { .jslider-focus img.jslider-vertical { width: 99vw !important; height: auto !important; } .jslider-focus img { width: 100vw !important; height: auto !important; } } .jslider-grid { display: grid; grid-gap: 1px; position: relative; } .jslider-grid[data-number='2'] { grid-template-columns: 1fr 50%; } .jslider-grid[data-number='3'] { grid-template-columns: 1fr 33%; } .jslider-grid[data-number='4'] { grid-template-columns: 1fr 25%; } .jslider-grid img { display: none; width: 100%; height: 100%; object-fit: cover; } .jslider-grid[data-total]:after { content: attr(data-total) "+"; font-size: 1.5em; position:absolute; color: #fff; right: 15px; bottom: 6px; } .jslider-grid img:first-child { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1; grid-row: 1; display: block; } .jslider-grid[data-number='2'] img:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; grid-column: 2; grid-row: 1; display: block; } .jslider-grid[data-number='3'] img:first-child { -ms-grid-column: 1 / 2; -ms-grid-row: 1 / 4; grid-column: 1 / 2; grid-row: 1 / 4; } .jslider-grid[data-number='3'] img:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; grid-column: 2; grid-row: 1; display: block; } .jslider-grid[data-number='3'] img:nth-child(3) { -ms-grid-column: 2; -ms-grid-row: 2; grid-column: 2; grid-row: 2; display: block; } .jslider-grid[data-number='4'] img:first-child { -ms-grid-column: 1 / 2; -ms-grid-row: 1 / 4; grid-column: 1 / 2; grid-row: 1 / 4; } .jslider-grid[data-number='4'] img:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; grid-column: 2; grid-row: 1; display: block; } .jslider-grid[data-number='4'] img:nth-child(3) { -ms-grid-column: 2; -ms-grid-row: 2; grid-column: 2; grid-row: 2; display: block; } .jslider-grid[data-number='4'] img:nth-child(4) { -ms-grid-column: 2; -ms-grid-row: 3; grid-column: 2; grid-row: 3; display: block; } .jtabs { max-width: 100vw; position: relative; } .jtabs .jtabs-headers-container { display: flex; align-items: center; } .jtabs .jtabs-headers { display: flex; align-items: center; overflow: hidden; position: relative; } .jtabs .jtabs-headers > div:not(.jtabs-border) { padding: 8px; padding-left: 20px; padding-right: 20px; margin-left: 1px; margin-right: 1px; background-color: #f1f1f1; cursor: pointer; white-space: nowrap; text-align: center; } .jtabs .jtabs-headers > div.jtabs-selected { background-color: #e8e8e8; color: #000; } .jtabs .jtabs-headers > div > div { color: #555; width: 100%; overflow: hidden; } .jtabs .jtabs-headers i { display: block; margin: auto; } .jtabs .jtabs-content { box-sizing: border-box; } .jtabs .jtabs-content > div { display: none; box-sizing: border-box; } .jtabs .jtabs-content > div.jtabs-selected { display: block; } .jtabs .jtabs-border { position: absolute; height: 2px; background-color: #888; transform-origin: left; transition: all .2s cubic-bezier(0.4,0,0.2,1); transition-property: color,left,transform; display: none; } .jtabs-animation .jtabs-border { display: initial; } .jtabs .jtabs-controls { margin: 3px; margin-left: 10px; display: flex; min-width: 82px; } .jtabs .jtabs-controls > div { cursor: pointer; background-position: center; background-repeat: no-repeat; width: 24px; height: 24px; line-height: 24px; } .jtabs .jtabs-prev { margin-left: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E"); } .jtabs .jtabs-prev.disabled { margin-left: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='lightgray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E"); } .jtabs .jtabs-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E"); } .jtabs .jtabs-next.disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='lightgray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E"); } .jtabs .jtabs-add { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z' fill='%23bbbbbb'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); } /** Modern skin **/ .jtabs.jtabs-modern .jtabs-headers > div:not(.jtabs-border) { padding: 4px; padding-left: 10px; padding-right: 10px; background-color: #fff; } .jtabs.jtabs-modern .jtabs-headers > .jtabs-selected { color: #000; } .jtabs.jtabs-modern .jtabs-headers > .jtabs-selected .material-icons { color: #000; } .jtabs.jtabs-modern .jtabs-headers { background: #EEEEEF !important; padding: 2px; border-radius: 4px; } .jtabs.jtabs-modern .jtabs-headers .jtabs-border { border-color: #EEEEEF !important; } .jtabs.jtabs-modern .jtabs-border { background-color: rgba(194, 197, 188, 0.884); } .jtags { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; padding: 1px; border: 1px solid #ccc; position: relative; } .jtags.jtags-empty:not(.jtags-focus)::before { position: absolute; margin: 3px; color: #ccc; content: attr(data-placeholder); top: 0px; margin-left: 6px; } .jtags > div { padding: 5px; padding-left: 10px; padding-right: 22px; position: relative; border-radius: 1px; margin: 2px; display: block; outline: none; } .jtags > div:empty:before { content: " "; white-space: pre; } .jtags > div::after { content: 'x'; position: absolute; top: 6px; right: 4px; width: 12px; height: 12px; cursor: pointer; font-size: 11px; display: none; } .jtags_label { background-color: #eeeeee !important; } .jtags_label::after { display: inline-block !important; } .jtags_error::after { color: #fff !important; } .jtags_error { background-color: #d93025 !important; color: #fff; } .jtoolbar-container { border-radius: 2px; margin-bottom: 5px; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2); display: inline-flex !important; } .jtoolbar { cursor: pointer; white-space: nowrap; display: flex; padding:4px; -webkit-user-select: none; user-select: none; font-size: 13px; } .jtoolbar-disabled { pointer-events: none; opacity: 0.4; } .jtoolbar-mobile { display: flex; position:fixed; bottom: 0; margin: 0; left: 0; width: 100%; background: #f7f7f8; z-index: 1; box-sizing: border-box; box-shadow: 0 -1px 2px rgba(0,0,0,.1); border-radius: 0px; } .jtoolbar > div { display: inline-flex; align-items: center; box-sizing: border-box; vertical-align:middle; justify-content: space-evenly; } .jtoolbar-mobile > div { display: flex; width: 100%; } .jtoolbar .jtoolbar-item { text-align: center; margin: auto; padding: 2px; padding-left:4px; padding-right:4px; } .jtoolbar-mobile .jtoolbar-item { position: relative; flex:1; } .jtoolbar .jtoolbar-divisor { width: 2px; height: 18px; padding: 0px; margin-left: 4px; margin-right: 4px; background-color: #ddd; } .jtoolbar .jtoolbar-label { padding-left: 8px; padding-right: 8px; } .jtoolbar-mobile a { text-decoration:none; display:inline-block; } .jtoolbar-mobile i { display: inline-flex !important; color:#929292; } .jtoolbar-mobile span { font-size:0.7em; display:block; color:#929292; } .jtoolbar-mobile .jtoolbar-selected a, .jtoolbar-mobile .jtoolbar-selected i, .jtoolbar-mobile .jtoolbar-selected span { color:var(--active-color) !important; background-color:transparent; } .jtoolbar-item { -webkit-user-select: none; user-select: none; } .jtoolbar-item i { display: block; color:#333; } .jtoolbar-item:hover { background-color:#f2f2f2; } .jtoolbar .jpicker { padding-left:0px; padding-right:0px; } .jtoolbar .jpicker-header { height: 24px; line-height: 24px; padding: 0px; padding-right: 20px; padding-left: 8px; background-position: top 50% right 0px; display: flex; align-items: center; font-size: 0.9em; } .jtoolbar .jpicker-content > div { padding: 6px; } .jtoolbar-active { background-color:#eee; } .jtoolbar .fa { width: 18px; height: 18px; display: block; line-height: 18px; font-size: 14px; } .jtoolbar .material-icons { font-size: 18px; width: 24px; height: 24px; display: block; line-height: 24px; transform: rotate(0.03deg); text-align: center; } .jtoolbar .jtoolbar-arrow { background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E"); width: 24px; height: 16px; margin-left: 4px; border-left: 1px solid #f2f2f2; } .jtoolbar-floating { position: absolute; display: none; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2); border-radius: 4px; background-color: #fff; padding: 4px; z-index: 50; text-align: left; margin-right: 20px; } .jtoolbar-floating .jtoolbar-divisor { display: none; } .jtoolbar-arrow-selected .jtoolbar-floating { display: flex; flex-wrap: wrap; } /*# sourceMappingURL=styles.b3b01c2b8f95bc64.css.map*/