﻿html, body {
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 12px;
    background: #E6E3DE;
}
.icon-warning{background-image: url(/images/Fam/error.png) !important;}

.popupconatiner {
    background: #E6E3DE;
}
.preview-body {
     margin:0px;
}
.b-l-2x {
  border-left-width: 2px;
}
.b-l-3x {
  border-left-width: 3px;
}
.b-l-4x {
  border-left-width: 4px;
}
.b-l-5x {
  border-left-width: 5px;
}
.b-2x {
  border-width: 2px;
}
.b-3x {
  border-width: 3px;
}
.b-4x {
  border-width: 4px;
}
.b-5x {
  border-width: 5px;
}
.r {
  border-radius: 2px 2px 2px 2px;
}
.r-2x {
  border-radius: 4px;
}
.r-3x {
  border-radius: 6px;
}
.r-l {
  border-radius: 2px 0 0 2px;
}
.r-r {
  border-radius: 0 2px 2px 0;
}
.r-t {
  border-radius: 2px 2px 0 0;
}
.r-b {
  border-radius: 0 0 2px 2px;
}
.m-xxs {
  margin: 2px 4px;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-xl {
  margin: 50px;
}
.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-xxl {
  margin-left: 50px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-l-n-xxl {
  margin-left: -50px;
}
.m-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-xxl {
  margin-top: 50px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-t-n-xxl {
  margin-top: -50px;
}
.m-r-none {
  margin-right: 0;
}
.m-r-xxs {
  margin-right: 1px;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-xxl {
  margin-right: 50px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-r-n-xxl {
  margin-right: -50px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-xxs {
  margin-bottom: 1px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-xxl {
  margin-bottom: 50px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}
.m-b-n-xxl {
  margin-bottom: -50px;
}

.tab-panel  {
    min-height:400px !important; 
}

.nav>li>a {
    position: relative;
    display: block;
    color: #999;
    padding: 10px 15px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background: #E6E3DE;
    color: #000;
    border-bottom: 1px solid #999;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li{
  border-radius:0px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border-bottom:1px solid #ccc;
     
}
    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active {
        background: #E6E3DE;
        border-bottom: 1px solid #000;
        border-radius: 0px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
.tab-panel.panel {
   border:0px solid #ccc;
   border-radius:0px;
   border-bottom-left-radius:5px;
   border-bottom-right-radius:5px;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #fff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #E6E3DE;
    /* border: 1px solid #ddd; */
    border-bottom-color: transparent;
    font-weight: 800;
}
/* Prevent the text contents of draggable elements from being selectable. */
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}


.html5-sortable .moving,.droppable.moving{
  
  /*
  border: 2px solid #777;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-out;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);*/
}
.b-b {
    border-bottom:1px solid #ccc;
}
.user-field {
    -webkit-box-shadow: #ececec 0 1px 0 0 inset,#ececec -1px 0 0 0 inset,#ececec 1px 0 0 0 inset;
    -moz-box-shadow: #ececec 0 1px 0 0 inset,#ececec -1px 0 0 0 inset,#ececec 1px 0 0 0 inset;
    box-shadow: #ececec 0 1px 0 0 inset,#ececec -1px 0 0 0 inset,#ececec 1px 0 0 0 inset;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius:4px;
    padding:5px;
   
}
.nav>li.user-field>a {
    color:#000;
    padding: 5px 10px;
}
.p-l-sm {
    padding-left:5px;
}
.p-r-sm {
    padding-right:5px;
}
.p-r {
    padding-right:15px;
}
.form-field .panel-title {
    font-size: 12px;
    padding-left: 15px;
    border-bottom: 1px solid rgba(228, 231, 236, 0.35);   
    background: rgba(228, 231, 236, 0.35);
    padding: 6px 10px;

}
.row.draggable-row.active {
  background:#fcf8e3 !important;
  border: 1px solid #faebcc !important;
}
.row.draggable-row {
 border: 0px solid rgba(63, 81, 181, 0.01) !important;
  border-radius:5px;
  margin-bottom:5px;
  background: rgba(63, 81, 181, 0.0001);
}
fieldset.form-group {
    margin-bottom:0
}
.row.picker {
    margin:8px;   
}
.row.picker.active .column-data {
    background:#ccc;
    border: 1px solid #bbb;
}
.row.picker .column-data {
    border: 1px solid #ccc;
    min-height:50px;
    padding-top:15px;
    text-align:center;
    background:#fff;
}
.modal-body {
    background:#f7f7f7;
}
.draggable-row .html5-sortable .form-field {
    background:#fff !important;
    border:1px dashed #fff;
    margin-bottom:5px;
    background:#fff;
    min-height:50px;
    margin:5px;
    border-radius:4px;
   
}
.draggable-row .html5-sortable .form-field.empty-field {
     border:1px dashed rgba(74, 89, 115, 0.61);
}
.draggable-row.active .html5-sortable .form-field {
        -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.modal-title {
font-weight:bold;
}
.address{

    margin-top:10px;
    margin-bottom:0px;
}

.unmatched {
  color:#E91E63;
  border-bottom: 1px dotted red;

}
.field-padder {
    padding-bottom:10px;
   
}

.matched {
   background: #337ab7;
    margin-bottom: 10px;
    border-bottom: 1px dotted #222;
    color: #fff;
}
.list-group-item.alt {
    background:#f7f7f7;
    color:#000;
}
.list-group-item.alt.active {
    background:#337ab7;
    color:#fff;
}

.draggable-row .html5-sortable .form-field.preview {
    border: 1px solid rgba(36, 38, 49, 0) !important;
}
.draggable-row .html5-sortable .form-field.active .field-panel .panel-title{
    background:transparent;
    border-bottom: 1px solid rgba(36, 38, 49, 0.21);     
}
.draggable-row .html5-sortable .form-field.active .field-panel{
    
     border:1px solid rgba(36, 38, 49, 0.21) !important;
     box-shadow: 0 1px 1px rgba(31, 31, 33, 0.15);
     
}
.draggable-row .html5-sortable .form-field.active .field-panel .panel-body{
    
   
     background:#fcf8e3 !important;
}
.form-field .btn-lg{
   font-size:12px;
}

.html5-sortable .over{
  border: 2px dashed #337AB7 !important;
  border-width: 2px;
  border-color: #337AB7;
  min-height:50px;
  opacity:0.7; 
}

.droppable.over{
  border: 2px dashed #000 !important;
  min-height:30px;
}

.html5-sortable .handle{
  cursor: pointer;
}
.field-panel {
    margin-bottom:0px;
   
    border:  1px solid rgba(198, 200, 214, 0.31);
  
}
.handle.panel {
     border-radius:0px;
     padding:2px;
}

.popover-content {
    width: 250px;
}
.noshow {
  
}
.control-label {
    font-weight:normal;
}
.draggable-row .html5-sortable .form-field.loaded {
     background:#fcf8e3 !important;
     border: 1px solid #faebcc !important;
}
.divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 9px 0;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  background-color: #e5e5e5;
}
.row-divider {
 border-bottom: 1px dotted #ccc;
  margin-bottom:10px;
}
.padder-sm {
 padding:5px 15px;
}
.font-bold {
    font-weight:500;
    color:#000;
}

.fieldHandle {
     cursor:move;
}
.hand {
    cursor:pointer;
}
.item-list-header {
        background: #E6E3DE;
        font-weight:bold;
}
.form-field.active .fieldHandle:hover {
  
}
.block {
    display:block;
}
.page-section-title {
    border-bottom:1px dotted #ccc;
    padding:5px 20px;
    font-weight:bold;
    margin-top:20px;
    font-size:13px;
    color:rgba(34, 34, 34, 0.74);

}
.page-section.alt {
    background: rgba(96, 125, 139, 0.9);
    border-radius: 5px;
}
    .page-section.alt > .page-section-title {
        color:#fff;
    }
.scrolltop{
    color: #fff;
    background-color: #333;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    z-index: 5000002;
    right: 16px;
    bottom: 16px;
    width: 90px;
    text-align: center;
    padding: 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    text-decoration: none;
    -webkit-transition: .1s all ease-in-out;
    -moz-transition: .1s all ease-in-out;
    transition: .1s all ease-in-out;
    cursor:pointer;
    display:none;

}
.input-group-addon {
    font-size:12px;
}
.form-title {
    font-weight:bold;
    font-size:20px;
    border:1px solid #ccc;
    padding:10px;
    background:#E6E3DE;
    border-radius:4px;
}
.form-label {
   
    font-weight:600;
    font-size:12px;
}
label.form-label {
    color:#666;
    font-weight:500;
}
.padder {
    padding:15px;
}

.form-control {
    background-color: rgba(229, 230, 236, 0.66);
}

.form-control:focus {
        background-color: rgba(255, 255, 255, 0.03);
}
.nav-pills>li>a {
    font-size: 13px;
}
.main-panel {
     border: 0px solid rgba(229, 230, 236, 0.66);
}
.panel {
    border: 0px solid rgba(229, 230, 236, 0.66) !important;
}

.as-sortable-placeholder {
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
}

 pre {
   
    background-color: rgba(63, 81, 181, 0.02);
    border:1px solid rgba(63, 81, 181, 0.09);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ta-toolbar {
    margin-bottom:2px;
}

.help-row {
    display: block;
  
    clear: both;
    padding:10px;
    margin:10px;
}
.help-content {
    display: block;
    color:#333;    
    background: rgba(204, 204, 204, 0.1);
    padding:10px;
    border:1px solid rgba(204, 204, 204, 0.16);
}

fieldset > label.control-label{
    display:block;
    border-bottom: 1px dotted #ccc;
    padding-bottom:10px;
    margin-bottom:10px;
}

fieldset >.row.label-row {
    display:block;
    border-bottom: 1px dotted #ccc;
    padding-bottom:10px;
    margin-bottom:10px;
    
}
fieldset {
    border: 1px solid rgba(228, 231, 236, 0.38);
    padding: 8px;
    border-radius: 3px;
}

fieldset:hover {
  background:#fcf8e3 !important;
  border: 1px solid #faebcc !important;
}
fieldset.paragraph:hover {
   background:rgba(228, 231, 236, 0.31) !important;
    border: 1px solid rgba(228, 231, 236, 0.58) !important;
}

.ta-root {
    cursor:auto;
}
.panel-white {
    background:#fff; 
}

.sticky.panel-white {
    background:rgba(255, 255, 255, 0.92); 
    box-shadow: 0px 3px 2px #E6E3DE;
    border-bottom:1px solid #E6E3DE;
}

.row.review {
    margin-bottom:5px; 
    border-bottom:1px solid #E6E3DE;
}
.row.review-header {
     margin-bottom:5px; 
     padding:5px;
     border-bottom:1px solid #E6E3DE;
     background:rgba(228, 231, 236, 0.31) !important;
}
.row.review-header .app-header {
        font-weight:bold;
}
.h-divider {
    border-left:1px dotted #ccc;
}


.row.review-header .app-header {
        font-weight:bold;
}
.h-divider {
    border-left:1px dotted #ccc;
}

@media print {
    .tab-content > .tab-pane {
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
    }
    .nav-pills,.main-panel > .panel-heading,.footer, .btn {
        display:none;
    }
    .tab-panel {
        page-break-after:always;
    }

    fieldset,.main-panel,.form-title{
        border:1px solid #fff !important;
    }
    .form-control {
        background:#fff  !important;  
         border:1px solid #fff !important;
         border-bottom:1px solid #222 !important;
    }
   

}
.font-normal {
    font-weight:normal;
}

.text-red {
    color: #f10b06;
    font-size: 14px;
}
.text-underline {
      text-decoration:underline;
}
.agreement-text {
    margin:auto;max-height:500px;overflow-x:hidden;overflow-y:auto;
}

.nav-pills>li>a {
    border-radius: 4px;
    text-decoration: none;
}

.home_page_footer_btm {
    background:transparent !important;
    color: #82848a;
}
.btn-primary {
    color: #fff;
    background-color: #EE2947;
    border-color: #610412;
}
a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #f84c66;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #f84c66;
    border-color: #122b40;
}

.btn-primary:hover {
    color: #fff;
    background-color: #f84c66;
    border-color: #204d74;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #f84c66;
    border-color: #204d74;
}
div.maincontent {
    background: #E6E3DE;
}
.main-panel {
    border: 1px solid rgba(191, 195, 220, 0.66);
}

.ui-select-bootstrap .ui-select-choices-row>a {
   font-size: 12px;
    text-decoration: none;
}

.alert-info .control-label {
    padding-left:0;
    margin-left:0;
}

.portalLinks {
   white-space: nowrap;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}



a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #f84c66;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #f84c66;
    border-color: #122b40;
}

.btn-primary:hover {
    color: #fff;
    background-color: #f84c66;
    border-color: #204d74;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #f84c66;
    border-color: #204d74;
}

.alert-default {
    color: #333;
    background-color: #e4e7ec;
    border-color: #ccc;
}

    .alert-default hr {
        border-top-color: #666;
    }

    .alert-default .alert-link {
        color: #333;
    }