#options1 ul {
    opacity: 0.5 !important;
}

#options1 a {
    cursor: not-allowed !important;
}

#options, #options1 {
    color: #000;
    display: inline-block;
    padding-top: 15px;
    vertical-align: top !important;
    width: 100%;
    box-shadow: 4px 0px 5px rgba(0,0,0,0.09);
}

#frame {
    width: 513px;
    height: 550px;
    background-repeat: repeat-y;
    background-position: 0 0;
    border: 1px solid #000;
    float: right;
}

#tbldevs {
    border: 1px solid #000;
    width: 80%;
    margin-left: 50px;
    margin-top: 10px;
}

    #tbldevs th {
        text-align: center;
        height: 50px;
        width: 50px;
    }

    #tbldevs td {
        height: 50px;
    }

.ui-draggable-helperMoving {
    border: 1px dotted #000;
    background: #fff;
    font-size: 1.2em;
    width: 100px;
    height: 100px;
    padding: 6px;
}

.ui-draggable-helperStoped {
    border: 1px solid #000;
    width: 5px;
    height: 5px;
}

.dragged {
    position: absolute;
}

.textBoxResize {
    width: 90%;
}

.dropDownResize {
    width: 90%;
    margin: 0;
}

.onlineQrCode {
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #CCC;
}

.rightpanel {
    width: 160px;
    display: inline-block;
    vertical-align: top;
    position: fixed;
    top: 144px;
    right: 20px;
    margin: 0 10px;
}

.workarea {
    background: #F9F9F9;
    padding: 1% 0;
}

.EditTempRightPanel {
    background: #F2F2F4;
    border-left: 1px solid rgba(0,0,0,0.15);
    height: 90vh;
    position: fixed;
    right: 6px;
    width: 190px;
    z-index: 1;
    margin: 0;
    padding: 10px 0;
}

.qrImg {
    max-width: 100%;
    max-height: 100%;
    left: auto;
    top: auto;
    background-color: #fff;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    margin: auto;
    padding: 10px;
}

.ctrlbox {
    border-radius: 6px;
    border: #d3d3d3 1px solid;
}

.pad8 {
    padding: 8px;
}

.ui-widget-content-date{border: 0 !important;}
.ui-widget-content{padding:0px !important; background:transparent !important;}
.ui-widget-content input[type=checkbox], .ui-widget-content input[type=radio]{display:block; margin:1px 16px 0 0 !important;}

.ui-widget-content span {width: 17px; height: 16px; display: inline-block !important; margin-top: -13px; float: right; margin-right: -15px; background: #f33; border-radius: 2px; color: #fff; cursor: pointer !important; padding: 1px 0 0 2px;}
.rtEdit span a{width: 16px; height: 16px; display: inline-block !important; margin-top: -13px; float: right; margin-right: -15px; background: #fc7070; border-radius: 50%; color: #fff; cursor: pointer !important; padding: 2px 0 0 3px;}
.ui-widget-content span.fa-times:hover{color: #fff !important;}
.ui-widget-content.SFActive span:hover {background: #f00 !important;}
.showclose {
    display: block !important;
}

.ui-widget-content input{border: 0 !important; width: 100% !important; height: auto !important; min-height: 22px !important; padding: 0 !important;}
.ui-widget-content.t-checkbox input, .ui-widget-content.t-radio input{min-height: 16px !important;}
.ui-widget-content-date input{border: 0 !important; width: 100% !important; height: auto !important; min-height: 22px !important; padding: 0 !important;}
.ui-widget-content.t-dropdown select{min-height:22px !important;}
@page {
    size: A4;
    margin: 0;
}

#navigation h2, #navigation1 h2 {
    background: #fbfbfb;
    font-size: 16px;
    margin: 0 !important;
    padding: 5px 0 5px 10px;
}

#navigation ul, #navigation1 ul {
    list-style: none;
    margin: 0;
    padding: 5px;
}

    #navigation ul li, #navigation1 ul li {
        background: #fbfbfb none repeat scroll 0 0;
        border: 1px solid #ddd;
        display: inline-block;
        vertical-align: top;
        height: 30px;
        width:100%;
        border-radius: 3px;
        margin:0;
        margin-bottom:5px;
        padding: 0;
    }
#navigation ul li:last-child, #navigation1 ul li:last-child {margin-bottom:0;}
#navigation ul li a, #navigation1 ul li a{display: block; color: #000; text-decoration: none; border-radius: 5px; cursor: move !important; padding: 4px 2px;}
#navigation ul li a img, #navigation1 ul li a img{margin: 3px 6px;}

.SFActive, .SFActive.ui-widget-content{border:1px dashed #0076ee !important;}
.controlSelect.ui-widget-content, .ui-widget-content-date.controlSelect, .unassignedcontrol {
    border:1px dashed #0076EE !important; padding:0px !important;
}
.SFActive.t-dropdown{box-sizing:content-box !important;}
.SFActive input[type=text], .SFActive input[type=email], .SFActive  select, .SFActive  input[type=checkbox], .SFActive  input[type=radio],  .SFActive textarea, .SFActive input[type=date],.SFActive.t-radio.ui-widget-content, .SFActive.t-checkbox.ui-widget-content
{background:rgba(229,242,255,.7)!important;}

.t-email input[type=email], .t-textarea textarea{outline:none !important; height:auto !important; background: rgba(252,255,111,.55) !important; padding:1px 3px !important; vertical-align:top;}
.t-textbox input[type=text], .t-dropdown select{outline:none !important; background: rgba(252,255,111,.55) !important; padding:1px 3px !important; vertical-align:top; line-height:normal !important;}
.DBFieldTmp.t-dropdown.SFActive  select, .t-textbox.SFActive input[type=text], .t-dropdown.SFActive select, .t-email.SFActive input[type=email], .t-textarea.SFActive textarea, .t-date.SFActive input[type=date]{background:rgba(229,242,255,.7)!important}
.DBFieldTmp.ui-widget-content.controlSelect input[type=text]{background:rgba(229,242,255,.7) !important;}
.DBFieldTmp.ui-widget-content.controlSelect{border:1px dashed #0076EE !important;}
.t-textboxFill, .t-textboxFill.ou-ctrls, .t-dropdown, .t-textbox, .t-date, .t-email, .t-textarea{display:flex;}

.t-textboxfocus input[type=text] {outline: none !important; border: 2px dashed #f00 !important; padding: 0px !important;}
.t-textboxfocus {transform: scaleX(1.1) scaleY(1.4);}
.t-textboxfocus input[type=text]{background:rgba(250,255,2,0.1) !important; /*box-shadow:0px 0px 10px rgba(0,0,0,.7)*/}

/*.t-dropdown select*/

 .t-date input[type=date]
{outline:none !important; background: rgba(252,255,111,.55) !important; padding-top:0px !important; padding-bottom:0px !important;line-height:normal !important;}
.TmpDocListLftPanel .ui-draggable-handle{cursor:move !important;}
span.ui-draggable.ui-draggable-dragging{z-index:99 !important;}
.drag.label.ui-draggable-dragging, .drag.textarea.ui-draggable-dragging, .drag.date.ui-draggable-dragging, .drag.email.ui-draggable-dragging, .drag.checkbox.ui-draggable-dragging,.drag.radio.ui-draggable-dragging, .drag.dropdown.ui-draggable-dragging, li.drag.textbox.ui-draggable-dragging {
background: rgba(252,255,111,.55) !important;}
/*Db_filed DG*/
span.ui-draggable.ui-draggable-dragging, span.ui-draggable.dropdown.ui-draggable-dragging{background-color:rgba(72,220,108,.25) !important; border:1px solid #48dc6c !important; text-decoration:none !important; padding:1px 5px 0px 5px !important;}
span.ui-draggable{text-decoration:none !important; }
.ui-widget-content{border:none !important;}

/*Dragged wid's*/
.ui-widget-content.t-textbox, .ui-widget-content.t-email, .ui-widget-content.t-dropdown, .ui-widget-content.t-date{width:150px;}  

/*Fill level*/
.ou-ctrls input[type=text], .ou-ctrls input[type=email], .ou-ctrls select, .ou-ctrls textarea{outline:none !important; background: rgba(255,255,255,.55); color:black; padding:3px 3px !important;vertical-align:top;}
.t-textareaFill.ou-ctrls textarea{border:none !important;}
.ou-ctrls.dragcontrolborder, .t-textareaFill.ou-ctrls, .dummyClassChk.dummylink, .ui-widget-content.ou-ctrls{border:1px solid #ffde00 !important;}
.t-textboxFill.ou-ctrls, .t-dropdownFill.ou-ctrls{border:1px solid #ffde00 !important; background:#fff !important;}
.t-textboxFill.ou-ctrls.controlSelect input, .t-textareaFill.ou-ctrls.controlSelect textarea, .t-dropdownFill.ou-ctrls.controlSelect select, .DBFieldTmp.ui-widget-content.controlSelect.t-textboxFill input[type=text]{background:#fff !important;}
.t-textareaFill.ou-ctrls.controlSelect, .t-dropdownFill.ou-ctrls.controlSelect, .dummyClassChk.dummylink.controlSelect{border:1px solid #0076ee !important;}
.t-textboxFill.ou-ctrls.controlSelect input:hover{cursor:text !important;}
.t-textareaFill{min-height:28px !important;box-sizing:content-box;}
.t-textareaFill textarea{width:100%; height:100% !important;}
.dummyClassChk.dummylink{width:20px !important; height:21px !important;}
.ui-widget-content.dummyClassChk.dummylink input{min-height:16px !important;}
.dummylink input[type=radio]{cursor:pointer !important;}

.viewDoc .ou-ctrls input[type=text], .viewDoc .ou-ctrls input[type=email], .viewDoc .ou-ctrls select, .viewDoc .ou-ctrls textarea{border:none !important;}
.viewDoc .ui-widget-content, .viewDoc .page textarea:disabled, .viewDoc .page input:disabled, .viewDoc .page select:disabled, .viewDoc .t-textboxFill.ou-ctrls {
    background: transparent !important;
}

/*Start DB fieldset colors command styles here*/
.DBFieldTmp.ui-widget-content, .DBFieldTmp.ui-widget-content-date, .DBFieldTmp.ou-ctrls.dragcontrolborder, .DBFieldTmp.t-textboxFill.ou-ctrls{border-color:#48dc6c !important}
.DBFieldTmp.t-textbox input[type=text], .DBFieldTmp.t-date input[type=date], .DBFieldTmp.t-dropdown select{background-color:rgba(72,220,108,.25) !important}
.DBFieldTmp.ui-widget-content.SFActive{border-color:#0076ee !important;}
.DBFieldTmp.t-textbox.SFActive input[type=text], .DBFieldTmp.t-date.SFActive input[type=date]{background-color:rgba(229,242,255,.7)!important;}
/*End DB fieldset colors command styles here*/

/*------------------------------ unassignedcontrol form error fieldset ------------------------------*/
.ui-widget-content.unassignedcontrol, .ou-ctrls.dragcontrolborder.unassignedcontrol, .t-textboxFill.ou-ctrls.unassignedcontrol,
.ui-widget-content-date.unassignedcontrol, .ui-widget-content.highlightCtrl {border:1px solid #f00 !important;}
.unassignedcontrol canvas, .unassignedcontrol input, .unassignedcontrol textarea, .unassignedcontrol select, .unassignedcontrol input[type="text"],
.unassignedcontrol input[type="date"], .unassignedcontrol input[type="email"], .t-radio.ui-widget-content.unassignedcontrol, .t-checkbox.unassignedcontrol,
.highlightCtrl select, .t-radio.ui-widget-content.highlightCtrl {background-color:rgba(255,144,81,.1) !important;}

.ui-widget-content-date.actionIndicator, .ui-widget-content.actionIndicator{border:2px dashed #f00 !important;}
.ui-widget-content-date.actionIndicator, .ui-widget-content.actionIndicator, .actionIndicator {box-shadow: 0px 0px 6px 1px #abab00 !important;}
li.drag{list-style:none !important;}

.drag.textarea.ui-draggable-dragging{min-width:150px !important; min-height:70px !important;} 

.t-checkbox.ui-widget-content, .t-radio.ui-widget-content, .ui-widget-content label.labelDragged{background:rgba(252,255,111,.55) !important;}

.SFActive.t-textbox:before, .SFActive.t-email:before, .SFActive.t-dropdown:before, .SFActive.t-textarea:before, .SFActive.t-date:before{top: -3px; left: -3px;z-index:1;}
.SFActive .ui-resizable-se:before{ bottom: -3px; right: -3px; } .SFActive .ui-resizable-se{overflow:visible !important;}
.SFActive .ui-resizable-e:before{ top:-3px; right:2px;}
.SFActive .ui-resizable-s:after{bottom:2px; left:-3px;}
input[type=date]:invalid::-webkit-color-datetime-edit{color:#999!important;}
input[type=date]:invalid::-webkit-datetime-edit{color:#999 !important;}

.t-textboxFill.ou-ctrls.controlSelect span.k-widget, .ui-widget-content-date.controlSelect input, .controlSelect.t-radio,.controlSelect.t-checkbox, .controlSelect .mysignatureDragged,
.controlSelect .signatureDragged, .controlSelect.ui-widget-content input[type=date], .controlSelect.ui-widget-content input, .controlSelect.ui-widget-content select, 
.controlSelect.ui-widget-content textarea{background-color:rgba(229,242,255,.7)!important;}

.ou-ctrls select, .ou-ctrls textarea{outline:0 !important;}
.ou-ctrls .k-picker-wrap{border:0 !important;}

::-webkit-input-placeholder{color:#999 !important; }
::-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }
.placeholder { color:#999; } /* for the polyfill */

.SFActive.t-date:before, .SFActive.t-textarea:before, .SFActive.t-textbox:before, .SFActive.t-email:before, .SFActive.t-dropdown:before, .SFActive .ui-resizable-se:before, .SFActive .ui-resizable-e:before, .SFActive .ui-resizable-s:after{
    display:block; width:7px; height:7px; background:#fff; content:""; border-radius:100%; position: absolute; border:1px solid rgba(252,255,111,1); box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.t-textboxFill.ou-ctrls.controlSelect span.k-widget span.k-picker-wrap, .t-textboxFill.ou-ctrls span.k-widget span.k-select, .t-textboxFill.ou-ctrls.controlSelect span.k-widget input{ border:0px !important;}
.t-textboxFill.ou-ctrls.controlSelect span.k-widget span.k-select span.k-icon{margin: 4px 0 0 !important;    vertical-align: top;}
.dummyClassChk{padding:1px !important}
.t-textboxFill.ou-ctrls.controlSelect, .SFActive.t-date:before, .SFActive.t-textarea:before, .SFActive.t-textbox:before, .SFActive.t-email:before, .SFActive.t-dropdown:before, .SFActive .ui-resizable-se:before, .SFActive .ui-resizable-e:before,.SFActive .ui-resizable-s:after{border:1px solid #0076ee !important;}
.t-textboxFill .textBoxResize {width: 100% !important;}
.t-dropdownFill .dropDownResize {width:100% !important;}

.DocNonEdit:before{display:none !important;}
.sigclose{margin-top:-54px !important;}
.ft-mar{margin-top:-30px !important;}
.qrCodeclose{margin-top:-84px !important;}

.ui-draggable-dragging{cursor: move !important;}
.SFActive .signatureDragged, .SFActive .mysignatureDragged{background-color:rgba(229,242,255,.7)!important;}
.signatureDragged, .drag.signature.ui-draggable-dragging{width:300px !important; height:38px !important; background:rgba(252,255,111,.55) url(../Content/images/t-sign.png) no-repeat 5px 10px;}
.ou-ctrls .signatureDragged, .ou-ctrls .mysignatureDragged{background-color:rgba(255,255,255,.55) !important;}
.mysignatureDragged, .drag.mysignature.ui-draggable-dragging{width:300px !important; height:38px !important; background:rgba(252,255,111,.55) url(../Content/images/t-mysign.png) no-repeat 5px 10px;}
.onlineSignatureDragged{background:#fff; border:1px solid #CCC; border-radius:2px; box-sizing:border-box;}
.qrCodeDragged, .drag.qrcode.ui-draggable-dragging{width:70px !important; height:70px !important; background:#fff url(../Content/images/qrcode.png) no-repeat 5px 5px !important; background-size:86% 86% !important;}

.docout-ctrls input[type=text], input[type=email], input[type=radio] ,input[type=checkbox] {border: 0px !important; box-shadow:none !important; padding: 2px 4px !important;}
input[type=date] {border: 0px; box-shadow: none !important; padding: 2px 4px !important;}

.docout-ctrls textarea{border: 0px !important; box-shadow:none !important; background:none !important; margin-top: 10px;color:#016fe1; padding-left:0px !important}
.docout-ctrls img{border:0px !important;}
.docout-ctrls  select::-ms-expand{display: none;}
.docout-ctrls select:disabled{color:#016fe1 !important;}
.docout-ctrls select{
    -moz-appearance: window;
    -webkit-appearance: none;
    background: url("/images/arrow_down.png") right center no-repeat;
    padding-right: 20px; padding-left:0px !important;
    color:#016fe1 !important;border:0px !important;margin-top: 10px;
}
.ou-ctrls img {border-radius: 4px !important;}
@-moz-document url-prefix() {.docout-ctrls .wrapper{ background:#f5f5f5 url("/images/arrow_down.png") right center no-repeat; background-color:none; padding-right:20px; color:#016fe1; border:0px !important; margin-top: 10px;}}

.nhide {
    top: 0;
    opacity: 0;
    display: none;
    transform: scale(0);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.tooldelete i {
    font-size: 21px !important;
}

.filediv {
    width: 360px;
    margin-top: 1px;
}

    .filediv div {
        display: inline-block;
    }

.browse-wrap {
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    position: relative;
    width: 100px;
    height: 24px;
    margin-left: -3px;
    border-radius: 0 3px 3px 0;
    background: #c5daed;
}

    .browse-wrap:hover {
        background: #5E99CE !important;
    }

.upload {
    opacity: 0;
    position: absolute;
    left: 0;
    height: 24px;
    width: 100px;
    cursor: inherit;
}

.upload-path {
    width: 250px;
    border: 1px solid #ccc;
    border-right: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    height: 24px;
    vertical-align: top;
    border-radius: 4px 0 0 4px;
    padding: 1px 0 0 3px;
}
.pad-top-45 {
    padding-top: 45px !important;
}
.highlightCtrl{border-color: red !important; border-style: solid; border-width: 1px;}
.actionIndicator{border:2px dashed #f00 !important;}
.SmFormRgtPanel .form-group label{width:100% !important; margin-right:0px !important;}

.TemplftPanel {width:200px !important;}
.TempCntrPanel{border:8px solid #f5f5f5 !important; background:#EEEEEE !important;}
.TempRgtPanel {width:256px !important;}
.TempRgtPanel .panel-body {padding: 5px 10px !important;}
.TempRgtPanel .form-group label{width:100%; margin-right:0px !important;}
.ocr_vfyMain .TempRgtPanel .form-group label{width:100%;color: #3e3e3e;font-family: sans-serif !important;}
.common-form-css .ocr_vfyMain label+div{width:100% !important;}
.common-form-css .ocr_vfyMain input[type=text]{height:26px !important;}
.ocr_vfyMain .TempRgtPanel .panel-body {padding: 5px !important;}
.common-form-css .ocr_vfyMain .fieldSelect input[type=text], .ocr_vfyMain .t-textbox input[type=text]:hover, .ocr_vfyMain .t-textbox.t-textboxfocus input[type=text] {background: rgba(243, 73, 235, 0.1) !important;}
.ocr_vfyMain .t-textbox input[type=text] {cursor: pointer !important; background: rgba(237, 255, 0, 0.3) !important; transition: background-color 0.1s; filter: brightness(150%);}
.ocr_vfyMain .sec_left {width: calc(100vw - 580px) !important; background: #f5f5f5 !important; height: 99%;}
.ocr_vfyMain .sec_right {width: 535px !important;}

.ctn_align {
    /*position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translateX(-50%)translateY(-50%);
    -moz-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%);*/
    margin-top:10px !important;
}
.ctn_align #imgDiv {
    margin: auto !important;
    display: table !important;
    position: relative;
}
.jcrop-holder div:first-child div:nth-child(2) button {display: inline-block !important; position: absolute; background: rgba(0, 175, 0, 0.8); z-index: 1000; outline: none; border: none; padding: 4px 8px; border-radius: 4px; color: #fff; bottom: -27px; right: -2px; min-width: 70px; font-size: 12px !important; letter-spacing: 0.6px;}
.jcrop-holder div:first-child div:nth-child(2) button:hover {background: rgba(0, 175, 0, 1.0) !important;}

.lineheight24px {line-height: 24px;}
.TempLftCtrls .mCustomScrollBox, .TempLftCtrls .mCSB_container {z-index: 1;}
.TempLftCtrls .label{font-size:100% !important; font-weight:normal !important; text-align:left !important; line-height:normal !important;}
.TempLftCtrls .dxpanels .panel-heading, .dxpanels .panel-heading{padding: 0px !important;}
.TempLftCtrls .panel-title a {
    text-decoration: none !important;
    outline: none !important;
    font-size: 12px;
    font-weight: 600;
    display: block;
    padding: 5px 12px !important;
}


.roalAddArea {
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    border-radius: 3px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 5px;
}

    .roalAddArea a {
        color: #000;
        font-weight: 600;
        text-decoration: none;
        outline: none;
        display: inline-block;
        vertical-align: middle;
        padding: 2px 3px 3px 0;
    }

        .roalAddArea a:hover {
            color: red;
        }

.form-inline p {
    margin-bottom: 0 !important;
}

.mail-list {
    background-color: #f8f8f8 !important;
    border: 1px solid #CCC !important;
    padding: 2px 5px !important;
    border-radius: 4px;
    cursor:move;
}

.row.mail-list {
    margin-top: 2px !important;
}

/*Dg styles start*/
.kendu-ctrls label.labelDragged{padding:1px 2px !important;}/*for label height*/

 .drag.checkbox.ui-draggable-dragging a span, .drag.radio.ui-draggable-dragging a span, .drag.mysignature.ui-draggable-dragging a, .drag.signature.ui-draggable-dragging a, .drag.qrcode.ui-draggable-dragging a, .hideclose{display: none !important;}
.drag.label.ui-draggable-dragging a, .drag.textbox.ui-draggable-dragging a, .drag.email.ui-draggable-dragging a, .drag.dropdown.ui-draggable-dragging a, .drag.date.ui-draggable-dragging a, .drag.textarea.ui-draggable-dragging a{margin:1px 0px -5px 10px !important; float:left !important; font-weight:normal !important; font-family:Verdana !important; font-size:12px !important;}

.drag.label.ui-draggable-dragging,  .drag.textbox.ui-draggable-dragging, .drag.email.ui-draggable-dragging, .drag.dropdown.ui-draggable-dragging, .drag.date.ui-draggable-dragging{min-width:150px !important; height:22px !important}

.drag.checkbox.ui-draggable-dragging, .drag.radio.ui-draggable-dragging{width:20px  !important; height:21px !important; margin-top:0px !important;}
.drag.checkbox.ui-draggable-dragging a img, .drag.radio.ui-draggable-dragging a img{margin:1px 0px 0px -17px !important;}
/*Dg styles end*/

#element, .t-textbox:focus{border: 1px solid red;}
input[type=text]::-ms-clear{display:none;}
@media print {
html, body{width: 210mm; height: 297mm;}
.page{border: initial; border-radius: initial; width: initial; min-height: initial; box-shadow: initial; background: initial; page-break-after: always; margin: 0;}
}
.book .mCSB_scrollTools{background:#fff !important; opacity:1 !important;}
.book{background:#EEEEEE !important; position:relative;}
.book h3, .ctrlbox h2{font-size:16px; background:#fbfbfb; border-radius:8px 8px 0 0; border-bottom:#dedede 1px solid; margin:0 !important; padding:5px 0 5px 10px;}

.page .jcrop-holder{margin:auto !important;}
.page{margin:auto; box-sizing:border-box; clear:both; margin-top:10px !important;}
.page textarea:disabled, .page input:disabled, .page select:disabled{background:rgba(255,255,255,.55); cursor:not-allowed !important;}
.dragcontrolborder,.page .ou-ctrls span.k-widget,.page .ou-ctrls span.k-widget input,.page .ou-ctrls span.k-widget span.k-select , .page .ou-ctrls .k-widget>span {border-radius:0px !important; /*border: 1px solid #2D6293 !important;*/}
.page span.k-widget.k-datepicker.k-header.dateDragged{height:auto !important;}
.page .ou-ctrls .k-widget>span.k-picker-wrap, .page .ou-ctrls .k-widget{background:none !important;}
.page .ou-ctrls .k-widget>span>.k-select{background:rgba(255,255,255,.55) !important;}
.page .oh-close, .page .oh-deletesm {display:none !important;}
.page .SFActive .oh-close, .page .SFActive .oh-deletesm{display:inline-block !important;}
.page select{border:0; width:100% !important;}
.page .t-textarea textarea{width:100%; border:0;}
.page .t-checkbox, .page .t-radio{padding:1px !important;}
.page input, .page select, .page textarea{cursor:move !important;}
.page .oh-close, .page .oh-deletesm{position:relative;}
.page .oh-close:before{font-size:7px; position:absolute; top:3px; left:4px;}
.page .oh-deletesm:before {font-size:11px; position:absolute; top:2px; left:3px;}
.page .oh-close:hover{color:#000 !important;} 

.imgPage{max-width:100%; max-height:100%; left:auto; top:auto; background-color:#fff; margin:auto; vertical-align:top !important; border:1px solid #cfcfcf !important;}
/*.k-animation-container{width:200px !important;max-width:200px !important;}*/
.k-animation-container .k-button:hover{color:#fff !important;}

/*RichText styles start*/
.rtEdit .t-textboxFill, .rtEdit .t-textboxFill.ou-ctrls, .rtEdit .t-dropdown, .rtEdit .t-textbox, .rtEdit .t-date, .rtEdit .t-email, .rtEdit .t-textarea{display:inline-flex !important;}
.rtEdit .ui-widget-content.dummyClassChk input[type=checkbox]{width:17px !important; margin:0px !important; min-height:17px !important;}
.rtEdit .ui-widget-content.dummyClassChk{width: 24px; height: 24px; padding: 1px 0px 0px 1px !important;}
.rtEdit span.t-textbox, .rtEdit span.t-email, .rtEdit span.t-dropdown, .rtEdit span.t-textarea, .rtEdit span.t-date{width:150px;}
.rtEdit span input[type=text], .rtEdit span input[type=email], .rtEdit span input[type=date], .rtEdit span textarea, .rtEdit span select{height:100% !important;width:100% !important;}
.rtEdit span.t-textbox .ui-resizable-s, .rtEdit span.t-email .ui-resizable-s, .rtEdit span.t-dropdown .ui-resizable-s, .rtEdit span.t-date .ui-resizable-s{display:none !important;}
.rtEdit span.ui-widget-content{display:inline-flex; cursor:default !important; border:1px solid transparent !important;}
.rtEdit span.ui-widget-content.t-checkbox{display:inline-block !important;}
.rtEdit span.t-checkbox{width: 21px; height: 21px; margin-bottom:-6px; padding: 1px 0px 0px 2px !important;}
.rtEdit span.t-checkbox a{bottom:18px !important;}
.rtEdit span.SFActive,.rtEdit .DBFieldTmp.ui-widget-content.SFActive{border:1px solid #0076ee !important;}
.rtEdit .DBFieldTmp.ui-widget-content.SFActive{background:rgba(229,242,255,.7)!important;}
.rtEdit .DBFieldTmp.ui-widget-content.t-textboxFill.ou-ctrls{background:none !important;}
.rtEdit span input{border:0px !important;}
.rtEdit textarea, .rtEdit select{border:0px !important;}
.rtEdit .t-dropdown select, .rtEdit .t-textarea textarea{border:0px;}
.rtEdit .DBFieldTmp.ui-widget-content{border:1px solid transparent !important;}
.rtEdit .SFActive.t-date:before, .rtEdit .SFActive.t-textarea:before, .rtEdit .SFActive.t-textbox:before, .rtEdit .SFActive.t-email:before, .rtEdit .SFActive.t-dropdown:before{display:none;}
.rtEdit .t-textboxFill, .rtEdit .t-dropdownFill, .rtEdit .t-textareaFill{width:150px;}
.rtEdit .SFActive.t-dropdown{box-sizing:border-box !important}
.rtEdit .t-dropdown select{min-height:22px !important;}
.rtEdit span.ui-widget-content select[readonly], .rtEdit span.ui-widget-content input[readonly]{pointer-events: none; touch-action: none;}
.rtEdit span a{position:relative;}
.rtEdit span a:hover{text-decoration:none !important;}
.rtEdit span a:hover.oh-close:before{color:#000 !important;}
.rtEdit span a.oh-close:before{position:absolute; font-size:8px; left:4px; top:4px;}
.rtEdit span.ui-widget-content.ou-ctrls.unassignedcontrol{border:1px solid #f00 !important;}
.rtEdit span.t-textboxFill.ou-ctrls.SFActive input, .rtEdit span.t-textareaFill.ou-ctrls.SFActive textarea, .rtEdit span.t-dropdownFill.ou-ctrls.SFActive select{background:none !important;}
.rtEdit span.ui-widget-content.ou-ctrls, .rtEdit span.ui-widget-content.dummyClassChk {border:1px solid #ffde00 !important;}
.rtEdit span.ui-widget-content.ou-ctrls.SFActive, .rtEdit span.ui-widget-content.dummyClassChk.SFActive{border:1px solid #0076ee !important;}
.rtEdit{background:#EEEEEE !important;}

.fr-box{width:850px !important; margin:auto !important; margin-bottom:8px !important; border:1px solid #cfcfcf !important;}
.fr-toolbar{border-top:0px !important;}
.fr-box.fr-basic.fr-top .fr-wrapper{box-shadow:none !important;}
.fr-toolbar.fr-top{box-shadow:none !important; border-bottom:1px solid #eae9e9; position:fixed !important; top:143px !important;}
.richtextdynamic .fr-toolbar.fr-top, .TmpWeblnk .fr-toolbar.fr-top{display:none !important;}
.fr-box.fr-basic .fr-element{overflow-x:hidden !important; overflow-y:hidden !important;}
.fr-sticky-off + .fr-sticky-dummy{display:block !important; height:78px !important;}
/*.MdlTmpWH .fr-box.fr-basic.fr-top .fr-wrapper{margin-top:85px !important;}*/

/*Dynamic Width and height Cal.(s)*/
.MdlTmpWH .fr-box.fr-basic.fr-top.fr-fullscreen .fr-wrapper{margin-top:0px !important;}
.TmpWeblnk .fr-box, .richtextdynamic .fr-box, .richtextdynamic.rtsend .fr-box{margin-top:10px !important;}
.MdlTmpWH .fr-box.fr-basic .fr-element{min-height:calc(100vh - 255px) !important;}
.TmpWeblnk .fr-box.fr-basic .fr-element{min-height:calc(100vh - 186px) !important;}
.richtextdynamic .fr-box.fr-basic .fr-element, .richtextdynamic.rtsend .fr-box.fr-basic .fr-element{min-height: calc(100vh - 208px) !important;}
.MdlTmpWH .fr-box.fr-basic.fr-top.fr-fullscreen .fr-wrapper{height:calc(100vh - 80px) !important;}

.signature-nav{width:180px; display:table; margin:auto; border:1px solid #ddd; border-radius:15px;}
.signature-nav .toggle-btn{width:50%; height:42px; box-sizing:border-box; cursor:pointer;}
.signature-nav .toggle-btn:first-child{float:left; border-radius:15px 0px 0px 15px;}
.signature-nav .toggle-btn:nth-child(2){float:right; border-radius:0px 15px 15px 0px;}
.signature-nav .toggle-btn div{margin:5px 10px !important;}
.signature-nav .toggle-btn img{opacity:0.7;} .signature-nav .toggle-btn.active img{opacity:0.8 !important;}
.signature-nav .toggle-btn{background:#fff; -webkit-transition-property: background; -webkit-transition-duration: 0.5s; -webkit-transition-delay: 0.5s; transition-property: background; transition-duration: 0.5s; transition-delay: 0.5s;}

.rowHighlight .k-dropdown-wrap .k-input{height:100% !important;}