body{
    font-family: Arial, Helvetica, sans-serif;
}
:root{
    --pandoor-orange:#d9531e;
    --inputs-radius:4px;
}

/* =>=> main styling classes */
.f12{font-size:12px;}
.redMust{color: rgb(167, 5, 5);}
.greenOK{color: #1ca81c;}
.deadGrey{color:#ddd;}
.hideMe{display: none;}
.minWidth300{min-width: 300px;}
.width100{width: 100%;box-sizing: border-box;}
.width100px{width: 100px;box-sizing: border-box;}
.top10{margin-top:10px ;}
.top15{margin-top:15px ;}
.pad5{ padding: 5px;}
.textCenter{text-align: center;}
.panColor{color:var(--pandoor-orange)}
/* <=<= main styling classes */

/* =>=> flex styling classes */
.flx1{flex: 1;}
.flx2{flex: 2;}
.flx3{flex: 3;}

.xbFlexTable{
text-align: right;
}
.xbFlexTableRow{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    border-bottom: 1px solid #333;
}


.xbFlexTableRow:first-child{
    border-top: 1px solid #333;
}

.xbFlexTableItem{
min-height: 30px;
align-items: center;
box-sizing: border-box;
padding: 5px;
/* display: flex; */
border-right: 1px solid #333;
}
.xbFlexTableItem:last-child {
    border-right: 1px solid #333;
    border-left: 1px solid #333;
}
.xbFlexTd{
    flex:1;
}
.xbFlexTh{
    text-align: center;
    background-color:#eee ;
    font-weight: bold;
}

.xbFlexTh150{
    width:150px;
    text-align: right;
    background-color:#eee ;
    font-weight: bold;
}
.xbFlex{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /* align-content: space-around; */
}
.spaceBetween{
align-content: space-around;
}
.flexItem{
/* flex: 1; */
}
/* <=<= flex styling classes */

/* =>=> FORM STYLING */
::-webkit-datetime-edit { padding: 0; }
::-webkit-datetime-edit-text {  padding: 0; }
::-webkit-calendar-picker-indicator {padding: 0; margin: 0; }
input[type="text"]{
    height: 30px;
    padding:2px 4px;
    border:1px solid #ccc;
    border-radius:var(--inputs-radius);
    box-sizing: border-box;
}
input[type="text"].unseenInput{
    border:0px;
    width:0px;
    padding: 0;
}
.input100{
    width:98%;
    box-sizing: border-box;
    margin-left: 1%;
}
/* <=<= FORM STYLING */



.uk-datepicker-previous {
    float: right;
    transform: rotate(180deg);
}

.uk-datepicker-next {
    float: left;
    transform: rotate(180deg);
}

.uk-container.fullWidthPage {
    width: 98%;
    max-width: initial;
}


.stickyTable thead th{
    position: sticky;
    background-color: #ccc;
    top: 0;
    vertical-align: top;

}

.stickyTable tfoot td{
    position: sticky;
    bottom: 0;
    background-color: #efefef;
    font-weight: bold;

}


/* =>=> xb toolTips styling */
.xbToolTip {
    margin: -8px 0 0 2px;
    color: #009dd8;
    position: relative;
    z-index: 2;
}
.xbToolTip:hover {
    /* opacity: 0.7; */
    cursor: pointer;
    color: #ddd;
}

.xbTtPop {
    position: absolute;
    background-color: #fff;
    border-radius: 15px;
    border: 2px solid #009dd8;
    min-width: 150px;
    max-width: 250px;
    color: #333;
    box-sizing: content-box;
    font-family:sans-serif;
    font-size: 14px;
    z-index: 9999;
}

.xbTtTitleRow {
    display: flex;
    align-items: stretch;
    justify-content: start;
    line-height: 26px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 5px;
    font-weight: bold;
    background-color: #efefef;
    padding: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.xbTtTitle {
    text-align: right;
    padding-right:5px ;
}

.xbTtCloseMe {
    font-size: 18px;
}
.xbTtCloseMe:hover{
    opacity: 0.7;
    cursor: pointer;

}

.xbTtTxt {
    padding: 10px;
}

/* <=<= pop styling */

/* =>=> formStyling */
.xbFilterMain{
    display: flex;
    justify-content: center;
}
.xbRadioFilterOption{
margin: 10px;
border: 1px solid #333;
box-sizing: border-box;
padding: 3px 5px;
min-width: 100px;
text-align: center;
position: relative;
}
.xbRadioFilterOption:hover{
    cursor: pointer;
    opacity: 0.8;
}
.xbRadioFilterOption.isChecked:before{
    content: "\f00c";
    color: #fff;
    display: inline-block;
    position: absolute;
    margin-right: 2px;
    font-family: FontAwesome;
    right: 0;

} 
.xbRadioFilterOption.isChecked{
    background-color:var(--pandoor-orange);
    color: #fff;

}

label.xbLabel:hover{ cursor: pointer; text-decoration: underline; }
        
.xbRadio{   
    display: none;
}
.xbRadio +label:before{
    content: "\25A2";
    margin-left: 5px;
    font-size: 120%;
}
.xbRadio:checked+label{
     font-weight: bold; 
} 
.xbRadio:checked +label:before{
    content: "\2713";
    color:green ;
}
.xbRadio:checked +label:hover{
    cursor: initial;
    text-decoration: none;
}
.badField{
    background-color: rgba(255, 0, 0, 0.2) !important;
}

/* <=<= formStyling */

/*  */
.signingLink{
    float: left;
    margin-top: 0;
    margin: 15px 8px;
    width: 18px;
    padding: 2px;
    border: 1px solid;
    text-align: center;
    position: relative;
    height: 23px;
    border-radius: 3px;
}
.signingIcon{
    position: absolute;
    bottom: 2px;
    left: 5px;
}



/* pop */
/* START msg css */
#noteMsg_bg {position: fixed;width: 100%;height: 100%;opacity: .5;background: #333;z-index: 10000;left: 0;top: 0}
#noteMsg_msg {overflow-y: auto;position: fixed;opacity: 1;background: #fff;padding: 20px;z-index: 100001;display: block;height: 100%;min-width: calc(100% - 40px);top: 0;left: 0;border-radius: 15px;webkit-border-radius: 15px;moz-border-radius: 15px;box-shadow: 1px 1px 4px #ccc}
#noteMsg_msg.xb_openedArti {width: calc(100% - 30px);padding: 15px;height: calc(100% - 30px);top: 0%;overflow-y: auto;min-width: inherit;}
#noteMsg_msg .xb_artiIMG img {width: 100%;height: auto;}
#fullPop_msg{width: calc(100% - 50px);position: fixed;height: calc(100% - 50px);overflow: auto;z-index: 10001;background-color: #fff;margin: auto;left: 0;top: 0;right: 0;bottom: 0;border-radius: 15px;webkit-border-radius: 15px;moz-border-radius: 15px;box-shadow: 1px 1px 4px #ccc;padding: 20px;}
.xb_loaderRapper {width: 100%;text-align: center;height: 120px}
.xb_loader {border: 16px solid #f3f3f3;border-radius: 50%;webkit-border-radius: 50%;moz-border-radius: 50%;border-top: 16px solid #3498db;width: 120px;margin: auto;height: 120px;webkit-animation: spinMe 2s linear infinite;animation: spinMe 1s linear infinite}
.noteMsg_close {position: sticky;right:0; top:0;margin: 0 10px;font-size: 38px;line-height: 40px;height: 40px;width: 40px;background: #900;color: #fff;text-align: center;border-radius: 50%;webkit-border-radius: 50%;moz-border-radius: 50%;}
/* left:calc(-100% + 50px); */
.noteMsg_close:hover{opacity: 0.7;cursor: pointer;}
.centerPopTxt{width: fit-content;margin:auto;}
@media only screen and (min-width: 990px) {
    #noteMsg_msg {height: 40%;min-width: 40%;top: 30%;left: 30%}
    #noteMsg_msg.xb_openedArti {width: 70%;left: 15%}
    #noteMsg_msg .xb_artiIMG img {max-width: 30%;height: auto;float: left;padding: 10px}
    #contactNoteDivAbs {padding: 20px 10px 10px 10px;bottom: auto;width: 30% !important;left: 35% !important;min-height: 300px;top: 50%;margin-top: -150px}
}

/* MEDIA QUERIES */


/* // Large devices (desktops, less than 1200px) */
/* @media (max-width: 1199.98px) {  } */

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  
    body,.uk-container{
        padding: 5px;
    }
    #standardsBox{width: 720px;}

}

/* // Small devices (landscape phones, less than 768px) */
/* @media (max-width: 767.98px) { ... } */


/* // Extra small devices (portrait phones, less than 576px) */
/* @media (max-width: 575.98px) { ... } */

@media only screen and (max-width: 400px) {
    #fullPop_msg{padding: 8px;}
    .noteMsg_close {left:calc(-100% + 32px);font-size: 20px;line-height: 22px;height: 22px;width: 22px;}
    #standardsBox{width: 350px;}
}