/* ------------------------------- Smart form Styles  ------------------------------- */
.wid21{width:20.8% !important;}
.wid79{width:79% !important;}
.wid20-7{width:20.8% !important;}
.wid79-2{width:79.2% !important;}
.wid24{width:24% !important;}
.mar-bot-12 {margin-bottom: 12px;}
legend{margin-bottom: 10px; font-size: 12px; border-bottom: 0px solid #e5e5e5; font-weight: bold; padding-left: 10px; border-radius: 3px;}
.label-default {background: none !important;}
.labelWidth {width: 160px;}
.inputWidth {width: 216px !important;display: inline !important;}
.customWidth input, .customWidth textarea, .customWidth select {width: 100% !important;}
.phadj input{width: 27.3% !important;}
.phadj label {display: block !important; text-align: left !important;}
.radioadj {display: inline-block; margin-left: 20px;}
.radioadj div input[type=radio] {margin-left: -38px !important;}
.chkadj {display: inline-block; margin-left: 20px;}
.chkadj div input[type=checkbox] {margin-left: -38px !important;}
.btnadj {width: 265px !important;}
.btnadj button {margin-right: 0px !important;}
.tabbable {border-radius: 0px 0px 5px 5px; padding: 0px 20px 20px 20px; margin: auto; background: #fff;}
.ctrl-textArea {height: 50px !important;}
#form-title {box-shadow: none !important;}

.well2 {border-radius: 0px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 40px 40px 40px !important;}
.well1 {border-radius: 0px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top:1px solid #ddd; margin-top:-1px!important; background-color:#f5f5f5 !important;}

.removeBorder {margin-bottom: 20px; border-radius: 6px; border: 1px solid #e3e3e3;}
.removeBorder > div {border: 0px !important; margin-bottom: 0px !important; box-shadow: 0px !important;}
.removeBorder .well {box-shadow: none !important;}

.draggableField {padding: 0px 10px 0px 10px;}
.draggableField > input, .draggableField > textarea{margin: 10px 10px 10px 0px; border-radius: 4px !important; border: 1px solid #ccc !important;}
.draggableField > .radiogroup, .checkboxgroup, .selectmultiple {margin: 10px 10px 10px 0px; border-radius: 4px !important;}
.draggableField:hover {background-color: #DBEEFF; border-radius: 6px; padding: 0px 10px 0px 10px; cursor: move;}

.stysdj {border: 1px solid #ddd; border-top: 0px;}
.stysdj ul li a {padding-top: 4px !important; padding-bottom: 4px !important; border-radius: 8px 8px 0px 0px !important;}
.stysdj .nav-tabs li a {background: #dbeeff !important; color: #6C7A85 !important;}
.stysdj .nav-tabs li:first-child {margin-left: 10px !important;}
.stysdj .nav-tabs .active a {background: #fff !important; color: #000 !important;}

.hoverDroppable {background-color: #DBEEFF;}
.cust {margin-left: 0px !important; margin-right: 0px !important;}
.ctr-btn div button {margin-right: 0px !important;}
.logospan {border-radius: 5px !important; background: #f6f6f6 !important; padding: 3px !important; display: inline-block !important;}
.logospan img {margin-left: 10px;}

.oh-ProcessRelease{transform:rotate(90deg) !important} /*using this icon for download icons*/ 
.glyphicon-trash{cursor:pointer !important;}
.logospan button {background: #f6f6f6 !important;}

.txtclr {color: #fff !important;}
.slcolor ul li a {color: #fff !important;}
.slcolor ul li a i {font-size: 20px !important;}
.inputadj input[type=text], .inputadj input[type=password], .inputadj select, .inputadj textarea {margin-top: 0px !important;}
.seladj {width: 100% !important;}

.row.tabadj {margin-left: -20px !important;}
.tabadj > div > ul {margin-bottom: 0px !important; margin-left: 15px !important; margin-top: 40px !important;}
.tabadj > div > ul > li > a {padding-top: 6px !important; padding-bottom: 4px !important;}

.actionbtns {width: 368px;}
.actionbtns div {width: auto !important;}
.actionbtns div button {margin-right: 2px;}

/* Pdf Styles  start*/
.PDFcontainer {background: #fff; border-radius: 7px;}
.PDFcontainer label {padding: 3px 0 0;}
.PDFcontainer .form-control {padding: 3px 6px !important; height: 24px !important; box-shadow: none !important;}
.PDFcontainer .row.clearfix {margin-bottom: 5px !important;}
.PDFcontainer p {font-size: 12px; margin: 10px 0px 10px 0px;}
.PDFcontainer .btn {margin: 10px 0px 10px 0px !important;}
.PDFcontainer .form-group div {padding: 0px 10px;}

.namdivadj .form-group div + div {padding: 0px !important;}
.box-clr {padding-bottom: 0px;}
.box-clrw {background: #fff; margin: 0 4px; padding: 8px;}
.box-clr h4 {color: #fff; padding: 6px; margin: 0px; font-size: 16px !important; color: rgba(0,0,0,0.7);}
.txt-rgt {text-align: right !important;}

.label100 {max-width: 100px !important;}
.label150 {max-width: 150px !important;}
.label200 {max-width: 200px !important;}

.k-button-group .k-tool {border-style:none !important; display:normal !important; border-radius:4px 4px !important;}
.k-tool.k-group-start {border-radius:4px 4px !important;}

.resizeBox {float: left; cursor: se-resize; resize: horizontal; overflow: auto; padding-top: 12px; padding-right: 0px; overflow: auto; overflow-x: hidden !important; overflow-y: hidden !important; max-width: 100%;}
.form-control {resize: none !important;}
.tmpeditform label {display: inline-block !important;}
.tmpeditform .form-control {width: auto !important;}
.tmpeditform .form-group {margin-right: 10px;}
.tmpeditform input[type="file"] {display: inline-block !important;}

.gridbtn-style .k-selectable a {border: 0px !important; background: none !important;}
.gridbtn-style .k-selectable a:active {box-shadow: none !important;}

.aditlog {overflow: hidden !important; max-height: 430px;}
.aditlog .k-window-content {overflow: hidden !important;}
.aditlog .k-window-titlebar.k-header {background: #fbfbfb !important;}

.view-ico a.k-grid-View span {display: inline-block !important; font-family: FontAwesome !important; font-style: normal !important; font-weight: normal !important; line-height: 1 !important;}
.view-ico a.k-grid-View span::before {content: "\f002" !important;}

.OnlineTempEmail {width: 400px;}
.signpopup .form-control {width: 100% !important; height: 36px !important; box-sizing: border-box;}
.signpopup {padding: 20px !important;}
.auditlog-form .form-group {margin-bottom: 10px !important;}
.aditlog-bar {border-right: 1px solid rgba(0,0,0,.1);}
.auditlog-form .Proc-notes {width: 96%; max-height: 156px !important; margin: auto; margin-bottom: 10px; padding: 8px; border-radius: 6px; border: 1px solid rgba(0,0,0,.1);}
.Proc-notes-txt {padding: 5px 0px 5px 7px !important;}
.drop-down-list-100 .k-dropdown {width: 100% !important; max-width: 12.4em !important;}
.resizable {width: 100px; background: #ccc;}
.k-dropdown {width: 100%;}
.ind-temp-emailbtn {position: fixed; right: 30px;}

.actlist .k-picker-wrap {border: 1px solid #fff !important;}
.actlist .form-control {border: 1px solid #b2b2b2 !important; box-shadow: none !important;}

/* Email popup styles  */
.emailpop-css input[type=text], .emailpop-css input[type=email] {padding: 0px 1% !important; -webkit-text-fill-color: #555 !important; width: 98% !important;}
.emailpop-css select {height: 22px !important; padding: 1px 6px !important; -webkit-text-fill-color: #555 !important;}
.emailpop-css label {padding: 2px 0px 0px 0px !important; font-weight: normal !important;}
.emailpop-css label + div {margin-left: 0px !important;}

/*online pdf file user view */
.pdfdocctrls {border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; min-height: 50px; width: 100%; box-shadow: rgba(0,0,0,.07) 0px 3px 3px; position: fixed; z-index: 1;}
.pdfcbac {
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y5ZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,252,252,1) 40%, rgba(246,248,248,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(40%,rgba(249,252,252,1)), color-stop(100%,rgba(246,248,248,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,252,252,1) 40%,rgba(246,248,248,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,252,252,1) 40%,rgba(246,248,248,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,252,252,1) 40%,rgba(246,248,248,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,252,252,1) 40%,rgba(246,248,248,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f8f8',GradientType=0 ); /* IE6-8 */
}
.pdfmaindi {position: fixed; top: 50px; width: 100%;}
.pddright {height: 200px; background: #F9FCFC; overflow-y: auto; vertical-align: top; height: 650px; border-left: 1px solid #e3e3e3;}
.pdfdocwrap {height: 650px; overflow-y: auto; width: 100%;}
.pdfpageicons a {display: block; margin: 10px auto; width: 54px; position: relative;}
.pdfpageicons a:hover span {color: #fff;}
.pdfpageicons a.select span {color: #fff;}
.pdfpageicons a span {bottom: 2px; font-size: 16px; font-weight: bold; left: 10px; position: absolute;}
.pdfpageicons {text-align: center;}

.scroll-y {height:550px; overflow-y:scroll;}
.fa-18px {font-size: 16px;}
.pubtn {color: #fff; padding: 3px 10px !important;}
.pubtn:hover {color: #fff;}
.templistdatepic span.k-datepicker {width: 100% !important;}
.fomgrpclrmar div.form-group {margin-right: 0px !important;}

#listView {padding: 10px 5px; margin-bottom: -1px; min-height: 510px;}

.template {float: left; position: relative; width: 111px; height: 170px; margin: 0 5px; padding: 0;}
.template img {width: 110px; height: 110px;}
.template h3 {margin: 0; padding: 3px 5px 0 0; max-width: 96px; overflow: hidden; line-height: 1.1em; font-size: .9em; font-weight: normal; text-transform: uppercase;}
.template p {visibility: hidden;}
.template:hover p {visibility: visible; position: absolute; width: 110px; height: 110px; top: 0; margin: 0; padding: 0; line-height: 110px; vertical-align: middle; text-align: center; color: #fff; background-color: rgba(0,0,0,0.75);
        transition: background .2s linear, color .2s linear;
        -moz-transition: background .2s linear, color .2s linear;
        -webkit-transition: background .2s linear, color .2s linear;
        -o-transition: background .2s linear, color .2s linear;
}
.k-listview:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.TmpDocListLftPanel .dummylink{padding:1px 6px 1px 3px;/*display:inline-block; width:140px;*/}
.TmpDocListLftPanel .dummylink:hover, .TmpDocListLftPanel .dummylink.selected{text-decoration:none !important; color:#000;}
.TmpDocListLftPanel .dummylink.new{color:#fff;}
.TmpDocListLftPanel a{color:#000;}

.TmpDocListLftPanel .ModPanel .dummylink{padding:1px 6px 1px 3px;display:inline-block;width:auto !important;white-space:nowrap !important;}
.TmpDocListLftPanel .ModPanel .dummylink.ng-binding:hover{text-decoration:none !important;color:#000 !important;background:#fff !important;}
.TmpDocListLftPanel .mCSB_scrollTools_vertical a{z-index:1 !important;}

.ModPanel .dummylink.drag:hover, .ModPanel .dummylink.drag{width:100% !important;text-decoration:none !important;}
.ModPanel .dummylink.ng-binding:hover, .ModPanel .dummylink.ng-binding.selected{text-decoration:none !important;color:#000 !important;background:none !important;}
 
.ModPanel .panel-body{padding-top:2px !important; padding-bottom:6px !important;}
.ModPanel div.level1{/*background:#f9f9f9 !important;*/}
.ModPanel div.level2{padding-left:15px;}
.ModPanel div.level3{margin-top:2px;padding-left:40px;}
.ModPanel  span.dummylink {padding-left:0px !important}
.ModPanel .panel-body.Smt-pad-remove{padding-bottom:0px !important;}

/******** New styles start here***********/
.formField:hover{background:#e9f6fc; cursor: move;}
.smtsendpage .formField:hover{background:#e9f6fc; cursor: default !important;}
.formField label, .formField input, .formField input:disabled, .formField select, .formField textarea, .formField .k-state-disabled{cursor: move !important;}
.smtsendpage .formField label, .smtsendpage .formField input, .smtsendpage .formField input:disabled, .smtsendpage .formField select, .smtsendpage .formField textarea, .smtsendpage .formField .k-state-disabled{cursor: default !important;}
.form-signin {max-width: 330px; padding: 15px; margin: 0 auto;}
.form-signin .form-signin-heading, .form-signin .checkbox {margin-bottom: 10px;}
.form-signin .checkbox {font-weight: normal;}
.form-signin .form-control {position: relative; font-size: 16px; height: auto; padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus {z-index: 2;}
.form-signin input[type="text"] {margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.form-signin input[type="password"] {border-top-left-radius: 0; border-top-right-radius: 0;}

.account-wall {margin-top: 100px; padding: 40px 0px 20px 0px; background-color: rgba(247, 247, 247, 1);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.login-title {color: #555; font-size: 18px; font-weight: 400; display: block;}
.profile-img {margin: 0 auto 10px; display: block;}
.need-help {margin-top: 10px;}
.new-account {display: block; margin-top: 10px;}
.form-control-login {background-color: rgba(247, 247, 247, 0.0); border-top: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-left: none; font-size: 12px;}
.login-icon {background-color: rgba(247, 247, 247, 0.0); height: 40px;}
.form-height {height: 40px;}
.button {width: 100%;}
.topborder {border-top: 6px solid #45682b;}
.login-right {margin-left: 67%;}
.btn-primary {border: 0px !important; color: #fff !important; padding:5px 6px !important; border-radius: 3px !important;}
.btn-primary i{vertical-align:top; margin-top:2px; }
.fa-times:hover{color:#f00 !important;}

.k-state-hover .k-bold{box-shadow:none !important; background-color:#c5daed !important;  background-position: -240px 0px !important;}
.k-state-hover .k-italic{background-position:-240px -24px; background-color:#c5daed !important;}
.k-state-hover .k-underline{background-position:-240px -48px; background-color:#c5daed !important;}
.k-state-hover .k-justifyLeft{background-position:-240px -144px; background-color:#c5daed !important;}
.k-state-hover .k-justifyCenter{background-position:-240px -168px; background-color:#c5daed !important;}
.k-state-hover .k-justifyRight {background-position:-240px -192px; background-color:#c5daed !important;}
.k-state-hover .k-insertUnorderedList{background-position:-240px -264px; background-color:#c5daed !important;}
.k-state-hover .k-insertOrderedList{background-position:-240px -288px; background-color:#c5daed !important;}
.k-state-hover .k-indent, .k-rtl .k-outdent{background-position:-288px 0px; background-color:#c5daed !important;}
.k-state-hover .k-outdent, .k-rtl .k-indent{background-position:-288px -24px; background-color:#c5daed !important;}
.k-state-hover .k-createLink {background-position:-288px -48px; background-color:#c5daed !important;}
.k-state-hover .k-unlink{background-position:-288px -72px; background-color:#c5daed !important;}
.k-state-hover .k-insertImage{background-position:-288px -96px; background-color:#c5daed !important;}
.k-state-hover .k-createTable{background-position:-192px 0px; background-color:#c5daed !important;}

.k-window div.k-window-actions a.k-window-action{margin:7px 5px 0px 0px !important; border-radius:3px; padding:0px !important;}
.common-form-css input[type="file"]{ height: 24px !important;padding: 0px !important;}

.search-ani{position:fixed; border:1px solid #cfcfcf; height:400px; margin:44px 15px 15px 50px; border-radius:5px; z-index:1000; position:fixed; top:-450px; background-color:#fff;
    -webkit-transition: top 0.3s cubic-bezier(1,.11,.83,.67) !important;
    -moz-transition: top 0.3s cubic-bezier(1,.11,.83,.67) !important;
    -o-transition: top 0.3s cubic-bezier(1,.11,.83,.67) !important;
     transition: top 0.3s cubic-bezier(1,.11,.83,.67) !important;
}
.search-ani-click {top:0px !important;}

.doc-acpt {font-size: 18px; border: 1px solid #cfcfcf; padding: 5px; text-align: center; background-color: #f5f5f5;}
.text-danger {color:red !important;}
.form-control {outline:0 !important;}
.pageloading {background: transparent url('../Content/images/loading.gif') center no-repeat; min-height: 84vh;}
.FBCtrlStyles label{width:150px;}

.draggable{border:1px dashed #fff;}
.draggable.dragover {background: rgba(146,203,255,.3);border:1px dashed #696969; }
.draggable input[type=file]{display: none;}
.transparent50p{opacity:.5;}
.moduletabs-border-top{border-top:1px solid;}
.filler_cherks {background: #ececec !important;}
.formField.Fcactive{background:#8cd0f5 !important;}
.formCenter{margin:auto !important; max-width:825px; height:100%;}
.formPage{background:#fff; max-width:825px; padding:15px 20px 50px; margin-top:5px; border:1px solid #cfcfcf !important; min-height:calc(100vh - 170px) !important;}
.formPageEnty{background:#fff; padding:0px 15px 15px 0px; margin-top:5px;}
.formField.Fcactive .ui-resizable-e{background:#b5e5ff !important; width:7px !important; right:0px !important; top:0px !important; height:100% !important; border-radius:10px 0px 0px 10px !important;}
.formField .embedSection, .smtSection{border-bottom:1px solid #d5d5d5;}
.formField .sectionText{font-size:18px; padding:0px 20px 4px;}
.embedFields{margin-bottom:5px !important; padding-bottom:5px !important;}
.common-form-css .embedFields label{margin-bottom:5px !important;}
.common-form-css .embedFields input[type=text]{height:34px !important;}
.common-form-css .embedFields input[type=time], .common-form-css .embedFields input[type=date], .common-form-css .embedFields input[type=datetime-local] {height: 33px !important;}
.kendu-ctrls .embedFields .k-widget>span, .embedFields .k-datepicker input[type=text], .embedFields .k-picker-wrap input[type=text] {height: 32px !important;}
.common-form-css .embedFields input[type=date] {border: 1px solid #d5d5d5 !important;}
.kendu-ctrls .embedFields .k-widget>span>.k-select{width:30px !important; height: 32px !important;}
.kendu-ctrls .embedFields .k-widget>span>span .k-icon{margin:10px 0 4px !important;}
.formField input[type=checkbox], .formField input[type=radio],
.IframeformField input[type=checkbox]
{width:18px !important; height:18px !important; margin-top:2px !important;}
.common-form-css .chBox label{width:90% !important;}
.common-form-css .chBox label.smtlbl{width:85% !important;}
.formField .chBox .form-group, .IframeformField .chBox .form-group{padding-top:5px !important;}
.MdlSmtfWH{width:calc(100vw - 348px) !important; height:calc(100vh - 148px); overflow:auto;}
.DocMdlSmtfWH{width:calc(100vw - 522px) !important; height:calc(100vh - 172px); overflow:auto;}
.SmartRgtPanel{width:300px !important;}
.SmtRgt-Cont-Hgt{height: calc(100vh - 180px); overflow: auto; overflow-x: hidden;}
.resizable-hide .ui-resizable-w, .resizable-hide .ui-resizable-e{display:none !important;}

.isrequired .form-control, 
.isrequired .k-picker-wrap.k-state-default, 
.isrequired .k-dropdown-wrap.k-state-default, 
.isrequired input[type=checkbox],
.isrequired.DbfieldSmt .form-control,
.isrequired.DbfieldSmt .k-dropdown-wrap.k-state-default,
.isrequired.DbfieldSmt .k-picker-wrap.k-state-default,
.isrequired.fieldSmt .form-control,
.isrequired.fieldSmt .k-dropdown-wrap.k-state-default,
.isrequired.fieldSmt .k-picker-wrap.k-state-default,
.isrequired.fieldSmt .dummyForm {border:1px solid #ff9688 !important; box-shadow:0px 0px 6px #ffa99d !important;}

.DbfieldSmt .form-control,
.DbfieldSmt .k-dropdown-wrap.k-state-default,
.DbfieldSmt .k-picker-wrap.k-state-default {border:1px solid #6dff90 !important;}

.fieldSmt .form-control,
.fieldSmt .k-dropdown-wrap.k-state-default,
.fieldSmt .k-picker-wrap.k-state-default,
.fieldSmt .form-control input[type=datetime-local],
.fieldSmt input[type=date],
.fieldSmt input[type=time] {border:1px solid #ffe252 !important;}

.fieldSmt .form-control[disabled],
.DbfieldSmt .form-control[disabled],
.fieldSmt .dummyForm {border:1px solid #eee !important;}

.water-stamp {text-align: center; background: #fcfcfc; border: 2px dashed #c6c6c6; border-radius: 8px;}
.water-stamp p {padding: 40px 0px; font-size: 18px; color: #c6c6c6; font-style: italic; font-weight: lighter; margin: 0px !important;}

.labelField label {width: 100% !important;}
.labelField label, .labelFieldSS div div.clr-pad {background: #D9F6FC; border-radius: 4px; padding: 4px 6px !important;} 
.labelField label span, .labelFieldSS div span {font-size: 13px; font-weight: 600;} 

.dummyForm {border-radius: 4px; height: 24px; padding: 2px 5px !important; border: 1px solid #eee;}
.txtAttach {position: absolute; color: #333 !important; left: 35px; top: 2px;}

/*File Upload UX*/
.pop_navbar ul {list-style-type: none !important; padding: 5px 15px !important;}
.pop_navbar ul li a {display: inline-block; color: #6e6d7a; padding: 10px 12px; -webkit-transition: all 200ms ease; transition: all 200ms ease; font-size: 16px !important; letter-spacing: 1px !important;}
.pop_navbar ul li {float: left !important; display: inline-block !important;}
.pop_navbar ul li.active {border-bottom: 2px solid #0d0c22;}
.pop_navbar ul li.active a {font-weight: 500; color: #0d0c22 !important;}
.pop_navbar ul li a:hover {text-decoration: none !important;}
.list_box {border: 2px dashed #cccccc; background: #f5f5f5; height: 365px;}
.containerView {text-align: center; height: 100%; padding: 10px;}
.elementsView {position: absolute; width: 325px;
    height: 185px; left: 50%; top: 50%; z-index:1;
-webkit-transform: translateX(-50%)translateY(-50%);
-moz-transform: translateX(-50%)translateY(-50%);
transform: translateX(-50%)translateY(-50%);}
.elementsView h3, .elementsView p {color: #777777 !important;}
.attachBtn {width: 225px;
    padding: 10px;
    background: #4a7fd3;
    border-radius: 5px;
    margin:15px auto !important; box-shadow: 0px 0px 2px #333;}
.attachBtn img {width: 19px;
    height: 22px;
    margin-right: 5px;}
.attachBtn a {color: #fff;
    letter-spacing: 1px;
    font-size: 13px;}
.CtrlAttach {position: absolute;
    width: 225px;
    left: 0px;
    top: 0px;
    height: 42px !important;
    box-sizing: border-box;
    opacity: 0 !important;}

.iconbarViewerLeft.iconbar-posi {position: absolute;
    top: -39px;
    right: -6px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    padding: 0px 10px;
    border-bottom: 0px;
    z-index: 1;}

.imgAspectFill {width: 100% !important; height: 355px !important; overflow: auto !important;}
.imgAspectFill img {max-height:100% !important;}

/*field properties UX*/
.color_container {height: 110px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;}
.color_container .colordivwrap {float: left;
    margin: 15px 6px 6px 15px;}
.color_container .colordivwrap div {width: 28px;
    height: 28px;
    box-shadow: 0px 0px 4px #777777;
    border-radius: 5px;
    cursor: pointer;}
.color_container .colordivwrap.select div {border: 2px solid #333 !important}
.color_container .colordivwrap:nth-child(1) div, .color1 .labelField label, .color1 .labelFieldSS div div.clr-pad {background : #D9F6FC !important;}
.color_container .colordivwrap:nth-child(2) div, .color2 .labelField label, .color2 .labelFieldSS div div.clr-pad {background : #D4CCFC !important;}
.color_container .colordivwrap:nth-child(3) div, .color3 .labelField label, .color3 .labelFieldSS div div.clr-pad {background : #D9FCDB !important;}
.color_container .colordivwrap:nth-child(4) div, .color4 .labelField label, .color4 .labelFieldSS div div.clr-pad {background : #FFFDDA !important;}
.color_container .colordivwrap:nth-child(5) div, .color5 .labelField label, .color5 .labelFieldSS div div.clr-pad {background : #FEDAD2 !important;}
.color_container .colordivwrap:nth-child(6) div, .color6 .labelField label, .color6 .labelFieldSS div div.clr-pad {background : #E8E8E8 !important;}
.color_container .colordivwrap:nth-child(7) div, .color7 .labelField label, .color7 .labelFieldSS div div.clr-pad {background : #FFFFFF !important;}

.imgleftblk {position: absolute; left: 0px; width: 29px; padding: 1px 7px; top: 0px; height: 22px; border-radius: 4px 0px 0px 4px; background: #ddd;}
.imgleftblk.greenbg_attach {background: #84ff84 !important;}