html, body {
    font-family: 'DP', Arial, Verdana, sans-serif;
}

.loginbox {
    width: 500px;
    height: 300px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}
.ng-hide {
    display: none !important;
}

.shake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.strikethrough {
    text-decoration: line-through;
}

.code {
    font-family: courier, monospace;
    font-size:12px;
    color:#fff;
    background-color: #333;
}
.code-inverse {
    font-family: courier, monospace;
    font-size:13px;
    color:#000;
    background-color: #eee;
}
.pointer {
    cursor: pointer;
}

.selected-contactlist {

    background-color: #beebff;
}

.loader {

    text-align: center;padding:20px;
    font-size:30px;color:#666;
}

.fillscreen {

    position:absolute;
    padding:250px;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(255,255,255,0.7);
    z-index:1000;
}

.fillparent {
    position:absolute;
    padding:0;
    margin-top: 0px;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(255,255,255,0.7);
    z-index:1000;
}

.center-parent {

    position: absolute;
    margin: 0 auto;
}

/* email editor */


.section.active {

}
.section {

    cursor: pointer;
}
.section:hover {

}
.section.active:hover {

}
.ui-sortable-helper {
  cursor: move;
}

.section {
      position: relative;
}
    .section:hover:after {
 content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.10);
        border: 2px solid #4f5bd8;
        cursor: pointer;
}
   .section:hover .tools {
    display: block;
}
    .tools {
        display: none;
        position: absolute;
        left: 100%;
        z-index: 400;
        top: 0;
        transform: translate(-100%, 0px);
        background-color: #fff;
        padding:5px;
        width:100px;
        height: 30px;
        font-size:15px;
        color:#666;
    }
    .tools a {
        cursor: pointer;
    }
    .tools a.disabled {
        cursor: default;
        color: #eee;
    }

.colorpreview {
    width: 20px;
    height: 20px;
    display: inline-block;

    float:left;
    margin-right: 5px;
}


.minicolors-swatch-color {
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.minicolors-swatch {
     top: 3px;
    left: 48px;
    width: 28px;
    z-index: 2000;
    height: 28px;

    position: absolute;
    vertical-align: middle;
    background-position: -80px 0;
    border: solid 1px #ccc;
    cursor: text;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.minicolors-input {
    padding-left: 44px;
}



.color .dropdown-menu > li > a {
    padding:2px 4px;
}

 /*template editor*/

.property_item {
    border:1px solid #ccc;
    padding:10px;
    margin-bottom: 5px;
}

.property-list .panel {
    margin-bottom:2px;
}
.property-list .panel .panel-heading {
    cursor: pointer;
}
.property-list .panel .panel-heading .small{
    color:#999;
}

.property-tools i {
    color:#ccc;
}
.property-list .panel:hover .property-tools{
    display: block;
}
.property-tools {
    display: none;
    float:right;
}



/* login */

.loginscreen {
    background-color: #333;
    color:#ddd;
    font-size:11px;
}

.loginscreen.middle-box {
    width: 400px;
    padding:30px;
    height: 500px;
    border:2px solid #eee;
    top:0;
    position: absolute;
    margin: auto;
        top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}


.loginscreen .logo {
    font-weight: 700;
    font-size:30px;
    color:#ddd;
    margin:0;
    margin-bottom:30px;
}

.middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}

.m-b {
    margin-bottom: 15px;
}
.full-width {
    width: 100% !important;
}



.nav .dropdown-menu > li > a {
    color:#9d9d9d;
}
.nav .dropdown-menu > li > a:hover {
    color:#fff;
    background-color: #3a3a3a;
}
.navbar-inverse {
    background-color: #333;
}

.table-hover tbody tr {
    cursor: pointer;
}

.navbar-brand {

    font-weight: 200;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color:#f07802;
    border-top:2px solid #f07802;
}
.navbar-inverse .nav > li > a {
    border-top:2px solid #333;
}
.navbar-inverse a:hover {
    color:#f07802 !important;
}
.fa-check.round {
    color:#fff;padding:3px;border-radius: 50%;background-color: #209438;
}

.rounded {
    color:#fff;padding:3px;border-radius: 50%;background-color: #36a2ff;
}


.infunnel {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO0AAAAcCAYAAACNgzgzAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AwOCQIRqOhS7wAACLVJREFUeNrtnXuMXUUdxz93d7t9t7a72wdtpYCgEElUntLyqFhSIwZtDDHEUAGJkFqLtspTqBEaweCDxBprbSsJj1QSRYla5FGoSCkqVqjU0tfapbUPuqz0tdvd/frHfG96crO799x7z+l2t+ebTGbuvfP4nfn9fmd+M/ObuTlJZMiQoe+gxvEYYBDwP+DdHvJXAeOBamAPcChGG2OAycBEYITraAN2A1scOlN6vmHAEGAgkCux7G7gcBffv8/P0QrsSoHmBmAwsB/YV4QXJzmOy4uxwMkFvGiN8GJrmbwYBQw3DXti5B8KvN+01AO1brcF2GZaWlKW/VGWjWpAlsn3gIMJ1F3nZzwAvJM45ZKQ9KSkw5IW+nN3YZSkbc57ZQ/5zpN0j6QXJe1T9zgi6TVJd0oaV6TtOGGSpFmSlkh6WdIWSc2SWt1WKeGybtpY6Od/OgF6uworXP+iIvnqJTU57xU95LtA0nckrXZfdIc2SX+TdLukMSXS/KDpeKKHPOPNm8fNl56wXdIvJV2cYL9OcPvL/Zw7JR00r1sltUjaLOkFST+wfA8rs62l7o8lachIfqQd6FAbQ88HO291F6Pa54EbgKkFv70D7PTo0elRvcFv/I843Ax8E3isjHfPB4FbgZnAyG7yJDWa10b6Kw3E5UWuB14MB64GrgcuKvhtb4QXKuDFxxxuAuYBTyTQJx8HvgJcZSslj0PA20CzR7ka826CabnW4efALRWMgB8F5gKf7UY2Ot1/tbY+TgUuAb4ObAaWAouKWKDd9UdtGgJSUyDQcQS7oyBvDTALmA98yN8dAF4AVgIv2+xqjpTNC9ZE4Argq8AHgEf9sMtLeIaZZuxof94DrAbWAJuAHTb720rsmx1FlD8tk74SXgwArrPCneHv9gOrzIs1Nj8LeTHCvJhhXpwC/Ar4IvBImTSfC9xu/uSxznSsAt7wC+RQgbDXWdFucNkbTdvnbMrHxSBggZUvrzxvAM8CfwUa3X6bpwnDPPU7HZgCXAacBtxn+Z4DPJ0CD8s2j39vs+SBGObxDuedLulCSS9FzJr1kuZJmlzikD9K0lOuY7+kM2KWm2LTRpLek3SHzTBSDA+4vedTqv/Xrn9xkXwNknY776WSpkpaE+HF65JukXRyie3XSVrpOloknRqjzI+df4XLPySp3d8dsJk4RVJ1ibTcGKnnrhLKNUh6LtIXKyXNkFRTQh3jJM2VtDUylbs+ZtmHXWZ5GjJSidKuldTh9EZJX5Y0pAJiRklqdH0/jZG/2vNWea42NWVlPR6VdpfzviKp0+kNkq6TNKgCGvLzZVkh4yrtFkmbnG6X9BNJp1fYHz9yfXv9zMXyj4zIRYv7opL2x0h61PV1FlnLOSZKW1XO4Oz4PM+r7nd6SYUrb83AYqc/7dW3YnOVC52+G/jzCbwLcL5NsfvMi2XdrHzHxV7gF05faVMzDk6xSbnac+nZwFsVPtsPPd2qA6bFyL/IcrHPtC+rsP3dwDWuJ2cZHdubzK6qoOxbwCeB2xJcnn/W8QQLQDFBzQvYI5zY2ABcDtzlbYsk8Izj/NZMHBwGvgt8AlibEB2NnosCnFMk71VWsE4vwq1OsI9vBl7zvHd+X1Pa/H7nrcBzCdOz0wsTVd6/6wkTHG8ssp/Zn5HnxXwv/CWJHZFV3fqYZVbZ6mlPmJZtjsf1kKcauNPpx4AnE6ahFbjH6VmRhc8+NdIeSYGe1ohZVxNjawSvDJ/o6G1eRMukgf2R1eXucIGnBkeA76dExx9tYTZ4dbnPKW1VSjSpxHyZH2Z6vCh35KcXZGOG41cJW0tpvRzzU7ipvdXJNf1AYNsznc1AWJgE+CfBRTGtF0ij4zMzpS0f5wO/SbjO7QQvnI5MF/oM8msc1wJfSLGdvInekClt+RhLWDVMEs0Er6JMafvO9CC/LTXEIW3Uut3OTGlLx0bCHlpS87ocwRUyM7v7Djoj/FpG2NtNU7ZzBJ+Ezt542P6gtP8GvpfJ7QmPXcDZhF2F1/u7WdHXUZPJawaOOmBcRDj9lClthi5NpDSQbWGVh7wH12SCR1a/lZFMaUtH3oEgrcWOgVkXl4XnCedfAb7Vy7Tkj4EOzpT2+MDbjsclrLjVBDe5y7MuLgsHCYdXIBxin9eLtOyLyEimtMcB/u74JMLCRxI4m+AityAbaSvCUuBPTt8PfKmX6Njo+CyCo0emtL2MfxBWJ6uBr1VY13jCcbpXCCemthEuNctQHjoIzvzrzZ9lBD/kkQm2MTyG3rxkWuoIV91kSnsczFfudfoawjUkpeIswjbVOuAOz30WE5ze12ZdXBF2Ap8C/uLP8wn+yN8g/hHDrhR1mnn0eIz8bwK/dfpuy8v4pB4w2y4pDys8b5oNPERwHv+ZTeeuLgAbQbh87mLCAf9LIn3/DOEM6ov+PCjr3oqxHZhuhZlDuPfpQU8/1hDuLVsHNBEuHTxIcM6oJtwVVU9wi/ww4dLBc4BJrnsD8Zwq5hLuTDuTcGTwJr9I1hP8l1s8AMR14umwrBzOC07en3JAkYK5iFBVp9DZ0fqLWQEDCmg/1phDcHe8jXDz4dWEWw4avRBxxDSONsOjixLtwFOEWxb+UFBvObyo6ue8KKf+g+bNw365zjQPpjtELac2K2KV2+iunf9G5sxxXhzTgIWWjTrgMw7lYhLQlFfaTV5YaSpSqJ1wiqKB0q6UjIsjfgOOpPgNDE02Qzb1ktIK+DbhsPVswtGwcYTL2btCM+Hmg5XA70x7V9js3/4To6/yJ1rSOFPc5vn7MI6eZ+1JQN/k6JZL0mh0/VvLKPsv82eBLZxLCSeCJlqOhxYoaYdlu5ngZbXB/fyqR8nmEtreRbhV8l63fS5hH7meoxelx93LPWSekPPfguQcRPHN/VxEaNNA3PpLoflYYLRNodPMlBp38l4L22a/qUnwuU4UXqRR/1CPfkPMq5xH21aP0u+SzL8NxO3juAMF/we73Hzi1DN9AQAAAABJRU5ErkJggg==');
    background-size:contain;
    background-repeat: no-repeat;
    margin-top:2px;
    margin-right: 5px;
    width:150px;
    height:20px;
    display: inline-block;
    float:left;


}


.tooltip-info {
    border-color: #d9edf7;
    background-color: #d9edf7;
}
.tooltip-info>.arrow:after {
    border-bottom-color: #d9edf7 !important;
}


/*modal*/

.modal-header {

    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
    padding: 6px 15px;
    //background: #337ab7;
    //color: white;

}
.modal-header .close {
        margin-right: -8px;
    padding: 4px 8px;
    color: white;
    font-size: 25px;
    opacity: .8;
}

.pagination {
    margin:0;
}

.preview-popup {
    max-width: 2000px !important;
}

span.badge .red {
    background-color: red;
}

i.red {
    color: red;
}

i.green {
    color: green;
}

i.orange {
    color: orange;
}

.inner-container {

    margin-top: 20px;
}

.dropdown-toggle {
    cursor:pointer;
}

.toolbar {
    padding-bottom: 10px;
}



.calendar .hasEvent {
    background-color: #8283d9;
    color: white;
    border:0;

  }


.flex-fixed-width-item-300 {
    flex: 0 0 300px;
}

.calendar TD, .calendar TH {
    margin: 0;
    padding:10px 0;
    text-align: center;
}

.modal-xl {
    max-width: 1400px;
}

.pointer {
    cursor: pointer !important;
}

.no-pointer {
    cursor: default !important;
}

.ui-select-choices { opacity: 1 !important; }

.btn-group-xs > .btn, .btn-xs {
  padding  : .25rem .4rem;
  font-size  : .875rem;
  line-height  : .5;
  border-radius : .2rem;
}

div.form-textbox {

    border-style:solid;
    border-color:black;
    border-width:1px;
    border-radius:25;
    background-color: white;
    width: 100%;
}

.fw-email {
    width: 90px;
}

.email-label {
    width: 90px !important;
}

.card-blue {
    border:1px solid #90bed4;

     background: #e6f4f8;
}

.external-included {
    margin-left: 30px;
}

div.textbox {
    display: inline-block;
    width: 100%;
    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    #color: #8f9497;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #9fbdd9;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.card.ng-enter, .card.ng-enter .card-header{
    background: #efffee;
}
pre.note {

        overflow-x: auto;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
        font-family: inherit;
}

.report-view th {
    background: #f5f5f5 !important;
}

.debug th {
    text-align: right;
    font-family: Courier;
}

.inactive-stripes {
    background: repeating-linear-gradient(
      45deg,
      #fafafa,
      #fafafa 10px,
      #f0f0f0 10px,
      #f0f0f0 20px
    ) !important;
}