.pageformfields-li i.pull-right{
  margin-top: 2px;
}

.adfieldbutton{
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 5px;
}
#tab-fields .control-label {
  text-align: left !important;
  margin-bottom: 4px;
}

.nav > li > a{ padding: 15px; }

.btn-group .active{
  background : #1872A2;
  color: #fff;
  border-color: #1872A2;
}

.btn-group .btn:hover{
  background : #1872A2;
  color: #fff;
  border-color: #1872A2;
}
.rowrl{
  position: relative;
  overflow: hidden;
 }
.exmple-table {
  height: 100%;
  width: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  transition: 0.5s;
  z-index: 10;
  background: #fff;
  padding-top: 0px;
  overflow: auto;
}
.exmple-table .closetablebtn {
  position: absolute;
  top: 0px;
  left: 0;
  font-size: 24px;
  line-height: 0.7;
  color: #000;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  text-align: center;
  background: #fff;
  outline: none;
}
.openbtntable {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  background-color: #eee;
  color: #333;
  padding: 10px 15px;
  border: none;
  border-bottom: 2px solid #bd4040;
  position: absolute;
  top: 4px;
  right: 20px;
  z-index: 9;
}
.openbtntable:hover {
  background-color: #ddd;
  color: #000;
}
#maincontent {
  transition: margin-right .5s;
}
@media screen and (max-height: 450px) {
  .exmple-table {padding-top: 15px;}
} 



/*ci gloabl admin styling, do not modify this override particular rule instead ends*/
.form-group .col-sm-12.control-label{text-align:left;padding-bottom:5px}
/*.table { word-wrap: break-word; word-break: break-all; }*/
.btn-group .active{background:#1872A2;color:#fff;border-color:#1872A2}
.btn-group .btn:hover{background:#1872A2;color:#fff;border-color:#1872A2}
.nav.nav-tabs{border-bottom:none}
.nav.nav-tabs > li.active > a,.nav.nav-tabs > li.active > a:hover,.nav.nav-tabs > li.active > a:focus{background-color:#eee;border-bottom:2px solid #bd4040;}
.nav.nav-tabs > li > a:hover,.nav.nav-tabs > li > a:focus{border-bottom:2px solid #bd4040}
.nav.nav-pills > li > a{border-radius:0;-webkit-border-radius:0;color:#333}
.nav.nav-pills > li.active > a,.nav.nav-pills > li.active > a:hover,.nav.nav-pills > li.active > a:focus{color:#333;background-color:#eee;border-bottom:2px solid #bd4040;font-weight:700}
.nav.nav-pills > li > a:hover,.nav.nav-pills > li > a:focus{border-bottom:2px solid #bd4040}
.nav.nav-tabs > li > a{/*padding:15px 20px;text-transform:uppercase;*/outline:0;border-bottom:2px solid #fff}
.nav.nav-tabs > li > a i{font-size:18px;padding-right:5px}
.nav.nav-pills > li > a{padding:15px;border-bottom:2px solid #fff}
.support-wrap{background:#eee none repeat scroll 0 0;border-bottom:2px solid #ffc00d;border-radius:10px;display:inline-block;padding:35px 15px}
.support-wrap i{font-size:50px;display:inline-block;padding-right:20px}
.support-wrap .ciinfo{display:inline-block}
#form-page fieldset legend{margin-bottom: 15px;background-color: #999;color:#fff;padding: 10px 15px;}
#form-page #tab-fields fieldset legend{margin-top: 20px; margin-bottom: 5px; }

#form-page #tab-fields fieldset:first-child legend { margin-top: 0 !important; }
.form-group + .form-group{border-top:none}
.btn-group .active.yes{background:#27ae60!important;border-color:#178444}
.btn-group .active.no{background:#ed5149!important;border-color:#bd4040}
.btn-group .btn.yes:hover {background:#27ae60!important;border-color:#178444}
.btn-group .btn.no:hover {background:#ed5149!important;border-color:#bd4040}
/*03-July-2019 start*/
label.control-label .help {color: #f38733; }
label.control-label .help:after {content : '' !important;}
label.control-label .help:before {font-family: FontAwesome; color: #f38733; margin-right: 4px; content : "\f059" !important;}
/*03-July-2019 end*/
.panel-default .panel-heading{background: #eee;color: #000;}
.panel-default {border-top: 2px solid #bd4040;}
/*ci gloabl admin styling, do not modify this override particular rule instead ends*/

#viewimage-modal .image { text-align: center; }
#viewimage-modal img { max-height: 400px; max-width: 100%; margin: auto; }

.td-code {
  padding: 0 !important;
}

.html-code {
  padding: 8px;
}

#form-page .field-type {
  height: 50px;
  font-size: 15px;
}

#form-page .img-thumbnail img {
  width: 50px;
}

#form-page .preview { width: auto; height: 20px; }