@font-face {
  font-family: 'Proxima Nova Bold';

  src: url(/proximanovabold.otf) ;
}
html{
overflow-x:hidden;
}
@font-face {
  font-family: 'Proxima Nova Semibold';

  src: url(/proximanovasemibold.otf) ;
}
@font-face {
  font-family: 'Proxima Nova Regular';

  src: url(/proximanovaregular.otf) ;
}
#loader {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.8);
    z-index:9999;
    display:none;
}
#oprocessing{
display : flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
font-weight: unset;
}
i.fa.fa-circle-o {
color: #bbbbbb;
vertical-align: middle;
padding-bottom:14px;
font-size:25px;
}

i.fa.fa-rotate-left{
padding-bottom: 11px;
color:#7A7A7B;
transform: rotate(45deg);
padding-right: 9px;
}
#processing{
font-weight: unset;
padding-top:7px;
color:#bbbbbb;
padding-left:12px;
}

#failed{
font-weight: unset;
padding-top:7px;
color:#ff0000;
padding-left:12px;
}

#failed-icon{
    font-size: 16px;
    height: 20px;
    position: relative;
    top: -0.5px;
    color: #FD0000;
    margin-right: 9px;
}

#failed-icon.fa-exclamation-triangle{
    color: #F00808;
}

#certDeleted{
font-weight: unset;
padding-top:7px;
color:#ff0000;
padding-left:12px;
}

#certActive{
font-weight: unset;
padding-top:7px;
color:#269900;
padding-left:12px;
}

.refresh{
margin: 1px;
width:9rem;
font-size: 15px;
border: 1px solid #7A7A7B;
border-radius: 4px;
display:flex;
margin-bottom:8px;
background-color:white;
flex-flow: row nowrap;
justify-content: center;
align-items:center;
font-weight:unset;
margin-left:40px;
}
#refreshtext{
padding-left:2px;
margin-top:5px;
color:#7A7A7B;
font-weight:400;
padding-right:6px;
}
.selected1{
background-color: #074987 !important;;
 color: #FFFFFF !important;
border: 3px solid #0a688c;
}
th.polexp{
white-space:nowrap;
}
td.polexp{
text-align:center;
}
th.Regenerateflag.sorting{
padding-right : 2rem !important;
}
th.flag.sorting{
white-space: nowrap;
}
th.view.sorting_disabled{
white-space: nowrap;
}
.USUnit{
white-space: nowrap;
}
.grey
{
/*color:grey;
*/
color:#888888 !important;
  pointer-events: none !important;
/*background-color : #c1c1c1 !important;
*/
/*opacity: 50%;
*/

}
.greythebox
{
/*color:grey;
*/
color:#888888 !important;
  pointer-events: none !important;
/*background-color : #c1c1c1 !important;
*/

/*opacity: 50%;
*/

}.greythebox:before
{
/*color:grey;
*/
color:#888888 !important;
  pointer-events: none !important;
/*background-color : #c1c1c1 !important;
*/

/*opacity: 50%;
*/

}.greythebox:after
{
/*color:grey;
*/
color:#888888 !important;
  pointer-events: none !important;
/*background-color : #c1c1c1 !important;
*/

/*opacity: 50%;
*/

}
.grey:before{
/*border: 2px solid #888888 !important;
*/
border: 2px solid rgb(193, 193, 193)!important;
    pointer-events: none;
    background-color: rgb(193, 193, 193);
}
.checkboxgrey:before{
color:#c1c1c1 !important;
background-color : #c1c1c1 !important;
border: 2px solid #c1c1c1 !important;
pointer-events: none;

}

.Unitno{
white-space: nowrap;
}
/*.generategrey{
    display: inline-block !important;
    background-color: #dcdbdc !important;
    color: #9d9d9d !important;
    border: 3px solid #c4c4c4 !important;
}
*/
#formcheck{
    padding-right: 2.5rem;
    white-space: nowrap;
}
.wrapper-body{ padding-bottom: 100px !important; }
@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#loader::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:100px;height:100px;
    border-style:solid;
    border-color:#3498db;
    border-top-color:transparent;
    border-width: 7px;
    border-radius:50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.tbl.row.mx-auto{
margin-left: -15px;
    margin-right: -15px;
    max-width: 100%;
    overflow-x: hidden;
}
ul.breadcrumb-custom {
    padding: 10px 16px;
    list-style: none;
  }
  ul.breadcrumb-custom li {
    display: inline;
    font-size: 15px;
  }
  ul.breadcrumb-custom li+li:before {
    /*  padding: 8px;
*/
  color: #074987;
    content: ">";
  }
  ul.breadcrumb-custom li a {
    color: #074987;
    text-decoration: none;
  }
  ul.breadcrumb-custom li a:hover {
    color: #074987;
    text-decoration: underline;
  }
h1.certificate{
margin-top: 30px;
    padding-left: 3.8rem;
    letter-spacing: 0px;
    font-family: Proxima Nova Bold;
    font-size:2rem;
}
a.text-decoration-none.plusicon {
    color: #0a688c;
    text-decoration: none;
font-weight: bold;
padding-left: 3rem;
}
#CertTable.col-xs-12{
padding-left: 5.6rem;
    overflow-x: auto;
padding-right:0.9rem;
overflow-y: hidden;
}
#GenerateCertificate {

/*    float: right;
*/
/*    COLOR: #0a688c;
*/
/*    border:3px solid #0a688c;
*/
    background-color: white;
    margin-left: 5rem !important;
height:40px;
width: 30rem;
/*margin-right:2rem;
*/
text-align: center;
letter-spacing: 0px;
font-family:Proxima Nova Regular;
font-size:1.9rem;
font-weight:normal;
margin-bottom: -49px;
    display: inline-block;
    background-color: #dcdbdc;
    color: #9d9d9d;
    border: 3px solid #c4c4c4;
  }
.info{
height:1.85rem;
margin-bottom:3px;
margin-right: 2.2rem;
}
.vr {
    display: inline-block;
    align-self: stretch;
    width: 0.3rem;
    min-height: 3rem;
color: #08688C;
background-color: currentColor;
}
.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    margin-right: 2.5rem;
    margin-left: 4rem;
    margin-bottom: 1rem;
}

.gap-3 {
    gap: 1rem!important;
}
#certificate{
text-decoration: underline !important;
    font-weight: bold;
}
/*.fa-flag:before{
color: #0a688c;
}
.fa-eye:before{
color: #0a688c;
}

.dataTables_length label{
display:none;
}
img.pull-right{
height: 20px;
}
i.fas.fa-eye.center {
    text-align: center;
    width: 100%;
}
img.center{
display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
height: 20px;
}
a:not(.btn) {
    text-decoration: none; 
}
text.centerleft {
    /*margin-left: 1rem;
    margin-right: 1.5rem;*/
    width: auto;
    height: 20px;
    font-weight: bold;
    /*color: #005e72;
     text-decoration: none; */
}
#certviewicon b{
  margin-left: 0rem !important;
padding-right: 4rem;
  text-decoration: none !important;

  margin-right: 3rem !important;}
#certviewicon a[href] {
  color: #08688C;
  text-decoration: none !important;
margin-left: 1.5rem;
    margin-right: 1rem;
  
}
#certviewicon a[href=""] {
  color: #343B47 !important;
  opacity: 0.35 !important;
  pointer-events: none !important;
  margin-left: 1.5rem !important;
  margin-right: 1rem !important;
}
#iconicon a[href] {
  color: #08688C;
  text-decoration: none !important ;
margin-left: 1.5rem !important;
    margin-right: 1rem !important;
  
}
#iconicon a[href=""] {
  color: #343B47 !important;
  opacity: 0.35 !important;
  pointer-events: none !important;
  margin-left: 1.5rem !important;
  margin-right: 1rem !important;
}

text.centerright {
/*    margin-left: 1.5rem;
    margin-right: 1rem;*/
margin-left: 4rem;

    width: auto;
    height: 20px;
    font-weight: bold;
    /*color: #005e72;*/
     text-decoration: none !important; */
}
img.centerleft{
display: block;
    margin-left: 1rem;
    margin-right: auto;
    width: auto;
height: 20px;
}

img.centerright{
display: block;
    margin-left: auto;
    margin-right: 1rem;
    width: auto;
height: 20px;
}

.ul.breadcrumb-custom{
color: #0a688c;
}
.certbtns{
font-weight: bold;
    PADDING-LEFT: 44.2rem;
padding-bottom: 2rem;
display: inline-block;
white-space: nowrap;
}
.bg-light{
font-weight: bold;
}
text.vertical{
font-size: 3rem;
font-weight: normal;
color: #08688C;
}

input[type=checkbox]:checked {
  accent-color: #074987;
    outline-color: #074987 !important;
}
img.pull-right.flags
{
padding-right: 8px
}
#CertificateHolder_Details table.dataTable, table.dataTable th, table.dataTable td
{
font-size:17px !important;
}
table.dataTable thead th {
      border-bottom: 1px solid #ddd;
      background: #F5F6F7 0% 0% no-repeat padding-box;
    border: 0.5px solid #B5ADAD;
font: Proxima Nova Regular;
      letter-spacing: 0px;
      color: #343B47;
font-size:18px;
font-weight:normal;
width:auto !important;

  }
#formcheck.form-check.pull-right{
margin-top:3rem;
}
.flag
{
width: 13% !important;
}
.view
{
width: 14% !important;
text-align: center;

}
.Regenerateflag
{
width: 12% !important;
    word-spacing: -1px;
}
img.pull-right.title {
    height: 20px;
    margin-top: -6px; 
}
#CertificateHolder_Details.dataTable thead th {
    
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#CertificateHolder_Details_paginate
{
padding:0px !important;
	margin-right:45rem;
	margin-top:2rem;
	background:#F5F6F7 !important;
border:none !important;
}
.paginate_button {
	font-size:1rem;
	
}
.dataTables_paginate{
white-space:nowrap;
}
#CertificateHolder_Details_paginate .paginate_button.current{
background:#1D4983 !important;
	 color:white !important; 
font-weight:bold;
}
#CertificateHolder_Details_paginate .paginate_button{
	 
font-weight:bold;
}
#CertificateHolder_Details_paginate .fa-step-backward:before,.fa-caret-left:before,.fa-caret-right:before,.fa-step-forward:before
{
color:#343b47;
	font-size:1.3rem
}
#CertificateHolder_Details_paginate .fa{
	top:1px !important;
}
.paginate_button.next.disabled  .fa-caret-right:before{
	color:#00000029 !important
}
.paginate_button.last.disabled .fa-step-forward:before{
	color:#00000029 !important;
}
 .paginate_button.previous.disabled  .fa-caret-left:before{
	color:#00000029 !important
}
.paginate_button.first.disabled .fa-step-backward:before{
	color:#00000029 !important;
}
.commonbar{
/*background-color: #0A688C !important;
*/
background-color: #58585A !important;
padding-bottom: 5px;
    padding-top: 5px;
    color: #FFFFFF !important;
padding-left: 1.3rem;
border: 1px solid #707070;
}
label#policyNumberID{
font-family: 'Proxima Nova Bold';
color: #FFFFFF;
}
label#EffectiveDateID{
font-family: 'Proxima Nova Bold';
color: #FFFFFF;
}
.bar.col-md-1.offset-md-1{
text-align: start;
    margin-left: 1.7rem;
}
#EffectiveDateID.bartext2.col-md-4.offset-4.pull-right{
text-align: end;
margin-right: 3rem;
}
@media (min-width: 992px) {
    #EffectiveDateDiv.col-xs-12.col-md-6.col-sm-12 {
        text-align: end !important;

    }
}
@media screen and(min-width: 720px){
table.dataTable td.select-checkbox:before{margin-top: 3rem;}
table.dataTable td.select-checkbox:after{margin-top: 3rem;}

}
#barRow.row.mx-auto{
margin-left: 1.7rem;
    margin-right: 1.7rem;
}
table.dataTable td.select-checkbox:before, table.dataTable td.select-checkbox:after, table.dataTable th.select-checkbox:before, table.dataTable th.select-checkbox:before{
top: 45% !important;
}
.greyout_linkscolor{
color: #C0C0C0 !important;
}
.greyout_buttonscolor{
background-color: #E0E0E0 !important;
border: 1px solid #B0B0B0 !important;
color: #B0B0B0 !important;
}
#CertificateHolder_Details table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr th.select-checkbox.selected:after {
    content: "\2713" !important;
margin-top: -2px;
margin-left: -6px !important;
color: white;
font-size: small;
font-weight: bold;
transform: rotate(12deg);
text-shadow: none !important;
}
/*td.flag.sorting_1{
background-color: #e2ecf5 !important;
}
*/
.selectedRow{
    background-color: #e2ecf5 !important;
}*/
table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #e2ecf5 !important;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #e2ecf5 !important;
}
th.select-checkbox.text-center.sorting_disabled.selected{
background-color: #F5F6F7 !important;
}
.test{
background-color: #F5F6F7 !important;
}
input[type=checkbox]:checked {
    accent-color: #0a688c;
}
#flexCheckChecked 
{
position: relative;
    top: 0.1rem;
   transform: scale(1.1,1.1);
/*border: 2px solid #0B7F99 !important;
padding-right: 2.5rem;
    border-radius: 2px !important;
*/
outline: auto;
outline-color: #58585A;
margin: 4px 0 0;
width: auto;

}
/*
.form-check-input {
position: relative;
    top: 0.3rem;
   transform: scale(1.1,1.1);
border: 2px solid #0B7F99 !important;
padding-right: 2.5rem;
    border-radius: 2px !important;
outline: auto;
outline-color: #0B7F99;
margin: 4px 0 0;

            &:checked::before {
position: relative;
    top: 0.3rem;
   transform: scale(1.1,1.1);
border: 2px solid #0B7F99 !important;
padding-right: 2.5rem;
    border-radius: 2px !important;
outline: auto;
outline-color: #0B7F99;
margin: 4px 0 0;
            }

            &:checked:focus {
position: relative;
    top: 0.3rem;
   transform: scale(1.1,1.1);
border: 2px solid #0B7F99 !important;
padding-right: 2.5rem;
    border-radius: 2px !important;
outline: auto;
outline-color: #0B7F99;
margin: 4px 0 0;            }
*/

/*#flexCheckChecked:checked {
position: relative;
    top: 0.3rem;
   transform: scale(1.1,1.1);
border: 2px solid #0B7F99 !important;
padding-right: 2.5rem;
    border-radius: 2px !important;
outline: auto;
outline-color: #0B7F99;
margin: 4px 0 0;
}*/

input[type="checkbox"] {
  // Unchecked Styles
border: 2px solid #0B7F99 !important;
    border-radius: 2px !important;
outline: auto;
outline-color: #0B7F99;
position: relative;
    top: 0.3rem;
   transform: scale(1.1,1.1);

}
input[type="checkbox"]:checked {
  // Checked Styles
border: 2px solid #0B7F99 !important;
    border-radius: 2px !important;
outline: auto;
outline-color: #0B7F99;
position: relative;
    top: 0.3rem;
   transform: scale(1.1,1.1);
}*/
#PriorTermId
{
font-family: 'Proxima Nova Bold';
font-size: 1.6rem;
    display: flex;
    position: relative;
    top: -1.9rem;
padding-right: 2.5rem !important;
white-spacing: nowrap;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 0px 10px;
}
table.dataTable td.select-checkbox:before,
table.dataTable th.select-checkbox:before {
  border: 2px solid #0B7F99 ;
  border-radius: 2px !important;
margin-top: 0px !important;
}
table.dataTable td.select-checkbox:before:NOT,
table.dataTable th.select-checkbox:before {
  border: 2px solid #0B7F99 ;
  border-radius: 2px !important;
margin-top: 0px !important;
}
/*.test{
border: 2px solid grey !important;
  border-radius: 2px !important;
margin-top: 0px !important;
}
*/

checkboxBackground:before {
  background-color: blue;
}
#RegenerateFlag
{
    float: right !important;
    font-size: 15px !important;
    COLOR: #0a688c;
    cursor: pointer;
}


table.dataTable.display tbody > tr.even.selected > .sorting_1 {
    background-color: #e2ecf5 !important;
}

th.select-checkbox.text-center.sorting_disabled.selected:before
 {
    background-color: #0a688c;
border: 2px solid #0a688c !important;
}
/*td.select-checkbox.text-center
 {
    padding: 2.4rem;
}
*/


#langviewicon a[href=""]
{
	pointer-events:none;
	color:#ced0d3 !important;
}
#langviewicon a[href="undefined"]
{
	pointer-events:none;
	color:#ced0d3 !important;
}
.FlagHeader
{
cursor: pointer;
    position: relative;
    top: -0.5rem;
    font-size: 20px !important;
    color: #0a688c;
    margin-right: 2rem;
}
.FlagColumns
{
/*    margin-right: 1rem !important;
*/
    color: #074987;
font-size:20px !important;
}
.FlagColumns:hover {
    cursor: pointer;
}
#CertificateHolder_Details  th:nth-child(7)
{
	padding:0px;
/*    padding-left: 15px;
*/
margin-top: -1px !important;
margin-right: -1px;
margin-left: -1px;
margin-bottom :0px;
padding-left:15px;
}

#CertificateHolder_Details th:nth-child(9) {
    text-align:center;
}
#CertificateHolder_Details td:nth-child(9) {
    text-align:center;
}

#AddCertHolder.fa.fa-plus-circle
{
   COLOR: #074987;
    top: 0.1rem;

}
#addNewCertHolder
{
white-space: nowrap;
margin-left: 1rem;
/*    padding-left: 1.2rem !important;
*/
    font-family: 'Proxima Nova Bold';
    font-size: 1.8rem;
color: #074987;
}
.selected > td:nth-child(2):before,.selected > th:nth-child(2):before{
background-color: #074987;
border: 2px solid #074987 !important;
}

.modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}


.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
margin-top: 30rem;
}


.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
div#CertificateHolder_Details_length{
display: none;
}*/
table.dataTable td.select-checkbox:after{
top: 1.3em !important;
}
table.dataTable th.select-checkbox:after{
top: 1.3em !important;
}
a#ml-certsHolders,a#rm-certs,a#dm-certs,a#dl-certs
{
color: #08688C;
font-family: 'Proxima Nova Semibold';
font-size: 14px;
}
a#certviewicon,a#iconicon{
color: #074987 !important;
}
i#Renewalflag{
display: flex !important;
justify-content: center;
}
th.Regenerateflag.sorting{
display: flex !important;
justify-content: center;
}

.greyRow
{
/*color:#888888 !important;*/
pointer-events: none !important;
background-color : #F2F2F2!important;


}

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/materialicons.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

#dialogovelay, #dialogovelayBulkDownload, #dialogovelayBulkGen {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.50);
        z-index: 999999;
    }

    #dialogdv, #dialogbd, #dialogbg {
        width: 500px;
        margin: 100px auto 0;
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0,0,0,.2);
        border-radius: 3px;
        overflow: hidden
    }

    #dialogheader {
        padding: 10px 8px;
        background-color: #f6f7f9;
        border-bottom: 1px solid #e5e5e5
    }

    #dialogheader h3 {
        font-size: 14px;
        margin: 0;
        color: black;
        display: inline-block
    }

               

    #dialog-mssg, #dialogbd-mssg, #dialogbg-mssg {
        padding: 15px 15px
    }

    #dialog-mssg, #dialogbd-mssg, #dialogbg-mssg p {
        margin: 0;
        font-size: 16px;
        color: black;
    }

    #dialogfooter, #dialogfooterbd, #dialogcontrolsbg {
        border-top: 1px solid #e5e5e5;
        padding: 12px 12px
    }

    #dialogcontrols, #dialogcontrolsbd, #dialogfooterbg {
        direction: rtl
    }
    #buttonCancel:hover, #btnNoBD, #btnNoBG {
        background-color: lightgrey
    }
    #buttonDelete:hover, #btnYesBD:hover, #btnYesBG:hover {
        background-color: #074987
    }
    #buttonCancel, #btnNoBD, #btnNoBG {
        background-color: rgb(248, 248, 248);
        color: #5D5D5D;
        padding: 4px 15px;
        font-size: 15px;
        border: 1px solid #7A7A7B;
        border-radius: 4px;
    }

    #buttonDelete, #btnYesBD, #btnYesBG {
        background-color: #08688C;
        color: #f5f5f5;
        padding: 4px 15px;
        font-size: 15px;
        border: 1px solid #7A7A7B;
        border-radius: 4px;
        
    }