@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');
body, h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;}
/*---page_gap_reset---*/
/*
body {padding:0;}
.all-wrapper {max-width:inherit;}
.menu-side-w, .top-menu-secondary, .menu-side .content-w {border-radius:0;}
.menu-side .layout-w {min-height:100vh;}
*/
/**/
a {color: #0c2556;}
a:hover {text-decoration:none; color:#2e2e2e;}
/*--color class---*/
	.blue {color: var(--blue);}
	.indigo {color: var(--indigo);}
	.purple {color: var(--purple);}
	.pink {color: var(--pink);}
	.red {color: var(--red);}
	.orange {color: var(--orange);}
	.yellow {color: var(--yellow);}
	.green {color: var(--green);}
	.teal {color: var(--teal);}
	.cyan {color: var(--cyan);}
	.white {color: var(--white);}
	.gray {color: var(--gray);}
	.gray-dark {color: var(--gray-dark);}
	.primary {color: var(--primary);}
	.secondary {color: var(--secondary);}
	.success {color: var(--success);}
	.info {color: var(--info);}
	.warning {color: var(--warning);}
	.danger {color: var(--danger);}
	.light {color: var(--light);}
	.dark {color: var(--dark);}
/*------*/
body {padding:20px;min-height: 100%; color:#3E4B5B; position: relative;}
.magic {width:100%; height:0; clear:both;  }
body:before {
    content: "";
    position:fixed;
    z-index: -2;
    /*background: -webkit-gradient(linear, left top, right bottom, from(#65A8F1), to(#D7BBEA));
    background: linear-gradient(to bottom right, #65A8F1, #D7BBEA);*/
    background:url(img/1920.jpg) no-repeat center center #334152 ;    background-size: cover;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}
body:after {
      content: "";
    position: fixed;
    z-index: -2;
    background: rgb(0 0 0 / 75%);
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

/*-----menu--*/


.menu-side-w ul.main-menu {
  list-style: none;
  padding: 2rem;
  margin-bottom: 0px;
}
.menu-side-w ul.main-menu > li { display: block; }

.menu-side-w ul.main-menu > li:last-child {
  border-bottom: none;
}

.menu-side-w ul.main-menu > li.has-sub-menu > a:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'osfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91c";
  font-size: 7px;
  color: rgba(0, 0, 0, 0);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 10px;
}

.menu-side-w ul.main-menu > li.has-sub-menu.active .sub-menu {
  display: block;
}

.menu-side-w ul.main-menu > li > a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; 
  /*padding: 0 17px;*/
  overflow: hidden;
}

.menu-side-w ul.main-menu > li > a:focus {
  text-decoration: none;
}

.menu-side-w ul.main-menu > li > a:hover {
  text-decoration: none;
}

@media (min-width: 1025px) {
  .menu-side-w ul.main-menu > li > a:hover .icon-w {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  .menu-side-w ul.main-menu > li > a:hover span {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}

.menu-side-w ul.main-menu > li .icon-w {
  color: #0073ff;
  font-size: 27px;
  display: block;
  padding: 14px 1rem;
  width: 80px;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.menu-side-w ul.main-menu > li span { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; padding: 7px 17px; font-size: 15px; color: #d2d2d2; }
.menu-side-w{ padding: 0px; }
.menu-side-w ul.main-menu > li span .fa{    font-size: 18px; padding-right: 14px;}

.menu-side-w ul.main-menu > li .icon-w + span {
  padding-left: 0px;
}

.menu-side-w ul.sub-menu {
  padding: 1rem 0px;
  padding-left: 57px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  display: none;
  list-style: none;
  padding-top: 0;
}

.menu-side-w ul.sub-menu li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.menu-side-w ul.sub-menu li:last-child {
  border-bottom: none;
}

.menu-side-w ul.sub-menu li a {
  padding: 0.4rem 10px 0.4rem 10px;
  display: block;
  position: relative;
  font-size: 0.81rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.menu-side-w ul.sub-menu li a:before {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid #d2d2d2;
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #d2d2d2;
  display: block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 6px;
}

.menu-side-w ul.sub-menu li a:hover {
  text-decoration: none;
  cursor: pointer;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

.menu-side-w ul.sub-menu li a:hover:before {
  -webkit-transform: translate(-5px, -50%);
          transform: translate(-5px, -50%);
  border-radius: 6px;
  background-color: #d2d2d2;
  border-color: #d2d2d2;
}

.menu-side-w ul.sub-menu .badge {
  font-size: 0.72rem;
  padding: 2px 4px;
  margin-left: 3px;
}

.menu-side-w.color-scheme-dark {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#323c58), to(#293145));
  background-image: linear-gradient(to bottom, #323c58 0%, #293145 100%);
  background-repeat: repeat-x;
  color: #ccd9e8;
  -webkit-box-shadow: 0px 5px 15px rgba(22, 22, 35, 0.1);
          box-shadow: 0px 5px 15px rgba(22, 22, 35, 0.1);
}

.menu-side-w.color-scheme-dark .logo-w .logo:hover .logo-label:after {
  background-color: #fff;
}

.menu-side-w.color-scheme-dark .logo-w .logo-label {
  color: #fff;
}

.menu-side-w.color-scheme-dark .logged-user-menu {
  background-color: #5e00da;
  -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.25);
}

.menu-side-w.color-scheme-dark .side-menu-magic {
  background-image: linear-gradient(-154deg, #6d16a3 8%, #5211e6 90%);
}

.menu-side-w.color-scheme-dark ul.sub-menu {
  border-top-color: rgba(255, 255, 255, 0.05);
}

.menu-side-w.color-scheme-dark ul.sub-menu li {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

.menu-side-w.color-scheme-dark ul.sub-menu li a {
  color: #fff;
}

.menu-side-w.color-scheme-dark ul.sub-menu li a:before {
  border-color: #fff;
  background-color: #fff;
  opacity: 0.2;
}

.menu-side-w.color-scheme-dark ul.main-menu .icon-w {
  color: #6480e2;
}

.menu-side-w.color-scheme-dark ul.main-menu > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.menu-side-w.color-scheme-dark ul.main-menu > li > a {
  color: #fff;
}

.menu-side-w.color-scheme-dark ul.main-menu > li > a:before {
  color: #fff;
}

.menu-side-w.color-scheme-dark .sub-menu-w {
  -webkit-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.2);
}

.menu-side-w.color-scheme-dark .logo-w {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

.menu-side-w.color-scheme-dark .logo-w span {
  color: #fff;
}

.menu-side-w.color-scheme-dark .logged-user-w {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

.menu-side-w.color-scheme-dark .logged-user-w .avatar-w {
  border-color: #fff;
}

.menu-side-w.color-scheme-dark .logged-user-w .logged-user-role {
  color: rgba(255, 255, 255, 0.4);
}

/*--profile---*/


/* 6. User Profile  */
.user-profile .up-head-w {
  background-size: cover;
  background-position: center center;
  position: relative;
  color: #fff;
  border-radius: 6px 6px 0px 0px;
}

.user-profile .up-head-w .decor {
  position: absolute;
  bottom: -1px;
  right: 0px;
  max-width: 100%;
  z-index: 3;
}

.user-profile .up-head-w .decor .decor-path {
  fill: #fff;
}

.user-profile .up-head-w:before {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(0, 0, 0, 0.2)), color-stop(70%), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2), 70%, rgba(0, 0, 0, 0.5));
}

.user-profile .up-head-w .up-social {
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 5;
}

.user-profile .up-head-w .up-social a {
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  font-size: 30px;
  margin-left: 10px;
}

.user-profile .up-head-w .up-social a:hover {
  color: white;
  text-decoration: none;
}

.user-profile .up-main-info {
  padding: 20% 5% 5% 5%;
  position: relative;
  z-index: 4;
}

.user-profile .up-main-info .user-avatar-w {
  margin-bottom: 1rem;
}

.user-profile .up-main-info .user-avatar-w .user-avatar {
  width: 60px;
  height: 60px;
  border-radius: 40px;
  border: 3px solid #fff;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.user-profile .up-main-info .user-avatar-w .user-avatar img {
  max-width: 100%;
  height: auto;
}

.user-profile .up-header {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 3.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding-bottom: 10px;
  display: inline-block;
  margin-bottom: 10px;
}

.user-profile .up-sub-header {
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.8);
}

.user-profile .up-controls {
  padding: 20px 5%;
}

.user-profile .btn + .btn, .user-profile .all-wrapper .fc-button + .btn, .all-wrapper .user-profile .fc-button + .btn, .user-profile .all-wrapper .btn + .fc-button, .all-wrapper .user-profile .btn + .fc-button, .user-profile .all-wrapper .fc-button + .fc-button, .all-wrapper .user-profile .fc-button + .fc-button {
  margin-left: 20px;
}

.user-profile .up-controls + .up-contents {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.user-profile .up-contents {
  padding: 20px 5%;
  padding-top: 3rem;
}

.user-profile.compact .up-contents {
  padding-top: 0px;
}

.user-profile.compact .up-main-info {
  padding-top: 35%;
}

.user-profile.compact .up-head-w .up-social a {
  font-size: 20px;
}

.user-profile.compact .up-header {
  font-size: 1.5rem;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.user-profile.compact .up-sub-header {
  font-size: 0.81rem;
}

.user-profile + .element-wrapper {
  margin-top: 2rem;
}

.value-pair {
  display: inline-block;
}

.value-pair .label {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.63rem;
  text-transform: uppercase;
  display: inline-block;
}

.value-pair .value {
  display: inline-block;
  font-size: 0.63rem;
  text-transform: uppercase;
}

.value-pair + .value-pair {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.user-profile {
  border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
    box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);

  -webkit-animation-name: fadeUp;
  animation-name: fadeUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

/*--prEND--*/
.lgBx { text-align: center; display: flex; align-items: center; justify-content: center; height: 100%; padding-top: 68px; }
.logwdset {     width: 95%;
    background: #fff;
    border-radius: 28px;
    display: inline-block;
    padding: 30px 20px;
    max-width: 834px; }
.lgbtn .btn1{ border-radius: 32px;}
.lgSgnLne h5, .lgSgnLne h5{ font-size: 14px; }





/* .bxShdow {box-shadow:0 3px 8px rgba(0,0,0,0.1); border-radius:8px;  }
 */
.lgobg {position:relative; }
.lgobg:after {z-index:1; position: absolute; content:""; top:0; bottom:0; left:0; right:0; 
 }
    .lgobx {background: #fff;
    border-radius: 8px;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    position: relative;
    z-index: 2;
    border-radius: 50%;
    position: absolute;
    top: -86px;
    margin: auto;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .lgobx img {height: 52px;}
.si-col{color: #c7c7c7;
    margin-top: 16px;
    font-weight: 300; font-size: 14px;}
.whtBx {width: 50%;
    float: left;}

.for-g { font-size: 14px; margin-top: 11px; margin-right: 20px; color: #0c2556; }

.whtBx-sec{width: 100%;
    float: left;
    background: url(img/1234a.jpg) no-repeat;
    padding: 106px 0;
    border-radius: 28px;}
.whtBx-sec h3{font-size: 29px; 
    font-weight: 500;
    color: #ececec;}
.whtBx-sec p{    font-size: 13px;
    color: #ececec;
    padding: 0 30px;
} 
.whtBx-sec-two{padding: 153px 0;}   
.lin1 {font-size:26px; font-weight:bold; color:#334152; text-align: left; }
.lin2 {font-size:16px; color:#0c2556; text-align: center;}

.dvdBlu {border-top:1px solid rgba(0,0,0,0.1); text-align: center; font-size:0; margin: 20px 0 30px;}
.dvdBlu span {background:#0c2556; width:32px; height:7px; border-radius:4px; display:inline-block; 
    margin:-4px 0 0 0; }
  
.logwdset .lin1 {font-size: 19px; margin-bottom: 18px; text-transform: uppercase;}
.logwdset-w{ width: 38%; }
.logwdset-w .lin1 { font-size: 19px; margin-bottom: 18px; text-transform: uppercase; text-align: center; position: relative; z-index: 9; }
.logwdset-w .fldbx { max-width: 392px; margin: 0 auto; position: relative; }
.logwdset-w .lgobx { box-shadow: 0px 5px 5px #ccc; }
.frmRow {margin: 0 10px 20px 0; }
.fldbx {max-width:392px; margin:0; position:relative;   }
.frmRow label {color:#000; font-size:16px; display:inline-block; width:100%;  }

.frmfld-back { display: inline-block; border: 1px solid #CCCCCC; box-sizing: border-box; height: 40px; line-height: 38px; border-radius: 38px; padding: 0 14px 0 46px; width: 100%; font-size: 14px; background: #fff; font-family: 'Roboto', sans-serif; outline: none; }
.frmfld { display: inline-block; height: 40px; line-height: 38px; width: 100%; font-size: 14px; background: #fff; font-family: 'Roboto', sans-serif; border: 1px solid #ccc; outline: none; padding-left: 10px; padding-right: 10px; border-radius: 6px;}

    .logwdset .whtBx{    padding: 0 10px;}


.icnuser, .icnpswrd, .icnphn, .icneml { display: inline-block;
    width: 24px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 14px;
    background-size: 13px !important; } 

.icnuser {background:url(img/user1.png) no-repeat center center; }
.icnpswrd {background:url(img/lock.png) no-repeat center center;}
.icnphn {
    background: url(img/download3.png) no-repeat center center;
    background-size:24px;
}
.icneml {
    background: url(img/download2.png) no-repeat center center;
    background-size:22px;
}

.lgbtn {text-align: center; padding:6px 00 0 0; }

.bttn{display: inline-block;
    padding: 8px 48px;
    min-width: auto;
    border-radius: 31px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: relative;
    border: 0;
    cursor: pointer;
    outline: none;
    font-weight: normal;}
.bttn:hover {color:#fff; background:#0775e8;  }
.bttn:active {top:1px;}
.bttn:disabled {background:#ccc; cursor:no-drop;}
.btn1 {border-radius:6px;}


.ftrcp {color:#000; font-size: 12px; opacity:0.8; text-align: center; padding:40px 0 0 0;  }


/*------------------------------------*/
.logobx {background:#0c2556; text-align: center; border-radius:6px 0 0 0;     padding: 15px 0; }
.logobx a {display: inline-block; }

.lgDtlBx {text-align:left; padding:0 0 20px 0; }

.imgBxpa {display:inline-block;border:2px solid #0c2556;border-radius:50%; font-size:0; vertical-align:middle; }

.imgBxpb {width:50px; height:50px; display:inline-block; overflow:hidden; border-radius:50%; 
border:3px solid #fff;   }
.imgBxpb img { width: 81%; height: 81%; background: #fff; border-radius: 50%; padding: 8px; }

.pnmbx {display: inline-block; vertical-align:middle; padding:0px 0 0 6px;}
.pnm1 {font-size:16px; color:#fff; font-weight:500;   }
.pnm2 {font-size:11px; color:#fff; opacity:0.8; }
.pnm2 img {vertical-align: middle;}
.pnm2 span {vertical-align: middle; color: #000;}



.mblbr {display:none; padding:10px; width:100%; background:#0c2556; color:#fff; }
.mpgnm {font-size: 14px; line-height: 18px; font-weight: 500; display: inline-block;}
.mblbr img {width:16px; float:right; margin:1px 0 0 0;   }

.menu-side-w ul.main-menu > li.has-sub-menu > a:before {transition:all ease-in-out 0.2s; }
.menu-side-w ul.main-menu > li.has-sub-menu.active > a:before {transform:rotate(-90deg); }
.menu-side-w ul.main-menu > li.thispg > a {display:inline-block; left:0;
box-sizing:border-box; width:100%; /*padding: 0 17px;*/ overflow:hidden; }
.menu-side-w ul.main-menu { padding: 1.5rem 0rem;}


/*--------------------------------*/
.desktop-menu { box-shadow:0px 2px 8px rgba(12, 19, 35, 0.15); }
.pagBx {min-height:calc(100vh - 100px); padding:20px; padding-top: 0;  }
.pgftr {padding:20px; font-size:12px; color:rgba(62, 75, 91, 0.6); background:#fff;  border-radius: 0 0 6px 0;   }

.menu-side-w ul.sub-menu li a {color:#d2d2d2; }

.toplne {padding:0 20px; display: inline-block; width:100%; box-sizing: border-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.breadcrumb.brdbx {padding:0;border-bottom: 0px solid rgba(0, 0, 0, 0.05); float: left; display:inline-block;
line-height:34px; }
.icnBx {float:right; padding: 7px 0 0 0;}
.icnBx a {margin:0 8px 0 22px; }

.logged-user-w {padding: 20px 14px 0; border-bottom: 0px solid rgba(0, 0, 0, 0.05);}



/*set1-----------------------*/
.content-w {background-color:#F2F4F8;}

.hdln1 { }
.txt1 { font-size: 38px; line-height:38px;  font-weight: 500;  text-align: center;  color: #0c2556;}

.dvdBlu2 { width:120px; border-top: 1px solid rgba(0,0,0,0.1); text-align: center; font-size: 0; margin:15px auto 18px;}
.blubx2 { background: #0c2556; width: 32px; height: 7px; border-radius: 4px; display: inline-block; margin: -4px 0 0 0;}

.sldrBx {padding:22px 40px; background:#fff;     border-radius: 6px;
  margin: 24px 0 30px 0; }
.wd1 {   border-radius: 40px;
  background-image: linear-gradient(to bottom, #e2e2e2, #f9f9f9);}
.wd2 { height: 18px;  border-radius: 40px; text-align: right;
  background-image: linear-gradient(to right, #33579d, #3494ea);}
.wd2 span {padding:0 6px; font-size: 12px; font-weight: 500; color: #ffffff; 
	display:inline-block;	line-height: 18px;    vertical-align: top;}
    
.txt2 { margin:14px 0 0 0;  font-size: 20px;  font-weight: 500;  text-align: center;  color: #334152;
line-height: 20px;}


.hdln2 {padding:15px 0; font-size: 24px; font-weight: 500; text-align: center; color: #0c2556;}
.txt3 {}


.whtBx2 {padding:20px; border-radius: 6px;  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04);  background-color: #ffffff;}

.txt4 {font-size: 14px; text-align:justify; color: #000;}


.icnRow {padding:20px 0; text-align: center;}


.isetBx {display: inline-block; vertical-align: top; width: 190px;}
.isetBx a { display: inline-block; }
.isetBx span {display:inline-block; width:140px; height:140px; border-radius:50%; }

span.fgrn {background:url(../img/f_green.svg) no-repeat center center #334152;}
span.fblu {background:url(../img/f_blue.svg) no-repeat center center #334152;}
span.fyel {background:url(../img/f_yellow.svg) no-repeat center center #334152;}
span.fred {background:url(../img/f_red.svg) no-repeat center center #334152;}
.isetBx span:hover {background-color:#293544;}

.txt5 { font-size: 20px; font-weight: 500; text-align: center; color: #0c2556; margin:10px 0 0 0; line-height: 26px;}







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

#nav-icon4 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  float: right;
}

#nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1px;
  left: 4px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 4px;
}

/*--set2-------------------------*/


.txt6 { font-size: 22px; font-weight: bold; color: #0c2556; padding-top: 24px; }

.dvdBlu3 { border-top: 1px solid rgba(0,0,0,0.1); text-align: left; font-size: 0; margin:10px auto 30px;}
.blubx3 { background: #0c2556; width: 32px; height: 7px; border-radius: 4px; display: inline-block; margin: -4px 0 0 0;}


	.txt7 {  font-size: 16px;  font-weight: 500;  color: #334152; padding:0 0 4px 0; }

	.txt8 {  opacity: 0.7;  font-size: 14px;  color: #3e4b5b;}


.clm3row {margin:25px 0; background-color:#fff; padding:40px 20px; border-radius:6px;  
display: inline-block; width:100%; box-sizing: border-box;  }

.clm3bx {width:33.3333%; float: left; }
.clm3gap { max-width:200px; margin:0 auto; text-align: center;}
	
	.icnRnd {width:118px; height:118px; border-radius:50%; margin:0 auto 20px;    }

	.icnv1 {background:url(../img/play.svg) no-repeat center center; border:2px solid rgba(239,75,62,0.5); }
	.icnv2 {background:url(../img/pencil.svg) no-repeat center center; border:2px solid rgba(165,67,23,0.5); }
	.icnv3 {background:url(../img/idea.svg) no-repeat center center; border:2px solid rgba(255,200,26,0.5);}

	.txt9 { font-size: 18px;
  font-weight: 500;
  color: #334152;}
  	.txt10 {  margin:20px 0 18px; opacity: 0.7;  font-size: 12px;  color: #3e4b5b; min-height: 55px;}

	.gsBtn {}
	.btn2 { }



/*/---------------------------------*/
.set1 {}

.hdlne4 {margin:0 0 18px 0;}
.hdicn1 { padding:0 0 0 50px; 
background:url(../img/play.svg) no-repeat center left; background-size:auto 30px;   }
.txt11 {  font-size: 18px; padding:0 0 1px 0; 
  font-weight: 500;
  color: #000;}
.ulneblu {  width: 26px;
  height: 2px;
  border-radius: 4px;
  background-color: #0c2556;}

.txt12 {font-size: 14px;}

.txt12 ul {padding:0 ; margin:0; }
.txt12 ul li {padding:4px 0 4px 14px; background:url(../img/round.svg) no-repeat left 11px; list-style-type: none; }
.txt12 ul li a {color: #0c2556;}
.txt12 ul li a:hover {color:#046CD9;}


.nextSet {padding: 60px 0 20px;}
  
  .whtBx3 {padding:20px; background:#fff; max-width:400px;  border-radius: 6px; margin:0 auto;}
.txt13 { font-size: 18px;  font-weight: 500;  color: #334152; margin:0 0 10px 0; }

.txt14 {  font-family: Roboto;  font-size: 12px;  color: #3e4b5b; }
.txt14 img {max-width: 30px; margin:0 16px 0 0; float: left; }

.bluLnk {text-align: center;}
  .nxbtn {width:40px; height:40px; border-radius:50%; display: inline-block; font-size:0;  
  background:url(../img/right-arrows.svg) no-repeat center center #0c2556; background-size:16px;    }
  .nxbtn:hover {background-color:#046CD9;}



.hdicn2 { padding:0 0 0 44px; 
background:url(../img/pencil.svg) no-repeat center left; background-size:auto 30px; }
.hdicn3 { padding:0 0 0 44px; 
background:url(../img/idea.svg) no-repeat center left; background-size:auto 30px; }



.txt15 { font-size: 14px;  color: rgba(62, 75, 91, 0.7);}

.txt16 { font-size: 16px;  font-weight: 500;  color: #334152; padding:20px 0 0 0;  }

.upldBx { margin:10px 0 0 0;  border-radius: 6px;  background-color: #f5f6f8; padding:15px; }

.upldBx .dropzone {border-radius: 2px; background:none;  border: dashed 3px #bac1ce;}
 .upldBx .dropzone h4 { margin:0;   font-size: 16px;  text-align: center;  color:rgba(62, 75, 91, 0.7);}
.upldBx .dropzone .dz-message { margin: 42px 0 0;}


.bluntc {margin:10px 0;border-radius: 6px; padding:10px 20px;    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04);   background-color: #65a8f1;  font-size: 14px;
  color: #ffffff;}
.bluntc a {font-weight:500; color:#fff; text-decoration:underline;  }


.txt17 { font-size: 14px;  color: #3e4b5b; margin:0 0 6px 0; }
.txt18 {  font-size: 12px;  color:rgba(62, 75, 91, 0.7);}
.sqtbx {padding:20px 0 0 0; }
.btn3 {}


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

.hdrsetc {}
	.hdtc1 {text-align: center;}
	.hdci {background:url(../img/idea.svg) no-repeat center center; background-size:24px;  
	width:24px; height:24px; display:inline-block; vertical-align:middle; margin:0 10px 0 0;  }
	.hdct {font-size: 22px; text-align: left; color: #334152;display:inline-block; vertical-align:middle;}

.qlist {}
	.qbxwht {padding:0 30px 30px 0; width:50%; box-sizing: border-box; float: left;}
	.qbxwht2 { border-radius: 6px; padding:20px; 
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04);
  background-color: #ffffff;}

	.qline {  font-size: 16px;  font-weight: 500; color: #3e4b5b;}

	.ansbx {position:relative;}
.grntk { display:none; position: absolute; right:10px; top:13px;  
background:url(../img/checked.svg) no-repeat center center #00a44e;
background-size:11px; width: 20px; height: 20px; border-radius:50%; }
/*.qslct .grntk { display:inline-block; }*/
.ansbx input[type=radio]:checked + label .grntk { display:inline-block; }


.ansbx input {position: absolute; opacity: 0; }
.anslne {
	margin:18px 0 0 0; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
 	background-color: #ffffff; font-size: 14px;  font-weight: 600;  color: rgba(62, 75, 91, 0.7);
    padding: 15px 40px; position: relative;
    display: inline-block; width:100%; box-sizing:border-box;  }

.qnmbr {position: absolute; top:12px; left:8px; background-color:rgba(223, 233, 239, 0.4);color: #3e4b5b;
height:25px; width:25px; border-radius:50%; text-align: center; line-height:25px; }

.btnbx {}


/*---------------------------------------------------pop--*/
.poArea {background:rgba(41,51,62,0.4);position: fixed;top: 0;left: 0;width: 100%;bottom: 0;}
.gapSet { width: 100%; height: 100vh;}

.whtpoBx {width:450px; padding:30px; box-sizing:border-box; margin:0 auto;  
  border-radius: 6px; position: relative;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff;
text-align: center;}

.pclos {position: absolute; right:10px; top:10px; }
.pclos img { width: 20px; opacity:0.2; cursor: pointer; }
.pclos:hover img { opacity:0.3; }

.poT1 {}
.poT1 img {max-width:90px; }

.poT2 {padding:12px 0 6px;  font-size: 22px;  font-weight: 500;  color: #0c2556;}
  
.poT3 {  opacity: 0.7;  font-size: 14px;  color: #334152;}  
  
.poT4 { padding:16px 0 6px; 
  font-size: 12px;
  font-weight: 500;
  color: #0c2556;}

.poT5 {border-radius: 2px; margin:0 auto;  width: 168px;
  border: solid 1px #65a8f1; padding:7px 0; 
  background-color: rgba(101, 168, 241, 0.15);
 font-size: 16px;  color:rgba(62, 75, 91, 0.7);}
.poT5 span { color: #3e4b5b; font-weight: 500;}

.poT6 {margin:20px 0 0 0;  font-size: 12px; color:rgba(62, 75, 91, 0.7);}
.poT6 span {color:#0c2556; }
.poT6 b {color:rgba(62, 75, 91, 0.9);}

.poT7 {  font-size: 22px;  font-weight: 500;  color: #d53327; margin:8px 0 12px; }

.poT8 { font-size: 12px;  text-align: center;  color:rgba(51, 65, 82, 0.7); margin:0 0 10px 0;  }

.redBx { padding:10px 15px;  border-radius: 2px;
  border: solid 1px #f58b83; margin:0 0 20px 0; 
  background-color: rgba(245, 139, 131, 0.1);}

.poT9 {  font-size: 14px;  font-weight: 500;  color: #3e4b5b;}

.pulne { width: 22px;
  height: 2px; 
  background-color: #f58b83; margin:4px auto 6px; }

.poT10 { text-align:left; font-size: 12px;  color: #334152;}

.poT11 {}
.poT11 a {text-decoration:underline;}



/*-------------------170719-*/
.termTxt {}
    .termTxt h1 {font-size: 16px;
    font-weight: 500;
    color: #334152; margin: 0;
    padding: 0 0 4px 0;}

.termTxt p {    opacity: 0.7;
    font-size: 14px;
    color: #3e4b5b;}

.profset { padding:0 0 20px 0;  }
.prfClm1, .prfClm2, .prfClm3, .prfClm4 {float: left; }
  .pcGap {}

.prfClm1 {width:30%; }
.prfClm2 {width:45%; }
  .prfClm2 .pcGap {padding:0 20px; }
.prfClm3 {width:25%; }


.prfpgx1 {padding:0 15px; }

.prfpgx2 {padding:30px 0 0px; }
  
.fldrlst { padding:0; margin:0;   display:inline-block; width:100%; text-align: center; }
.fldrlst li {width:25%; display: inline-block; list-style-type:none; }
.fldrlst li a {display:inline-block; transition: all ease-in-out 0.2s; }
.fldrlst li a:hover { transform:translate(0px,-3px);}
.fldrlst img {height:30px; }

.mpBtn1 {padding:40px 0 0 0; text-align: center; }

.fhd1 legend {margin:0 0 10px 0;  }
.fhd2 legend {margin:0px 0 10px 0; }
.fhd2 {padding:10px 0 0 0;}
.fhd1 span, .fhd2 span {font-weight:500; }

.btn5 {background:url(img/checked.svg) no-repeat center center #0c2556; background-size: 18px;
font-size:0; border:0; outline:0; padding:0; height:40px; width:40px; border-radius:50%; 
cursor:pointer; position: relative; }
.btn5:hover {background-color:#022e85;  }
.btn5:active {top:1px;}
.frmRow.mset1, .frmRow.mset2 { margin: 0;}

.hdln5 {margin:0 0 10px 0; }
.txt19 {padding:0 0 0 25px; background:url(../img/tap.svg) no-repeat left center; 
    font-size: 22px;    font-weight: 500;    color:#0c2556;    }

.lib1 {padding:0 0 10px 0; margin:0 0 15px 0;  border-bottom:1px solid rgba(0,0,0,0.1);  }
.lib2 {}
.lib3 {
    font-size:16px;
    font-weight: 500;
    color: #334152;
}
.lib4 {  }

.lib5 {  font-size: 16px;
    font-weight: 500;
    color:#6A3190;
    padding: 0 0 4px 0;}

.lib6 {font-weight:normal; }

.lib7 {  margin:0 0 4px 0;   opacity:1;
    font-size: 14px;
    color: #3e4b5b;}


.lib8 {margin:12px 0 0 0; }
.btn6 {}

.lib9 {margin:12px 0 0 0;}
.btn7 {}

.moDtl {margin:0 0 20px 0; }
/*06082019*/
.rsltLst {display: inline-block; width:100%; box-sizing: border-box; }
.rlClm2 {padding:0 18px 18px 0; box-sizing: border-box; width: 50%; float:left; }

.rltxt1 {    font-size: 18px;
  font-weight: 500;
  color: #334152; border-bottom:1px solid rgba(51, 65, 82, 0.10); }
.rltxt1 span {    background: #fff;
  display: inline-block;
  position: relative;
  bottom: -1px;
  padding: 0 6px 0 0;}

.rltxt2 {margin:15px 0; line-height:24px; }
  .txt2ln1 {}
  .txt2ln1 span { display: inline-block;}
  
  .ln1lbl {width:104px;text-align:right; margin:0 8px 0 0;   }
  .ln1txt {}

.rltxt3 { padding: 0px 0 0 0; display: inline-block; text-align: center; margin: 0 0 0px 0; width: 68%; }
.dtxt { float: left; width: 100%; font-size: 28px; color: #000000; opacity: 1; font-weight: bold; }
.rltxt3 p{font-size: 24px;margin-bottom: 0;}
.psfl {float: right;}
.psfl span {font-weight:500; font-size:14px;  }
.fail {color:#C63185;}
.pas {color:#12B42D;}
/*0808*/
.fdbkLst {    display: inline-block;
  width: 100%;
  box-sizing: border-box;}

.fkClm1 {padding: 0 0px 18px 0;
  box-sizing: border-box;}

.fktxt1 {
  font-size: 16px;
  font-weight: 500;
  color: #334152;
  padding: 0px 0 4px 0;
}
.fktxt2 {}
.fktxt2 a {margin:0 18px 0 0; }
.fktxt3 {font-size: 16px;
  font-weight: 500;
  color: #334152;
  padding: 18px 0 4px 0;}
.fktxt4 {font-size: 14px; line-height:20px;  color: rgba(62, 75, 91, 0.7);}

.bdgLst {display: inline-block;  width: 100%;  box-sizing: border-box;}
.bdgBox {width: calc(33.33% - 20px);
  margin: 0 20px 18px 0;
  float: left;}
  .bdgBox2 {width: calc(33.33% - 0px);
    margin: 0 0px 18px 0;
    float: left;}
    /*
.bdgBox:last-child {
    margin: 0;
}
*/
.rltxt4 {    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 0;
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    width: 83px;
    height: 83px;
    background: #f9f9f9;
    display: inline-flex;
    align-items: center;
    justify-content: center;}
.rltxt4 img { height: 36px;
  margin: 0 0px 0 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;}
.rltxt4 p {     font-size: 16px;
  font-weight: 500;
  color: #334152;
  margin:5px 0 0 0;
  vertical-align: middle;
  display: inline-block;}

.srchPg {}

.srcFrm {margin:0 0 18px 0;}
.srcFld { margin:0 0 12px 0; 
  background: url(../img/search.svg) no-repeat 99% center #fff;
}
.srcBtn {}

.srcrslt {}
.srcrslt h1 {    font-size: 16px;
  font-weight: 500;
  color: #6A3190;
  padding: 0 0 4px 0; margin:0; 
}
.srcrslt p {    opacity: 0.7;
  font-size: 14px;
  color: #3e4b5b;}
.srcrslt ul {padding:0; }
.srcrslt ul li {list-style-position: inside;}

/*----------20aug19---------------------------*/
.prfClm4 {
  width:75%;
}
.prfClm4 .pcGap {
  padding: 0 20px 0 0;
}
textarea.frmfld {min-height:80px; }


.oldTkLst {}

.otktBx {margin:0 0 18px 0;}

.otkTxt1 {color:#0c2556; font-size:14px; font-weight:500; margin:0 0 10px 0;  }

.otkTxt2 {color:#3E4B5B; font-size:14px; height: 42px; overflow: hidden;}

.otkTxt3 {margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid rgba(0, 0, 0, 0.1); color:rgba(62, 75, 91, 0.5);}
          .ot301 {  float: left; }
          .ot302 {float:right;}

          .openi {width:12px; height:12px; border-radius:50%; background:#91C653; display: inline-block; vertical-align: middle; }
          .opent {vertical-align: middle;}

          .cani {width:12px; height:12px; border-radius:50%; background:#F4C800; display: inline-block; vertical-align: middle; }
          .cant {vertical-align: middle;}

          .clsi {width:12px; height:12px; border-radius:50%; background:rgba(62, 75, 91, 0.5); display: inline-block; vertical-align: middle; }
          .clst {vertical-align: middle;}
          
.whtChtBx { 
  border-radius: 6px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04);
  background-color: #ffffff;}
 


  
  .chBx1 { padding: 20px 20px 10px; position: relative;}
  .chBx1:after {top:34px; content:""; position: absolute;  height:1px ; left:20px; right:20px; background:rgba(0, 0, 0, 0.1); z-index:1;  }

  .txtc01 { background-color: #ffffff; display:inline-block; color: #0c2556;
    font-size: 18px; padding:0 6px 0 0; z-index:5 ; position: relative;
    font-weight: 500;}
  .txtc02 {float:right ; line-height:27px;  background-color: #ffffff; padding:0 0 0 6px; z-index:5 ; position: relative;}
  .txtc02 span {}
  
  .chBx2 {
    height: 50vh;
    overflow-y: scroll;
    padding:0 10px 0 20px; }

/* width */
.chBx2::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.chBx2::-webkit-scrollbar-track {
  background:transparent; 
}
 
/* Handle */
.chBx2::-webkit-scrollbar-thumb {
  background: #dadada;
  border-radius: 6px;
}

/* Handle on hover */
.chBx2::-webkit-scrollbar-thumb:hover {
  background: #9ea5ad; 
}

  .almsg {}

  .chtnot {background:#F3F3F3; padding:10px 15px;color:#000000; font-size:14px; margin:0 0 12px 0;}
  .cnot1 { font-weight:500; padding:0 0 4px 0;  }
  .cnot2 {}
  .cnot3 {color:#9A9A9A; font-size:12px; text-align: center;padding:6px 0 0 0; }

  .chtBx {margin:0 0 12px 0; display: inline-block; width:100%;}
  .insms {}
  .outsms {}

  .bgBx {width:80%; padding:10px 15px; color:#000; font-size:14px; font-weight:500;  }
  .insms .bgBx {background: rgba(244, 199, 0, 0.08); border-radius: 20px 20px 20px 0;}
  .outsms .bgBx {float:right; background: rgba(4, 122, 248, 0.08);     border-radius: 20px 20px 0 20px;}
  
  
  
  .chBx3 {border-top:1px solid rgba(0, 0, 0, 0.2);padding:10px 50px 10px 10px; position: relative;}
  .prfClm4 textarea.chtype {    min-height: 70px;
      border: 0;
      padding: 0;
      width: 100%;}
      .prfClm4 textarea.chtype:focus {border:0; outline:0; }
    .chtsnd {background:url(../img/paper-plane.svg) no-repeat center center;     border: 0;
      font-size: 0;
      position: absolute;
      right: 10px;
      top: 10px;
      width: 38px;
      height: 70px;
      padding: 0;
      cursor: pointer;
      outline: none;}
      .chtsnd:active {top:11px;}
/*29072020*/
.lgSgnLne {
    margin: 18px 0 0;
    padding: 0 10px;
    text-align: center;
}


.tolwrap {max-width:1400px;    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}
.main-header .logo.blue-bg {background:#fff;}
.main-header .navbar.blue-bg { border-radius:0 6px 0 0; background: #fff;} 
.main-footer {border-radius:0 0 6px 0; color:#000; border:0;}
.main-footer a{ color: #000; font-weight: 900;}
.main-sidebar {border-radius:6px 0 0 6px;    padding-top: 80px;} 
.content-wrapper { background-color: #f2f4f8;}
.main-header .navbar, .main-header .navbar.blue-bg {min-height:81px;border-bottom: 1px solid #bcbcbc;padding: 0 0 0px 20px; display: flex; align-items: center;}
.main-header .navbar .navbar-nav > li > a.icnac {
    padding: 0 15px 0 22px; 
    display: block;
    height: 36px;
    background: url(img/user.png) no-repeat center left;background-size: 15px;
}
.main-header .navbar .navbar-nav > li > a.icnac span {
    display: inline-block;
    padding: 11px 0;    font-size: 12px; color: #3E4B5B;
}
.main-header .navbar .navbar-nav > li .dropdown-menu {margin:0;}


/* 3f. Override bootstrap breadcrumbs styles */
.breadcrumb {
    list-style: none;
    margin: 0px;
    background-color: transparent;
    letter-spacing: 0.7px;
  }
  
  .breadcrumb li {
    margin-bottom: 0px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.585rem;
    
  }
  
  .breadcrumb li a {
    color: #000;
  }
  
  .breadcrumb li span {
    color: #000;
  }
  
  .breadcrumbs + .content-box {
    padding-top: 0px;
  }

.tsidmnu.sidebar-menu>li>a { padding:0;}

.menu-side-w ul.main-menu > li span.pull-right-container { padding: 0; position: absolute; right: 20px; width: 14px; height: 14px; display: inline-block; text-align: center; -webkit-transform: translateX(5px); transform: translateX(5px); top: 47%;     background: transparent;}

.clock {display: inline-block;
  color: #000000;
  font-size: 13px;
  letter-spacing: 1px;
  float: left;
  padding: 8.5px 20px 8.5px 22px;
  background: url(img/clock123.png) no-repeat center left;
  background-size:16px;
}

legend {
  width: 100%;
  max-width: 100%;
  padding: 0;
  line-height: inherit;
  white-space: normal;

  font-size: 0.99rem;
    display: block;
    position: relative;
    color: #0c2556;
}
legend:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 1px;
  top: 50%;
  z-index: 1;
}
legend span {
  padding: 0px 0.5rem 0 0;
  background-color: #fff;
  display: inline-block;
  z-index: 2;
  position: relative;
}
.frmRow .chkLst label {margin: 0 15px 0 0;
  display: inline-block;
  width: auto;
  color: #000;}

.csvDwnld { text-align: right;font-size: 12px;}

.rltxt21 {  margin: 15px 0 0;}
.frmRow3 .pull-left { color: #000;  font-size: 18px;  font-weight: bold;}
.pagination>li.active a { background-color: #0c2556; border-radius: 50%; width: 40px; height: 40px; border: 0; display: flex; justify-content: center; align-items: center; line-height: normal; }


.pagination>li.previous>a {
  background: url(img/arrow1.png) no-repeat center center;
}
.pagination>li.next>a { 
  background: url(img/arrow2.png) no-repeat center center;
 
}
.pagination>li.previous>a, .pagination>li.next>a { font-size: 0; background-size: 14px; height: 40px; width: 40px; border-radius: 50%; border: 0; }
.circle {background-color: #0c2556;}
.how-it-works.row .col-2::after { border-left: 3px solid #0c2556;}
.timeline .corner { border: 3px solid #0c2556;}
.timeline hr { border-top: 3px solid #0c2556;}
.how-it-works h5 {font-weight: bold;}


.navbar-nav > .user-menu > .dropdown-menu.pdmnu > li.user-header {padding: 10px 20px;}
.navbar-nav > .user-menu > .dropdown-menu.pdmnu > li.user-header > p {color: #334152;}
.navbar-nav > .user-menu > .dropdown-menu.pdmnu > li.user-header > p > small {color: #3E4B5B;opacity: 0.8; display: inline-block;  margin: 0 0 0 4px; vertical-align: middle;}
.pdmnu.dropdown-menu>li>a {padding: 12px 20px;color: #3E4B5B;}
.pdmnu.dropdown-menu>li:not(:first-child) {  border-top: 1px solid #eaeced;}

ul.dropdown-menu.pdmnu { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04);}
.main-header .navbar .navbar-nav > li .dropdown-menu.pdmnu { border: 0;}
.blue-bg.logo.logo1 {
  padding: 0;
}
.logo2 {
  display: inline-block;
  width: 100%;
  padding: 5px 0 5px 0;
}
.mnvIset {display:none;}


/*
 #7. Activity Boxes
*/


.activity-boxes-w .activity-box-w {
display: flex;
align-items: center;
padding: 0.8rem 0px;
position: relative;}
.activity-boxes-w .activity-box-w:first-child {padding:0 0 0.8rem 0px;}
.activity-boxes-w .activity-box-w:before {
content: "";
display: block;
width: 3px;
top: 0px;
bottom: 0px;
left: 75px;
position: absolute;
}
.activity-boxes-w .activity-box-w:after {
content: "";
display: block;
width: 20px;
top: 50%;
height: 1px;
left: 80px;
position: absolute;
z-index: 1;
}
.activity-boxes-w .activity-box-w:first-child:before {
top: 50%;
}
.activity-boxes-w .activity-box-w:last-child:before {
bottom: 50%;
}

.activity-boxes-w .activity-time {
  flex: 0 0 30px;
  font-size: 0.63rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.4);
  text-align: right;
  padding-right: 40px;
  }

.activity-boxes-w .activity-box {
  padding: 0.8rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
}

.activity-boxes-w .activity-box:before {
      position: absolute;
      top: 50%;
      left: -30px;
      content: "";
      width: 12px;
      height: 12px;
      border: 2px solid #60769f;
      border-radius: 20px;
      transform: translateY(-50%);
      z-index: 2;
  }
.activity-boxes-w .activity-box.doted:before {background:#0c2556;border-color: #0c2556;}
.activity-boxes-w .activity-avatar {
  width: 50px;
  border-radius: 50px;
  overflow: hidden;
  margin-right: 1.1rem;
  font-size: 24px;
  padding: 7px 0;
  background: #0c2556;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.activity-boxes-w .activity-avatar img {
      max-width: 100%;
      height: auto;
}
.activity-boxes-w .activity-info {
  flex: 1; 
  padding: 0 50px 0 0; position: relative;
}
a.btn52 {
  display: inline-block;
  position: absolute;
  right: 0;
}
.activity-boxes-w .activity-role {
  font-size: 0.63rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 0.2rem;
}
.activity-boxes-w .activity-title {
  font-size:14px;
  text-transform: uppercase;
  display: block;
}
.bilSet {}
.bilSet table {margin:0;}
.invIcn {}

/*-----------------inv-------*/
.bilBox { margin: 20px 0 0 0;}
.invoice-w {
  max-width: 800px;
  background: #fff;
  padding: 20px;
  margin: 0 auto;
  color: #000;
}
.invoice-w * {color:#000;}
.invoice-w .table>thead>tr>td, .invoice-w .table>thead>tr>th {border-color: #000; }
.invoice-w .element-box {
  position: relative;
  overflow: hidden;
  padding: 100px;
  padding-bottom: 20px;
}
.invoice-w .element-box:before {
  width: 140%;
  height: 450px;
  background-color: #faf9f3;
  position: absolute;
  top: -15%;
  left: -24%;
  transform: rotate(-27deg);
  content: "";
  z-index: 1;
}
.invoice-w .infos {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.invoice-w .infos .info-1 {
  font-size: 1.2;
}
.invoice-w .infos .info-1 .company-name {
  font-size: 2.5;
  margin-bottom: 0.5rem;
  margin-top: 10px;
}
.invoice-w .infos .info-1 .company-extra {
  font-size: 0.9;
  margin-top: 1rem;
}
.invoice-w .infos .info-2 {
  padding-top: 50px;
  text-align: right;
}
.invoice-w .infos .info-2 .company-name {
  margin-bottom: 1rem;
  font-size: 1.4;
  font-weight: bold;
}
.invoice-w .infos .info-2 .company-address {

}
.invoice-w .terms {
  font-size: 0.9;
  margin-top: 2.5rem;
}
.invoice-w .terms .terms-header {
  margin-bottom: 10px;
}
.invoice-w .terms .terms-content {
  
}
.invoice-table thead th {
  border-bottom: 2px solid #333;
}
.invoice-table tbody tr td {
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}
.invoice-table tbody tr:last-child td {
  padding-bottom:12px;
}
.invoice-table tfoot tr td {
  border-top: 3px solid #333;
  font-size: 1.4;
}
.invoice-heading {
  margin-bottom: 4rem;
  margin-top:4rem;
  position: relative;
  z-index: 2;
}
.invoice-heading h3 { 
  margin-bottom: 0px;
}
.invoice-footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 1);
  display: flex;
  justify-content: space-between;
  margin-top: 6rem;
}
.invoice-footer .invoice-logo img {
  vertical-align: middle;
  height: 20px;
  width: auto;
  display: inline-block;
}
.invoice-footer .invoice-logo span {
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
}
.invoice-footer .invoice-info span {
  display: inline-block;
}
.invoice-footer .invoice-info span + span {
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 1px solid rgba(0, 0, 0, 1);
}
.invoice-body {
  display: flex;
}
.invoice-body .invoice-desc {
  flex: 0 1 250px;
  font-size: 1.3;
}
/*-------------99999---------*/

.main-header .logo .logo-lg img {height:70px;}
.main-header .logo {height:80px;}

.filUpHt .dropify-wrapper {height:128px;}

.box15l {
  font-size: 26px;
  margin: 6px 0;
  font-weight: bold;
  color: #0088cc;
}
/*-------------24082020---------------*/
.onFee5 {    font-size: 18px;
  font-weight: 500;margin: 0 0 20px 0;
  color: #334152; border-bottom:1px solid rgba(51, 65, 82, 0.10); }
.onFee5 h5 {    background: #fff;
  display: inline-block;
  position: relative; margin: 0;
  line-height: unset;
  bottom: -1px;font-weight: unset;
  padding: 0 6px 0 0;}
.onFee7 h5 {
  font-size: 15px;
  font-weight: 600;
  color: #334152;padding: 0px 0 10px 0;
  margin: 0;
}
.rltxt21 .onFee7{display: inline-block;}
.onFee10{display:block;margin:0px 20px 20px 20px}
.onFee11{display:inline-block;width:100%;border-top:1px solid rgba(51,65,82,0.10);margin:15px 0 0 0;padding:15px 0 0 0;text-align:center}
.onFee8 { float: left; width: 50%; }
.onFee9 {
  float: left;
  width: 50%;
  padding: 0 0 0 20px;
  border-left: 2px solid rgba(51, 65, 82, 0.10);
}
.onFee12 { background: #f5f6f8; padding: 15px; border-radius: 5px; font-size: 14px; line-height: 22px; margin-top: 20px; }
.oF9a { display: inline-block; width: 100%; padding: 4px 0; }

.oF9b {
  display: inline-block;
}

.oF9c {
  float: right;
}
.oF9a.oF9to {
  border-top: 1px solid #e1e1e1;
  margin: 4px 0 0 0;
  padding-top: 8px;    font-weight: bold;
}

.rdoBx {}
.rtSet {position: relative;}
.rtSet label {
	font-size: 13px;
	line-height: 15px;
	color: var(--dark_navy_blue);
	vertical-align: top;
	margin: 0 14px 0 0; display: inline-block;
	position: relative;padding: 0 0 0 18px;
}
.rtSet label:hover {cursor: pointer; color: #000;}
.rctype {
    margin: 0 2px 0 0;
    display: inline-block; opacity: 0;
    vertical-align: middle; position: absolute;
}
.rdo {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 0; box-sizing: border-box;
    border: 1px solid #767676;
}
.rtSet label:hover .rdo {border: 1px solid #505050;}
.rtSet input:checked ~ label .rdo {    border: 2px solid #f9fafd;
    background: #0c2556;
    box-shadow: 0px 0px 0px 1px #0c2556;
    width: 11px;
	height: 11px;
	left: 1px;
    top: 2px;}

    .fldUpdt1 {
      position: relative;
  }  
.fldUpdt2 { position: absolute; right: 2px; top: 2px; height: 36px; border: 0; background: #fff; color: #0c2556; font-size: 12px; font-weight: bold; cursor: pointer; padding: 0 10px; display: inline-block; line-height: 36px; }
/*26082020*/

.newPck {
  margin: 24px 0 10px 0px;
}

.avPack {
  width: calc(100% - 340px);
  float: left;
  padding: 0 0px 0 0;
}
  
.actPack {
  width: 340px;
  float: right;
}
  .pckClmHdr {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  margin: 0 20px 15px 0;
}

.whtBx2 {}
.acPimg {
  text-align: center;
  padding: 15px 0;
}
.acPtxt1 {
  text-align: center;
  font-size: 18px;
  color: #3E4B5B;
  font-weight: 500;
}
.acPtxt2 {
  text-align: center;
  margin: 0 0 20px 0;
}
.at2a { font-size: 28px; font-weight: bold; vertical-align: bottom; display: inline-block; color: #000; }
.at2b { font-size: 14px; vertical-align: bottom; padding: 0 0 7px 2px; display: inline-block; color: #000; }

.acPtxt3 {
  display:inline-block;
  width:100%; vertical-align:top;
}
  .acPtxt4 {
  float: left;
}
    .at4a {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 20px;
}
    .at4b {
  opacity: 0.5;
  color: #3E4B5B;
  font-size: 14px;
}

  .acPtxt5 {
  float: right;
}
    .grnTik {
  display: inline-block;
  width: 40px;
  height: 40px;
  background:url(img/checked.svg) no-repeat center center #00A44E;
  border-radius: 50%;
  vertical-align: top;
}

ul.avpckLst {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
}

ul.avpckLst li {
  width: 50%;
  float: left;
  padding:0 20px 20px 0px;
  box-sizing: border-box;
}
.fhd1 {}
.fhd1 legend {
  font-size: 0.99rem;
    display: block;
    position: relative;
    color: #334152;
  margin: 0 0 0px 0;

  width: 100%;
    max-width: 100%;
    padding: 0;
    line-height: inherit;
    white-space: normal;
}
.fhd1 legend:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 1px;
  top:auto; bottom:5px;
  z-index: 1;
}
.fhd1 legend span { padding: 0px 0.5rem 0 0; background-color: #fff; display: inline-block; z-index: 2; position: relative; font-weight: bold; color: #0c2556; }
.avpBx1 {}
.avpBx1in {
    display: inline-block;
    padding: 30px 0;
    width: 100%;vertical-align: top;
    margin: 0 0 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.avpBx2 {
    float: left;
}
.avpBx2 img {
    height: 44px;
}
.avpBx3 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #3E4B5B;
    line-height: 20px;
    padding: 12px 0;
    float: right;
}
.avpBx4 {
    display: inline-block;
    width: 100%;vertical-align: top;
}
.avpBx5 {
    font-size: 14px;
    color: #3E4B5B;
    float: left;
}
.avpBx6 {
    display: block;
}
.avpBx7 {
    opacity: 0.5;
}
.avpBx8 {
    float: right;
}
.avpBx9 {
    display: inline-block;
    height: 42px;
    line-height: 40px;
    padding: 0 25px;
    min-width: 90px;
    background: #fff;
    border-radius: 22px;
    color: #0c2556;
    text-align: center;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 2px solid #0c2556;
    font-weight: bold;
}
.avpBx9:hover {  background: #0c2556;  color: #fff;}


.bluntc {margin:10px 0 20px 0;border-radius: 6px; padding:10px 20px;    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04);   background-color: #c2c2c2;  font-size: 14px;
  color: #000;}
.bluntc a {font-weight:600; color:#000; text-decoration:underline;  }

.onFeeP11 { text-align: right;
  display: inline-block;
  width: 100%;
  border-top: 1px solid rgba(51, 65, 82, 0.10);
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
}
.bttnCan {float: left;
  display: inline-block;
  height: 44px;
  line-height: 46px;
  padding: 0 35px;
  background: #0c2556;
  border-radius: 22px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  position: relative;
  border: 0;
  cursor: pointer;
  outline: none;}
.bttnCan:hover {background: #022e85;}
.pTxt1 {
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid rgba(51, 65, 82, 0.10);
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.pTxt4 {
  font-size: 0.99rem;
  font-weight: 500;
  color: #0c2556;
}

.pTxt2 {
  float: left;
  margin: 0 12px 0 0;
}

.pTxt3 {
  float: left;
}

.pTxt5 {
  font-size: 14px;
  color: #3E4B5B;
}
.pTxt6 {
  background: #f5f6f8;
  display: inline-block;
  width: 100%;
  margin: 15px 0 0 0;
  padding: 12px;
  border-radius: 4px;
}

.pTxt7 {
  font-size: 15px;
  font-weight: 600;
  color: #334152;
  margin: 0 0 8px 0;
}

.pTxt9 {
  font-size: 14px;
  color: #3E4B5B; margin: 4px 0 0 0;
}



.chSet {position: relative;font-size: 0;}
.chSet label {
	font-size: 14px;
	line-height: 15px;
	font-weight: 500;
	vertical-align: top;
	margin: 0 14px 0 0;
	display: inline-block;
	position: relative;
	padding: 0 0 0 18px;
	color: #334152;
}
.chSet label:hover {cursor: pointer; color: #000;}
.chIn {
    margin: 0 2px 0 0;
    display: inline-block; opacity: 0;
    vertical-align: middle; position: absolute;
}
.chIcn {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 2px;
    position: absolute;
    top: 1px;
    left: 0;
    box-sizing: border-box;
    border: 1px solid #767676;
}
.chSet label:hover .chIcn {border: 1px solid #505050;}
.chSet input:checked ~ label .chIcn { border: 2px solid #f9fafd;
  background: #0c2556;
  box-shadow: 0px 0px 0px 1px #0c2556;
  width: 11px;
  height: 11px;
  left: 1px;
  top: 2px;
}
/*2708*/
.pTxt6x1 { background: #f5f6f8; display: block; margin: 0 20px 20px; padding: 12px; border-radius: 6px; }
span.label.trk_pnd {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMiIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTI1NiAwYy0xNDEuMTY0MDYyIDAtMjU2IDExNC44MzU5MzgtMjU2IDI1NnMxMTQuODM1OTM4IDI1NiAyNTYgMjU2IDI1Ni0xMTQuODM1OTM4IDI1Ni0yNTYtMTE0LjgzNTkzOC0yNTYtMjU2LTI1NnptMTIxLjc1IDM4OC40MTQwNjJjLTQuMTYwMTU2IDQuMTYwMTU3LTkuNjIxMDk0IDYuMjUzOTA3LTE1LjA4MjAzMSA2LjI1MzkwNy01LjQ2MDkzOCAwLTEwLjkyNTc4MS0yLjA5Mzc1LTE1LjA4MjAzMS02LjI1MzkwN2wtMTA2LjY2Nzk2OS0xMDYuNjY0MDYyYy00LjAxMTcxOS0zLjk4ODI4MS02LjI1LTkuNDEwMTU2LTYuMjUtMTUuMDgyMDMxdi0xMzguNjY3OTY5YzAtMTEuNzk2ODc1IDkuNTU0Njg3LTIxLjMzMjAzMSAyMS4zMzIwMzEtMjEuMzMyMDMxczIxLjMzMjAzMSA5LjUzNTE1NiAyMS4zMzIwMzEgMjEuMzMyMDMxdjEyOS44MzU5MzhsMTAwLjQxNzk2OSAxMDAuNDE0MDYyYzguMzM5ODQ0IDguMzQzNzUgOC4zMzk4NDQgMjEuODI0MjE5IDAgMzAuMTY0MDYyem0wIDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0ZGQzEwNyIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48L2c+IDwvc3ZnPg==) no-repeat center left;
  padding: 0 0 0 18px;
  font-weight: 500;
  color: #efb70f;
  font-size: 13px;
  background-size: 14px;
}
span.label.trk_ces, span.trk_adnad {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUwNy4yIDUwNy4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MDcuMiA1MDcuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGNpcmNsZSBzdHlsZT0iZmlsbDojMzJCQTdDOyIgY3g9IjI1My42IiBjeT0iMjUzLjYiIHI9IjI1My42Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojMEFBMDZFOyIgZD0iTTE4OC44LDM2OGwxMzAuNCwxMzAuNGMxMDgtMjguOCwxODgtMTI3LjIsMTg4LTI0NC44YzAtMi40LDAtNC44LDAtNy4yTDQwNC44LDE1MkwxODguOCwzNjh6Ii8+DQo8Zz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTI2MCwzMTAuNGMxMS4yLDExLjIsMTEuMiwzMC40LDAsNDEuNmwtMjMuMiwyMy4yYy0xMS4yLDExLjItMzAuNCwxMS4yLTQxLjYsMEw5My42LDI3Mi44DQoJCWMtMTEuMi0xMS4yLTExLjItMzAuNCwwLTQxLjZsMjMuMi0yMy4yYzExLjItMTEuMiwzMC40LTExLjIsNDEuNiwwTDI2MCwzMTAuNHoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTM0OC44LDEzMy42YzExLjItMTEuMiwzMC40LTExLjIsNDEuNiwwbDIzLjIsMjMuMmMxMS4yLDExLjIsMTEuMiwzMC40LDAsNDEuNmwtMTc2LDE3NS4yDQoJCWMtMTEuMiwxMS4yLTMwLjQsMTEuMi00MS42LDBsLTIzLjItMjMuMmMtMTEuMi0xMS4yLTExLjItMzAuNCwwLTQxLjZMMzQ4LjgsMTMzLjZ6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center left;
  padding: 0 0 0 18px;
  font-weight: 500;
  color: #0aa06e;
  font-size: 13px;
  background-size: 14px;
}

.trk_dlt {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzk3LjYwNCAzOTcuNjA0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzOTcuNjA0IDM5Ny42MDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGc+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRkI1MjUyIiBkPSJNMzMwLjk4MiwxMjMuMzE4bC0yMi40NjUsMjM2LjY2OWMtMi4xNTQsMjEuNDM3LTIwLjI1MSwzNy43MjQtNDEuNzk2LDM3LjYxNkgxMzUuMDYzICAgYy0yMS4wNzYtMC4zNi0zOC42NzQtMTYuMTc2LTQxLjI3My0zNy4wOTRMNjYuNjIzLDEyMy4zMThIMzMwLjk4MnoiIGRhdGEtb3JpZ2luYWw9IiMwMEVGRDEiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMEVGRDEiPjwvcGF0aD4KCTxwYXRoIHN0eWxlPSJmaWxsOiMwMDAwMDAiIGQ9Ik0zNjkuMTIxLDQ3LjA0MUgyNjEuNDk2VjI5LjhjMC41ODgtMTUuODU5LTExLjc5MS0yOS4xOTItMjcuNjUtMjkuNzggICBjLTAuNzEtMC4wMjYtMS40Mi0wLjAyNi0yLjEyOSwwaC02NS44MjljLTE1Ljg1OS0wLjU4OC0yOS4xOTIsMTEuNzkxLTI5Ljc4LDI3LjY1Yy0wLjAyNiwwLjcxLTAuMDI2LDEuNDIsMCwyLjEyOXYxNy4yNDFIMjguNDg0ICAgYy01Ljc3MSwwLTEwLjQ0OSw0LjY3OC0xMC40NDksMTAuNDQ5czQuNjc4LDEwLjQ0OSwxMC40NDksMTAuNDQ5aDM0MC42MzdjNS43NzEsMCwxMC40NDktNC42NzgsMTAuNDQ5LTEwLjQ0OSAgIFMzNzQuODkxLDQ3LjA0MSwzNjkuMTIxLDQ3LjA0MXogTTE1Ny4wMDYsNDcuMDQxVjI5LjhjLTAuNjIyLTQuMjgzLDIuMzQ2LTguMjYsNi42MjktOC44ODJjMC43NDctMC4xMDgsMS41MDYtMC4xMDgsMi4yNTMsMCAgIGg2NS44MjljNC4yODMtMC42MjIsOC4yNiwyLjM0Niw4Ljg4Miw2LjYyOWMwLjEwOCwwLjc0NywwLjEwOCwxLjUwNiwwLDIuMjUzdjE3LjI0MUgxNTcuMDA2eiIgZGF0YS1vcmlnaW5hbD0iIzAwQUNFQSIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiMwMEFDRUEiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+) no-repeat center center;
  background-size:22px;
  font-size: 0;
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: top;
  transition: all ease-in-out 0.3s; transform: scale(0.9);
}
.trk_dlt:hover {translate:1.1;transform: scale(1.1);}



.trk_adadd {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDU1LjQzMSA0NTUuNDMxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NTUuNDMxIDQ1NS40MzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9ImhvdmVyZWQtcGF0aHMiPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiMwNDdCRjgiIGQ9Ik00MDUuNDkzLDQxMi43NjRjLTY5LjY4OSw1Ni44ODktMjg3LjI4OSw1Ni44ODktMzU1LjU1NiwwYy02OS42ODktNTYuODg5LTYyLjU3OC0zMDAuMDg5LDAtMzY0LjA4OSAgczI5Mi45NzgtNjQsMzU1LjU1NiwwUzQ3NS4xODIsMzU1Ljg3Niw0MDUuNDkzLDQxMi43NjR6IiBkYXRhLW9yaWdpbmFsPSIjOERDNjQwIiBjbGFzcz0iaG92ZXJlZC1wYXRoIGFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzhEQzY0MCI+PC9wYXRoPjxnIHN0eWxlPSJvcGFjaXR5OjAuMjsiPgoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRiIgZD0iTTIyOS4xMzgsMzEzLjIwOWMtNjIuNTc4LDQ5Ljc3OC0xMzIuMjY3LDc1LjM3OC0xOTcuNjg5LDc2LjggICBjLTQ4LjM1Ni04Mi40ODktMzguNC0yODMuMDIyLDE4LjQ4OS0zNDEuMzMzYzUxLjItNTIuNjIyLDIxMS45MTEtNjIuNTc4LDMwNC4zNTYtMjkuODY3ICAgQzM3Ny4wNDksMTEyLjY3NiwzMzAuMTE2LDIzMi4xNDIsMjI5LjEzOCwzMTMuMjA5eiIgZGF0YS1vcmlnaW5hbD0iI0ZGRkZGRiIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiNGRkZGRkYiPjwvcGF0aD4KPC9nPjxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGQ9Ik0zNjIuODI3LDIyNy44NzZjMCwxNC4yMjItMTEuMzc4LDI1LjYtMjUuNiwyNS42aC04NS4zMzN2ODUuMzMzYzAsMTQuMjIyLTExLjM3OCwyNS42LTI1LjYsMjUuNiAgYy0xNC4yMjIsMC0yNS42LTExLjM3OC0yNS42LTI1LjZ2LTg1LjMzM0gxMTUuMzZjLTE0LjIyMiwwLTI1LjYtMTEuMzc4LTI1LjYtMjUuNmMwLTE0LjIyMiwxMS4zNzgtMjUuNiwyNS42LTI1LjZoODUuMzMzdi04NS4zMzMgIGMwLTE0LjIyMiwxMS4zNzgtMjUuNiwyNS42LTI1LjZjMTQuMjIyLDAsMjUuNiwxMS4zNzgsMjUuNiwyNS42djg1LjMzM2g4NS4zMzNDMzUxLjQ0OSwyMDIuMjc2LDM2Mi44MjcsMjEzLjY1MywzNjIuODI3LDIyNy44NzZ6IiBkYXRhLW9yaWdpbmFsPSIjRkZGRkZGIiBjbGFzcz0iIiBkYXRhLW9sZF9jb2xvcj0iI0ZGRkZGRiI+PC9wYXRoPjwvZz4gPC9zdmc+) no-repeat center left;
  padding: 0 0 0 18px;
  font-weight: 500;
  color: #0c2556;
  font-size: 13px;
  background-size: 14px;
}

.pTxt2x1 {float: left; margin: 0 12px 0 0;}
.pTxt2x1 img {height: 45px;}

.pTxt9x1 {
  font-size: 14px;
  color: #3E4B5B;
  padding: 8px 0 0 0;
  width: 100%;
  clear: both;
}
/*02092020*/
.bdgBox2 {}
.bdgBox2 .whtBx2 {
    display: inline-block;
    width: 100%;
    padding: 20px 20px;
    vertical-align: top;
}
.rltxt42 {
    float: left;
    width: 120px;
    text-align: center;
    border-right: 1px solid rgba(51, 65, 82, 0.10);
    margin: 0 15px 0 0;
    padding: 34px 0;
}
.rltxt42 img { height: 36px; }
.rltxt32 { float: left; width: calc(0% - 135px); padding: 23px 0; }
.dtxtb2 { font-size: 24px; font-weight: 500; color: #000; margin: 0px 0 10px 0; vertical-align: middle; display: inline-block; }
.dtxt2 { width: 100%; font-size: 28px; color: #000; opacity: 1; font-weight: bold;}



.adOndtl {
  text-align: right;
  width: 100%;
  margin: -20px 0 12px 0;
}
.adOndtl2 {
  display: inline-block;
  vertical-align: top;
  background: #94c8f3;
  padding: 6px 10px;
  border-radius: 4px;
  border-left: 3px solid #65adef;
}
.adOndtl3 {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px 0 0;
}
.adOndtl3 img {
  height: 30px;
}
.adOndtl4 {
  display: inline-block;
  vertical-align: middle;
  color: #383838;
}
.adOndtl b {
  color: #000;
}
/*03092020*/
.alrtx1 {
  margin: 0px 0 15px 0;
  font-size: 14px;
  color: #111111;
  background: #fff;
  padding: 12px 12px;
  border-radius: 8px;}
span.alrtx2 {
  font-weight: bold;
}
.alrtx3 { border: 1px solid #eaeced; border-radius: 5px; padding: 0; max-width: 50%; margin: 0 0 0px 0; background: #fff; overflow: hidden; }
.alrtx4 {
  padding: 15px;
}
.alrtx4 h5 {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #000;
}
.alrtx5 {
  padding: 10px 15px;
  border-bottom: 1px solid #e1e1e1;
  background: #fff;
  color: #000;
  font-size: 16px;
}
/*07092020*/

.allpymnt {
  margin: 20px 0 0 0;
  color: #334152;
}

.apTxt1 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 15px 0;
}


.apTble {}
  .apTclr {
  padding: 0;
}
  .apTclr li {
  list-style: none;
}
  .apTclr li:nth-child(odd) {background: rgba(242,244,248,0.60);}
  .apTclr li:nth-child(even) {background: rgba(242,244,248,0.10);}
  
.apTrow {vertical-align: top;
    padding: 15px 55px 15px 15px;
    display: inline-block;
    width: 100%;
    background: url(img/da_i.png) no-repeat center right 24px;
}
.apTrow:hover {background-color: rgba(242,244,248,0.80); cursor: pointer;}
.aptclm1 {
    width: 25%;
    float: left;
}
  .apTxt2 {
  font-size: 14px;
  font-weight: 600;
}
  
  .apTxt3 {
    font-size: 14px;
}
  
.aptclm2 {
    float: left;
    width: 60%;
}
  .apTxt4 {
    font-size: 12px;
}
   
.aptclm3 {
    width: 15%;
    float: left;
    text-align: right;
    padding: 9px 0;
}
  .apTxt5 {
    font-size: 16px;
    font-weight: 600;
}
  
.apTrow2 {display: none;

}
.closeli .apTrow2 {}
.apTrow2in {    padding: 0 20px 20px 20px;
  display: inline-block;
  width: 100%;
  vertical-align: top;} 

.apalrtx4 {
    font-size: 12px;
    max-width: 250px;
    float: right;
}

.apoF9a {
  display: inline-block;
  width: 100%;
  padding: 4px 0;
}

.apoF9b {
  display: inline-block;
}

.apoF9c {
  float: right;
}
.apoF9a.oF9to {
  border-top: 1px solid rgba(51, 65, 82, 0.10);
  margin: 4px 0 0 0;
  padding-top: 8px;    font-weight: bold;
}

.apoF9a.apoF9to {
    border-top: 1px solid rgba(51, 65, 82, 0.10);
    margin: 4px 0 0 0;
    padding-top: 8px;
    font-weight: bold;
}

.adpckBx {padding: 20px 0px 0px 0; box-sizing: border-box;}

.adcmPg .fhd1 {  margin: 0 0 8px 0; }
/*---------------*/
.file-drop-zone {
  border: 2px solid #e5e5e5;
  border-radius: 0px;
  margin: 0;
  padding: 12px;
}
.file-preview {
  border-radius: 0;
  border: 0px solid #ddd;
  padding: 0;
  width: 100%;
  margin-bottom: 10px;
}
/*30092020*/
.truck_table.table td, .truck_table.table th { vertical-align: middle;}
.bttn.btntrAd {min-width: unset; background: #fff;
  color: #0c2556;
  border: 2px solid #0c2556;
  line-height: 40px;
}
.asigTik {display: inline-block; font-size: 0;
  width: 40px;
  height: 40px;
  background: url(img/checked.svg) no-repeat center center #0c2556;
  border-radius: 50%;
  vertical-align: middle;}


.swal-icon--warning__body, .swal-icon--warning__dot {background-color: #ffc81a;}
.swal-icon--warning { border-color: #ffc81a;}
.chkLst {
  font-size: 0;
}  
.trkChk {
  display: inline-block;
  width: auto;
  vertical-align: top;
  margin: 0 8px 10px 0;
}
.frmRow .chkLst label { padding: 8px 10px; border-radius: 6px; border: 1px solid #ccc; }
.frmRow .chkLst label:hover {cursor:pointer; background:#fafafb;}
.trkChk input {
  position: absolute;
  opacity: 0;
}
.trNmbr {
  margin: 0 0 0 4px;
}
.chkIcn {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #767676;
}
.trkChk input:checked ~ label .chkIcn {
  border:0px solid #f9fafd;
  background: url(img/checked.svg) no-repeat center center #0c2556;
  box-shadow: 0px 0px 0px 1px #0c2556;
  background-size: 9px;
}
.trAdonX, .trAdon {
  display: block;
  font-size: 12px;
}
.trAdon {
  color: #0c2556;
}
.trAdonX {
  color: #c7c7c7;
}

.rdo_igt {}
.rdo_igt label {
  width: auto;
}

.md_content .viewDtl {display: inline-block;    margin: 0 0 8px 0;}
.md_content .far { margin:0 6px 0 0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.txtGrn {color:var(--green);}
.mdBtn {
  background: #0c2556;
  color: #fff;
  padding: 6px 15px;
  border-radius: 4px;
}
.mdBtn:hover, .mdBtn:focus {background: #022e85;  color: #fff;}
.pagination .page-item.active .page-link {background-color: #0c2556; border-color: #0c2556;}
/*.md_content.token-info-wrapper .table>thead>tr>th, .md_content.token-info-wrapper .table>tbody>tr>th, .md_content.token-info-wrapper .table>tfoot>tr>th, .md_content.token-info-wrapper .table>thead>tr>td, .md_content.token-info-wrapper .table>tbody>tr>td, .md_content.token-info-wrapper .table>tfoot>tr>td { border: 1px solid #333 !important;}*/
.md_content.token-info-wrapper .table>thead>tr>th, .md_content.token-info-wrapper .table>tbody>tr>th, .md_content.token-info-wrapper .table>tfoot>tr>th { border-bottom: 0;}
/*19102020*/
#companyedit .card {max-width: 500px;margin:0 auto;}
#companyedit .pagBx {min-height: unset;padding: 0;}
#companyedit .card-title {margin-bottom: 00;font-size: 20px;font-weight: bold;}
#companyedit .card-header {
  padding: 15px 20px;
  border-bottom: 1px solid #eaeced;
  background: #f5f6f8;
  color: #000;
  font-size: 16px;
}
#companyedit .card-footer {
  background: #fff;
  border-color: #eaeced;
  padding: 15px 20px;
}
#companyedit .card-footer .btn.modal-dismiss {
  display: inline-block;
  height: 44px;
  line-height: 44px;
  padding: 0 25px;
  min-width: 99px;
  /*background: #f5f6f8;*/
  border-radius: 22px;
  color: #676767;
  text-align: center;
  font-size: 14px;
  position: relative;
  border: 1px solid #eaeced;
  cursor: pointer;
  outline: none;
  text-transform: uppercase;
  font-weight: normal;
}
#companyedit .card-footer .btn.modal-dismiss:hover {background: #022e85;}
.btn, .bttn {vertical-align:middle; color: #fff;}
.btn19a {float: right;    text-transform: uppercase;  font-size: 15px;}
.popImg {
  text-align: center;
  margin: 0 0 18px 0;
}
aside.pTxt19a {
  color: #3E4B5B;
}
aside.pTxt19a b {
  color: #3E4B5B;
}
aside.pTxt19a>div {
  padding: 3px 0;
}
.pTxt19b {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  margin: -5px 0 10px 0;
}
form#appointFrm .frmRow:last-child {
  margin: 0;
}
#companyedit .card-footer.appftr {
  margin: 0 -20px;
  padding: 20px 20px 0;
}

.adcmPg .frmRow .chkLst label { margin: 0 15px 0 0; }
.adcmPg .file-preview .fileinput-remove {top:8px; right:5px;}
.adcmPg .file-caption .file-caption-name { height: 30px;}
.adcmPg .file-drop-zone {min-height:unset;}
.adcmPg .file-preview {margin-bottom: 10px;}

/* <div class="lodrBx"></div> */
.lodrBx {
  background: url(img/load.svg) no-repeat center center rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 99999999999999;
  background-size: 36px;
}
.bdynBx {display: inline-block; margin: 0 12px 0 0;}
.bdynBx label {}


.proof_files {
  display: inline-block;
  width: 100%;
}
.pfiles {
  width: calc(33.3333% - 15px); float: left;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0 15px 15px 0;
}

.pfImg {
  height: 100px;
  background: #f2f6f9;
  position: relative;
  overflow: hidden;
}
.pfImg img {
  max-width: 100%;
  transform: translate(0px, -50%);
  position: absolute;
  top: 50%;
  left: 0;
}

.pfAud {
  height: 100px;
  position: relative;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQwNy40IDQwNy40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnPgoJCTxwYXRoIGQ9Ik0yNzMuNiwxNzYuNmMtMi4xLTItNS0yLjgtNy44LTIuMWwtOTUuNiwxOS4zYy00LjksMS04LjQsNS40LTguMywxMC40djc0LjJjLTMuNy0xLjQtNy42LTIuMS0xMS41LTIuMSAgICBjLTE4LjItMC4zLTMzLjEsMTQuMi0zMy40LDMyLjRjLTAuMywxOC4yLDE0LjIsMzMuMSwzMi40LDMzLjRjMTguMiwwLjMsMzMuMS0xNC4yLDMzLjQtMzIuNGMwLTAuMywwLTAuNywwLTF2LTU1LjlsNzMuMS0xNS4yICAgIHYyMS45YzAtMS02LjgtMi4xLTExLTIuMWMtMTcuOSwwLjMtMzIuMiwxNS0zMS45LDMyLjljMC4zLDE4LDE0LjksMzIuNCwzMi45LDMyLjRjMTguMy0wLjYsMzEuMS0xNS43LDMwLjgtMzR2LTEuNlYxODQuNCAgICBDMjc3LDE4MS40LDI3NS45LDE3OC41LDI3My42LDE3Ni42eiBNMTUxLjQsMzIxLjFjLTAuMS0wLjEtMC4zLTAuMS0wLjUsMGMtNi42LDAuNy0xMi44LTMuMS0xNC4yLTkuNmMtMS40LTYuNSwyLjgtMTIuOSw5LjMtMTQuMiAgICBjMS42LTAuMywzLjQtMC43LDUtMC41YzYuMywwLjcsMTEuNCw1LjYsMTEuNCwxMkMxNjIuNywzMTUuMSwxNTcuNywzMjAuOCwxNTEuNCwzMjEuMXogTTE4Mi44LDIzMS40di0xOC44bDczLjEtMTUuMnYxOC44ICAgIEwxODIuOCwyMzEuNHogTTI0NywzMDEuOWMtMC4zLDAtMC42LDAtMSwwYy02LjMsMC0xMS41LTUuMS0xMS41LTExLjVjLTAuMy02LjYsNC45LTEyLjIsMTEuNS0xMi41YzYuNi0wLjMsMTIuMiw0LjksMTIuNSwxMS41ICAgIEMyNTguOCwyOTYsMjUzLjYsMzAxLjYsMjQ3LDMwMS45eiIgZmlsbD0iIzA0N2JmOCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8Zz4KCQk8cGF0aCBkPSJNMzYyLjUsMTEzLjNMMjUxLjgsMy4xYy0xLjktMi00LjYtMy4xLTcuMy0zLjFIOTRDNjUuMSwwLDQxLjgsMjMuNCw0MS44LDUyLjJ2MzAzYzAsMjguOSwyMy40LDUyLjIsNTIuMiw1Mi4yaDIxOS40ICAgIGMyOC45LDAsNTIuMi0yMy40LDUyLjItNTIuMlYxMjAuNkMzNjUuNiwxMTcuOCwzNjQuNCwxMTUuMiwzNjIuNSwxMTMuM3ogTTI1NiwxMDQuNFYzNi41OTlsNzMuNiw3My4wMDFoLTY4LjQgICAgYy0yLjYsMC4zLTQuOS0xLjUtNS4yLTQuMUMyNTYsMTA1LjEsMjU2LDEwNC44LDI1NiwxMDQuNHogTTM0NC44LDM1NS4yYzAsMTcuMy0xNCwzMS4zLTMxLjMsMzEuM0g5NGMtMTcuMywwLTMxLjMtMTQtMzEuMy0zMS4zICAgIHYtMzAzYzAtMTcuMywxNC0zMS4zLDMxLjMtMzEuM2gxNDEuMXY4My42YzAsMTQuNCwxMS43LDI2LjEsMjYuMSwyNi4xaDgzLjZWMzU1LjJ6IiBmaWxsPSIjMDQ3YmY4IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==) no-repeat center center #f2f6f9;
  background-size: 32px;
  font-size: 0;
}

.pfDoc {  height: 100px;
    position: relative;font-size: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQ0Ni42MDUgMTI0LjM5Mi0xMTkuOTk3LTExOS45OTdjLTIuODAxLTIuODAyLTYuNjI0LTQuMzk1LTEwLjYwOC00LjM5NWgtMjEwYy0yNC44MTMgMC00NSAyMC4xODctNDUgNDV2NDIyYzAgMjQuODEzIDIwLjE4NyA0NSA0NSA0NWgzMDBjMjQuODEzIDAgNDUtMjAuMTg3IDQ1LTQ1di0zMzJjMC00LjA5LTEuNzE3LTcuOTMxLTQuMzk1LTEwLjYwOHptLTExNS42MDUtNzMuMTc5IDY4Ljc4NyA2OC43ODdoLTUzLjc4N2MtOC4yNzEgMC0xNS02LjcyOS0xNS0xNXptNzUgNDMwLjc4N2gtMzAwYy04LjI3MSAwLTE1LTYuNzI5LTE1LTE1di00MjJjMC04LjI3MSA2LjcyOS0xNSAxNS0xNWgxOTV2NzVjMCAyNC44MTMgMjAuMTg3IDQ1IDQ1IDQ1aDc1djMxN2MwIDguMjcxLTYuNzI5IDE1LTE1IDE1eiIgZmlsbD0iIzA0N2JmOCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiI+PC9wYXRoPjxwYXRoIGQ9Im0zNDYgMjEyaC0xODBjLTguMjg0IDAtMTUgNi43MTYtMTUgMTVzNi43MTYgMTUgMTUgMTVoMTgwYzguMjg0IDAgMTUtNi43MTYgMTUtMTVzLTYuNzE2LTE1LTE1LTE1eiIgZmlsbD0iIzA0N2JmOCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiI+PC9wYXRoPjxwYXRoIGQ9Im0zNDYgMjcyaC0xODBjLTguMjg0IDAtMTUgNi43MTYtMTUgMTVzNi43MTYgMTUgMTUgMTVoMTgwYzguMjg0IDAgMTUtNi43MTYgMTUtMTVzLTYuNzE2LTE1LTE1LTE1eiIgZmlsbD0iIzA0N2JmOCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiI+PC9wYXRoPjxwYXRoIGQ9Im0zNDYgMzMyaC0xODBjLTguMjg0IDAtMTUgNi43MTYtMTUgMTVzNi43MTYgMTUgMTUgMTVoMTgwYzguMjg0IDAgMTUtNi43MTYgMTUtMTVzLTYuNzE2LTE1LTE1LTE1eiIgZmlsbD0iIzA0N2JmOCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiI+PC9wYXRoPjxwYXRoIGQ9Im0yODYgMzkyaC0xMjBjLTguMjg0IDAtMTUgNi43MTYtMTUgMTVzNi43MTYgMTUgMTUgMTVoMTIwYzguMjg0IDAgMTUtNi43MTYgMTUtMTVzLTYuNzE2LTE1LTE1LTE1eiIgZmlsbD0iIzA0N2JmOCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+) no-repeat center center #f2f6f9;
    background-size: 32px;}

.pfVdo {  height: 100px;  position: relative; font-size: 0;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBhdGggZD0iTTQwMCw0MEgwdjQwMGg0ODBWNDBINDAweiBNNjQsNDI0SDE2di00OGg0OFY0MjR6IE02NCwzNjBIMTZ2LTQ4aDQ4VjM2MHogTTY0LDI5NkgxNnYtNDhoNDhWMjk2eiBNNjQsMjMySDE2di00OGg0OFYyMzJ6ICAgICBNNjQsMTY4SDE2di00OGg0OFYxNjh6IE02NCwxMDRIMTZWNTZoNDhWMTA0eiBNNDAwLDQyNEg4MFY1NmgzMjBWNDI0eiBNNDY0LDQyNGgtNDh2LTQ4aDQ4VjQyNHogTTQ2NCwzNjBoLTQ4di00OGg0OFYzNjB6ICAgICBNNDY0LDI5NmgtNDh2LTQ4aDQ4VjI5NnogTTQ2NCwyMzJoLTQ4di00OGg0OFYyMzJ6IE00NjQsMTY4aC00OHYtNDhoNDhWMTY4eiBNNDY0LDEwNGgtNDhWNTZoNDhWMTA0eiIgZmlsbD0iIzA0N2JmOCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8Zz4KCQk8cGF0aCBkPSJNMzAyLjk3MSwyMzYuMDAzYy0wLjcwOC0xLjIzOC0xLjczNC0yLjI2My0yLjk3MS0yLjk3MWwtMTEyLTY0Yy0zLjgyNi0yLjIwOS04LjcxOS0wLjg5OC0xMC45MjgsMi45MjggICAgYy0wLjcwOSwxLjIyOC0xLjA3OSwyLjYyMi0xLjA3Miw0LjA0djEyOGMwLjAwMywyLjg1NSwxLjUyNyw1LjQ5Miw0LDYuOTJjMi40NzUsMS40MjksNS41MjUsMS40MjksOCwwbDExMi02NCAgICBDMzAzLjgzNSwyNDQuNzI2LDMwNS4xNjUsMjM5LjgzOSwzMDIuOTcxLDIzNi4wMDN6IE0xOTIsMjkwLjIwOFYxODkuNzkyTDI3OS44NzIsMjQwTDE5MiwyOTAuMjA4eiIgZmlsbD0iIzA0N2JmOCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjwvZz48L3N2Zz4=) no-repeat center center #f2f6f9;
    background-size: 32px;}


.pfAction {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 5px 0 0 0;
}
.pfLnk {
  float: left;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBhdGggZD0iTTQ3Ni44NTMsMzUuMTQ4Yy00Ni44NjQtNDYuODY0LTEyMi44NDItNDYuODY0LTE2OS43MDYtMC4wMDFMMjA2Ljg1MywxMzUuNDQxYy00OC40NzUsNDguNDc3LTQzLjk4NywxMjUuNzE3LDAsMTY5LjcwNiAgICBjNy4zNjYsNy4zNjYsMTUuNTE2LDEzLjM3MiwyNC4xMjIsMTguMzA1bDE4LjMwNS0xOC4zMDVjMTIuMDA2LTEyLjAwOCw3Ljc4LTI2LjA0NSw3LjU2NC0zNi4xNzQgICAgYy0yLjYzNS0xLjg2OC01LjE5OC0zLjg4Ny03LjU2NC02LjI1M2MtMjIuNTczLTIyLjU3MS0yMy41ODgtNjEuMjY1LDAtODQuODUzYzMuNTAzLTMuNTAzLDk4LjE2Ni05OC4xNjYsMTAwLjI5Mi0xMDAuMjkyICAgIGMyMy4zOTktMjMuMzk5LDYxLjQ1NC0yMy4zOTksODQuODUzLDBjMjMuMzk5LDIzLjM5OSwyMy4zOTksNjEuNDU0LDAsODQuODUzbC02Ni4yOTMsNjYuMjkzICAgIGMxLjkxNywxMC42MDcsMTMuNDIyLDM1LjczMyw3LjUwNCw3Ny4xODFjMC4yODktMC4yODQsMC42MzUtMC40NjcsMC45MjMtMC43NTRsMTAwLjI5NC0xMDAuMjk0ICAgIEM1MjMuNzE1LDE1Ny45OSw1MjMuNzE1LDgyLjAxMiw0NzYuODUzLDM1LjE0OHoiIGZpbGw9IiMwNDdiZjgiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD4KCTwvZz4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBhdGggZD0iTTMxMi45MTgsMTk5LjA4MWMtNy4zNjUtNy4zNjYtMTUuNTE2LTEzLjM3Mi0yNC4xMi0xOC4zMDVsLTE4LjMwNSwxOC4zMDVjLTEyLjAwOCwxMi4wMDYtNy43ODIsMjYuMDQzLTcuNTY2LDM2LjE3MiAgICBjMi42MzcsMS44NjgsNS4yLDMuODg3LDcuNTY2LDYuMjUzYzIyLjU3MywyMi41NzMsMjMuNTg4LDYxLjI2NSwwLDg0Ljg1M2MtMy41MTEsMy41MTEtMTA2LjAxNSwxMDYuMDE1LTEwOC4wNjYsMTA4LjA2NiAgICBjLTIzLjM5OSwyMy4zOTktNjEuNDU0LDIzLjM5OS04NC44NTMsMGMtMjMuMzk5LTIzLjM5OS0yMy4zOTktNjEuNDU0LDAtODQuODUzbDc0LjA2Ny03NC4wNjcgICAgYy0xLjkxNy0xMC42MDctMTMuNDIzLTM1LjczMy03LjUwNC03Ny4xODFjLTAuMjg5LDAuMjg0LTAuNjM3LDAuNDY5LTAuOTI1LDAuNzU2TDM1LjE0NywzMDcuMTQ3ICAgIGMtNDYuODYyLDQ2Ljg2NC00Ni44NjIsMTIyLjg0MiwwLDE2OS43MDZjNDYuODY0LDQ2Ljg2MiwxMjIuODQxLDQ2Ljg2MiwxNjkuNzA1LDBsMTA4LjA2Ni0xMDguMDY2ICAgIEMzNjAuNDk0LDMyMS4yMTEsMzU3Ljg5NCwyNDQuMDU2LDMxMi45MTgsMTk5LjA4MXoiIGZpbGw9IiMwNDdiZjgiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD4KCTwvZz4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+) no-repeat center center;
  background-size: 18px;
  font-size: 0;
}
.pfDel { cursor: pointer;
  float: right;
  width: 32px;
  height: 32px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzk3LjYwNCAzOTcuNjA0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzOTcuNjA0IDM5Ny42MDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGc+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRkI1MjUyIiBkPSJNMzMwLjk4MiwxMjMuMzE4bC0yMi40NjUsMjM2LjY2OWMtMi4xNTQsMjEuNDM3LTIwLjI1MSwzNy43MjQtNDEuNzk2LDM3LjYxNkgxMzUuMDYzICAgYy0yMS4wNzYtMC4zNi0zOC42NzQtMTYuMTc2LTQxLjI3My0zNy4wOTRMNjYuNjIzLDEyMy4zMThIMzMwLjk4MnoiIGRhdGEtb3JpZ2luYWw9IiMwMEVGRDEiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMEVGRDEiPjwvcGF0aD4KCTxwYXRoIHN0eWxlPSJmaWxsOiMwMDAwMDAiIGQ9Ik0zNjkuMTIxLDQ3LjA0MUgyNjEuNDk2VjI5LjhjMC41ODgtMTUuODU5LTExLjc5MS0yOS4xOTItMjcuNjUtMjkuNzggICBjLTAuNzEtMC4wMjYtMS40Mi0wLjAyNi0yLjEyOSwwaC02NS44MjljLTE1Ljg1OS0wLjU4OC0yOS4xOTIsMTEuNzkxLTI5Ljc4LDI3LjY1Yy0wLjAyNiwwLjcxLTAuMDI2LDEuNDIsMCwyLjEyOXYxNy4yNDFIMjguNDg0ICAgYy01Ljc3MSwwLTEwLjQ0OSw0LjY3OC0xMC40NDksMTAuNDQ5czQuNjc4LDEwLjQ0OSwxMC40NDksMTAuNDQ5aDM0MC42MzdjNS43NzEsMCwxMC40NDktNC42NzgsMTAuNDQ5LTEwLjQ0OSAgIFMzNzQuODkxLDQ3LjA0MSwzNjkuMTIxLDQ3LjA0MXogTTE1Ny4wMDYsNDcuMDQxVjI5LjhjLTAuNjIyLTQuMjgzLDIuMzQ2LTguMjYsNi42MjktOC44ODJjMC43NDctMC4xMDgsMS41MDYtMC4xMDgsMi4yNTMsMCAgIGg2NS44MjljNC4yODMtMC42MjIsOC4yNiwyLjM0Niw4Ljg4Miw2LjYyOWMwLjEwOCwwLjc0NywwLjEwOCwxLjUwNiwwLDIuMjUzdjE3LjI0MUgxNTcuMDA2eiIgZGF0YS1vcmlnaW5hbD0iIzAwQUNFQSIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiMwMEFDRUEiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+) no-repeat center center;
  background-size: 20px;
  font-size: 0;
}

.pfLnk:hover, .pfDel:hover {transition: all ease-in-out 0.2s; transform: scale(1.1);}

.txtRed {
  color: var(--red);
}

.bibx1 {
  margin: 0 0 15px 0;
}
.bibx2 > b {
  display: inline-block;
  margin: 0 0 5px 0;
}

.bibx2 .pfLnk {
background-size: 14px; vertical-align: top; float:none;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.bibx2 .pfAction {text-align: center;}


.btn22a {
  float: left;
  text-transform: uppercase;
  font-size: 15px;
}
.btn22b {
  float: right;
  text-transform: uppercase;
  font-size: 15px;
}
.hisTxtBx {
  padding: 5px 10px;
  background: #f5f6f8;
  margin: 5px 0 0 0;
}


/* .bdgBox2, .bdgBox {min-height:150px;} */




/*------------------27022021---------------------*/

/* Include the padding and border in an element's total width and height */
.enclsr * {
  box-sizing: border-box;
}

/* Remove margins and padding from the list */
.enclsr ul {
  margin: 0;
  padding: 0;
}

/* Style the list items */
.enclsr ul li {
  position: relative;
  padding:8px 38px 8px 12px;
  list-style-type: none;
  background:#f2f4f8;
  font-size: 18px;
  transition: 0.2s;
  margin:0 0 10px 0;
  /* make the list items unselectable */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #d9dbdf;
    border-radius: 4px;
    font-size: 15px;
    display: inline-block; width: 100%;
}

/* Set all odd list items to a different color (zebra-stripes) */
.enclsr ul li:nth-child(odd) {}

/* Darker background-color on hover */
.enclsr ul li:hover {}

/* When clicked on, add a background color and strike out text */
.enclsr ul li.checked {
  background: #888;
  color: #fff;
  text-decoration: line-through;
}

/* Add a "checked" mark when clicked on */
.enclsr ul li.checked::before {
  content: '';
  position: absolute;
  border-color: #fff;
  border-style: solid;
  border-width: 0 2px 2px 0;
  top: 10px;
  left: 16px;
  transform: rotate(45deg);
  height: 15px;
  width: 7px;
}

/* Style the close button */
.menu-side-w ul.main-menu > li span.close, span.close {display:none;}
.enclsr .close {    display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  font-size: 16px;
  width: 30px;
  line-height: 38px;
  text-align: center;
  background: rgba(0, 0, 0, 10%);
  cursor: pointer;
}

.enclsr .close:hover {
  background-color:rgba(234, 23, 23, 82%);
  text-shadow:none;
  color: white;
}

/* Style the header */
.enclsr .header { margin: 0 0 12px 0;  display: inline-block;  width: 100%;}

/* Clear floats after the header */
.enclsr .header:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the input */
.enclsr .header input {
  display: inline-block;
  box-sizing: border-box;
  height: 40px;
  line-height: 38px;  
  padding: 0 14px;
  width: 100%;
  font-size: 14px;
  background: #fff;
  font-family: 'Roboto', sans-serif;}

/* Style the "Add" button */
.enclsr .addBtn {}
.enbtn1 {
              padding: 8px 48px;
    background: #0c2556;
    border-radius: 22px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: relative;
    border: 0;
    cursor: pointer;
    outline: none;
    font-weight: normal;
    float: left
}
.enbtn2 { color: #fff;
    border-radius: 28px;
    display: inline-block;
    padding: 8px 48px;
    cursor: pointer;
    float: left;
    background: #0c2556;
    font-weight: normal;
    margin-left: 23px; }
.enclsr .addBtn:hover {background-color:#022e85;}

.btns14 {margin: 0 0 10px 0;}
.select2-container {width: 100% !important;}
.btns14 .generate_button {display: inline-block; margin:0 6px 0 0;}
.select2-container--default .select2-selection--single {height:40px !important; border: 1px solid #ccc !important;}
.select2-container .select2-selection--single .select2-selection__rendered { margin-top: -1px !important;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #0c2556 !important;}

.renew-summery {}
.renew-summery table { width: 80%; margin: 0 auto;} 


.txt2.expiring_cls { font-size:15px; text-align: left; position: relative;}
.lft_cls {width: 45%; display: inline-block; line-height: 25px;}
.mid_cls {width: 9%; display: inline-block; text-align: center; padding: 5% 0; vertical-align: top; position: absolute; height: 100%;}
.mid_cls:after { content: ''; border-left: 1px solid #d3d3d3; height: 100%; position: absolute; left: 50%; top: 0;}
.mid_cls p {padding: 10px 0; background: #fff; position: absolute; z-index: 1; font-weight: bold; top: 50%; margin: 0 !important; left: 50%; transform: translate(-50%, -50%);}
.rgt_cls {width: 45%; display: inline-block; vertical-align: top; padding: 0; /* float: right; */ position: absolute; right: 0; top: 0; height: 100%;}
.rgt_cls p {padding: 0; font-size: 18px; line-height: normal; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; color: #000;}
.c_cls { width: 100%;}
.c_cls table { width: 100%;}
.rgt_cls p b { color:#000; font-weight: bold;}
table .lbl-col{text-align:left; color: #000;}
table .value-col{ text-align:right; padding-left: 15px; color: #000;}
.frmRow .renew-btn-row { text-align: center;}
.renew-btn-row td a{ border-radius: 26px;}
.sep-sum > td{border-top: 1px solid #e9e9e9; padding-top:10px;}
.renew-btn-sep td{padding-top:10px;}
.d_l span{ display: block; margin: 20px 0;}

.msg-log { width:100%; height:100%; overflow: hidden; position: fixed;}
.msg-box { padding: 20px; margin:0; border-radius: 6px; width: 100%; background: #fff !important; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 4%); text-align: center; max-width: 35%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.msg-box.success { font-size: 16px; font-family: Arial; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 4%);}
.msg-box.failed { font-size: 16px; font-family: Arial; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 4%);}
.msg-box h1 { font-size: 18px; padding:20px; font-weight:500;}
.msg-box h1 b { color: #0c2556;}
.msg-box h1 a { text-decoration: none;}
.msg-box.failed h1 { color: #334152;}
.msg-box.success h1 { color: #334152;}
.msg-box p {font-size: 13px; font-weight: bold;}
.msg-box p a { text-decoration: none; display: inline-block; height: 44px; line-height: 46px; padding: 0 25px; min-width: 160px; background: #0c2556; border-radius: 22px; color: #fff; text-align: center; font-size: 16px; position: relative; border: 0; cursor: pointer; outline: none;}
.msg-box p a:hover { color: #fff; background: #022e85;}
.oldTkLst .rltxt4 { width: 115px; height: 115px;}
.oldTkLst .rltxt4 img { margin-left: 8px;}
.oldTkLst .rltxt4 p { font-size: 14px;}



/*786*/
@media screen and (max-width:1030px) {/* 1024 px */
  body {padding:0;}
  .lgDtlBx {text-align: center;}
  .pnmbx {padding:10px 0 0 0; width:100%;}
  .logobx {border-radius:0px 0 0 0; }
  .isetBx { width: 180px;}
  .pgftr {border-radius:0; }
  .bdgBox {margin-bottom:10px; }

  .menu-and-user {height: calc(100vh - 80px);overflow-x: scroll;}
  .rltxt4 img { margin: 0 10px 10px 0;}
  .main-header .logo.blue-bg { border-radius: 0px 0 0 0;}
  .main-header .navbar.blue-bg { border-radius:0 0px 0 0;} 
  .main-footer {border-radius:0 0 0px 0;}
  .main-sidebar {border-radius:0px 0 0 0px;} 

  ul.avpckLst li { width: 100%;}
  .rltxt42 {padding: 39px 0;}

}


@media screen and (max-width:979px) { /* 800 px */
  .fkClm1 { padding: 20px 0px 0px 0;}
  .bdgBox:last-child {margin: 0 5px 12px;}
  .mblbr {display:block;}
  .desktop-menu { 
      position: fixed;
      left: 0;
      top: 0;z-index: 9999;
      height: 100vh; transition:all ease-in-out 0.4s; 
      overflow: scroll;width: 260px; margin:0 0 0 -280px;  }
  .desktop-menu.mopen {margin:0; }
  .mobfwd {display: block; width:100%; }
  .isetBx { width: 170px;}
  .txt1 { font-size: 30px;}
  .sldrBx { padding: 22px 20px;}
  .toplne { padding: 0 12px;}
  .pgftr {text-align: center;}
  .qbxwht { padding: 0 0px 20px 0; width:100%;}
  .bdgLst {text-align: center;}
  .bdgBox, .bdgBox2 {  width: 230px;  margin: 0 5px 12px; text-align: left; float: none;  display: inline-block;vertical-align: top;}
  .bdgBox2, .bdgBox {min-height:154.25px;}
  .col-lg-6:first-child input[type="date"] {margin:0 0 10px 0;}
  .rltxt4 img {
    margin: 0 0px 10px 0;
  }
  .rltxt42 {
    float: none;
    width: 100%;
    text-align: center;
    border-right: 0px solid rgba(51, 65, 82, 0.10);
    margin: 0 0 15px 0;
    padding: 0px 0;
  }
  .rltxt32 {
    float: none;
    width: 100%;
    padding: 0;
    text-align: center;
}
  .prfClm1 {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .prfClm2 {
    width: 60%;
  }
  .prfClm3 {
    width: 40%;
  }
  .prfClm2 .pcGap {
    padding: 0 20px 0 0;
  }

  .actPack {
    width: 100%;
    float: none; margin: 0 0 20px 0;
  }
  .avPack {
    width: 100%;
    float: none;
  }
  ul.avpckLst li {padding: 0 0px 20px 0;}
  .dtxt2 {border-top: 1px solid rgba(51, 65, 82, 0.10); padding: 10px 0 0 0;margin: 0 0 -6px 0;}
  .alrtx3 {max-width: 100%;}
}


@media screen and (max-width:799px) { /* 768 px */

   
    
}

@media screen and (max-width:767px) { /* 640 px */

  .logwdset {width:95%; }
  .frmBx {padding:0 20px; } 
  .breadcrumb { margin-bottom: 0rem;}
  .toplne { padding: 0 12px;}
  .sldrBx {padding: 22px 20px;}
  .txt2 { font-size: 16px;}

  .pagBx { padding: 10px;}  
  .pagBx .row { margin: 0 -10px;}
  .pagBx form .row {  margin: 0 -15px;}
  .isetBx {margin:0 0 20px 0; }

  .clm3bx { width: 100%; float: none; margin:0 0 40px 0; }
  .txt10 {min-height:auto; }

  .sqtbx {text-align: center;}

  .prfClm1, .prfClm2, .prfClm3, .prfClm4 {float: none; width:100%;  }
  .prfClm1 { }
  .prfClm2 {}
  .prfClm4 .pcGap {
    padding: 0 0 20px 0;
  }
    .prfClm2 .pcGap {padding:20px 0; }
  .prfClm3 {}
  .mset2, .mset1 {text-align: center;}
  .rlClm2 {  padding: 0 0px 18px 0;  width: 100%;  float:none;}
  .bdgBox, .bdgBox2 {  width: 240px;  margin: 0 6px 12px;}
  .blue-bg.logo.logo1 { border: 0; text-align: left;}
  .logo2 {    width: auto;padding:5px 10px 5px;}
  .mnvIset {
    display: block;
    float: right;
  }
  .mnvIset span {  height: 80px;  width: 60px; display: inline-block;}
  .mnvIset span, .main-header .mnvIset span.sidebar-toggle:focus, .main-header .mnvIset span.sidebar-toggle:active { 
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIC01MyAzODQgMzg0IiB3aWR0aD0iNTEyIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJtMzY4IDE1NC42Njc5NjloLTM1MmMtOC44MzIwMzEgMC0xNi03LjE2Nzk2OS0xNi0xNnM3LjE2Nzk2OS0xNiAxNi0xNmgzNTJjOC44MzIwMzEgMCAxNiA3LjE2Nzk2OSAxNiAxNnMtNy4xNjc5NjkgMTYtMTYgMTZ6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0zNjggMzJoLTM1MmMtOC44MzIwMzEgMC0xNi03LjE2Nzk2OS0xNi0xNnM3LjE2Nzk2OS0xNiAxNi0xNmgzNTJjOC44MzIwMzEgMCAxNiA3LjE2Nzk2OSAxNiAxNnMtNy4xNjc5NjkgMTYtMTYgMTZ6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0zNjggMjc3LjMzMjAzMWgtMzUyYy04LjgzMjAzMSAwLTE2LTcuMTY3OTY5LTE2LTE2czcuMTY3OTY5LTE2IDE2LTE2aDM1MmM4LjgzMjAzMSAwIDE2IDcuMTY3OTY5IDE2IDE2cy03LjE2Nzk2OSAxNi0xNiAxNnptMCAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PC9nPiA8L3N2Zz4=) no-repeat center center #0c2556;background-size: 24px;}
  .main-header .sidebar-toggle:before {display: none;}
  .sidebar-open .content-wrapper, .sidebar-open .main-footer {
    -webkit-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    transform: translate(00px, 0);
  }
  .main-sidebar {padding-top: 0; z-index: 8000;}
  .prfClm1 {  margin: 0;}

  ul.avpckLst li {width: 50%; padding: 0 10px 20px;}
  .pckClmHdr {   text-align: center;}


}/*640*/


@media screen and (max-width:639px) { /* 480 px */
  .breadcrumb.brdbx {display: none;}
  .icnBx {width:100%; float:none; padding:7px 0; text-align: center;}
  .btnbx {text-align: center; padding:0 0 12px 0; }
  .qbxwht2 { padding: 12px;}
  .whtpoBx { width:100%; padding:30px 10px; }  
  .whtBx2 {  padding: 15px 10px;}

  .main-header .navbar.blue-bg {  padding: 0 0 0 15px;}
  .main-header .navbar-custom-menu {float: none; width: 100%;}
  .main-header .navbar .navbar-nav { float: right;}

  .onFee11 {text-align: center;}
  ul.avpckLst li {
    width: 100%;
    padding: 0 0px 20px;
  }

}

@media screen and (max-width:479px) { /* 360 px */
 
  .bdgBox:last-child, .bdgBox, .bdgBox2 {width: 100%; margin: 0 0px 12px;}
  
  .onFee8, .onFee9 {float: none; width:100%;}
  .onFee9 {
    padding: 15px 0 0 0;
    margin: 15px 0 0 0;
    border-left: 0;
    border-top: 1px solid rgba(51, 65, 82, 0.10);
}


}


@media screen and (max-width:359px) { /* 320 px */
}

/* .suprtBx {
  padding: 10px;
} */
.suprtBx ul {
  padding: 15px 32px;
  list-style: none;}
  

.suprtBx li.cl, .suprtBx li.time {
    margin: 0 0 26px 0;
}
.suprtBx h5 {
  padding: 0 0 0 33px;
    font-size: 15px;
    color:#d2d2d2;
    text-transform: capitalize;
    font-weight: normal;
} 
.suprtBx h6 {
      font-size: 13px;
    color: #d2d2d2;
    font-weight: normal;
    margin: 0;
    padding-left: 33px
} 
.suprtBx h6 a{color: #d2d2d2;}
.suprtBx li.cl h5 { background: url(img/call123.png) no-repeat center left; background-size: 18px;}
.suprtBx li.ml h5 { background: url(img/m12.png) no-repeat center left; background-size: 18px;}
.suprtBx li.time h5 { background: url(img/time123.png) no-repeat center left; background-size: 18px;}
.frmRow{margin:0 10px 14px 0;}
.lgbtn{text-align:center;padding:6px 0 6px 0;}
.lgbx-signup .whtBx-sec-two { padding: 122px 0; }
.logwdset { padding: 15px 15px;} 
.logwdset .whtBx { padding: 0 0px 0 10px; }
.pagBx .wrnItxt{padding-top: 24px;}
.bdgLst .bdgBox:nth-child(1) .whtBx2{ border-right: 9px solid #67e25c;}
.bdgLst .bdgBox:nth-child(2) .whtBx2{ border-right: 9px solid #ff2c2d;}
.bdgLst .bdgBox2:nth-child(3) .whtBx2{ border-right: 9px solid #4da8ef;}
.bdgLst .bdgBox:nth-child(4) .whtBx2{ border-right: 9px solid #e8cf44;}
.bdgLst .bdgBox:nth-child(5) .whtBx2{ border-right: 9px solid #c69c6d;}
.bdgLst .bdgBox2:nth-child(6) .whtBx2{ border-right: 9px solid #f49ac1;}
.bdgLst-2 .bdgBox2 .whtBx2 .rltxt42 { position: relative; text-align: center; overflow: hidden; padding: 0; border: 1px solid #c2c2c2; border-radius: 50%; width: 83px; height: 83px; background: #f9f9f9; display: inline-flex; align-items: center; justify-content: center; }
.bdgLst-2 .bdgBox2 .whtBx2 .rltxt32 { padding: 0px 0 0 0; display: inline-block; text-align: center; margin: 0 0 -12px 0; width: 67%; }
.three-sec .activity-boxes-w .activity-avatar { margin: auto; }
.three-sec .activity-boxes-w .activity-info { padding: 0; width: 100%; }
.three-sec .activity-boxes-w .activity-role { text-align: center; }
.three-sec .activity-boxes-w .activity-box:before { display: none; }
.three-sec .activity-box { display: block; }
.three-sec .activity-boxes-w .activity-box-w { display: block; padding: 0; }
.three-sec  .activity-boxes-w .activity-title { text-align: center; }
.txt3 { font-size: 20px; font-weight: bold; color: #0c2556; }
.one-btn .btn4 { background: #0c2556; border-radius: 0; width: 100%; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.side-user .imgBxpa { border: 0; display: flex; justify-content: center; align-items: center; }
.side-user .imgBxpb { width: 78px; height: 78px; overflow: hidden; border-radius: 50%; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; }
.side-user .pnmbx{ width: 100%; padding-top: 15px;}
.side-user .pnm1 { text-align: center; font-size: 17px; }
.side-user .pnm2 { text-align: center; font-size: 15px;}
.three-sec .activity-info .activity-role { font-size: 18px; color: #000; margin-top: 18px; }
.three-sec .activity-info .activity-title { font-size: 18px; font-weight: 500; color: #000; }
.padding-sec{ padding: 0 20px; }
.our-help h3{background: #1f3663;
color: #fff; padding: 8px 32px; font-size: 18px; text-transform: capitalize; }
.txt11 a { color: #0c2556; font-weight: 600; }


/* */
.dashboard-arebox .whtBx2 { display: flex; align-items: center; padding:30px 20px;}
.dashboard-arebox .rltxt3 p, .dashboard-arebox .dtxtb2{font-size: 18px; color: #000;}
.btn, .bttn { background: #0c2556; box-shadow: none !important; outline: none !important; color: #fff !important; font-weight: normal !important; }
.btn:hover, .bttn:hover { background: #022e85; outline: none !important; box-shadow: none !important; }
.wht-account {float: none; margin: auto; margin-top: 66px;}
.lgbx-account .logwdset{position: relative; width: 45%;}
.lgbx-account .logwdset .bxShdow .lgobg{position: inherit;}
.lgbx-account .logwdset .lin1 { text-align: center; margin-bottom: 11px; }
.wht-account{width: 100%;}
.wht-account .frmBx .frmRow .fldbx{ max-width: 100%;}
.lgbx-account .ftrcp { padding: 7px 0 0 0; }
.lgbx-account .lgobx {box-shadow: 0px 5px 5px #ccc;}
.wht-account .d_l span { margin: 9px 0; }
.col-a a{color: #334152;}
.wht-account .sep-sum > td { border-top: 1px solid #e9e9e9 ;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{ opacity: 1 !important; }
.tab-border td{border-bottom: 1px solid #ccc;}
.cmpPge{margin-top: 24px;}
.w-margin{ margin-top: 24px; }
.dropify-wrapper {border: 1px dashed !important;}
.chkLst input{ margin-right: 5px;}
.d-truck{ display: flex; justify-content: center; align-items: center;    border-bottom: 1px solid #ccc; padding: 20px 0;}
.custom-truck{padding: 0; }
.d-truck .acPimg { position: relative; text-align: center; overflow: hidden; padding: 0; border: 1px solid #c2c2c2; border-radius: 50%; width: 83px; height: 83px; background: #f9f9f9; display: inline-flex; align-items: center; justify-content: center; margin-right: 18px;}
.d-truck .acPimg img { width: 71%; }
.custom-truck .acPtxt3 { padding: 12px 20px; }
.demo-1 .acPtxt1 { font-size: 28px; color: #000000; font-weight: 500; }
.Manage-custom{ margin: 24px 0 12px 0;}
.tab-border > thead tr:first-child th{ background: #0c2556; color: #fff !important; border:0 !important;}
.invoice-margin{ margin-top: 24px; }
.table-show select.form-control{ border: 0; border: 1px solid #ccc; border-radius: 6px; color: #111111;}
.table-show label{ color: #111111;} 
.Manage-custom span a{ color: #111; margin-left: 12px;} 
.table-show input.form-control{ border: 0; border: 1px solid #ccc; border-radius: 6px; color: #111111;}
.Manage-custom .adOndtl2 { background: #0c2556; padding: 6px 21px; border-radius: 38px; border-left: 0; }
.Manage-custom .adOndtl2 .adOndtl4 { color: #fff; }
.Manage-custom .adOndtl2 .adOndtl4 b { color: #fff; }
.Truck-profset{margin-top: 24px;}
.Truck-profset .prfClm4 { width:66%;}
.Truck-profset .mset1 { display: flex; align-items: center; justify-content: center; margin: 29px 0; }
.Truck-profset .prfClm3 { width: 33.33%;}
.Truck-profset .otktBx {border-right: 9px solid #67e25c; display: flex;}
.invpg1-custom{ margin-top: 24px; }
.invoice-gen .mset1 { display: flex; align-items: center; justify-content: center; margin: 29px 0; }
.truckacut { font-size: 18px; color: #000; }
.co-cus select.form-control{ border: 0; border: 1px solid #ccc; border-radius: 6px; color: #111111;}
.co-cus label{ color: #111111;} 
.co-cus input.form-control{ border-radius: 6px !important; border: 1px solid #ccc; border-radius: 0; color: #111111;}
.select2-container--default .select2-selection--multiple{ border: 0 ; }

.we-fre .mset1 { display: flex; align-items: center; justify-content: center; margin: 29px 0; }
.menu-drop .header{ background: #1f3663; color: #fff !important; padding: 8px 10px !important; font-size: 18px !important; text-transform: capitalize; margin-top: 29px; }
.content-header h1:before{ display: none !important; }
.main-header .navbar, .main-header .navbar.blue-bg { min-height: 81px !important; }
.ta-swe select { border: 0 !important; border-bottom: 1px solid #767676 !important; border-radius: 0 !important; color: #111111; outline: none; }
.ta-swe input { border: 0 !important; border-bottom: 1px solid #767676 !important; border-radius: 0 !important; color: #111111; outline: none; }
.ta-swe { background: #fff; padding: 20px; margin-top: 12px; }
.two-bar select.form-select{      border: 1px solid #ccc;
    border-radius: 6px;
    color: #111111;
    outline: none;
    background: none;
    padding: 9px 8px;}
.two-bar input {border: 1px solid #ccc; border-radius:6px; color: #111111; outline: none; background: none; padding: 9px 8px; margin: 0 14px; }
.two-bar .btn { outline: none; border-radius: 40px; padding: 8px 48px; box-shadow: none; border: 0;}
.ta-swe thead tr:first-child th{ background: #0c2556; color: #fff !important;}
.ta-swe td { border-bottom: 1px solid #ccc; padding-top: 15px !important; padding-bottom: 15px !important; }
.ta-swe .paginate_button:active { color: #fff !important;     background-color: #0c2556 !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    border: 0;
    display: flex ;
    justify-content: center;
    align-items: center;
    line-height: normal }
.lgSgnLne a { color: #000; font-weight: 900; }
.lgSgnLne a:hover { color: #2e2e2e; }
.menu-side-w .active span{ background: #1f3663; /* border-radius: 6px;*/ color: #fff !important;}
.activity-space .activity-avatar { width: 47px; height: 47px; overflow: hidden; font-size: 24px; background: #0c2556; text-align: center; font-weight: bold;  border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.main-footer a:hover{ color:#2e2e2e;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{bottom: 15px !important;}
.paginate_button {margin: 0 5px;}
.s-bttn { width: 125px; height: 42px; padding: 0; display: flex; align-items: center; justify-content: center; margin: auto; }
.profset-cus{margin-top: 24px;}
.lgbx-account .lgobg:after{ display: none; }
.d-truck .demo-1{ width: 62%; }
.modal .modal-title { font-weight: bold; color: #0c2556; }
.on-cust{ margin: 0; }
.pts-cus{ margin: 0; }
.input-group-append .fileinput-remove{ border: 1px solid #0c2556; }
.file-caption-icon{top: 11px;}
.trucks-list tr td:nth-child(6) a{font-weight:bold;color:#0c2556;}
.space{ margin-top: 24px; }

/*::: (30-06-23) :::*/

.tl-err{ display:none; color: #FF0000; }

/*----210723----*/
.md_content.token-info-wrapper { border: 1px solid #ccc; border-radius: 6px; overflow: hidden; background: #fff; padding: 20px;}
.md_content.token-info-wrapper table.table thead { background: #0c2556; color: #fff;}
.md_content.token-info-wrapper h3 { font-size: 22px; font-weight: 600; color: #0c2556; padding: 20px 0 0;}

.file-upload-btn:hover { background: #022e85 !important; border-bottom: 4px solid #022e85 !important;}
.file-upload-btn { background: #0c2556 !important; border-bottom: 4px solid #0c2556 !important;}
.image-upload-wrap { border: 4px dashed #0c2556 !important; margin-top: 10px !important;}
.image-upload-wrap:hover .drag-text h3 { color: #fff !important;}
.file-upload  { padding-top: 0 !important;}
.drag-text h3 { color: #0c2556 !important; padding: 25px 0 !important;}
.image-dropping, .image-upload-wrap:hover { background-color: #0c2556 !important;}

.table-responsive>.table-bordered { border-collapse: collapse !important; border: 1px solid #333;}
.table-responsive>.table-bordered thead { background: #0c2556 !important; border-bottom: 3px solid #0c2556 !important; }
table.dataTable thead>tr>th { color: #fff !important; border-color: #333;}
.tollfit-admin-portal table.dataTable thead>tr>th { color: #333 !important; border-color: #333;}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border: 1px solid #333;}

/*----110923-----*/
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
    border-right-width: 1px;
}

/************ Driver ************/
.driver-avtar img{ height: 40px; width: 40px; }
.iconic-actions a.iconic-act{
    background: none;
    border: 2px solid #0c2556;
    padding: 3px 8px;
    color: #0c2556;
}

.iconic-actions a.iconic-act:hover{
   background: #022e85;
   border: 2px solid #022e85;
   color: #fff;
}


.new-feature{ background: #254c99; }
.new-feature > a::after {
    content: "New";
    position: absolute;
    background: #ff0000;
    color: #fff;
    right: 54px;
    top: 9px;
    z-index: 5;
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 3px;
    font-weight: 600;
    text-transform: uppercase;
}