body {
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
}


/* HEADINGS ----------------------------------------------------------*/
.row { margin:0px; }
.form-row { margin:0px; }
.btn-group .special { display: flex; }
.special .btn { flex: 1; }
.input-float{float:left !important;}
.float-right{float:right !important;}
.text-dark { color:#000 !important; }
.text-success { color:#28a745 !important; }
.text-primary { color:#007bff !important; }
.text-danger { color:#db3f43 !important; }
.selected-row { background-color:#ffeeba !important; }

.ControlTable { text-align: left; border: 0; margin: 0 auto; font-weight:normal; font-size:12px; }
.SpaceTD { height: 10px; }
.titletd { width: 100%; height: 25px; font-weight:bold; font-size:12px; background-color: #aba1ac; color: #000; text-align: center; line-height: 1.2em; }

.pdftable { color: #2e2e2e; text-align: left; border: 0; margin: 0 auto; font: Bold 8pt Arial; }
.pdftable td { padding: 2px 5px; border: 1px solid #ccc; }
.pdftable span { color: #2e2e2e; vertical-align: text-top; font: Normal 8pt Arial; line-height: 1.2em; }
.pdftable .hdrtd { background-color: #cbe7fd; text-align: center; }
.pdftable .hdrlbl { font: Bold 14pt Arial; line-height: 1.4em; text-align: center; }

.displaynone { display: none; }
.disablecontrol { pointer-events: none; opacity: 0.4; }
.keepinline { display: flex; flex-direction: row; }
.border0 { border: none; }
.border1 { border: solid 1px #ccc; }
.font-bold { font-weight: bold; }

.m-0 { margin: 0px!important; }
.m-1 { margin: 5px!important; }
.m-2 { margin: 6px!important; }
.m-3 { margin: 10px!important; }
.mt-0 { margin-top: 0px!important; }
.mt-1 { margin-top: 5px!important; }
.mt-2 { margin-top: 8px!important; }
.mt-3 { margin-top: 10px!important; }
.mt-4 { margin-top: 15px!important; }
.mb-0 { margin-bottom: 0px!important; }
.mb-1 { margin-bottom: 5px!important; }
.mb-2 { margin-bottom: 8px!important; }
.mb-3 { margin-bottom: 10px!important; }
.mb-4 { margin-bottom: 15px!important; }

.p-0 { padding: 0px!important; }
.p-1 { padding: 5px!important; }
.p-2 { padding: 6px!important; }
.p-3 { padding: 10px!important; }
.pt-0 { padding-top: 0px!important; }
.pt-1 { padding-top: 5px!important; }
.pt-2 { padding-top: 8px!important; }
.pt-3 { padding-top: 10px!important; }
.pt-4 { padding-top: 15px!important; }
.pb-0 { padding-bottom: 0px!important; }
.pb-1 { padding-bottom: 5px!important; }
.pb-2 { padding-bottom: 8px!important; }
.pb-3 { padding-bottom: 10px!important; }
.pb-4 { padding-bottom: 15px!important; }

.lblmsg { float: left; text-align: center; vertical-align: middle; font-weight:bold; font-size:16px; letter-spacing: 1pt; background-color: #4b6c9e; color: #ffffff; padding: 5px 5px; border: solid 1px #ff9933; }
.lblmsgrgt { float: right; text-align: center; vertical-align: middle; font-weight:bold; font-size:16px; letter-spacing: 1pt; background-color: #4b6c9e; color: #ffffff; padding: 5px 5px; border: solid 1px #ff9933; }
.lblblue { color: #1133f2; font-weight:bold; font-size:10px; line-height: 1.2em; vertical-align: text-top; }
.lblred { color: #FB1F35; font-weight:bold; font-size:10px; line-height: 1.2em; vertical-align: text-top; }


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-image: none !important; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #c6e2fb; border-left: solid 3px #3072ab; }

.centered-modal.in { display: flex !important; }
.centered-modal .modal-dialog { margin: auto; }

.icnbtn { background-color: #007bff; border: none; color: white; padding: 8px 12px; border-radius: 4px; cursor: pointer; }
.icnbtn:hover { background-color: #0069d9; }

.roundcrnr1 { border-radius: 5px; border: 1px; border-style: solid; margin: 5px 0px; padding: 5px; width: 100%; }
.roundcrnr2 { border-radius: 5px; border: 2px; border-style: solid; margin: 5px 0px; padding: 5px; width: 100%; }
.roundcrnr3 { border-radius: 5px; border: 3px; border-style: solid; margin: 5px 0px; padding: 5px; width: 100%; }

.roundcrnr-default { background-color: #fff; border-color: #ccc; }
.roundcrnr-primary { background-color: #fff; border-color: #007bff; }
.roundcrnr-secondary { background-color: #fff; border-color: #6c757d; }
.roundcrnr-success { background-color: #fff; border-color: #28a745; }


.messagealert .msgalrt { padding:10px 5px; -webkit-box-shadow: 3px 4px 6px #999; }
.font-big {font-size:10pt !important; text-align:center !important; }
.font-big-bold {font-size:10pt !important; text-align:center !important; font-weight:bold !important; }

/* HTML Modal ----------------------------------------------------------------*/

.modal { text-align: center; padding: 0 !important; }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

.modal-success { color: #636363; width: 200px; }
.modal-success .modal-content { padding: 20px; border-radius: 5px; border: none; }
.modal-success .modal-header { border-bottom: none; position: relative; }
.modal-success h4 { text-align: center; font-size: 28px; margin: 30px 0 -15px; }
.modal-success .form-control, .modal-success .btn { min-height: 40px; border-radius: 3px; }
.modal-success .close { position: absolute; top: -5px; right: -5px; }
.modal-success .modal-footer { border: none; text-align: center; border-radius: 5px; font-size: 14px; }
.modal-success .icon-box { color: #fff; position: absolute; margin: 0 auto; left: 0; right: 0; top: -60px; width: 75px; height: 75px; border-radius: 50%; z-index: 9; background: #82ce34; padding: 15px; text-align: center; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); }
.modal-success .icon-box i { font-size: 40px; position: relative; top: 3px; }
.modal-success .modal-dialog { margin-top: 80px; }
.modal-success .modal-body { text-align: center; }
.modal-success .btn { background: #82ce34; }
.modal-success .btn:hover, .modal-success .btn:focus { background: #6fb32b; outline: none; }
.trigger-btn { display: inline-block; margin: 100px auto; }

.modal-error { color: #636363; width: 250px; }
.modal-error .modal-content { padding: 20px; border-radius: 5px; border: none; }
.modal-error .modal-header { border-bottom: none; position: relative; }
.modal-error h4 { text-align: center; font-size: 26px; margin: 20px 0 -15px; }
.modal-error .form-control, .modal-error .btn { min-height: 40px; border-radius: 3px; }
.modal-error .close { position: absolute; top: -5px; right: -5px; }
.modal-error .modal-footer { border: none; text-align: center; border-radius: 5px; font-size: 14px; }
.modal-error .icon-box { color: #fff; position: absolute; margin: 0 auto; left: 0; right: 0; top: -60px; width: 75px; height: 75px; border-radius: 50%; z-index: 9; background: #dc3545; padding: 15px; text-align: center; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); }
.modal-error .icon-box i { font-size: 40px; position: relative; top: 3px; }
.modal-error .modal-dialog { margin-top: 80px; }
.modal-error .modal-body { text-align: center; }
.modal-error .btn { background: #dc3545; }
.modal-error .btn:hover, .modal-error .btn:focus { background: #c82333; outline: none; }
.trigger-btn { display: inline-block; margin: 100px auto; }

/* ToolTip ----------------------------------------------------------------*/

.hint .tooltiptext { visibility: hidden; width: 200px; background-color: black; color: #fff; text-align: left; border-radius: 6px; padding: 5px 5PX; position: absolute; z-index: 1; top: -5px; left: 110%; font-weight:normal; font-size:10px; }
.hint .tooltiptext::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent black transparent transparent; }
.hint:hover .tooltiptext { visibility: visible; }
.hint li { list-style: circle; text-align: left; }


/* FORM ELEMENTS ----------------------------------------------------------*/

.psphoto { width: 85px; height: 100px; border: 1px solid red; }
.sucMessage { color: #00ba0d; font-weight:bold; font-size:12px; padding: 5px 0; line-height: 1.2em; }
.errMessage { color: #ff0033; font-weight:bold; font-size:12px; padding: 5px 0; line-height: 1.2em; }
.valMessage { color: #ff0033; font-weight:bold; font-size:10px; padding: 4px 0; line-height: 1.2em; }
.form-group label { font-weight:normal; font-size:16px; }
.form-group label span { color: #ff0033; font-weight:bold; font-size:10px; padding: 4px 0; line-height: 1.2em; }

.DetailsHeader { height: 22px; visibility: visible; text-align: left; vertical-align: text-bottom; color: #4682b4; font-weight: bold; font-family: Tahoma; font-size: 12pt; padding: 3px 2px 0 3px; line-height: 1.2em; }
.DetailsText { height: 22px; visibility: visible; padding: 3px 2px 0 3px; text-align: left; vertical-align: text-bottom; font-weight:normal; font-size:10px; color: #696969; line-height: 1.2em; }


.err-container {
    max-width: 600px;
    margin: 80px auto;
    padding: 40px;
    text-align: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    font-family: 'Segoe UI', sans-serif;
}
.err-container h1 {
    font-size: 60px;
    color: #d9534f;
    margin-bottom: 10px;
}
.err-container h2 {
    color: #333;
}
.err-container p {
    color: #666;
    margin-top: 15px;
}
.err-buttons {
    margin-top: 30px;
}
.btn-primary {
    background-color: #007bff;
    color: white;
}
.btn-secondary {
    border: 1px solid #007bff;
    color: #007bff;
}

/* Modern hover behavior for outline buttons */
.btn-outline-primary:hover {
    background-color: #0d6efd !important;
    color: #fff !important;
    border-color: #0d6efd !important;
}

.btn-outline-secondary:hover {
    background-color: #6c757d !important;
    color: #fff !important;
    border-color: #6c757d !important;
}

.btn-outline-success:hover {
    background-color: #198754 !important;
    color: #fff !important;
    border-color: #198754 !important;
}

.btn-outline-info:hover {
    background-color: #0dcaf0 !important;
    color: #fff !important;
    border-color: #0dcaf0 !important;
}

.btn-outline-warning:hover {
    background-color: #ffc107 !important;
    color: #000 !important;
    border-color: #ffc107 !important;
}

.btn-outline-danger:hover {
    background-color: #dc3545 !important;
    color: #fff !important;
    border-color: #dc3545 !important;
}

.btn-outline-dark:hover {
    background-color: #212529 !important;
    color: #fff !important;
    border-color: #212529 !important;
}

/* Smooth animation */
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-dark {
    transition: 0.25s ease;
}



.redirect-msg {
    font-size: 12px;
    color: #aaa;
    margin-top: 25px;
}

/* LAYOUT ELEMENTS ----------------------------------------------------------*/


#errcntr { width: 100%; margin: 20px 0 100px 0; }
#errcntr h2 { width: 100%; font-weight:bold; font-size:18px; color: Red; text-align: left; margin: 0 0 20px 0; border-bottom-style: dotted; border-bottom-color: Red; border-bottom-width: 2px; line-height: 1.4em; }
#errcntr h4 { width: 100%; font-weight:bold; font-size:12px; color: #4b6c9e; text-align: left; margin: 30px 0 10px 0; border-bottom-style: dotted; border-bottom-color: #4b6c9e; border-bottom-width: 2px; line-height: 1.4em; }
#errcntr Label { font-weight:bold; font-size:12px; }
#errcntr .ErrorMsg { width: 100%; font-weight:bold; font-size:14px; color: #4b6c9e; text-align: left; margin: 0 0 20px 0; }
#errcntr .return { width: 100%; float: right; text-align: right; }

#errcntr a { color: #3399cc; font-size: 10px; line-height: 1.2em; font-weight: bold; text-align: center; }
#errcntr a:hover { color: #ff9900; font-weight: bold; cursor: pointer; text-align: center; text-decoration: underline; }
#errcntr a:active { color: #000000; font-weight: bold; cursor: pointer; text-align: center; }


.uploaddiv { height: 25px; cursor: pointer; background-color: #666666; border-radius: 3px; }
.uploaddiv .txt { float: left; cursor: pointer; font: Bold 8pt Tahoma; color: #fff; text-align: left; margin: 5px 0 0 5px; }
.uploaddiv .btn { float: right; width: 47px; height: 17px; cursor: pointer; background-color: #433d44; margin: 2px 2px 2px 0; padding-top: 2px; border-radius: 3px; font: Bold 8pt Tahoma; color: #fff; text-align: center; border: 1px solid #8b8b8b; }

.uploadfile { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.uploadfile:hover { border-color: #66afe9; outline: 0; cursor: pointer; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); }
.uploadfile::-moz-placeholder { color: #999; opacity: 1; }


.count { background-color: Yellow; color: #000000; border: 1px solid #AB00CC; font-weight:bold; font-size:14px; padding: 2px 2px; text-align: center; }
.countrgt { float: right; background-color: Yellow; color: #000000; border: 1px solid #AB00CC; font-weight:bold; font-size:14px; padding: 2px 2px; text-align: center; }
.note { width: 100%; height: 20px; color: Red; font-weight:bold; font-size:10px; text-align: left; padding: 10px 0px 5px 30px; background-image: url(../app-assets/Images/attention.jpg); background-repeat: no-repeat; background-position: left; }

.caption { width: 100%; color: #696969; font: Bold 8pt Tahoma; }


.pagehdr { width: 100%; font: Bold 10pt Tahoma; background-color: #394a68; color: #fff; text-transform: uppercase; text-align: center; padding: 5px 0px; margin-bottom: 15px; }
.timertxt { padding: 0; font: Bold 8pt Tahoma; }


/*=== Header =============================================================================*/

.navbar-inverse { background-color:#fff !important; -webkit-box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
                  -moz-box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25); box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);}

.navbar-brand { padding: 0px !important; }
.navbar-brand > img { width: 75%; }
.menucntr .navbar-brand { width: 100%; height: 50px; }
.menucntr .nav > li > a { padding-top: 15px; padding-bottom: 15px; color:#3c3c3c; }
.menucntr .navbar-toggle { padding: 10px; margin: 25px 15px 25px 0; }


/*=== Footer =============================================================================*/

.ftrcntr { width: 100%; padding: 5px 0px; background-color:#fff; border-top: 1px solid #c1bdbd; 
           position: fixed; left: 0px; bottom: 0px; font-size:8pt; text-align:center;
           -moz-box-shadow: 0 -5px 6px rgba(41,41,41,.25); -webkit-box-shadow: 0 -5px 6px rgba(41,41,41,.25); box-shadow: 0 -5px 6px rgba(41,41,41,.25);}
.ftr-img { width:20%; float:left; padding: 0px 0px; }

.footer-company { color: #536c94; font-size:14pt; font-weight:bold; margin: 0; }
.footer-licence { color: #536c94; font-size:10pt; font-weight:bold; margin: 0; }
.footer-powered { color: #42b3e5; font-size:8pt; margin-top: 5px; }
.footer-links { list-style: none; font-weight: bold; color: #ffffff; padding: 25px 0 23px; margin: 0; }
.footer-links a { display: inline-block; text-decoration: none; color: inherit; }


/* links ----------------------------------------------------------*/


.amainmenu { color: Blue; cursor: pointer; font-weight: bold; text-align: center; padding: 3px 0px 3px 0px; font-size: 10pt; font-family: Tahoma; line-height: 1.4em; text-decoration: none; width: 100%; }
.amainmenu:hover { color: #ffffff; font-weight: bold; cursor: pointer; text-align: center; }
.amainmenu:active { color: #000; font-weight: bold; cursor: pointer; text-align: center; }

.Developer { color: #3399cc; font-size: 10pt; font-family: Tahoma; line-height: 1.2em; font-weight: bold; text-align: center; }
.Developer:hover { color: #ff9900; font-weight: bold; cursor: pointer; text-align: center; text-decoration: underline; }
.Developer:active { color: #000000; font-weight: bold; cursor: pointer; text-align: center; }

.Register { color: #FFF; font-size: 10pt; font-family: Tahoma; line-height: 1.2em; font-weight: bold; cursor: pointer; text-decoration: blink; }
.Register:hover { color: Maroon; text-decoration: underline; }
.Register:active { color: #000000; text-decoration: underline; }

.GridLink { color: Blue; font: Bold 8pt Tahoma; text-decoration: underline; cursor: pointer; text-align: center; }
.GridLink:hover { color: #ffffff; background: #4b6c9e; }
.GridLink:active { color: #000; }

.gdlink { }
.gdlink:hover { background: #4b6c9e; color: #ffffff; text-decoration: underline; cursor: pointer; }

.adelete { color: Red; font: Bold 9pt Tahoma; padding: 3px 0px 3px 0px; line-height: 1.2em; text-decoration: underline; }
.adelete:hover { cursor: pointer; }
.adelete:active { color: #000; }

.lstrows { height: 25px; padding: 5px 10px; font: Bold 10pt Tahoma; background-color: #fff; color: #000; text-align: left; white-space: nowrap; }
.lstrows:hover { background-color: #d2e9ff; color: #000; }

/* MISC ----------------------------------------------------------*/

#DVDetails { width: 905px; background-color: #fff; font-weight:normal; font-size:10pt; }
.PDFTable { width: 905px; vertical-align: top; }
.PDFTable .InnerLeftTable { width: 100%; }
.PDFTable .InnerRightTable { width: 100%; }
.PDFTable .Col1 { width: 450px; vertical-align: top; }
.PDFTable .Col2 { width: 5px; }
.PDFTable .Col3 { width: 450px; vertical-align: top; }

.PDFTable .captd { width: 149px; vertical-align: top; }
.PDFTable .coltd { width: 1px; }
.PDFTable .controltd { width: 300px; vertical-align: top; }

.PDFTable .imgtb { width: 905px; vertical-align: top; }
.imgtb .imgtd1 { width: 250px; height: 120px; }
.imgtb .imgtd2 { width: 300px; height: 120px; }
.imgtb .imgtd3 { width: 300px; height: 120px; }
.imgtb .avcvimg { width: 250px; height: 120px; }


/*** GRIDVIEW ********************************************************/

.gvcntr { min-height: auto; margin: 0px; padding: 0px; overflow: overlay !important; }
.gvcntr150 { min-height: auto; max-height: 150px; margin: 0px; padding: 0px; overflow: overlay !important; }
.gvcntr200 { min-height: auto; max-height: 200px; margin: 0px; padding: 0px; overflow: overlay !important; }
.gvcntr250 { min-height: auto; max-height: 250px; margin: 0px; padding: 0px; overflow: overlay !important; }
.gvcntr300 { min-height: auto; max-height: 300px; margin: 0px; padding: 0px; overflow: overlay !important; }
.gvcntr350 { min-height: auto; max-height: 350px; margin: 0px; padding: 0px; overflow: overlay !important; }
.gvcntr450 { min-height: auto; max-height: 450px; margin: 0px; padding: 0px; overflow: overlay !important; }
.gvcntr500 { min-height: auto; max-height: 500px; margin: 0px; padding: 0px; overflow: overlay !important; }
.gvcntr550 { min-height: auto; max-height: 550px; margin: 0px; padding: 0px; overflow: overlay !important; }

.mydatagrid { width: 100%; border: solid 1px #000; font-size:9pt; font-weight:normal; }
.mydatagrid th { padding: 5px 5px !important; white-space:nowrap; font-size:9pt !important; font-weight:bold !important; 
                 text-align:center; border:1px solid #000 !important; background-color: #83868d; color: #fff;}
.mydatagrid td { padding: 4px 5px; white-space:nowrap; font-size:9pt; font-weight:normal; vertical-align:middle; }

.mydatagrid span { background-color: #000; color: #fff; font-size:9pt; font-weight:normal; padding: 5px 5px 5px 5px; }
.mydatagrid a { background-color: Transparent; padding: 0px 5px; color: #fff; text-decoration: none; font-size:9pt; font-weight:normal; }
.mydatagrid a:hover { background-color: #fff; color: #000; }

.mydatagrid .rows { color: #000; text-align: left; font-size:9pt; font-weight:bold; white-space: nowrap; }
.mydatagrid .rows:hover { background-color: #d2e9ff; color: #000; }
.mydatagrid .emptyrow { width:100%; background:#fff7c0; color:Red; font-size:9pt !important; font-weight:bold !important; text-align:center; padding:10px !important;  }

.mydatagrid .gdlink { color: #002bff; text-decoration: none; font-weight:bold; text-align: center; }
.mydatagrid .gdlink:hover { background: #4b6c9e; color:#ffffff; text-decoration:underline; cursor:pointer; }
.mydatagrid .gdlink:active { color:#000; }

.mydatagrid .gdlink2 { color:Blue; font-size:9pt; font-weight:bold; text-decoration:none; cursor:pointer; text-align:left; }
.mydatagrid .gdlink2:hover { color:#ffffff; background: #4b6c9e; }
.mydatagrid .gdlink2:active { color:#000; }


/*** wrapper / accordion ********************************************************/

.panel-heading { padding: 0; border: 0; }
.panel-heading.active a:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.panel-title > a, .panel-title > a:active { display: block; padding: 5px; letter-spacing: 1px; word-spacing: 2px; color: #555; font-weight:bold; font-size:10pt; text-decoration: none; }


.accordion { margin: 0 auto; }
.accordion__title { color: #fff; text-transform: uppercase; }
.accordion__list { list-style: none; margin: 0; padding: 0; }
.accordion__item { border-bottom: 1px solid #000; visibility: hidden; }
.accordion__item:last-child { border-bottom: 0; }
.accordion__item.is-active .accordion__itemTitleWrap::after { -webkit-transform: translateX(-20%); transform: translateX(-20%); }
.accordion__item.is-active .accordion__itemIconWrap { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.accordion__itemTitleWrap { display: flex; height: 2.5em; align-items: center; padding: 0 1em; color: #fff; cursor: pointer; position: relative; overflow: hidden; }
.accordion__itemTitleWrap::after { content: ''; position: absolute; top: 0; left: 0; width: 200%; height: 100%; background: #3bade3; background: linear-gradient(45deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%); z-index: 1; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; }
.accordion__itemTitleWrap.is-active::after, .accordion__itemTitleWrap:hover::after { -webkit-transform: translateX(-20%); transform: translateX(-20%); }
.accordion__itemIconWrap { width: 1.25em; height: 1.25em; margin-left: auto; position: relative; z-index: 10; }
.accordion__itemTitle { margin: 0; font-weight:bold; font-size:12px; position: relative; z-index: 10; }
.accordion__itemContent { height: 0; overflow: hidden; background-color: #fff; font-family: Tahoma; font-size: 0.875em; border-left: 1px solid #007bff; border-right: 1px solid #007bff; }
.itemContent__last { border-bottom: 1px solid #007bff; }
.accordion__itemContent p { margin: 2em 0; }


/*=== media =============================================================================*/

@font-face {
    font-family: 'Poppins';
    src: url('/app-assets/fonts/poppins-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@media (max-width: 767px) {
    #footer { padding: 35px; }
    #footer .footer-company { font-size: 20px; }
    #footer .footer-licence { font-size: 12px; }
    #footer .footer-powered { font-size: 10px; }
    #footer .footer-links { font-size: 16px; padding: 25px 0 20px; }
    #footer .footer-links a { line-height: 1.8; }
    
    .menucntr .navbar-brand { width: 85%; height: 80px; }
    .menucntr .navbar-brand img { width: 52%; padding: 2rem; }
    .menucntr .nav > li > a { padding-top: 0; padding-bottom: 8px; }
    .timertxt { text-align: center; padding: 0; margin: 0; }
}