|
|
@media (min-width: 1920px) {
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) and (max-width: 1920px) {
|
|
|
.e-dialog.e-edittable
|
|
|
{
|
|
|
max-width:470px;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) and (max-width: 1024px) {
|
|
|
.e-dialog.e-edittable
|
|
|
{
|
|
|
max-width:470px;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 320px) and (max-width:480px) {
|
|
|
.e-dialog.e-dialog-wrap.e-dialog-resize{
|
|
|
width:100%;
|
|
|
height:100%;
|
|
|
min-width:320px;
|
|
|
}
|
|
|
.e-responsive-toolbar.e-normal{
|
|
|
width:200px ;
|
|
|
}
|
|
|
.e-rte .e-rte-tablefields
|
|
|
{
|
|
|
width:32% ;
|
|
|
}
|
|
|
.e-rte .e-dialog .e-tab .e-img-border-field
|
|
|
{
|
|
|
width:50% ;
|
|
|
margin-top:2em;
|
|
|
}
|
|
|
.e-rte .e-dialog .e-tab .e-rte-stylefield
|
|
|
{
|
|
|
margin-top:-2em;
|
|
|
margin-right:-28px;
|
|
|
padding: 0.2em;
|
|
|
}
|
|
|
.e-rte .e-inputtext
|
|
|
{
|
|
|
width:90%;
|
|
|
}
|
|
|
.e-rte.e-findandreplace.e-dialog .e-widget-content .e-txtbox
|
|
|
{
|
|
|
margin:0px;
|
|
|
}
|
|
|
.e-dialog.e-edittable
|
|
|
{
|
|
|
max-width:470px ;
|
|
|
}
|
|
|
.e-rte .e-rte-video
|
|
|
{
|
|
|
min-width:270px;
|
|
|
}
|
|
|
.e-rte.e-findandreplace.e-dialog .e-widget-content >span
|
|
|
{
|
|
|
height:55px;
|
|
|
}
|
|
|
.e-rte-explorer.e-rte-fileBrowser,.e-rte-explorer.e-rte-imgBrowser
|
|
|
{
|
|
|
width:auto !important;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
/*------------------------Responsive Ribbon-----------------------------------*/
|
|
|
@media (min-width: 320px) and (max-width:480px) {
|
|
|
.e-ribbon.e-js.e-responsive{
|
|
|
width:100% !important;
|
|
|
}
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-backstagecontent{
|
|
|
padding:0px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-ribupdivarrow.e-toolbaralign{
|
|
|
padding-top:3px;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-mobribgroup .e-split:not(.e-drop),
|
|
|
.e-ribbon.e-responsive .e-respmobcontent .e-mobribgroup .e-split:not(.e-drop){
|
|
|
min-width:48px !important;
|
|
|
min-height:48px !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-respmobcontent .e-mobribgroup .e-rbn-button.e-button .e-icon,
|
|
|
.e-ribbon.e-responsive .e-respmobcontent .e-mobribgroup .e-rbn-button.e-togglebutton .e-icon,
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-rbn-button.e-button .e-icon,
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-rbn-button.e-togglebutton .e-icon
|
|
|
{
|
|
|
display:inherit;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-button .e-btntext,
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-togglebutton .e-btntext{
|
|
|
padding-top:4px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-btn:not(.e-split-btn),
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-split:not(.e-drop)
|
|
|
{
|
|
|
min-width :48px !important;
|
|
|
min-height:48px !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-respmobcontent .e-mobribgroup .e-btn:not(.e-split-btn)
|
|
|
{
|
|
|
min-width :48px !important;
|
|
|
height:48px !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-rbn-resize,
|
|
|
.e-ribbon.e-responsive .e-respmobcontent{
|
|
|
min-width:100% !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-rbn-dll-cus{
|
|
|
padding-bottom:12px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-respmobcontent .e-mobribgroup .e-split.e-drop{
|
|
|
height:48px !important;
|
|
|
width:48px !Important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-ribGroupContent{
|
|
|
width:auto !important;
|
|
|
height:auto !important
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-separatordivrow{display:none !important}
|
|
|
.e-ribbon.e-responsive.e-responsivecontent .e-innerdivchild{
|
|
|
height:48px !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-scrollbar .e-vscroll .e-button.e-icon,
|
|
|
.e-ribbon.e-responsive .e-scrollbar .e-hscroll .e-button.e-icon,
|
|
|
.e-ribbon.e-responsive .e-responsivebackstagecontent .e-backstagetitlecontent
|
|
|
{
|
|
|
display:none;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-tooltipdiv,
|
|
|
.e-ribbon.e-responsive .e-resizediv{
|
|
|
display:none !important;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-mobribgroup .e-ribupdivarrow,
|
|
|
.e-ribbon.e-responsive .e-mobdiv,.e-ribbon.e-responsive .e-respmobcontent{
|
|
|
display:inline-block;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-modelDiv{
|
|
|
display:none !important;}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-respmobcontent{
|
|
|
height:48px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-mobdiv{
|
|
|
vertical-align:middle;
|
|
|
padding-right:4px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-mobribgroup .e-mobdiv .e-rbn-resize{
|
|
|
width:90% !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-mobribgroup{
|
|
|
display:inline-block;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-contextliset{
|
|
|
display:none;
|
|
|
}
|
|
|
|
|
|
|
|
|
.e-ribupdivarrow.e-toolbaralign{
|
|
|
padding-right:12px;
|
|
|
position:absolute;
|
|
|
right:0px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-header{
|
|
|
border-left:0px !important;
|
|
|
border-right:0px !important;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive.e-js .e-header > .e-select{
|
|
|
border:none!important;
|
|
|
}
|
|
|
|
|
|
|
|
|
.e-ribbon.e-responsive .e-groupmobdiv{
|
|
|
width:100%;
|
|
|
height:48px !important;
|
|
|
display:table !important;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-ribupdivarrow{
|
|
|
display:none;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-resgroupheader
|
|
|
{
|
|
|
white-space:normal;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-resgroupheader .e-innerdiv{
|
|
|
display:inline-block;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-ribGroupContent{
|
|
|
padding:12px;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-resgroupheader .e-rbn-button .e-btntxt{
|
|
|
display:table-cell;
|
|
|
}
|
|
|
|
|
|
|
|
|
.e-ribbon.e-responsive .e-responsiveqat .e-btn.e-rbn-button
|
|
|
{
|
|
|
width:32px !Important;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-innerdivrow {
|
|
|
padding-bottom: 0;
|
|
|
padding-left: 0;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-innerdivrow{
|
|
|
width:100%;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-contextliset{
|
|
|
display:none;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-ribresmenu .e-icon:before{
|
|
|
font-size:14px;
|
|
|
left: -2px;
|
|
|
top: 1px;
|
|
|
}
|
|
|
.e-ribbon.e-rbnwithqat.e-responsive .e-qatooldiv
|
|
|
{
|
|
|
padding-top:0px;
|
|
|
padding-bottom:0px;
|
|
|
}
|
|
|
.e-ribbon.e-rbnwithqat.e-responsive .e-responsiveqat{
|
|
|
padding-top:8px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-backstagerestop:after{
|
|
|
margin-bottom:1px;
|
|
|
width:1px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupdiv {
|
|
|
padding-right:0px;
|
|
|
padding-top:0px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsivebackstagecontent{
|
|
|
z-index: 100002;
|
|
|
position: absolute;
|
|
|
width:100%;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-resizebtn > .e-groupdiv{
|
|
|
padding-top:0px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-rescontent
|
|
|
{
|
|
|
top: 10px;
|
|
|
position: absolute;
|
|
|
left: 12px;
|
|
|
z-index: 10001;
|
|
|
display: table-cell;
|
|
|
list-style: none;
|
|
|
padding: 0;
|
|
|
vertical-align: top;
|
|
|
width:120px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsiveqat .e-icon.e-ribbon:before{
|
|
|
font-size:20px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsivetabli
|
|
|
{
|
|
|
padding: 8px 15px 8px 10px;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsiveqat .e-split{
|
|
|
height:25px !Important;
|
|
|
width:35px !Important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsiveqat .e-icon.e-ribbon:before{
|
|
|
font-size:20px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsiveqat .e-icon.e-ribbonpaste:before{
|
|
|
left:-3px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupdiv
|
|
|
{
|
|
|
display:table !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupdiv>div:after{
|
|
|
width:0px !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-resshow{
|
|
|
display:block !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsivebackstage .e-backstageheader
|
|
|
{
|
|
|
position:absolute;
|
|
|
z-index:10001;
|
|
|
top:2px;
|
|
|
left:2px;
|
|
|
margin-bottom:0px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsivebackstage li
|
|
|
{
|
|
|
width:auto!important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupresponsive.e-ribrightarrow
|
|
|
{
|
|
|
padding-top:16px;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-gallerymovediv,
|
|
|
.e-ribbon.e-responsive .e-ribbonbackstagepage,
|
|
|
.e-ribbon.e-responsive .e-reshide{
|
|
|
display:none !important;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-gallexpandcontent{
|
|
|
padding-left:15px;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-galleryextrabtn{
|
|
|
overflow: hidden;
|
|
|
display: table;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-responsivecontent {
|
|
|
width:auto;
|
|
|
height:auto;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupresponsive,
|
|
|
.e-ribbon.e-responsive .e-resbackstage{
|
|
|
display:block !important;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-rbnquickaccessbar.e-rbnabove,
|
|
|
.e-ribbon.e-responsive .e-rbnqatmenu div,
|
|
|
.e-ribbon.e-responsive .e-responsiveqat .e-splitbtnqatdiv,
|
|
|
.e-ribbon.e-responsive .e-rbnqatmenu li:not(.e-removemenuli)
|
|
|
{
|
|
|
display:none !important;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-responsiveqat{
|
|
|
display: inline-block !important;
|
|
|
right: 0px;
|
|
|
position: absolute;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-header li.e-tab,
|
|
|
.e-ribbon.e-responsive .e-backstagetab a,
|
|
|
.e-ribbon.e-responsive .e-apptab:not(.e-backstagetab),
|
|
|
.e-ribbon.e-responsive .e-groupexpander,
|
|
|
.e-ribbon.e-responsive .e-contentbottom,
|
|
|
.e-ribbon.e-responsive .e-expandcollapse
|
|
|
{
|
|
|
display:none !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupresponsive
|
|
|
{
|
|
|
float:right;
|
|
|
padding-top:11px;
|
|
|
padding-right:12px;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-responsiveback
|
|
|
{
|
|
|
height:48px;
|
|
|
padding-left:12px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsiveback .e-groupresponsive
|
|
|
{
|
|
|
float:left;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .se-responsiveback .e-icon
|
|
|
{
|
|
|
float: left;
|
|
|
left: 10px;
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsiveback .e-restopbackcontent
|
|
|
{
|
|
|
font-size: 22px;
|
|
|
position: relative;
|
|
|
top: 12px;
|
|
|
line-height: 20px;
|
|
|
margin-left: 20px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-respcontent .e-ribGroupContent
|
|
|
{
|
|
|
height: auto !important;
|
|
|
min-height: 32px !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-ribGroupContent .e-resshow .e-innerdivrow,.e-ribbon.e-responsive .e-innerdivrow > div{
|
|
|
display: inline-block;
|
|
|
}
|
|
|
|
|
|
|
|
|
.e-ribbon.e-responsive .e-groupresponsive.e-ribrightarrow {
|
|
|
padding: 0;
|
|
|
position: relative;
|
|
|
right: 12px;
|
|
|
top: 14px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-resizebtn .e-icon:before{
|
|
|
font-size:26px;
|
|
|
position: relative;
|
|
|
top: 3px
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-innerdiv{
|
|
|
padding-left:0px;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-groupresponsive.e-ribleftarrow{
|
|
|
padding-top: 14px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-respcontent .e-resizebtn .e-btntxt {
|
|
|
float: left;
|
|
|
padding-top: 12px;
|
|
|
position: relative;
|
|
|
padding-left:12px;
|
|
|
}
|
|
|
.e-responsivecontent .e-innerdivchild{
|
|
|
padding-left:2px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-resizegroupdiv {
|
|
|
padding: 0 12px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-header
|
|
|
{
|
|
|
height:46px !important
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-content.e-responsiveheight,
|
|
|
.e-ribbon.e-responsive .e-groupdiv,
|
|
|
.e-ribbon.e-responsive .e-backstagerestop
|
|
|
{
|
|
|
height:48px !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-content.e-responsiveToolbarScroll{
|
|
|
height:52px !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsivebackstage
|
|
|
{
|
|
|
position:relative;
|
|
|
-webkit-transform: translateX(-100%);
|
|
|
-ms-transform: translateX(-100%);
|
|
|
transform: translateX(-100%);
|
|
|
transition: transform .3s;
|
|
|
-webkit-transition: -webkit-transform .3s;
|
|
|
z-index:10001;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-backstageshowanimate{
|
|
|
-webkit-transform: translateX(0);
|
|
|
-ms-transform: translateX(0);
|
|
|
transform: translateX(0);
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-contentdownanimate{
|
|
|
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupdiv .e-resizebtn div
|
|
|
{
|
|
|
height:48px !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupdiv .e-resizebtn div{
|
|
|
width:100%
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-respcontent .e-resizebtn{
|
|
|
width:90%;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupdiv
|
|
|
{
|
|
|
width:100% !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-backstagerestopcontent
|
|
|
{
|
|
|
position: absolute;
|
|
|
top: 8px;
|
|
|
left: 15px;
|
|
|
color:white;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsivebackstagecontent .e-backstageTitle{
|
|
|
padding-left: 25px;
|
|
|
font-size: 23px;
|
|
|
top: 5px;
|
|
|
position: relative;
|
|
|
line-height: 20px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupdiv .e-botton .e-btntxt{
|
|
|
padding-bottom:10px;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-ribdrop .e-arrowheaddown
|
|
|
{
|
|
|
margin-top:-10px;
|
|
|
}
|
|
|
|
|
|
|
|
|
.e-ribbon.e-responsive .e-respcontent .e-resizebtn span.e-icon:not(.e-ribbonresize){
|
|
|
float:left;
|
|
|
display:inline-block;
|
|
|
padding-right:10px !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupdiv .e-resizebtn .e-ribbonresize{
|
|
|
display:none !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-groupdiv .e-ribbon,
|
|
|
.e-ribbon.e-responsive .e-responsivecontent .e-ribbon{
|
|
|
|
|
|
display: inline-block !important;
|
|
|
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-content.e-content-item{
|
|
|
overflow:hidden;
|
|
|
width:auto;
|
|
|
transition: all 0.3s ease-in;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-ribGroupContent.e-resgroupheader .e-innerdiv {
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-ribresmenu
|
|
|
{
|
|
|
position:absolute;
|
|
|
font-weight: normal;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-ribresmenu .e-icon{
|
|
|
position:absolute;
|
|
|
top:-10px;
|
|
|
padding-left:12px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-header>li
|
|
|
{
|
|
|
height:32px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-resbackstage
|
|
|
{
|
|
|
padding-left:12px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-header li a
|
|
|
{
|
|
|
padding-left:0px;
|
|
|
padding-right:0px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-ribresmenu a {
|
|
|
width:auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-resbackstage,
|
|
|
.e-ribbon.e-responsive .e-ribresmenu .e-icon{
|
|
|
margin-top:15px;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-ribresmenu
|
|
|
{
|
|
|
top:8px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-gallerybtn{
|
|
|
display: block;
|
|
|
float: left;}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-galleryexpanderrow{
|
|
|
display:inline;}
|
|
|
.e-ribbon.e-responsive .e-responsiveqat .e-icon.e-ribbon:before{
|
|
|
top:-8px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-ribbongallerycontrol .e-extracontent{
|
|
|
display:none;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-resqatScroll .e-scrollbar{
|
|
|
display:none !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-resqatScroll .e-content{
|
|
|
padding-bottom:7px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-header.e-resheader,
|
|
|
.e-ribbon.e-responsive .e-ribresmenu
|
|
|
{
|
|
|
display:inline-block !important;
|
|
|
}
|
|
|
.e-ribbon.e-ribwithout-apptab.e-responsive .e-header.e-resheader
|
|
|
{
|
|
|
display:table !important;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-header li
|
|
|
{
|
|
|
margin-top:0px !important;
|
|
|
cursor:pointer;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-backstageTitle{
|
|
|
display: inline-block;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsivebackstagecontent .e-backstagerestop .e-icon{
|
|
|
position:absolute;
|
|
|
display:inline-block;
|
|
|
top:6px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-responsiveqat .e-rbn-button.e-btn{
|
|
|
border-top:0px !important;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-header .e-apptab .e-menu > li > a{
|
|
|
font-size:14px;
|
|
|
font-weight:normal;
|
|
|
}
|
|
|
.e-ribbon.e-responsive.e-js .e-header .e-apptab{
|
|
|
display: inline-block !important;
|
|
|
font-size:14px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-down,
|
|
|
.e-ribbon.e-responsive.e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-right {
|
|
|
right: -17px;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-rescontent-menu{
|
|
|
left:60px;
|
|
|
}
|
|
|
|
|
|
.e-ribbon.e-responsive .e-rbncustomelement{
|
|
|
padding-top: 6px;
|
|
|
}
|
|
|
.e-ribbon.e-responsive .e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-down,.e-ribbon.e-responsive .e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-right{
|
|
|
top: 30%;
|
|
|
}
|
|
|
/*------------------------Responsive Ribbon-End-----------------------------------*/
|
|
|
@media (max-width:480px) {
|
|
|
/*tab*/
|
|
|
.e-tab .e-header li > a, .e-tab .e-header li > a > span:first-child {
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
width: 45px;
|
|
|
}
|
|
|
}
|
|
|
/*kanban*/
|
|
|
@media (max-width:801px),(max-device-width: 1200px){
|
|
|
.e-kanbandialog table td.e-label{
|
|
|
text-align: left! important;
|
|
|
}
|
|
|
.e-kanbandialog table td{
|
|
|
float:left;
|
|
|
width:100%;
|
|
|
}
|
|
|
.e-kbntoolbar-body.e-toolbar{
|
|
|
position: absolute;
|
|
|
top: 0px;
|
|
|
z-index: 100001;
|
|
|
height: 37px;
|
|
|
padding: 0px;
|
|
|
left: 0px;
|
|
|
}
|
|
|
.e-kanbandialog table td.e-rowcell > :first-child {
|
|
|
width:100% !important;
|
|
|
margin-top: 3px;
|
|
|
}
|
|
|
.e-kanbandialog .e-save,.e-kanbandialog .e-cancel{
|
|
|
width:100% !important;
|
|
|
display:table;
|
|
|
}
|
|
|
.e-kanbandialog .e-kanban-editdiv {
|
|
|
padding: 0 11px;
|
|
|
}
|
|
|
.e-rtl.e-kbnadapt-editdlg .e-dialog-content td.e-rowcell {
|
|
|
text-align: right !important;
|
|
|
}
|
|
|
.e-rtl.e-kbnadapt-editdlg .e-dialog-content td.e-label {
|
|
|
border-left: 0 none;
|
|
|
}
|
|
|
.e-rtl.e-kbnadapt-editdlg table td.e-label{
|
|
|
text-align: right! important;
|
|
|
}
|
|
|
.e-kanbandialog .e-cancel{
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
.e-kanban .e-columnrow .e-rowcell{
|
|
|
border-top:none;
|
|
|
}
|
|
|
.e-swimlane-ddl,.e-kanban .e-kanbanfilter-icon{
|
|
|
display:table-cell;
|
|
|
}
|
|
|
.e-kanbanfilter-window{
|
|
|
position: absolute;
|
|
|
top:0px;
|
|
|
left:0px;
|
|
|
z-index: 10000001;
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-filter-content div{
|
|
|
margin:10px 0 0 10px;
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-kbnfilterwindow-head{
|
|
|
height:40px;
|
|
|
}
|
|
|
.e-kanbantoolbar .e-kanbanfilter-icon,.e-kanbanfilter-window .e-kbnfilterwindow-head .e-text,.e-kanbanfilter-window .e-filterback-icon{
|
|
|
cursor:default;
|
|
|
display:inline;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-filterback-icon,.e-kanbanfilter-window .e-filter-done,.e-kanbanfilter-window .e-kbnfilterwindow-head .e-text{
|
|
|
float:left;
|
|
|
margin-left:12px;
|
|
|
margin-top: 8px;
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-filter-content{
|
|
|
height:100%;
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-kbnfilterwindow-head .e-filter-done{
|
|
|
float:right;
|
|
|
margin-right: 10px;
|
|
|
cursor:pointer;
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-kbnfilterwindow-head .e-filterlabel{
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar.e-adaptive-search .e-searchbar{
|
|
|
width: 99%;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar .e-searchbar{
|
|
|
float:right;
|
|
|
height: 35px;
|
|
|
}
|
|
|
.e-kanban .e-adaptive-search li.e-search{
|
|
|
width: 75%;
|
|
|
position: relative;
|
|
|
right: 7%;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar .e-searchitem{
|
|
|
position:relative !important;
|
|
|
border: none !important;
|
|
|
height: 35px;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar .e-searchdiv{
|
|
|
width:100% !important;
|
|
|
}
|
|
|
.e-kanban .e-left-rotatecard{
|
|
|
-webkit-transform: rotate(5deg);
|
|
|
-moz-transform: rotate(5deg);
|
|
|
-o-transform: rotate(5deg);
|
|
|
-ms-transform: rotate(5deg);
|
|
|
transform: rotate(5deg);
|
|
|
}
|
|
|
.e-kanban .e-stackedHeaderCell{
|
|
|
text-align:left;
|
|
|
}
|
|
|
.e-kanban .e-adapt-search{
|
|
|
width: 23px;
|
|
|
display: table-cell;
|
|
|
padding-left: 5px;
|
|
|
}
|
|
|
.e-kanban .e-kbnsearch-back
|
|
|
{
|
|
|
cursor:default;
|
|
|
float:left;
|
|
|
margin-left: 1%;
|
|
|
margin-top:8px;
|
|
|
}
|
|
|
.e-kanban .e-adapt-cancel{
|
|
|
display: table-cell;
|
|
|
padding-right: 6px;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar .e-searchdiv .e-ejinputtext:focus{
|
|
|
box-shadow:none;
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-clearfilter{
|
|
|
position: absolute;
|
|
|
width: 90%;
|
|
|
left: 5%;
|
|
|
bottom: 20px;
|
|
|
}
|
|
|
.e-kanban .e-searchfind{
|
|
|
font-size: 19px;
|
|
|
left: -3px;
|
|
|
top: -1px;
|
|
|
height: 25px;
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-filterlabel{
|
|
|
padding-left: 10px;
|
|
|
font-weight: normal;
|
|
|
font-size: 14px;
|
|
|
display: inline;
|
|
|
}
|
|
|
.e-kanbandialog table{
|
|
|
width:100%;
|
|
|
}
|
|
|
.e-swimlane-ddl{
|
|
|
position: relative;
|
|
|
top: 6px;
|
|
|
float: left;
|
|
|
display: inline-flex;
|
|
|
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
|
|
|
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
|
|
|
display: -ms-flexbox; /* TWEENER - IE 10 */
|
|
|
display: -webkit-flex; /* NEW - Chrome */
|
|
|
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
|
|
|
width: 44%;
|
|
|
}
|
|
|
.e-kanban .e-kanbanheader .e-table,.e-kanban .e-kanbancontent>div>.e-table{
|
|
|
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
|
|
|
transition-property: transform;
|
|
|
transition-duration: 600ms;
|
|
|
}
|
|
|
.e-swimlane-ddl .e-down-arrow:before{
|
|
|
content: "\e811";
|
|
|
font-size: 8px;
|
|
|
font-family: ej-webfont;
|
|
|
position: relative;
|
|
|
top: 5px;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar .e-kanbanfilter-icon:before{
|
|
|
content: "\e814";
|
|
|
font-family: ej-webfont;
|
|
|
position: relative;
|
|
|
top: 6px;
|
|
|
left: 8px;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar .e-kanbanfilter-icon{
|
|
|
height: 35px;
|
|
|
width: 34px;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar li.e-printlist.e-tooltxt {
|
|
|
border: none;
|
|
|
}
|
|
|
.e-kanban .e-printlist {
|
|
|
background: none;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar .e-kbnclearfl-icon:before{
|
|
|
content: "\e813";
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-filterback-icon:before,.e-kanban .e-kbnsearch-back:before{
|
|
|
content: "\e815";
|
|
|
font-family: ej-webfont;
|
|
|
font-size: 13px;
|
|
|
cursor: pointer;
|
|
|
position: relative;
|
|
|
top: 4px;
|
|
|
}
|
|
|
.e-kanban .e-kbnsearch-back:before{
|
|
|
position: relative;
|
|
|
top: -2px;
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-filterback-icon{
|
|
|
margin-top:5px;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar .e-searchitem:before,.e-kanban .e-adapt-search:before{
|
|
|
content: "\e812";
|
|
|
font-size: 16px;
|
|
|
position: relative;
|
|
|
left: 0px;
|
|
|
top: 0px;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar:not(.e-adaptive-search) .e-search{
|
|
|
width: inherit;
|
|
|
margin-right: -2px;
|
|
|
padding-left: 3px;
|
|
|
height: 35px;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar:not(.e-adaptive-search) .e-searchitem:before{
|
|
|
left:0px;
|
|
|
}
|
|
|
.e-kbnadapt-editdlg,.e-kanbanfilter-window,.e-kbnsearchwaitingpopup{
|
|
|
height:100% !important;
|
|
|
width:100% !important;
|
|
|
box-sizing:border-box;
|
|
|
}
|
|
|
.e-swimlane-ddl .e-swimlane-text{
|
|
|
font-size:14px;
|
|
|
display: inline;
|
|
|
padding: 7px 5px 0px 10px;
|
|
|
text-overflow: ellipsis;
|
|
|
display: block;
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
.e-swimlane-ddl{
|
|
|
cursor:default;
|
|
|
margin-left:5px;
|
|
|
top:0px;
|
|
|
height: 35px;
|
|
|
}
|
|
|
.e-swimlane-ddl .e-swimlane-arrow:before{
|
|
|
content: "\e811";
|
|
|
font-size: 8px;
|
|
|
position: relative;
|
|
|
top: 9px;
|
|
|
font-family: ej-webfont;
|
|
|
left: -1px;
|
|
|
}
|
|
|
.e-swimlane-ddl .e-swimlane-arrow{
|
|
|
display: inline;
|
|
|
}
|
|
|
.e-swimlane-window .e-swimlane-item{
|
|
|
cursor:default;
|
|
|
list-style: none;
|
|
|
padding: 10px 0 0px 10px;
|
|
|
font-family: Segoe UI;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
.e-swimlane-window{
|
|
|
position: absolute;
|
|
|
height:100%;
|
|
|
width:100%;
|
|
|
left:0;
|
|
|
right:0;
|
|
|
}
|
|
|
.e-swimlane-window ul{
|
|
|
margin: 0px;
|
|
|
padding-left: 0px;
|
|
|
}
|
|
|
.e-kanban.e-responsive .e-vscroll.e-box{
|
|
|
border:none;
|
|
|
}
|
|
|
.e-kanban .e-adaptive-search .e-search.e-tooltxt{
|
|
|
height: 27px;
|
|
|
position: relative;
|
|
|
top: 4px;
|
|
|
width: 90% !important;
|
|
|
left: -12px;
|
|
|
}
|
|
|
.e-swimlane-ul li div:after {
|
|
|
content: "";
|
|
|
height: 1px;
|
|
|
display: inherit;
|
|
|
margin-top: 10px;
|
|
|
width: 97%;
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-kbnfilterwindow-body .e-chkbox-wrap .e-chkbox-small>span {
|
|
|
height: 18px;
|
|
|
width: 18px;
|
|
|
top: 4px;
|
|
|
}
|
|
|
.e-kanbanfilter-window .e-kbnfilterwindow-body .e-chkbox-wrap .e-chk-image.e-stop,.e-kanbanfilter-window .e-kbnfilterwindow-body .e-chkbox-wrap .e-chk-image.e-checkmark{
|
|
|
font-size: 15px;
|
|
|
line-height: 17px;
|
|
|
}
|
|
|
.e-kanban .e-adaptive-search .e-searchbar{
|
|
|
height: 35px;
|
|
|
}
|
|
|
.e-kanban .e-adaptive-search .e-ejinputtext.e-input{
|
|
|
height: 25px;
|
|
|
padding-left: 8px;
|
|
|
}
|
|
|
.e-kanban .e-adaptive-search .e-adapt-cancel{
|
|
|
height: 25px;
|
|
|
}
|
|
|
.e-kanban .e-adaptive-search .e-searchdiv,.e-kanban .e-kanbantoolbar:not(.e-adaptive-search) .e-searchitem{
|
|
|
display: -webkit-box !important;
|
|
|
display: -webkit-flex !important;
|
|
|
display: flex !important;
|
|
|
}
|
|
|
.e-kanban .e-adaptive-search .e-adapt-cancel{
|
|
|
height: 25px;
|
|
|
}
|
|
|
.e-kanban .e-adaptive-search .e-adapt-cancel:before {
|
|
|
position: relative;
|
|
|
top: 5px;
|
|
|
left: -2px;
|
|
|
}
|
|
|
.e-kanban .e-adaptive-search .e-adapt-cancel.e-msieadapt:before {
|
|
|
left: -42px;
|
|
|
}
|
|
|
.e-kanban .e-adaptive-search .e-adapt-cancel.e-webkitadapt:before {
|
|
|
left: -5px;
|
|
|
}
|
|
|
.e-kanban .e-adapt-search:before{
|
|
|
font-size: 15px;
|
|
|
left: 1px;
|
|
|
position: relative;
|
|
|
top: 1px;
|
|
|
}
|
|
|
.e-kbnwindow-modal{
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
.e-kanban.e-swimlane-responsive .e-limits .e-swimlane-name{
|
|
|
float: left;
|
|
|
}
|
|
|
.e-kanban .e-adaptive-search .e-searchdiv .e-ejinputtext{
|
|
|
width: 100%;
|
|
|
}
|
|
|
.e-kbnadapt-editdlg .kanbanform input.e-numerictextbox{
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar.e-adaptive-search a.e-searchfind{
|
|
|
display: none !important;
|
|
|
}
|
|
|
.e-kanban .e-kanbantoolbar.e-adaptive-search{
|
|
|
height: 34px;
|
|
|
}
|
|
|
.e-kbnslwindow-body{
|
|
|
top: 37px;
|
|
|
z-index: 10000001;
|
|
|
}
|
|
|
.e-kanban.e-responsive .e-vhandlespace,.e-kanbanfilter-window .e-vhandlespace,.e-kbnslwindow-body .e-vhandlespace,.e-kbnadapt-editdlg .e-vhandlespace{
|
|
|
border: solid;
|
|
|
border-width: 0px 1px 0px 1px;
|
|
|
border: none;
|
|
|
}
|
|
|
.e-kanban.e-responsive .e-vhandlespace .e-vhandle ,.e-kanbanfilter-window .e-vhandlespace .e-vhandle ,.e-kbnslwindow-body .e-vhandlespace .e-vhandle ,.e-kbnadapt-editdlg .e-vhandlespace .e-vhandle {
|
|
|
border: none;
|
|
|
}
|
|
|
.e-kanban.e-responsive .e-vhandle,.e-kanbanfilter-window .e-vhandle,.e-kbnslwindow-body .e-vhandle,.e-kbnadapt-editdlg .e-vhandle{
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
.e-kbnhide,.e-kanban.e-responsive .e-vup:before,.e-kanbanfilter-window .e-vup:before,.e-kbnslwindow-body .e-vup:before,.e-kbnadapt-editdlg .e-vup:before{
|
|
|
display:none !important;
|
|
|
}
|
|
|
.e-kanban.e-kanbanscroll.e-responsive{
|
|
|
border:none;
|
|
|
}
|
|
|
.e-kanban.e-responsive .e-headercell{
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
.e-kanban.e-responsive .e-kanbantoolbar:not(.e-adaptive-search) .e-searchfind.e-webkitadapt-search{
|
|
|
padding-top:5px;
|
|
|
}
|
|
|
.e-kanban.e-responsive .e-headercell.e-toggleonly .e-clexpand{
|
|
|
width: 10%;
|
|
|
}
|
|
|
}
|
|
|
@media (max-width: 480px) ,(max-device-width: 600px)
|
|
|
{
|
|
|
|
|
|
.e-swimlane-ddl .e-swimlane-text {
|
|
|
width: 80%;
|
|
|
}
|
|
|
|
|
|
.e-swimlane-ddl {
|
|
|
width: 135px;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 480px) and (max-width:600px),(min-device-width: 600px) and (max-device-width: 800px) {
|
|
|
.e-kanban .e-adaptive-search .e-search.e-tooltxt{
|
|
|
left: -26px !important;
|
|
|
}
|
|
|
.e-kanbandialog .e-save, .e-kanbandialog .e-cancel
|
|
|
{
|
|
|
width: 96% !important;
|
|
|
margin-left: 11px;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) and (max-width:801px),(min-device-width: 800px) and (max-device-width: 1200px) {
|
|
|
.e-kanban .e-adaptive-search .e-search.e-tooltxt{
|
|
|
left: -28px !important;
|
|
|
}
|
|
|
.e-kanbandialog .e-kanban-editdiv {
|
|
|
padding: 0px 11px;
|
|
|
}
|
|
|
.e-kanbandialog .e-save, .e-kanbandialog .e-cancel {
|
|
|
width: 100% !important;
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
.e-swimlane-ddl .e-swimlane-text {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.e-swimlane-ddl {
|
|
|
width: 135px;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 480px) and (max-width:767px) {
|
|
|
|
|
|
/*tab*/
|
|
|
.e-tab .e-header li > a > span:nth-child(2) {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.e-responsive-toolbar.e-normal{
|
|
|
width:250px ;
|
|
|
}
|
|
|
.e-dialog.e-edittable
|
|
|
{
|
|
|
max-width:470px;
|
|
|
}
|
|
|
.e-rte-explorer.e-rte-fileBrowser,.e-rte-explorer.e-rte-imgBrowser
|
|
|
{
|
|
|
width:auto !important;
|
|
|
}
|
|
|
}
|
|
|
@media (max-width : 767px)
|
|
|
{
|
|
|
.e-menu.e-horizontal.e-menu-responsive li.e-list>a .e-icon
|
|
|
{
|
|
|
position: absolute;
|
|
|
right: 8px;
|
|
|
|
|
|
}
|
|
|
.e-menu.e-menu-responsive .e-list > ul > .e-list > a span.e-arrows:before, .e-menu.e-menu-responsive .e-list > ul > .e-list > span span.e-arrows:before,.e-menu.e-vertical.e-menu-responsive > .e-list > a span.e-arrows:before, .e-menu.e-vertical.e-menu-responsive > .e-list > span span.e-arrows:before, .e-menu.e-menu-responsive .e-list > ul .e-list:hover > a span.e-arrows:before, .e-menu.e-menu-responsive .e-list > ul .e-list:hover > span span.e-arrows:before, .e-menu.e-menu-responsive > .e-list:hover > a span.e-arrows:before, .e-menu.e-menu-responsive > .e-list:hover > span span.e-arrows:before {
|
|
|
content: "\e627" !important;
|
|
|
}
|
|
|
.e-menu.e-horizontal.e-menu-responsive li.e-list ul,.e-menu.e-vertical.e-menu-responsive li.e-list ul {
|
|
|
border:0 none;
|
|
|
}
|
|
|
.e-menu.e-separator.e-horizontal.e-menu-responsive > .e-list,.e-menu.e-separator.e-vertical.e-menu-responsive> .e-list {
|
|
|
border: medium none;
|
|
|
}
|
|
|
.e-menu.e-menu-responsive{
|
|
|
border-top:none;
|
|
|
}
|
|
|
.e-menu-wrap.e-menu-responsive .e-hide {
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
}
|
|
|
.e-menu.e-horizontal.e-menu-responsive,.e-menu.e-horizontal.e-menu-responsive.e-res-hide {
|
|
|
display: none;
|
|
|
}
|
|
|
.e-menu-res-wrap.e-menu-responsive,.e-menu.e-horizontal.e-menu-responsive.e-res-show,.e-menu-wrap.e-menu-responsive .e-res-title{
|
|
|
display:block;
|
|
|
}
|
|
|
|
|
|
.e-menu.e-horizontal.e-menu-responsive li.e-list,.e-menu.e-vertical.e-menu-responsive,.e-menu.e-vertical.e-menu-responsive li.e-list {
|
|
|
display: block;
|
|
|
}
|
|
|
.e-menu.e-horizontal.e-menu-responsive li.e-list.e-hidden-item {
|
|
|
display: none;
|
|
|
}
|
|
|
.e-menu.e-horizontal.e-menu-responsive li.e-list > ul, .e-menu.e-horizontal.e-menu-responsive li.e-list,.e-menu.e-vertical.e-menu-responsive li.e-list > ul, .e-menu.e-vertical.e-menu-responsive li.e-list {
|
|
|
position: static;
|
|
|
}
|
|
|
.e-menu.e-horizontal.e-menu-responsive> li.e-list > ul:after,.e-menu.e-vertical.e-menu-responsive > li.e-list > ul:after {
|
|
|
content:none;
|
|
|
}
|
|
|
.e-menu.e-horizontal.e-menu-responsive>.e-list>a {
|
|
|
line-height:32px !important;
|
|
|
}
|
|
|
.e-menu.e-horizontal.e-menu-responsive > .e-list > a > span {
|
|
|
line-height:1 !important;
|
|
|
top:35% !important;
|
|
|
}
|
|
|
.e-menu.e-horizontal.e-menu-responsive {
|
|
|
height: initial !important;
|
|
|
}
|
|
|
.e-menu.e-vertical.e-menu-responsive>li.e-list >ul li.e-list > a, .e-menu.e-vertical.e-menu-responsive>li.e-list>ul li.e-list > span {
|
|
|
line-height:27px;
|
|
|
}
|
|
|
.e-menu.e-menu-responsive li.e-list>ul li.e-list > a, .e-menu.e-menu-responsive li.e-list > ul li.e-list > span {
|
|
|
padding: 0px 18px 0px 30px;
|
|
|
line-height: 32px;
|
|
|
}
|
|
|
.e-menu-res-wrap.e-menu-responsive .e-icon.e-check-wrap:before{
|
|
|
content:"\e76b";
|
|
|
font-size: 20px;
|
|
|
width: 20px;
|
|
|
height: 20px;
|
|
|
margin-top: 5px;
|
|
|
margin-bottom: 5px;
|
|
|
}
|
|
|
.e-menu-wrap.e-menu-responsive .e-menu.e-menu-responsive > li.e-separator {
|
|
|
border:0;
|
|
|
border-bottom:1px solid #c8c8c8;
|
|
|
}
|
|
|
.e-menu-wrap.e-menu-responsive .e-menu.e-horizontal.e-menu-responsive .e-list:hover {
|
|
|
border-color:#c8c8c8;
|
|
|
}
|
|
|
/*------------------------Responsive Menu RTL-----------------------------------*/
|
|
|
.e-menu-wrap.e-menu-rtl.e-menu-responsive {
|
|
|
direction: rtl;
|
|
|
}
|
|
|
.e-menu-wrap.e-menu-rtl.e-menu-responsive .e-menu-res-wrap.e-menu-responsive .e-menu-res-in-wrap .e-check-wrap{
|
|
|
border-right: 1px solid #aaaaaa
|
|
|
}
|
|
|
.e-menu-wrap.e-menu-rtl.e-menu-responsive .e-menu-res-wrap.e-menu-responsive .e-in-wrap.e-menu-res-in-wrap{
|
|
|
padding: 5px 10px 0px 0px
|
|
|
}
|
|
|
.e-menu.e-separator.e-rtl.e-horizontal.e-menu-responsive > .e-list,.e-menu.e-separator.e-rtl.e-vertical.e-menu-responsive > .e-list, .e-menu-rtl .e-menu-res-wrap.e-menu-responsive .e-menu-res-in-wrap .e-check-wrap {
|
|
|
border-left : initial;
|
|
|
right:initial;
|
|
|
left:0px;
|
|
|
}
|
|
|
.e-menu.e-rtl.e-horizontal.e-menu-responsive > .e-list .e-arrow-space,.e-menu.e-rtl.e-vertical.e-menu-responsive > .e-list .e-arrow-space {
|
|
|
padding-right :10px;
|
|
|
}
|
|
|
.e-menu.e-rtl.e-horizontal.e-menu-responsive li.e-list>a .e-icon,.e-menu.e-rtl.e-vertical.e-menu-responsive li.e-list>a .e-icon{
|
|
|
right:initial;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) and (max-width: 1920px) {
|
|
|
|
|
|
.e-menu-res-wrap.e-menu-responsive, .e-menu-wrap.e-menu-responsive .e-res-title, .e-menu-wrap.e-menu-responsive .e-res-icon, .e-menu-wrap.e-menu-responsive .hideIcon {
|
|
|
display: none;
|
|
|
}
|
|
|
.e-responsive-toolbar.e-normal{
|
|
|
width:300px ;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/*------------------------Schedule Start-----------------------------------*/
|
|
|
@media (min-width: 320px) and (max-width:480px) {
|
|
|
.e-schedule .e-datecolumn {
|
|
|
width: 85px;
|
|
|
}
|
|
|
|
|
|
.e-schedule .e-timecolumn {
|
|
|
width: 85px;
|
|
|
}
|
|
|
|
|
|
.e-schedule .e-resourcecolumn {
|
|
|
width: 55px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@media (max-width:320px) {
|
|
|
.e-schedule .e-datecolumn {
|
|
|
width: 85px;
|
|
|
}
|
|
|
|
|
|
.e-schedule .e-timecolumn {
|
|
|
width: 70px;
|
|
|
}
|
|
|
|
|
|
.e-schedule .e-resourcecolumn {
|
|
|
width: auto;
|
|
|
}
|
|
|
}
|
|
|
.e-schedule.e-scheduleresponsive .e-textwrapper {
|
|
|
margin: 0px;
|
|
|
padding: 2px;
|
|
|
}
|
|
|
.e-schedule.e-scheduleresponsive .e-agendaappointment {
|
|
|
white-space: normal;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-navigateprevious {
|
|
|
margin:0px;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-rtl.e-scheduleresponsive .e-navigatenext {
|
|
|
margin-right:15px;
|
|
|
}
|
|
|
|
|
|
.e-scheduledialog.e-scheduleresponsive {
|
|
|
height: 100% !important;
|
|
|
}
|
|
|
|
|
|
.e-scheduledialog.e-scheduleresponsive .e-btnmargin {
|
|
|
margin:10px -3px 10px 9px !important;
|
|
|
width:96%;
|
|
|
}
|
|
|
|
|
|
.e-scheduledialog.e-scheduleresponsive .e-textmargin {
|
|
|
margin-left: 0px;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-ampmstyle {
|
|
|
font-size: 8px;
|
|
|
width: auto;
|
|
|
line-height: 35px;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .navigate {
|
|
|
-webkit-animation: example 0.75s ease 0s;
|
|
|
-moz-animation: example 0.75s ease 0s;
|
|
|
-ms-animation: example 0.75s ease 0s;
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes example {
|
|
|
from {
|
|
|
-webkit-transform: perspective(300) rotateY(25deg);
|
|
|
-webkit-transform-origin: 0% 0%;
|
|
|
-moz-transform: perspective(300) rotateY(25deg);
|
|
|
-moz-transform-origin: 0% 0%;
|
|
|
-ms-transform: perspective(300) rotateY(25deg);
|
|
|
-ms-transform-origin: 0% 0%;
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
-webkit-transform: perspective(300) rotateY(0deg);
|
|
|
-webkit-transform-origin: 0% 0%;
|
|
|
-moz-transform: perspective(300) rotateY(0deg);
|
|
|
-moz-transform-origin: 0% 0%;
|
|
|
-ms-transform: perspective(300) rotateY(0deg);
|
|
|
-ms-transform-origin: 0% 0%;
|
|
|
}
|
|
|
}
|
|
|
.e-scheduleresponsive.e-scheduledialog .e-appwindow,
|
|
|
.e-scheduleresponsive.e-scheduledialog .e-recurwindow {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
|
|
|
.e-scheduleresponsive.e-scheduledialog .e-dialog-icon {
|
|
|
padding: 0px;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-currenttime {
|
|
|
margin-left: 5%;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-headercells {
|
|
|
vertical-align:middle !important;
|
|
|
}
|
|
|
|
|
|
.e-scheduledialog.e-scheduleresponsive .e-alertbtn .e-alertOk{
|
|
|
margin:0px 20px 15px 10px;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-datecommondiv {
|
|
|
padding:12px 0px 0px 8px;
|
|
|
outline:none;
|
|
|
-webkit-tap-highlight-color:transparent;
|
|
|
-webkit-user-select:none;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-schedulesettings {
|
|
|
white-space: pre-wrap !important;
|
|
|
height:40px;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-settingsindent,
|
|
|
.e-schedule.e-scheduleresponsive .e-workleftindent {
|
|
|
width: 30px !important;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-timecells {
|
|
|
width: 15px !important;
|
|
|
}
|
|
|
|
|
|
.e-scheduledrawer.e-scheduleresponsive .e-nb.e-nb-layout.e-nb-right {
|
|
|
box-shadow: -1px 0 10px 0 #707070;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-alldaycellsheight {
|
|
|
height: 40px !important;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-empty,.e-schedule.e-scheduleresponsive .e-leftindenttable {
|
|
|
width: 30px !important;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-monthleftindent,
|
|
|
.e-schedule.e-scheduleresponsive .e-monthempty {
|
|
|
display: none !important;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-ampmdisplay,
|
|
|
.e-schedule.e-scheduleresponsive .e-vertical .e-workcells {
|
|
|
height: 45px !important;
|
|
|
}
|
|
|
|
|
|
.e-schedule.e-scheduleresponsive .e-vertical .e-workcells,
|
|
|
.e-schedule.e-scheduleresponsive .e-vertical .e-monthcells {
|
|
|
width: auto !important;
|
|
|
}
|
|
|
|
|
|
.e-scheduledialog.e-scheduleresponsive .e-windowmargin {
|
|
|
margin: 0px !important;
|
|
|
}
|
|
|
|
|
|
.e-scheduledialog.e-scheduleresponsive .e-appointmentaddwindow.e-dialog {
|
|
|
height: 100% !important;
|
|
|
overflow: scroll;
|
|
|
}
|
|
|
|
|
|
.e-scheduledialog.e-scheduleresponsive .e-widget-content {
|
|
|
padding: .5em;
|
|
|
}
|
|
|
/*-------------------------------------Schedule End-----------------------------*/
|
|
|
@media (max-width : 767px)
|
|
|
{
|
|
|
|
|
|
.e-menu.e-vertical ul,.e-menu.e-context ul{
|
|
|
position:static;
|
|
|
border:none;
|
|
|
}
|
|
|
.e-menu.e-vertical.e-list>.e-menulink,.e-menu.e-context .e-list>.e-menulink {
|
|
|
white-space:normal;
|
|
|
word-wrap:break-word;
|
|
|
}
|
|
|
.e-menu.e-horizontal.e-menu-responsive>.e-list.e-haschild>.e-menu-arrow.e-menu-left{
|
|
|
display:none;
|
|
|
}
|
|
|
}
|
|
|
@media(min-width:768px){
|
|
|
.e-menu.e-horizontal.e-menu-responsive>.e-list.e-haschild>.e-menu-arrow.e-menu-left{
|
|
|
display:inline-block;
|
|
|
}
|
|
|
}
|
|
|
/*------------------------------------Menu End-------------------------------------*/
|
|
|
@media (max-width : 420px) {
|
|
|
.e-ss-leftdiv, .e-ss-lefttopdiv, .e-ss-fontmaindiv {
|
|
|
display: none;
|
|
|
}
|
|
|
.e-ss-drpfontdiv, .e-ss-drpdiv {
|
|
|
display: block;
|
|
|
}
|
|
|
.e-ss-maindiv {
|
|
|
max-width: 418px;
|
|
|
min-height: 300px;
|
|
|
}
|
|
|
.e-ss-centerdiv {
|
|
|
min-height: 240px;
|
|
|
}
|
|
|
.e-ss-rightdiv, .e-ss-righttopdiv {
|
|
|
width: 100%;
|
|
|
}
|
|
|
.e-ss-nm-dlg-grid {
|
|
|
width: 280px;
|
|
|
}
|
|
|
.e-ss-cfdlg, .e-ss-nmdlg, .e-ss-fcdlg, .e-charttype-dlg, .e-ss-valdlg, .e-ss-hyperlinkdlg, .e-ss-frdlg, .e-ss-gotodlg, .e-ss-fatdlg, .e-ss-sparklinedlg{
|
|
|
width: 100% !important;
|
|
|
top: 0px !important;
|
|
|
left: 0px !important;
|
|
|
}
|
|
|
}
|
|
|
@media (max-width : 767px)
|
|
|
{
|
|
|
.e-ss-cfdlg, .e-ss-nmdlg, .e-ss-fcdlg, .e-charttype-dlg, .e-ss-valdlg, .e-ss-hyperlinkdlg, .e-ss-frdlg, .e-ss-gotodlg .e-ss-fatdlg, .e-ss-sparklinedlg {
|
|
|
width: 100% !important;
|
|
|
top: 0px !important;
|
|
|
left: 0px !important;
|
|
|
}
|
|
|
|
|
|
.e-ss-fcdlg .e-ss-leftdiv .e-ddl-popup {
|
|
|
height: 156px !important;
|
|
|
}
|
|
|
|
|
|
.e-ss-fcdlg .e-ss-rightdiv .e-ddl-popup {
|
|
|
height: 110px !important;
|
|
|
}
|
|
|
|
|
|
.e-ss-fcdlg .e-ss-rightdiv .e-ddl-popup.e-ss-customtypes {
|
|
|
height: 62px !important;
|
|
|
}
|
|
|
|
|
|
.e-ss-fcdlg .e-ss-rightdiv .e-fdlg-num-options .e-button.e-js {
|
|
|
display: none !important;
|
|
|
}
|
|
|
|
|
|
.e-ss-fcdlg .e-ss-fontcntdiv .e-ddl-popup {
|
|
|
height: 122px !important;
|
|
|
}
|
|
|
|
|
|
.e-ss-fcdlg .e-ss-fontmaindiv .e-ss-fontcntdiv:last-child {
|
|
|
display: none !important;
|
|
|
}
|
|
|
|
|
|
.e-charttype-dlg .e-ss-dlgtab .e-content {
|
|
|
height: 250px !important;
|
|
|
}
|
|
|
|
|
|
.e-charttype-dlg .e-ss-leftdiv .e-ddl-popup {
|
|
|
height: 230px !important;
|
|
|
}
|
|
|
|
|
|
.e-ss-valdlg {
|
|
|
top: 20px !important;
|
|
|
}
|
|
|
|
|
|
.e-ss-valdlg .e-val-chk {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.e-ss-dialog.e-charttype-dlg .e-ss-dlgtab .e-content .e-ss-maindiv .e-ss-rightdiv {
|
|
|
height: 228px !important;
|
|
|
overflow-y: scroll !important;
|
|
|
}
|
|
|
|
|
|
.e-ss-gotodlg {
|
|
|
top: 15px !important;
|
|
|
}
|
|
|
|
|
|
.e-ss-gotodlg .e-dlgctndiv.e-ss-gotosp-content .e-ss-gotosp-chk {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
/*------------------------------------Spreadsheet End-------------------------------------*/
|
|
|
@media (min-width: 320px) and (max-width:480px) {
|
|
|
.e-spellcheck.e-dialog.e-dialog-wrap.e-dialog-resize{
|
|
|
width:100% !important;
|
|
|
}
|
|
|
}
|
|
|
/*------------------------------------SpellCheck End-------------------------------------*/
|
