@font-face {
    font-family: "Century Gothic";
    src: url("../font/GOTHIC.TTF");
}

@font-face {
    font-family: "Century Gothic Bold";
    src: url("../font/GOTHICB.TTF");
}


body { margin: 0px;  padding: 0px;  font-family: "Century Gothic"; overflow-x: hidden;}

.container{max-width: 1000px;}

a:hover, a{text-decoration: none;}

h1{font-size: 40px; margin: 0px; padding: 0px;font-family: "Century Gothic Bold";}

h2{font-size: 34px;font-family: "Century Gothic Bold"; margin: 0px; padding: 0px;}

h6{font-size: 18px;font-family: "Century Gothic Bold"; margin: 0px; padding: 0px; color: #000050;}

p{color: #000050; font-size: 18px; font-weight: 400; margin: 0px;}

header{background: #010050; width: 100%; position: fixed; left: 0; top: 0; z-index: 1000}

.logodv img{max-width: 100%; }
.logodv01 img{max-width: 100%; width:300px; }

/***.bannerpart{    background-repeat: no-repeat; padding-bottom: 120px; margin-top: 40px; padding-top:60px;
    background-size: cover;  background-position: top center; background-image: url("../images/banner-global.png");}
	*****/
.bannerpart{    background-repeat: no-repeat; padding-bottom: 120px; margin-top: 40px; padding-top:60px;
    background-size: cover;  background-position: top center; background-image: url("../images/banner-global-mlp.jpg");}
.bannerpart h1{color: #fff; font-weight: 700;}  


.bannerpart-mlp{    background-repeat: no-repeat; padding-bottom: 120px; margin-top: 40px; padding-top:60px;
    background-size: cover;  background-position: top center; background-image: url("../images/banner-global-mlp.jpg");}

.bannerpart-mlp h1{color: #fff; font-weight: 700;}      

.sessiondv{  background-color: #e5e5ed;   color: #000050; padding: 60px 0px;}

.sessionobject h2{position: relative; padding-left: 0px; color: #000050;}

/*.sessionobject h2:before{
    background: #000050;
    width: 2.4rem;
    content: "";
    font-size: 1rem;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 8px;
}
*/
.sessionlist ul{margin: 0px; padding:10px 0px 0px 20px; list-style: none;}

.sessionlist ul li{position: relative; display: inline-flex; margin: 15px 0px 10px; font-weight: 700;
align-items: center; font-size: 18px;}

.sessionlist ul li .num{  height: 3rem;
    width: 3rem;
    padding: .75rem;
    font-family: 'Century Gothic', sans-serif;
    font-size: 18px; margin-right: 10px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    background-color: #a0001a;
    color: #ffffff;
    border-radius: 50%;

}

.sessionlist ul li  span{width: 95%;}

.pereds-sect{padding: 60px 0px; background: #fff;}
 
.sessionobject{display: flex; align-items: center;}


.sessionobject p{margin: 12px 0px 0px;}

.sessionobject1 p {
    margin: 12px 0px 0px;
}

.preread-img img{width: 100%;}

.sessionvdos{margin-top:50px; margin-bottom: 10px; float: left;}

.prereadtext a{color: #32c7e1; font-weight: 400; text-decoration: underline;}

.intro-video{margin-top: 20px;}

.intro-video img, .intro-video iframe, .intro-video video{width: 100%;}

.transcriptcontent a{
    padding: 5px 30px;
    background-color: #000050;
    color: #ffffff; display: inline-block;
    border-radius: 10px; color: #fff;
  
    font-size: 16px;
    font-weight: 700; margin-top: 10px;
}

.transdata p{margin-bottom: 20px; margin-top: 20px}

.transdata p:last-child{margin-bottom: 0px;}

.moretext, .moretext1, .moretext2, .moretext3, .moretext4, .moretext5, .moretext6,
.moretext7, .moretext8 {
  display: none;
}

.sessionobject a, .sessionobject1 a{color:#32c7e1; font-weight: 400; text-decoration: underline; font-size: 18px;
margin-top: 30px; display: block;}

.definetext p{margin-top: 20px;}

.thinkabundnt p{margin-top: 15px;}

.abundbt-bxes{border: 3px solid #171771; margin-top: 30px;}

.abundntimages img{width: 100%;}

.abundnttext{padding: 10px 10px; background: #000050;}

.abundnttext p{font-weight: 700; color: #fff;}

.abundbt-bxes:hover .abundnttext{background: #171771;}

.accordion{margin-top: 20px;}

.accordion-button{  background: #a0001a;  color: #fff;  font-size: 18px; border-radius: 0px !important;
 outline: none; box-shadow: none;}

.accordion-body{ background: #e5e5ed;}

.accordion-body p{margin: 10px 0px 20px;}

.accordion-body li {margin: 10px 0px 20px;      font-size: 18px;
    font-weight: 400;   color: #000050;}

.accordion-body img{width: 100%;}

.accordion-item{border:none; margin-bottom: 4px; border-radius: 0px; outline: none; border-radius: 0px !important;
 outline: none;}

.accordion-button:not(.collapsed){background: #727272; color: #fff;}

h2.accordion-header{font-family: "Century Gothic"; border-radius: 0px !important; outline: none;}

.accordion-button::after{background-image: url("../images/arrow.png") !important;}

.accordion-button:focus{box-shadow: none !important;}

.palyvideotext img, .palyvideotext iframe, .palyvideotext video{width: 100%;}

.palyvideotext{margin-top: 20px;}

.palyvideotext p{margin-top: 60px;}

.palyvideotext p a{color:#32c7e1; text-decoration: underline;}

.sessionend p a{color: #000050; text-decoration: underline;}

.sessionend .endsession{
    padding: 5px 20px;
    background-color: #000050;
    color: #ffffff;
    display: inline-block;
    border-radius: 10px;
    color: #fff; border: none;
    font-size: 16px;
    font-weight: 700; margin-bottom:20px;
    margin-top: 10px;
}

.sessionend p{text-align: left;}

.modaldata{display: flex; align-items: center; height: 100%;}

.modaldata h2{color: #000050; margin-bottom: 15px;}

.popsimg img{width: 100%;}

.modal-dialog.modal-xl {width: 100%; max-width: 100%;}

.modal-dialog.modal-xl .modal-body{background: #f0dfed; padding: 80px 0px;}

.closebt{float: right; margin-bottom: 20px; outline: none; box-shadow: none;}

.closebt:focus{box-shadow: none;}

.carouseldv{margin-top: 20px;}

.carouseltext h6{margin-bottom: 15px;}

.carouselimg img{width: 100%;}

.owl-nav button{background-color: #a0001a !important; color: #ffffff !important; outline: none; width: 50px; height: 50px;
border: none !important;}

.owl-nav button span{display: inline-block; margin-top: 5px;}

.owl-nav{position: absolute; top: 45%; width:57.5%;}

.owl-next{float: right;}

.headerclose{display: flex; align-items: center; justify-content: flex-end; height: 100%;}

.headerclose span{float: right; color: #fff; cursor: pointer;}

.loginheader{background: #010050; width: 100%; padding: 15px 0px;}

.loginarea{min-height:70vh; padding: 70px 0px; background: #e5e5ed;}

.loginhead h3{color: #010050; font-size: 34px;}

.formlabel label{color: #010050; font-size: 15px; font-weight: 700; margin-bottom: 5px; font-weight: 700;}

.formlabel  input{height: 34px;  padding: 6px 12px;   font-size: 14px; color: #262626;
    background-color: #fff; border:1px solid #6e6e6e; width: 100%; outline: none;}

.formlabel{display: block; margin-top: 20px;}    

.form-check{margin-top: 20px; display: block; color: #010050; font-weight: 700;font-size: 15px;}

.form-check input, .form-check:focus{outline: none; box-shadow: none !important;}

.loginbtn input{background: #010050; color: #fff; padding:8px 15px; border-radius: 7px; font-size: 15px;
border: none; display: block;} 

.loginbtn{display: block; margin: 15px 0px;}

.loginbtn a{display: block; margin-top: 20px; color:  #010050; font-size: 15px; font-weight:600;}

.cookies p{color:  #010050; font-size: 14px; font-weight:500;  margin:30px 0px 0px;
display: flex; align-items: center;}

.cookies p span{margin-right:5px;}

footer{background: #010050; padding: 90px 0px;}

.clickbtn a{
    color: #fff;  font-size: 14px;
    padding: 10px 30px;  border-radius: 10px;  font-weight: 600;
}

.clickbtn a:hover{color:  #010050; background: #fff;}

.social{margin-top: 25px;}

.social ul{margin: 0px; padding: 0px; list-style: none;}

.social ul li{margin: 0px 10px; display: inline-block;}

.social ul li a i{font-size: 25px;}

.social ul li a {color: #fff;}

.learningdv{font-size: 18px; color: #000050; font-weight: 600;}

.learningdv{margin: 25px 0px 10px;}

.radiodv{display: flex; align-items: center; margin-top: 7px;}

.radiodv p{margin-right:15px; font-weight: 600;}

.radiodv .custom_radio input[type="radio"]{
  display: none;
}
.radiodv .custom_radio input[type="radio"] + label{
  position: relative;
  display: inline-block;
  padding-left:30px;
  margin-right:15px;
  cursor: pointer;
  line-height: 1em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.radiodv .custom_radio input[type="radio"] + label:before,
.radiodv .custom_radio input[type="radio"] + label:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height:17px;
  text-align: center;
  color: white;
  border-radius: 50%;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.radiodv .custom_radio input[type="radio"] + label:before {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border: 1px solid #000050;
}
.radiodv .custom_radio input[type="radio"] + label:hover:before {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border: 1px solid #000050;
}
.radiodv .custom_radio input[type="radio"]:checked + label:before {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #000050;
}

.progress-bar{
    height: 10px;
    width:40px;
    background-color: transparent;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    border: 1px solid #fff;
    margin-right: 10px;
}

* + .progress-bar {
  margin-top: 2rem;
}

.bar {
  width: 0;
  height: 100%;
  background-color: #fff;
  background-size: 30px 30px;
  animation: move 2s linear infinite;
  transition: width 2s ease-out;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 30px 30px;
  }
}

.perc {
  position: absolute;
  top: 50%;
  left: 50%; font-size: 10px;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: bold;
}


.sessionobject .progress-bar{border: 1px solid #000050;}

.sessionobject .bar{background:  #000050}

.formdv{width: 100%;}

.formdv input, .formdv textarea{
    margin: 0px 0 0; padding: 15px 15px;  border: none; font-size: 15px;
    outline: 0;  color: #000050; width: 100%;   height: 40px; background: #f4f3f8;
}

.formdv textarea{height: 120px;}

.irgcntnt form{width: 100%; margin-top: 30px; background: #f0dfed2e; padding: 10px 20px;}

.formexercise{margin:20px 0px;}

.formbtn{margin-top: 0px;}

.formbtn input{
    background: #000050;  color: #fff;  font-size: 15px;  padding: 5px 25px;
    border-radius: 25px;  font-weight: 600; display: inline-block;
     border: none;
}

.formdv label{
    font-size: 18px;
    color: #000050; margin-bottom: 10px;
  
}

.homebanner{margin-top: 0px; padding-left: 50px; padding-right: 50px;
}

.logintext{display: flex; justify-content: center;}

.logintext p{color: #fff; font-size: 15px; margin-bottom: 40px; align-items: center;}

.logoutbtn{
    color: #fff; margin-left: 2px;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 10px;
    font-weight: 600;
}

 .logoutbtn:hover { color: #010050;   background: #fff;}

 .modulesect{padding:30px 20px;}

 .moduleimg{width:10%; margin-right: 1%;}

.moduleimg img{width: 100%;}

.modulerow{margin: 15px 0px; float:left;}

.menusdv{display: flex; align-items: center; justify-content: flex-end; height: 100%;}

a#toggle i.crosstime{display: none;}

.open-menu a#toggle i.linetoggle{display: none;}

.open-menu a#toggle i.crosstime{display: block;}

.multiplemodelsdv{margin-top: 20px;}

.multiplemodelsdv .carouseltext{margin-top: 20px;}

.powerdv p{margin-bottom: 20px;}

.numbergap{margin:25px 0px 0px; padding: 0px; list-style: none;}

.numbergap li{color: #000050; font-size: 18px;   font-weight: 400;}

.detaildata img{max-width: 100%;}

.pdfdetail ul li {
    display: inline-block;
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
}

.pdfdetail ul li a{display: inline-flex;
    align-items: center; color:#000050}

.pdfdetail ul{margin: 0px; padding: 0px;}

.pdfdetail ul li span{font-size: 30px; margin-right: 10px;}

.pdfdetail{margin-top: 25px;}

.pdfdetail ul li h6{font-size: 16px;}

.pdfdetail ul li  i{white-space: nowrap; 
  width: 150px; display: inline-flex;
  overflow: hidden; font-style: normal;
  text-overflow: ellipsis; }

.pdfdetail ul li p{font-size: 15px; margin-top: 3px;}

.listingvalue{margin:20px 0px; padding: 0px 0px 0px 20px; list-style: none;}

.listingvalue li{ color: #000050; font-size: 18px; font-weight:500; margin: 0; padding:0px 0px 0px 15px;
 position: relative;}

.listingvalue li:before{background: #000050; margin: 0px; padding: 0px; content: ""; width: 5px; height: 5px;
border-radius: 50%; position: absolute; left: 0; top: 11px; }

.rangeslidedv{margin-top: 25px;}

.rangesbmtinput{
    background: #000050; padding: 5px 5px; width: 100%; text-align: center; font-size: 15px;
    border: none; color: #fff;  font-weight: 600; border-radius: 10px;
}

.feedbackinput{
    background:#dddddd; padding: 5px 5px; width: 100%; text-align: center; font-size: 15px;
    border: none; color: #000;  font-weight: 600; border-radius: 10px; pointer-events:none;
}

.rangecntent{display: flex; justify-content: space-between; margin-top: 20px;}

.rangecntent p{color: #000050;  font-size: 18px; font-weight: 400;  margin: 0px; padding: 0px;}


/**rangeslider**/

.range-item {
  position: relative;
}
.range-item:not(:last-child) {
  margin-bottom: 24px;
}
.range-item .range-input {
  margin-top: 6px;
}
.range-item .range-input input {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.range-item ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: calc(100% + 34.4px);
  margin: 0 -17px;
}
.range-item ul .list-inline-item:not(:last-child) {
  margin-right: 0;
}
.range-item ul .list-inline-item span {
  position: relative;
  min-width: 58px;
  text-align: center;
  display: block;
  font-size: 17px;
  padding-top: 4px;
  word-break: break-word;
  color: #000050;
}
.range-item .range-line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 5px;
  width: calc(100% - 14px);
  background-color: #ddd;
  z-index: 0;
  margin: 0 7px;
  border-radius: 50px;
  overflow: hidden;
}
.range-item .range-input.disable-range + ul .list-inline-item span::before {
  background-color: #b1b1b1;
}
.range-item .range-input.disable-range .range-line .active-line {
  background-color: #b1b1b1;
}
.range-item
  .range-input.disable-range
  + ul
  .list-inline-item.active
  span::before {
  background-color: #777777;
}
.range-item .range-input .dot-line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 24px);
  left: 0;
  z-index: 1;
}
.range-item .range-input .active-dot {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    cursor: pointer;
    background-color: #ffffff;
    height: 27px;
    width: 28px;
    border: none;
    z-index: 11;
    left: 0%;
    border-radius: 50%;
    box-shadow: 0px 0px 11px #d9d9d9;
}
.range-item .range-input .range-line .active-line {
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  background-color:#a0001a;
  transition: all 0.1s ease;
}

.range-item .range-input input:disabled ~ .dot-line .active-dot {
  background-color: #d9d9d9;
  border: 4px solid #b1b1b1;
}
input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -8px; /* Centers thumb on the track */
  background-color: #0000;
  height: 15px;
  width: 15px;
  border: 4px solid #0000;
  z-index: 11;
  box-shadow: none;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -8px; /* Centers thumb on the track */
  background-color: #0000;
  height: 24px;
  width: 24px;
  border: 4px solid #0000;
  box-shadow: none;
  z-index: 11;
}

input[type="range"]::-webkit-slider-runnable-track {
  background-color: #f0f0f000;
}
input[type="range"]::-moz-range-progress {
  background-color: #f0f0f000;
}
input[type="range"]::-ms-track {
  background-color: #f0f0f000;
}
input[type="range"]::-moz-range-track {
  background-color: #f0f0f000;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #f0f0f000;
}
input[type="range"]::-ms-fill-upper {
  background-color: #f0f0f000;
}
input[type="range"]:focus::-webkit-slider-thumb {
  box-shadow: none !important;
  background-color: #f0f0f000;
}

input[type="range"]:focus::-moz-range-thumb {
  box-shadow: none !important;
  background-color: #f0f0f000;
}

input[type="range"]:focus::-ms-thumb {
  background-color: #f0f0f000;
  box-shadow: none !important;
}
input[type="range"]:disabled::-webkit-slider-thumb {
  background-color: #0000;
  border: 4px solid #0000;
}
input[type="range"]:disabled::-moz-range-thumb {
  background-color: #0000;
  border: 4px solid #0000;
}


.librarymain {min-height: 50vh;}

.librarymain .container-fluid {
    max-width: 1680px; padding: 0px;
}

.library-right{background: #e5e6ed; height: 100%; border-right: 1px solid #cecece;}

.workspacehead{padding: 20px 30px; display: flex; justify-content: space-between;}

.workspacehead h3{color: #010050; font-size: 21px; font-weight:700; margin: 0px;}

.workspacehead a{
    width: 25px; height: 22px; border-radius: 50%;  background: #010050; justify-content: center; 
    align-items: center; display: flex; margin-top: 10px;
}

.workspacehead a span {font-size: 17px; line-height: inherit; color: #fff;}

.userhead h2{background-color: #010050; padding: 10px 30px; color: #fff; font-size: 18px; 
font-family: "Century Gothic";}

.workspace-bx{padding: 30px 0px;}

.workspace-bx ul{margin: 0px; padding: 0px;}

.workspace-bx ul li a{padding: 5px 30px; color: #010050; display: block; }

.workspace-bx ul li a:hover{ background: #c5c0c0;}

.library-right-heading {
    background-image:linear-gradient(to bottom, #000050, #eec28a);
    padding: 40px 20px;
    width: 140px;
    box-shadow: 2px 2px 6px #9f9a9a;
}

.rightmainlibr{display: flex; align-items: center; justify-content: flex-start}

.rightpartdv{padding: 30px 30px 30px 0px; float: left;}

.library-right-heading h5{color: #fff; margin: 0px;font-family: "Century Gothic Bold";}

.librarytitle{padding-left: 30px;}

.librarytitle h3{font-family: "Century Gothic Bold"; color: #010050;}

.librarytitle p{margin: 0px; padding: 0px; font-size: 16px; color: #7e7e7e;}

.joinedbutton{display: flex; justify-content: flex-end; margin-top: 0px;}

.joinedbutton button{background: #010050; color: #fff; font-size: 14px;}

.discussionpanel{padding: 25px 0px;}

.discussionmain{display: flex;}
.discussionmain iframe {
  margin: 10px 0px;
  border: 5px solid #f1f1f1;
}

.discussionmain h1,h2,h3,h4,h5,h6 {  width:100%;

}

.discussionmain p {color: #000050;
  font-size: 14px;
  font-weight: 400;
  margin: 0px;
}



.discussionmain-box { border: solid 1px #f3f3f3e0;
  padding: 20px;
  margin-bottom: 10px;
}

.discussion-comment-list {     font-size: 13px;
  margin-left: 40px;
  color: #a3a3a3;
  font-weight: normal;
}




.discussionmain img{width: 100%; padding:20px; margin:10px; }

.discussionleft img {width: 30px;
  padding: 0px;
  margin: 0px;
  border: 1px solid #c7c7c7;
  border-radius: 50%; margin-right: 10px;
}



.discussionlisting{border: 1px solid #d4d4d4; border-radius: 20px;box-shadow: 0px 5px 6px #e7e3e3; color: #7e7e7e;
padding:10px 20px;}

.discusslist p{font-size: 13px; margin-bottom: 15px; margin-top: 10px;}

.discusslist h6{font-size:16px;font-family: "Century Gothic"; margin-bottom: 10px;}

.discusslist{margin-top: 25px;}

.discusslist:first-child{margin-top: 0px;}

.filtertab{display: flex; border-bottom: 1px solid #c3c3c3; padding: 0px 30px 20px;}

.filter-left{display: flex; align-items: center; height: 100%;}

.filtericon svg{font-size: 20px;}

.filtertype {max-width: 100%; padding-left: 10px;}

.filtertype label{
    font-family: "Century Gothic Bold";
    color: #010050; font-size: 14px;
}

.filtertype select{border: 1px solid #6e6e6e; color: #262626; font-size: 15px; padding: 5px 5px;
outline: none;}

.filter-right{border-left: 1px solid #c3c3c3; margin-left: 15px; padding-left: 15px;}

.filtersearch{border: 1px solid #6e6e6e;color: #262626; font-size: 15px; padding: 3px 5px;
outline: none;}

.filtersearch input{width: 200px; outline: none; border: none;}

.filterdatanew{margin-top: 30px;}

.dataheading h5{margin: 0px; padding: 0px;font-family: "Century Gothic Bold";}

.sortinglist{display: flex; justify-content: flex-end; align-items: center;}

.sortinglist label{margin: 0px; padding: 0px;font-family: "Century Gothic Bold"; font-size: 14px;}

.sortinglist select{border: 1px solid #6e6e6e; color: #262626; font-size: 15px; padding: 4px 5px;
outline: none; margin-left: 15px;}

.librarydata{margin-top:10px; display: flex;}

.librarylisting-info{   margin-bottom: 20px}

.librarylisting-info-01{   margin-bottom: 20px;
  /* display: flex
; */
  width: 100%;
  height: 85%;}


.listinginfoinner{border: 1px solid #c3c3c3; border-radius: 5px;}

.labimginner{background-position: center;  background-size: cover;
background-image: url("../images/irgimage.jpg"); height: 150px;}

.libraryimage{padding: 15px 15px 5px; }

.librarylisting-heading{padding: 0px 10px;}

.librarylisting-heading span{color: #010050; font-size: 25px; }

.bookingicon{display: flex; justify-content: flex-end;}

.headdata h5{ font-family: "Century Gothic Bold"; color: #010050;font-size: 17px; min-height: 50px;}

.headdata ul{margin: 0px; padding: 0px;list-style: none;}

.headdata ul li{font-size: 14px; padding:2px 5px;border: 1px solid #c3c3c3; border-radius: 25px;
color: #010050;    color: #010050;display: inline-flex;align-items: center; }

.headdata ul li span {
    color: #b4b4b4; font-size: 17px;
}

.userbxdv{
    display: flex; justify-content: flex-end; height: 100%; align-items: end;
}

.userbxdv span{ color: #010050; font-size: 18px}

.likesdata ul{margin: 0px; padding: 0px; list-style: none}

.likesdata ul li{display: inline-block; text-align: center;color: #010050; line-height: 18px;}

.likesdata ul li p{margin: 0px; font-size: 12px;}

.likessect{margin-top: 20px; padding-bottom: 10px;}

.listinfo-title{margin-top: 10px;}

.listinfo-title p{color: #010050; font-size: 14px; margin:0px; font-weight: 400;}

.listinfo-title p a{color: #010050;}

.listinfo-title p a:hover{text-decoration: underline;}

.contribute-popup{color: #010050;}

.modalheadinpopup h5{margin: 0px;    font-family: "Century Gothic Bold";}

.modalheadinpopup p{font-size: 15px; margin-top: 10px;}

.modalheadinpopup p a{color: #010050;}

.tab-popup-contribute{margin-top: 10px;}

.newslisting .newsltrsons {
    margin-top: 35px;
}

.newslettervideos {
    background: #e5e5ed;
    padding: 0px; height: 100%;
    margin-top: 20px;
}

.videotitls {
    padding: 15px 20px 20px;
    float: left;
}

.videotitls  p{margin-top: 7px;}

.newslettervideos iframe {
    width: 100%; float: left;
}

.videotitls h3 {
    margin: 0;
    padding: 0px;
    font-family: "Century Gothic Bold";
    color: #000050;
    font-size: 22px;
}

.newsltrsons {
    height: 95%;
}

/**menu-css**/

.menus {
    width: 100%;
    float: left; height: 100%; display: flex; align-items: center;
    padding: 0px 0px 0px;
}

div#overlay { display: none; }

a#toggle {
 float: right;
  
  text-align: center;
  color: white;
  display: none;
  transition: all ease-out 0.3s;
    align-items: center;
    justify-content: center;
}

a#toggle i {
  position: relative; font-size: 26px;
}

main#content { padding: 10px; }

#menu {
  text-align: center;
  transition: all ease-out 0.3s;
}

#menu a { color:#fff; text-decoration: none;}

#menu ul {margin: 0px;padding: 0px;}

#menu ul li {
  display: inline-block;
  position: relative;margin: 0px 5px 10px 5px;
}

#menu ul li:last-child{margin-bottom: 0px;}

#menu ul li > a {
    display: inline-block;
    font-size: 15px; 
    padding: 0px 5px; 
    font-weight: 600;
}

#menu ul li > a > i {
  margin: 0px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.1s;
}

#menu ul li ul {
      display: none;
    position: absolute;
    top: 24px;
    z-index: 9;
    /* left: -112px; */
    /* width: 150px; */
    background: #FFF;
    text-align: left;
    padding: 3% 0;
    transition: all 0.3s ease;
    transform: translateY(0 0 50px);
    right: 0px;
}

#menu ul li ul li { display: block; }

#menu ul li a:hover{color: #fff;}

#menu ul li ul li a {
    display: block;
    text-transform: capitalize;
    color: #555;
    padding: 5px 10px;
}


#menu ul li ul li a:hover {
  background: #010050;
  color: #fff !important;
}

#menu ul li:hover ul { display: block; }

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

a#toggle { display: flex; margin-left: 10px;}

main#content {
  margin-top: 65px;
  transition: all ease-out 0.3s;
}
#menu ul li a.active {
    
    color: #7dbd32;
}
#menu{
    position: fixed;
    width: 250px;
    height: 100%;
    top: 0; 
    padding: 0px;
    right: 0;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: auto;
    background-color:#010050;
    transform: translateX(270px);box-shadow: -1px 4px 6px #262626; 
    z-index: 99;
}
#menu ul li a.active {
    
    color: #fff;
}
#menu ul {
  text-align: left;
  background-color: transparent;
  padding-top:80px;
}
#menu ul li ul{
  padding-top:0px;
}

#menu ul li a:hover::before, #menu ul li a.active::before{display: none;}

#menu ul li { display: block; }

#menu ul li a { display: block; color:#fff; padding:15px 25px; }

#menu ul li a > i { float: right; }

#menu ul li ul {
  display: none;
  position: static;
  width: 100%;
  padding: 0px 20px;
  background-color:transparent;
}

#menu ul li:hover > ul { display: none; }

#menu ul li:hover > a > i { transform: rotateZ(0); }

#menu ul li.open > a { background-color: rgba(0, 0, 0, 0.3); }

#menu ul li.open > a > i { transform: rotateZ(90deg); }

#menu ul li.open > ul { display: block; }

div#overlay {
  display: block;
  visibility: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  opacity: 0;
}

html.open-menu { overflow: hidden; }

html.open-menu div#overlay {
  visibility: visible;
  opacity: 1;
  width: calc(-150%);
  left: 250px;
}

html.open-menu a#toggle,
 html.open-menu main#content { z-index:99;  position: relative;}

html.open-menu nav#menu {
  z-index: 3;
  transform: translateX(0);
}


}

/**menu-end**/

.menutp ul{margin: 0px; padding: 0px; list-style: none;}

.menutp ul li{margin: 0px; display: inline-block;margin: 0px 5px;}

.menutp ul li a{color: #fff;font-size: 14px;
  padding: 0px 5px;
  font-weight: 600;}

 .menutp ul li a:hover, .nav-link:focus, .nav-link:hover{color: #fff !important;}

 .menutp{display: flex; align-items: center; justify-content: flex-end; height: 100%;}

 .dropdown-menu li{display: block !important;}

 .dropdown-menu li a{color: #696767 !important;font-size: 14px !important;
  padding: 6px 9px !important;}

 .dropdown-menu li a span{font-size: 17px;
  float: left;
  margin-top: 1px;
  margin-right: 10px;}

 .custom_radio:last-child label{margin-right: 0px;}

 .sbmt-frms{margin-top: 20px;}

 .backdata{padding: 20px 40px;}

 .backdata a{font-size: 15px; color: #010050; display: flex; align-items: center; font-weight: 500;}

  .backdata a i{font-size: 22px; margin-right:10px;}

  .titledetail{display: flex; justify-content: space-between; align-items: center;}

  .detailsect{padding: 50px 0px 70px;}

  .titledetail h1{font-weight: 800;padding-bottom: 40px; position: relative; color: #010050;    width: 85%;}

  .titledetail h1:after{content: ""; display: inline-block; width:40px; height: 2px;
    background-color: #010050; position: absolute; bottom: 0; left: 0}

  .titledetail a{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #010050;
    text-align: center;
    line-height: 35px;
    color: #fff;
}

.detaildata iframe{width: 100%; height: 450px;}

.detaildata h6{margin-top: 10px;}

.detaildata p{font-size: 16px; margin: 10px 0px 0px;}

.detaildata p a{    color: #000050;}

.detaildata p a:hover{text-decoration: underline;}

.virtual-btn{
    position: fixed; bottom: 20px; right: 20px; background: #010050; visibility: hidden; opacity: 0;
    color: #fff; font-size: 14px; padding: 9px 20px;font-weight: 600;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s; border-radius: 5px;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s; 
}


.virtual-btn.cd-is-visible, .virtual-btn.cd-fade-out, .no-touch ..virtual-btn:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }

.virtual-btn.cd-is-visible {
    visibility: visible; opacity: 1; }


.virtual-btn.cd-fade-out{color: #fff;}

.virtual-btn.cd-fade-out:hover {
    opacity: 1;
  }

#virtualmodal .modal-dialog{width: auto; max-width:800px;}

#virtualmodal .modal-body{padding-top: 20px; padding-left: 30px; padding-right: 30px; padding-bottom: 60px}

#virtualmodal_mlp .modal-dialog{width: auto; max-width:800px;}

#virtualmodal_mlp .modal-body{padding-top: 20px; padding-left: 30px; padding-right: 30px; padding-bottom: 60px}


.popuptitle h4 {
    color: #000050;
   
    font-family: "Century Gothic";
    font-size: 24px;
    margin-bottom: 20px;
    
    font-weight: 700;
}
.popuptitle h5 {
    color: #000050;
   
    font-family: "Century Gothic";
    font-size: 18px;
    margin-bottom: 10px;
    
    font-weight: bold;
}
.popup-abundanttitle h3 {
    color: #000050;
    margin: 0px 0px 30px;
    font-family: "Century Gothic Bold";
    font-size: 30px;
    background: ;
    padding: 10px;
    border-bottom: 2px solid #000050;
}

.popupdata label{font-size: 17px; color: #000050;font-family: "Century Gothic Bold";    margin-bottom: 15px;}

.popupdata p{    font-size: 16px;
    color: #000050;
   
    line-height: 35px; min-height:46px;}
	
	
.popupdata-ans {    font-size: 16px;
    color: #000050;
    line-height: 35px;
    background: #f2f4f6;
    padding: 6px 15px;
    border-radius: 6px;
    border: solid 1px #dfdfdf;
} 	
	
	


.workbookdata{    
    padding-top: 14px;
    padding-bottom: 12px;
    margin-bottom: 40px;}

.workbookdata:last-child{padding-bottom: 0px; border-bottom: none;}

.workbookdata:first-child{padding-top: 0px; }

.sidebar{position: fixed; right: 0; top: 0; width: 600px; background: #e5e6ed; padding: 25px 30px;
height: 100%;  border-left: 1px solid #c0c0c0;overflow-y: auto; 
overflow: hidden;
    transform: translateX(2000px);}

html.open-menu1 .sidebar{
    z-index: 3;
    transform: translateX(0);
  }


.sidebtn {
    position: fixed;
    top: 50%;
    right: 0;
    width: 28px;
    height: 73px;
    background: #e5e6ed;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c0c0c0;
    border-radius: 15px 0px 0px 15px;
    border-right: none;
}

html.open-menu1 .sidebtn{transform: translateX(-600px);}

.sidebtn svg{transform: rotate(270deg); fill: #000;
}

.title-sidebar{display: flex; justify-content: space-between;}

.headtitle h5{color: #000050; font-size: 14px;font-family: "Century Gothic Bold";}

.headtitle h5 img{margin-right: 10px; width: 40px; border: 2px solid #000050; border-radius: 50%;}

.sidebardescript{margin-top: 30px;}

.sidebardescript .nav-tabs .nav-link {
    font-size: 12px;
    background: #f7f8f9;
    border-radius: 0px;
    border: 1px solid #d4d4d4;padding: 10px 16px;
    color: #8d8c8c;
}

.sidebardescript .nav-tabs .nav-link:hover{color: #8d8c8c !important;}

.sidebardescript .nav-tabs .nav-link.active{
    border-top: 4px solid #c8cfd6;
    background: #fff;color: #8d8c8c !important;
}

.sidebardescript .nav-tabs{
    border-bottom: 1px solid #d4d4d4;
}

.sidebardescript .nav-tabs .nav-link:nth-child(2){border-left: none; border-right: none;}

.overviewdv{margin-top: 30px; color: #000050;}

.overviewhd p{font-size: 12px;}

.overviewhd h6{margin-top: 10px;font-family: "Century Gothic"; font-size: 15px; font-weight: 500;}

.overviewhd h6 svg{width:22px;}

.overtime p svg{width:20px; fill: #949494;}

.overtime p {font-size: 14px; margin: 15px 0px 0px; font-weight: 600;}

.likeicon a{width: 35px; height: 35px; background: #000050; border-radius: 50%; display: inline-block;
text-align: center; color: #fff; line-height: 32px; box-shadow: 2px 2px 2px #b8b8b8;
transition: all linear 0.3s;}

.likeicon a:hover{background: #fff; color: #000050;}

.likeicon {margin-top: 30px;}

.likeicon p{width: 32px; text-align: center; font-size: 13px; margin-top: 5px;}

.relateddv p{font-size: 15px; font-weight: 500;}

.commenttitle{border-bottom: 2px solid #d4d4d4; padding-bottom: 5px;}

.commenttitle p{ font-size: 14px;}

.commenthead{display: flex; align-items: top;}

.commentimg {margin-right: 10px;}

.commentimg img{width:25px; height:25px; border: 2px solid #000050;border-radius: 50%;}

.commentrow{margin-top: 30px; position: relative;}

.commenttext{width: 90%;}

.commentdata{display: flex; justify-content: space-between;}

.commentdata h6{font-size: 13px;}

.commentdata p{font-size: 12px;}

.commentdetail p{font-size: 15px; margin-top:5px;}

.likedv ul{margin:5px 0px 0px; padding: 0px; list-style: none}

.likedv ul li{margin: 0px 15px 0px 0px; display: inline-block;}

.likedv ul li a{color: #000050;}

.likedv ul li a svg{width: 17px;}

.commentreplydv{position:absolute; bottom: 40px;border-top: 2px solid #d4d4d4; padding-top: 15px;
    left: 0;
}

.commentdatareply{display: flex; padding: 0px 20px;}

.commentdatareply .headtitle h5 img{width: 30px; max-width: 100%;}

.commentdatareply .headtitle{width:8%; margin-right: 10px;
}

.commenttextrow{width: 92%;}

.commenttextrow textarea{width: 100%; border:1px solid #000; padding:10px; height: 70px; outline: none;
font-size: 14px;}

.droptogle .dropdown-toggle{background: transparent; border: none;}

.droptogle .dropdown-toggle::after{display: none;}

.droptogle  .dropdown-menu{border-radius: 0px;padding:0px;}

.droptogle .dropdown-menu a:hover{background:#f4f4f4;}

.droptogle .dropdown-menu a {
  padding: 7px 14px !important;
  background: #fff; font-weight: 700;
  color: #000050 !important;
}

.detaildata{margin-top:50px;}

.maindata{position: relative;}

.progress-sidebar{width: 320px; height: 100%; background: #000050; transform: translateX(800px);
    position: fixed; right: 0; top: 0; z-index: 11; transition: all ease-out 0.3s;} 

  html.open-menuside .progress-sidebar{
    z-index: 1111;
    transform: translateX(0);
  }

.open-menuside{background: rgba(0, 0, 0, 0.7);}

.progress-sidetext h6{color: #fff;}    

.progress-sidebar ul{margin: 0px; padding: 0px; list-style: none; overflow-y: auto; height: 93%;}

.progress-sidebar ul li a{display: flex; justify-content: space-between; align-items: center;}

.progress-sidebar ul li a{ padding: 18px 15px; background-color: #000050; border-bottom: 1px solid #00001d;}

.progress-sidebar ul li a:hover{background: #00001d;}

.progress-sidebar ul li h6{font-size: 15px;}

.progress-sidebar ul li p{color: #fff; font-size: 12px;}

.progress-sidebar ul li .progresssidbar-menu{width:60px; display: flex; justify-content: flex-end;}

.closebtndv{height: 7%; border-bottom: 1px solid #00001d; display: flex; justify-content: flex-end; align-items: center;}

.closebtndv span{color: #fff; margin-right: 15px; cursor: pointer;}

#main-progress{cursor: pointer;}

.open-menusideoverlay {
    width: 100vw;
    height: 100vh;
    background: #0000008c;
    z-index: 1;
    position: fixed; left: 0; top: 0;
}

.sideclose .closebt {
    margin-bottom: 10px;
    width: .5rem;
    height: .5rem;
    margin-right: 2px;
    margin-top: -10px;
}

.worklist{margin-top:30px;}

.worklist:first-child{margin-top:0px;}

.evelvesessions{display: block;}

.evelvesessions h2{margin-bottom: 15px;}

.evolveimagesnew img{max-width: 100%;}

.evolveimagesnew{margin-top: 40px;}

.intro-video iframe{width: 100%;    height: 400px;}

.sessionlist ul li {
  position: relative;
  display: inline-flex;
  margin: 15px 0px 10px;
  font-weight: 700;
  align-items: center;
  font-size: 18px;
  color: #000050;
}

#comment-textarea {
  width: 100%;
  
  border: 2px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  font-size: 16px;
  outline: none;
  transition: border-color 0.3s ease-in-out;
}

#comment-textarea:focus {
  border-color: #000469;
}

#comment-textarea.highlight {
  border-color: #000469;
}

#comment-submit-btn {
  display: none;
  margin-top: 5px;
  padding: 4px 6px;
  background-color: #000469;
  color: white;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  font-size: 14px;
}

#comment-submit-btn:hover {
  background-color: #45a049;
}

.modal-rating-data{
  line-height: 55px;
}

.addpopup-data{border: 2px dashed #010050; height: 100%; border-radius: 5px; display: flex;
align-items: center; justify-content: center;}

.addpopup-data a{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #010050;
    justify-content: center;
    align-items: center;
    display: flex;
}

.addpopup-data a span {
    font-size:28px;
    line-height: inherit;
    color: #fff;
}

.joinedbtns{padding: 0px; }

.joinedbtns .dropdown-item.active, .joinedbtns .dropdown-item:active {
    background-color: #010050;
}

.joinedbtns .dropdown, .oinedbutton  .dropdown-menu{overflow: hidden;}

.membersdv{padding-top: 20px;}

.membersdv  .filterdatanew {
    margin-top: 20px; border-top: 1px solid #d4d4d4;  border-bottom: 1px solid #d4d4d4; padding: 15px 0px;
}

.membertop{border: 1px solid #d4d4d4;  border-radius: 5px; padding:10px; display: flex;
margin-top: 10px;}

.memberleft img {
    width: 45px;  border: 2px solid #010050;  border-radius: 50%;
}

.memberright{padding-left: 15px;}

.memberright p{margin: 0px; font-size: 14px;}

.memberright p a{font-family: "Century Gothic Bold";    color: #010050;}

.memberright p  span{
    background: #6e6e6e;font-family: "Century Gothic Bold"; color: #fff;
    padding:2px 10px 4px;  font-size: 12px;  border-radius: 5px; margin-left:3px;
}

/**new**/

.popupfields{margin-top: 30px;}

.popupfields input{border: 1px solid #6e6e6e; color: #262626; font-size: 14px; padding: 7px 8px;
width:100%; outline: none; box-shadow: none;}

.popuptips{font-size:14px }

.popuptips span{font-size:16px }

.sbmtdv-poup button{font-size: 15px;}

.sbmtcncel{ background:#e5e6ed; }

.cnclbtn, .cnclbtn:hover, .sbmtcncel:hover{background: #010050; color: #fff;}

.popupfields label.qstnlabls{font-family: "Century Gothic Bold";color: #010050; margin-bottom: 5px;}

.popupfields input.form-check-input {
    width: 15px;
    padding: 0;
    height: 15px;
    margin-top: 5px;
}

.popupfields .form-check{display: inline-block;    margin-top: 5px; margin-right: 50px;}

.popupfields .form-check label{font-family: "Century Gothic"; font-weight: 400;}

.moreinputs {display: flex; align-items: center; margin-top: 15px;}

.moreinputs span{font-size: 20px; margin-left: 5px; cursor: pointer;}

.addmoreinput span{
    font-size: 17px;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: #010050;
    text-align: center;
    line-height: 28px;
}

.addmoreinput{margin-top: 15px;}

.sbmtdv-poup{border: none; margin-top: 20px;}

.popupfields textarea {
    border: 1px solid #6e6e6e;
    color: #262626;
    font-size: 14px;
    padding: 7px 8px; outline: none;
    width:100%; height: 250px;
    outline: none;
    box-shadow: none;
}

.popupfields .moreinputs input{width: 90%;}

.settinglist-data h4 {   font-size: 17px;   font-weight: 600;}

.settinglist-data p{font-size: 17px;}

.stepnew h5, .modalheadinpopup {margin: 20px 0px 0px}

.menutp ul li a:hover, .nav-link:focus, .nav-link:hover {
    color: #000000 !important;
}

.seetinglist{margin-top: 20px}

.seetinginfodata p{font-size: 14px;}

.tab-popup-contribute nav button{color: #000}

.editorsect{width: 100%}

.profiledvs{width: 100%; padding: 50px 0px;}

.profile-heading p{font-size: 17px; margin: 15px 0px 0px;}

.profiledata{margin-top: 25px}

.labeldata label{color: #000050; font-size: 17px; font-weight: 600;}

.inputdata input, .inputdata select, .inputdata textarea{width: 100%; border: 1px solid #cecece; padding:7px 10px; color: #000;
 border-radius: 5px; font-size: 15px; outline: none;}

.inputdata textarea{height: 180px}

.inputdata input::placeholder, .inputdata select::placeholder, .inputdata textarea::placeholder{color: #000;}

.inputdata p{color: #000;  font-size: 15px; margin: 0px; padding: 0px;}


/* Upload Area */
.upload-area {
    width: 100%;
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 0;
    padding: 10px;
    margin: revert-layer;
    text-align: center;
}

.upload-area--open { /* Slid Down Animation */
  animation: slidDown 500ms ease-in-out;
}

@keyframes slidDown {
  from {
    height: 28.125rem; /* 450px */
  }

  to {
    height: 35rem; /* 560px */
  }
}

/* Header */
.upload-area__header {

}

.upload-area__title {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 0.3125rem;
}

.upload-area__paragraph {
  font-size: 0.9375rem;
  color: rgb(196, 195, 196);
  margin-top: 0;
}

.upload-area__tooltip {
  position: relative;
  color:rgb(171, 202, 255);
  cursor: pointer;
  transition: color 300ms ease-in-out;
}

.upload-area__tooltip:hover {
  color: rgb(171, 202, 255);
}

.upload-area__tooltip-data {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -125%);
  min-width: max-content;
  background-color: rgb(171, 202, 255);
  color: var(--clr-blue);
  border: 1px solid rgb(171, 202, 255);
  padding: 0.625rem 1.25rem;
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  transition: none 300ms ease-in-out;
  transition-property: opacity, visibility;
}

.upload-area__tooltip:hover .upload-area__tooltip-data {
  opacity: 1;
  visibility: visible;
}

/* Drop Zoon */
.upload-area__drop-zoon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px dashed #cecece;
    border-radius:0px;
    margin-top: 0;
    cursor: pointer;padding: 35px 0px;
    transition: border-color 300ms ease-in-out;
}

.drop-zoon__icon {
  display: flex;
  font-size: 3.75rem;
  color: rgb(171, 202, 255);
  transition: opacity 300ms ease-in-out;
}

.inputdata p.drop-zoon__paragraph {
    color: #000050;
    font-size: 13px;
    margin: 10px 0px 0px;
    padding: 0px;
  transition: opacity 300ms ease-in-out;
}

.drop-zoon:hover .drop-zoon__icon,
.drop-zoon:hover .drop-zoon__paragraph {
  opacity: 0.7;
}

.drop-zoon__loading-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  color: var(--clr-light-blue);
  z-index: 10;
}

.drop-zoon__preview-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.3125rem;
  border-radius: 10px;
  display: none;
  z-index: 1000;
  transition: opacity 300ms ease-in-out;
}

.drop-zoon:hover .drop-zoon__preview-image {
  opacity: 0.8;
}

.drop-zoon__file-input {
  display: none;
}

/* (drop-zoon--over) Modifier Class */
.drop-zoon--over {
  border-color: var(--clr-blue);
}

.drop-zoon--over .drop-zoon__icon,
.drop-zoon--over .drop-zoon__paragraph {
  opacity: 0.7;
}

/* (drop-zoon--over) Modifier Class */
.drop-zoon--Uploaded {
  
}

.drop-zoon--Uploaded .drop-zoon__icon,
.drop-zoon--Uploaded .drop-zoon__paragraph {
  display: none;
}

/* File Details Area */
.upload-area__file-details {
  height: 0;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  transition: none 500ms ease-in-out;
  transition-property: opacity, visibility;
  transition-delay: 500ms;
}

/* (duploaded-file--open) Modifier Class */
.file-details--open {
  height: auto;
  visibility: visible;
  opacity: 1;
}

.file-details__title {
  font-size: 1.125rem;
  font-weight: 500;
  color: rgb(196, 195, 196);
}

/* Uploaded File */
.uploaded-file {
  display: flex;
  align-items: center;
  padding: 0.625rem 0;
  visibility: hidden;
  opacity: 0;
  transition: none 500ms ease-in-out;
  transition-property: visibility, opacity;
}

/* (duploaded-file--open) Modifier Class */
.uploaded-file--open {
  visibility: visible;
  opacity: 1;
}

.uploaded-file__icon-container {
  position: relative;
  margin-right: 0.3125rem;
}

.uploaded-file__icon {
  font-size: 3.4375rem;
  color:rgb(171, 202, 255);
}

.uploaded-file__icon-text {
  position: absolute;
  top: 1.5625rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9375rem;
  font-weight: 500;
  color:#fff;
}

.uploaded-file__info {
  position: relative;
  top: -0.3125rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.uploaded-file__info::before,
.uploaded-file__info::after {
  content: '';
  position: absolute;
  bottom: -0.9375rem;
  width: 0;
  height: 0.5rem;
  background-color: #ebf2ff;
  border-radius: 0.625rem;
}

.uploaded-file__info::before {
  width: 100%;
}

.uploaded-file__info::after {
  width: 100%;
  background-color: rgb(171, 202, 255);
}

/* Progress Animation */
.uploaded-file__info--active::after {
  animation: progressMove 800ms ease-in-out;
  animation-delay: 300ms;
}

@keyframes progressMove {
  from {
    width: 0%;
    background-color: transparent;
  }

  to {
    width: 100%;
    background-color: rgb(171, 202, 255);
  }
}

.uploaded-file__name {
  width: 100%;
  max-width: 6.25rem; /* 100px */
  display: inline-block;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.uploaded-file__counter {
  font-size: 1rem;
  color:  rgb(196, 195, 196);
}

.uploadic, #dropZoon span{font-size: 50px; color: #000050}

.profile-btn{margin-top: 45px; display: flex; align-items: center; justify-content: center;}

.profile-btn input, .profile-btn button{padding: 6px 15px; color: #fff; background: #010050; font-size: 17px; border-radius: 5px;
outline: none; border: none; margin: 0px 5px;}

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

.menutp ul li a:hover, .nav-link:focus, .nav-link:hover{color: #fff !important}

.menutp ul li ul li a.dropdown-item:hover{color: #000 !important}

}

.box-box01 {
    border: solid 1px #ababab;
    /* PADDING: 20PX; */
    padding: 20px;
    border-radius: 10px;  height:100%; 
}

.box-box02 {
    border: solid 1px #ababab;
    /* PADDING: 20PX; */
    padding: 20px;
    border-radius: 10px;  height:100%; 
}

.sessionobject1 li {margin: 10px 0px 20px;      font-size: 18px;
    font-weight: 400;   color: #000050;}