/* === migrate to Will's code === */
    .headerProfileMenu                          {font-size: 14px;  font-weight: 500; color: #ffffff; padding: 15px 0 15px 30px; letter-spacing: 0.5px; position: relative;}
    .headerProfileMenu.dropdown-menu            {padding:15px 0; border-radius:0;}
    .headerProfileMenu .dropdown-item           {padding: .5rem 1.5rem;}
    .headerProfileMenu .dropdown-item:hover     {background-color:rgba(255,255,255,0.1);}
    .headerProfileMenu .dropdown-item:focus     {background-color:rgba(255,255,255,0.1);}
    .headerProfileMenu .dropdown-item:visited   {color:#f8f9fa;}
    .headerProfileMenu .dropdown-divider        {border-top: solid 1px rgba(255,255,255,0.1)}

    @media (max-width:1199px) {
        .menu               {margin-bottom:0px;}
        .menu li            {margin:0;}
    }

/* === // end migrate === */

@media print {    
    .no-print, .no-print *  { display: none !important; }
}

/* === upload file progress bar === */
    .uploadFilesProgress                        {background-color:#e7e7e7; height:2px; width:100%; margin:10px 0;}
    .uploadFilesProgress .progressBar           {background-color:#e81f76; height:2px; text-align:right;}
    .uploadFilesProgress .progressBar small     {background-color:#fff; position:relative; top:-15px; padding:0 3px; box-shadow:0 0 5px rgba(0,0,0,0.175); display:inline-block; text-align: center; min-width:40px;}

/* === Document Description === */
    .documentDescription a                      {color:#e81f76 !important; font-weight:700 !important;}

/* === helper classes === */
    .clv-font-avant                             {font-family: inherit;}
    .tooltip                                    {z-index: 9999 !important;}

/* === Hide content until DOM is loaded === */
    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak  { display: none !important; }

/* === Basic Classes === */
    .inputRequired                              {border:solid 2px #e81f76;}
    .form-control:focus                         {outline: none; box-shadow: none; border-color:#ced4da;}
    .transition03                               {transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;}
    .transition05                               {transition: 0.5s; -ms-transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
    .text-shadow-white                          {text-shadow: 1px 1px 0 #fff; }
    /* Select dropdown */
    .custom-select                              { height:calc(2.25rem + 9px) !important;}
                                                

/* Calendar popup fix */
    .ui-datepicker                              {z-index: 99 !important;}

/* Form Elements */
    .vert-tab-title                             { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
                                                    margin-bottom: 30px; padding-bottom: 15px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start;
                                                    justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start;
                                                    align-items: flex-start; border-bottom: 1px solid #f1f1f1; text-align: left;}
    .section-heading-2                          { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #222; font-size: 2.5rem; line-height: 3rem; text-align: left; letter-spacing: -1.5px; font-family: "ITC Avant", Helvetica, Arial, sans-serif; font-weight:700;}
    .section-subtitle                           { margin-bottom:30px; font-size:0.9rem;}
    .article-section-title                      { margin-bottom:30px; padding:12px 0; font-size:1.4rem; text-transform: none; letter-spacing:-0.5px; font-family: "ITC Avant", Helvetica, Arial, sans-serif; font-weight:700;}
    .article-section-title.with-subtitle        { margin-bottom: 5px; }

/* Pretty Elements */
    .pretty                                         {margin-right:0 !important;}
    .pretty .state label                            {text-indent:0 !important; margin-left:1.5em !important; white-space:normal; font-family: "ITC Avant", Helvetica, Arial, sans-serif;}
    .pretty .state label::after,
    .pretty .state label::before                    {top:-2px !important;}
    .pretty.p-svg .state .svg                       {top:-3px !important;}
    .pretty.text-small .state label                 {font-size:80% !important;}
    .pretty.checkbox-small .state label             {font-size:80%;}

/* modal */
    .modal                                          {z-index:9999;}
    .modal-xl                                       {max-width:1050px;}
    .modal-backdrop                                 {opacity:0.8 !important;}
    .modal-content                                  {border-radius:0;}
    .modal-content ul                               {margin-left:25px;}
    .modal-content li                               {list-style: block; margin-bottom:10px; }
    .modal-header                                   {border-bottom:none;}
    .modal-footer                                   {border-top:none;}
    .modal-content .pagination li::marker           {content:'';}

/* links */
    .text-link                      {display:inline-block; padding-top:11px; padding-bottom:9px; transition:color 200ms ease; font-family: "AvantGarde", sans-serif; font-size:90%; font-weight:700; text-decoration:none;}
    .text-link:hover                {color:#e81f76;}
    .text-link.pink                 {color:#e81f76;}
    .text-link.pink:hover           {color:#333;}
    .text-small                     {font-size:0.80rem;}


/* Buttons */

    a.btn-default                                   {color:#fff;}
    /* .btn:hover                                      {color:#e81f76;} */
    .btn-default                                    {background-color: #e81f76; color: #fff;}
    .btn-default.btn-sm                             {padding: 0.5rem 0.75rem;}
    .btn-default:hover                              {background-color: #e81f76; color:#fff;}
    .btn-default:disabled, .btn-default[disabled]   {background-color: #cccccc !important; color: #666666 !important; box-shadow:none !important;}
	.btn-danger										{background-color: #e81f76}
    .btn.colored-hover                              {background-color:#cccccc; color:#333 !important;}
    .btn.colored-hover:hover                        {background-color:#e81f76; color:#fff !important;}
    .btn.hollow-hover[disabled]                     {box-shadow: none;}
    .btn.hollow-hover                               {box-shadow: 0 0 0 2px #e81f76 inset;}
    .btn.hollow-hover:hover                         {background-color:transparent;  color:#000;}    
    .btn.hover-hollow                               {background-color:transparent; box-shadow: 0 0 0 2px #e81f76 inset; color:#000;}
    .btn.hover-hollow:hover                         {background-color: #e81f76; color:#fff !important}
    .btn.rounded                                    {border-radius:100px !important;}
    .btn.nextToField                                {padding: 15px !important;}
    /* disabled submit button for OktaLogin */
    .btn-disabled                                   {background-color:#e7e7e7 !important; pointer-events: none;}
    /* next to field with label */
    .btn-nextToFieldWithLabel                       {padding:10px 20px; line-height:22px;}
    /* upload file button */
    .btn-upload                                     {padding:.75rem 1rem;}

/* icons in buttons */
    /* .btn svg                                        {margin-left:5px;}  */
    /* .btn:hover svg                                  {margin-left:15px;} */
    .btn.leftIcon svg                               {margin-right:5px; margin-left:0;}
    .btn.leftIcon:hover svg                         {margin-right:15px; margin-left:0;}
    .btn.noIconAnimation svg                        {margin:0 !important;}

/* Basic styles */
    .no-shadow                                  { box-shadow:none !important; }

/* === Table Specific Classes === */
    .table-maxWidth                             { max-width:200px; font-weight:600; }
    .table-minWidth                             { min-width:120px; }
    .SearchResultsTable2ndColumn                {font-weight:300; letter-spacing:1px;}
    .TableSmallText *                           {font-size:14px !important; font-family: 'AvantGarde', sans-serif;}
    .CLVappTableIcon                            {width: 32px; height: 32px; padding: 5px; display: inline-block; margin: 2px; box-shadow:0 0 2px #e7e7e7 inset; background-color: #f4f4f4; text-align: center; border-radius: 32px; transition:0.3s all;}
    .CLVappTableIcon:hover                      {box-shadow:0 0 2px 0 #ccc inset; background-color:#fff;}

/* === Shadows === */
    .shadow-md                                      {box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.09);}

/* === Backgounds == */
    .bg-forest-green                           {background-color:forestgreen;}
    .bg-clv-red                                {background-color:#e81f76;}

/* === Table Pagination == */
    ul.pagination li a                      {display:inline-block; background-color:transparent; color:#444; width:40px; height:24px; font-size:0.8rem; line-height:24px; margin-right:5px; overflow:hidden; border-radius:4px; text-align:center;}
    ul.pagination li a:hover                {background-color:#e81f76; color:#fff;}
    ul.pagination li.active a               {background-color:#e81f76; color:#fff;}

/* === Gray box for forms with remove icon === */
    .AddRegBox                                  {padding: 10px 15px; background-color: #e9ecef; margin-bottom: 15px; position: relative;}
    .AddRegBox label                            {font-size: 14px; padding: 0 5px; margin: 0; display: block;}
    .AddRegBox input                            {display: block; margin-bottom: 5px;}
    .AddRegBox select                           {margin-bottom:5px;}
    .AddRegRemoveBtn                            {position: absolute; cursor: pointer; right: -20px; padding: 3px; top: 0; bottom: 0; margin: auto; line-height: 35px; background-color: #fff; width: 40px; height: 40px; text-align: center; border-radius: 50%; box-shadow: 0 0 0 2px #e7e7e7; transition: 0.3s;} 
    .AddRegRemoveBtn:hover                      {box-shadow: 0 0 0 2px #ff3f50;}

/* === Confirmation Pages === */
    .ul-app-details                             { margin-bottom: 25px; }
    .w-list-unstyled                            { margin-left: 0; list-style: none; }
    .li-app-details                             { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 5px; margin-bottom: 5px;
                                                -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
                                                font-family: 'Galaxiecopernicus book', sans-serif; border-bottom: dashed 1px #e7e7e7; padding-bottom: 8px; }
    .li-app-details > div                       { font-size:0.8rem; line-height: 1.8rem; }
    .app-detail-title                           { margin-right: 15px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
                                                font-family: 'Itcavantgardestd md', sans-serif; font-weight: 600; width:300px; padding-left:0.5rem; }
    @media only screen and (max-width:768px) {
        .li-app-details {display:block;}
        .app-detail-title {width:100%}
    }

/* === Select User Pages === */
    .selectContact h3                           {font-size:18px; font-weight:bold; display:inline-block;}
    .selectContact .contactCircle               {font-size:14px; text-transform:uppercase; display:inline-block; width:28px; color:#fff; margin-right:10px; height:28px; line-height:28px; text-align: center; background-color:#999; border-radius:4px; letter-spacing:-2px; font-weight:400;}
    .selectContact td                           {cursor:pointer;}
    .selectContact .contactAddresses            {max-height:0; overflow:hidden;}
    .selectContact .contactAddresses.show       {max-height:100vh;}
    .contactAddress .svg-inline--fa             {font-size:1.5rem; margin-right:10px;}
    .contactAddress.selected .svg-inline--fa    {color:#28a745}

/* === Drop downs */
    .dropdown-overflow-25                       {max-height:25vh; overflow-y:auto;}
    .dropdown-menu .showSearch                  {position:relative;}
    .dropdown-menu .showSearch svg              {position:absolute; top:14px; right:18px; color:#999;}
    .dropdown-toggle::after                     { content: none !important; }
    div.dropdown-toggle[disabled]               {background-color:#e7e7e7}

/* -------------------------------------- */


/* === General Styles === */
    /* Buttons */
    *[role="button"]                        {cursor:pointer;}
    /* disabled buttons */
    a[disabled]                             {pointer-events: none !important;}
    a.button[disabled]                      {border:solid 1px #ddd; background: #e7e7e7; color:#444;}
    div[disabled]                           {pointer-events: none !important;}
    .btn[disabled]                          {color:#999;}

    input, select, textarea                 {font-size:0.9rem;}
    .CLVFormFieldNotice                     { z-index:9; position: absolute; padding: 4px 5px 0 5px; right: 5px; bottom: -8px; background-color: #ff3f50; color: #fff; font-size: 0.7rem; border-radius: 4px;}

    /* Upload File Element */
    .UploadFileInput            {opacity:0; position:absolute; left:0; right:0; top:0; bottom:0;}
    .UploadFileHolder  input    {border:none; padding:0;}
    .numberedColor > span       {display:inline-block; width:36px; height:36px; line-height:36px; text-align: center; border-radius:20px; overflow:hidden; background-color:#e7e7e7; color:#333;}

    @media only screen and (max-width:576px) {
        label.UploadFileText                    { position:relative; top:0; left:0; padding:0 15px 10px 15px;}
    }

    /* Text Area Style */
    textarea                                    { font-weight:400; font-family:"GalaxieCopernicus", sans-serif; padding: 10px; border: solid 2px #8b8888; width: 100%;}
    
    /* Form Note Style */
    .form-note                                  { font-size:0.75rem; line-height:1.2rem; font-weight:400; font-family:"GalaxieCopernicus", sans-serif;}

/* === Placeholder disappears when clicking inside input form */
	small										{ color: #222}
    input, select                               { padding: 10px; border: solid 2px #8b8888; width: 100%; color: #000}
    input.d-inline-block                        { width: auto }
    input:focus::-webkit-input-placeholder      { color:transparent; }
    input:focus:-moz-placeholder                { color:transparent; }
    input:focus::-moz-placeholder               { color:transparent; }
    input:focus:-ms-input-placeholder           { color:transparent; }
    /* - Chrome ≤56, Safari 5-10.0 iOS Safari 4.2-10.2 Opera 15-43 Opera Mobile >12 Android Browser 2.1-4.4.4 Samsung Internet QQ Browser */
    ::-webkit-input-placeholder                     { color: #777; font-weight: 400; }
    /* Firefox 4-18 */
    :-moz-placeholder                               { color: #777; font-weight: 400; }
    /* Firefox 19-50 */
    ::-moz-placeholder                              { color: #777; font-weight: 400; }
    /* - Internet Explorer 10–11 Internet Explorer Mobile 10-11 */
    :-ms-input-placeholder                          { color: #777 !important; font-weight: 400 !important; }
    /* Edge (also supports ::-webkit-input-placeholder) */
    ::-ms-input-placeholder                         { color: #777; font-weight: 400; }
    input[type=date]:invalid::-webkit-datetime-edit { color: #777;  }
    input[type=date]:invalid::-ms-datetime-edit     { color: #777; }
    input[type=date]:invalid::-moz-datetime-edit    { color: #777; }
    input[type=date]::-webkit-inner-spin-button, 
    input[type=date]::-webkit-outer-spin-button     {-webkit-appearance:none; margin:0;}

/* == Password Field == */
.showPasswordIcon                                   {position: absolute; top: 25%; right: 5%; color: #999; cursor: pointer;}

/* === Singup Form === */
.OktaSignUpForm input                               {font-size: 13px; padding: 10px; border: solid 1px #dadada !important; margin-bottom: 15px; border-radius: 4px; width: 100%; max-width: 100%;}
.OktaSignUpForm .btn                                {margin-bottom: 25px;}

    /* Social Icons */
    .CLVCon_Login_SocialButtons > a                     {display: block; width: 100%; margin-bottom: 10px; border-radius: 4px; font-size: 0.9rem; padding: 10px 15px 10px 55px; position: relative; color: #fff}
    .CLVCon_Login_SocialButtons > a:last-child          {margin-bottom:0;}
    .CLVCon_Login_SocialButtons > a:hover::after        {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.05);}
    .CLVCon_Login_SocialButtons > a > svg               {position: absolute; left: 20px; top: 7px; font-size: 1.5rem;}
    .Facebook                                           {background-color: #3b5998;}
    .LinkedIn                                           {background-color: #007bb6;}
    .GooglePlus                                         {background-color: #dd4b39;}
    .Twitter                                            {background-color: #00aced;}
    .Microsoft                                          {background-color: #0037DA;}

    /* Registration Form Validation Errors */
    .CLVInputGroup                                      {position:relative;}
    .OktaSignUpFormValidation                           {position: absolute; right: 5px; top:33px; background-color: #e81f76; color: #fff; font-size: 11px; padding: 0 5px; border-radius: 4px;}

    /* Sign up success */
    .OktaRegistrationSuccess                            {background-color:#fff; padding:30px;}




@media only screen and (max-width:768px) {
    .vert-tab-title                         {margin-bottom:20px; font-size:1.1rem; line-height:1.8rem;}
    .article-section-title                  {font-size:1rem; line-height:1.5rem; letter-spacing:-1px;}
}

/* OL LI Required Docs */
.li-req-docs                                { margin-bottom: 5px; font-family: 'AvantGarde', sans-serif !important; font-weight:600; font-size: 1rem; }
.li-req-docs > div                          { margin-bottom: 5px; font-family: 'AvantGarde', sans-serif; font-weight:600; font-size: 1rem; }

/* Upload documents styles */
.div-upload-docs                            { background-color:#f0f0f0; border:solid 1px #e0e0e0; align-items: center; display:flex; min-height:300px; font-size:0.8rem;}

/* Modal Classes */
.FixModalHeight .modal-body                 { min-height: 450px }
.FixModalHeight-lg .modal-body              { height: 500px }
.modal-horizontal-scrollbar                 { height: 70vh; overflow-x: auto;}                 


/* Seven and five columns */
@media only screen and (min-width: 768px)   {
    /* 7 columns for bootstrap 4.1 */
    .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1     { width: 100%; *width: 100%; flex:none; max-width: inherit; }
    /* 5 columns for bootstrap 4.1 */
    .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1        { width: 100%; *width: 100%; flex:none; max-width: inherit; }
}
  
 @media only screen and (min-width: 992px)  {
    /* 7 columns for bootstrap 4.1 */
    .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; *width: 14.285714285714285714285714285714%; flex:none; max-width: inherit; }
    /* 5 columns for bootstrap 4.1 */
    .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1    { width: 20%; *width: 20%; flex:none; max-width: inherit; }
}

/* === UI Autocomplete === */
    .AutoCompleteBox                            { padding: 7px; border:solid 2px #f3f3f3;}
    .AutoCompleteBox .SelectedTags              { display:inline-block;}
    .AutoCompleteBox .SelectedTags > div        { display:inline-block; padding:2px 5px; margin-right:3px; background-color:#e81f76; color:#fff;}
    .AutoCompleteBox .SelectedTags > div > a    { padding-left:6px; position:relative; top:-2px; color:#fff;}
    .AutoCompleteBox > input                    { padding: 3px; border:none; display:inline-block; width: auto;}
    .ui-autocomplete                            { background: #fff; border:solid 1px #999; border-radius:2px; z-index:999999; max-height:200px; overflow-y:auto;}
    .ui-autocomplete > li                       { list-style-type: none; padding:10px; cursor:pointer;}
    .ui-autocomplete > li:hover                 { background-color:#e7e7e7; }

/* === Swal 2 Classes */
    .swal2-styled.swal2-confirm                 { background-color: #e81f76 !important;}
    .swal2-styled                               { border-radius: 0 !important; border: none !important; outline:none !important; box-shadow:none !important; }
    .swal2-title                                {font-size:1.4em !important;}
    .swal2-html-container                       {font-size: 16px !important; line-height: 1.453em !important;}
    .swal2-popup.swal2-toast .swal2-title       {font-size: 16px !important;}
    .swal2-container                            {z-index:9999 !important;}


/* Override some colors for new themes */
.bg-danger {
	background-color: #e81f76 !important
}