@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
/**box-css**/
.plagiarism-box-div{
background-color: #032c4b;
padding: 15px;
display: inline-block;
font-family: 'Roboto', sans-serif;
position: fixed;
bottom: 0px;
top: auto;
max-width: 310px;
left: 15px;
right: auto;
text-align: center;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}


.box-div{
padding:0px !important;
}
.box-div h1{
color: #ffffff;
font-size: 18px;
font-weight: 500;
margin-top: 8px;
margin-bottom: 0px;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
line-height: 30px;
}
.box-div p{
color: #fefefe;
font-size: 14px;
font-weight: 400;
line-height: 24px;
font-family: 'Roboto', sans-serif;
margin-bottom: 10px;
text-align: center;
margin-top: 0px;
}
.caret-icon{
background: url('../images/arw-pink.png') no-repeat -1px -1px;
width: 19px;
height: 19px;
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
.check-free-btn{
font-size: 18px;
font-weight: 500;
color: #fff;
padding: 10px 30px;
border: 0px;
box-shadow: 0px 0px 20px 0px #5e4b4e;
background-color: #e51837;
font-family: 'Roboto', sans-serif;
margin-bottom: 5px;
border-radius: 4px;
border-bottom: 2px solid #93051a;
cursor: pointer;
}
.check-free-btn:hover, .check-free-btn:focus{
background-color: #ff0027;
color: #fff;
border-bottom: 2px solid #e51837;
}
.close-plagirisim{
color: #000;
font-size: 18px;
font-weight: 400;
background-color: #fff;
padding: 0px 0px;
border-radius: 50%;
width: 30px;
height: 30px;
display: block;
border: 2px solid #0066b3;
position: absolute;
right: -10px;
top: -10px;
}
/**box-css-closed**/
/**plagiarism-free-popup**/
.plagiarism-free-popup{
font-family: 'Roboto', sans-serif;
}
.plagiarism-free-popup .modal-dialog {
width: 767px;
margin: 50px auto;
}
.plagiarism-free-popup .modal-header {
padding: 15px 25px;
border-bottom: 0px solid #e5e5e5;
background-color: #032c4b;
color: #fff;
}
.plagiarism-free-popup .modal-content{
border-radius:0px;
}
.plagiarism-free-popup .modal-title{
color: #fff;
font-size: 20px;
font-weight: 500;
}
.plagiarism-free-popup .modal-body {
position: relative;
padding: 25px;
}
.plagiarism-free-popup .close {
float: right;
font-size: 22px;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 0 0px 0 #fff;
opacity: 2;
}
.sb-bdy-title{

}
.sb-bdy-title h4{
color: #00053c;
font-size: 16px;
font-weight: 500;
border-bottom: 1px solid #ccc;
padding-bottom:10px;
}
.pla-form-div{
padding-top: 10px;
padding-bottom: 10px;
}
.pla-form-div label{
font-size: 14px;
font-weight: 500;
}
.pla-form-div .form-control{
display: block;
width: 100%;
height: 40px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
border: 1px solid #07294d;
border-radius: 0px;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
}
.pla-form-div .form-group{
margin-bottom:25px;
}
.plagiarism-btn{
background-color:#e51837;
color: #fff;
font-family: 'Roboto', sans-serif;
margin-top: 12px;
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
padding:12px 20px;
border-radius:0px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
border-bottom:4px solid #b5243a;
}
.plagiarism-btn:hover,.plagiarism-btn:focus{ opacity:0.8;color:#fff !important;}

.pla-form-div .panel{
border-radius:0px;
margin-top:22px;
}
.pla-form-div .panel-default > .panel-heading {
color: #fff;
background-color: #07294d;
border-color: #07294d;
font-size: 16px;
font-weight: 500;
border-radius:0px;
}
.pla-form-div .panel-body{

}
.pla-form-div .panel-body ul{
padding:0px;
list-style:none;
}
.pla-form-div .panel-body ul li{
padding: 10px 10px;
font-size: 14px;
font-weight: 400;
color: #000;
text-indent: -25px;
margin-left: 25px;
}
.smrt-ic{
background: url('../images/smrt-tick.png') no-repeat -2px -2px;
width: 16px;
height: 13px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
/**plagiarism-free-popup-closed**/

/**thankyou**/
.check-wrap {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #2aa00e;
  position: relative;
  overflow: hidden;
  animation: wrap 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
  transform: scale(0);
  margin:0 auto;
}
.check-wrap::before, .check-wrap::after {
  content: "";
  position: absolute;
  background-color: white;
  width: 0;
  height: 5px;
  transform-origin: left;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.check-wrap::before {
  top: 32px;
  left: 21px;
  transform: rotate(45deg);
  animation-name: left;
  animation-delay: 0.8s;
}
.check-wrap::after {
  top: 42px;
  left: 29px;
  transform: rotate(-45deg);
  animation-name: right;
  animation-delay: 1.1s;
}

@keyframes wrap {
  0% {
    background-color: transparent;
    transform: scale(0);
  }
  100% {
    background-color: #2aa00e;
    transform: scale(1);
  }
}
@keyframes left {
  0% {
    width: 0;
  }
  100% {
    width: 15px;
  }
}
@keyframes right {
  0% {
    width: 0;
  }
  100% {
    width: 30px;
  }
}
.thank-you-pl{
padding-top: 40px;
padding-bottom: 40px;
}
.thank-you-pl h2{
color:#000000;
font-size:35px;
text-align:center;
font-weight:500;
font-family: 'Roboto', sans-serif;
margin-bottom: 20px;
}
.thank-you-pl p{
color:#000000;
font-size:18px;
font-weight:400;
text-align:center;
font-family: 'Roboto', sans-serif;
}
/**thankyou**/


/**plagirisim-upload**/
.plagirism-upload-title{
padding: 10px 15px;
background-color: #ffc600;
}
.plagirism-upload-title h1{
color: #07294d;
font-weight: 500;
font-size: 22px;
font-family: 'Roboto', sans-serif;
margin-bottom: 5px;
}
.plagirism-upload-title p{
font-size: 14px;
font-weight: 400;
color: #07294d;
}
.plagiarism-upload-div{
padding: 0px;
padding-top: 0px;
padding-bottom: 30px;
background-color:#fff;
margin-top:25px;
}
.plagirism-upload-file{
background-color: #f7f7f7;
border: 1px solid #dfdddd;
padding-top: 20px;
padding-bottom: 20px;
}
.zone {
margin: auto;
position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff;
width: 100%;
height: 100%;
border: 1px dashed #423f3f;
text-align: center;
color: #878787;
z-index: 20;
transition: all 0.3s ease-out;
box-shadow: none;
font-size: 20px;
font-weight: 300;
margin-top:30px;
margin-bottom:10px;
padding-top:40px;
padding-bottom:40px;
font-family: 'Roboto', sans-serif;
}
.zone .btnCompression .active {
background: #EB6A5A;
color: white;
}
.zone i {

}
.upload-ic{
background: url('../images/upload-ic.png') no-repeat -1px -2px;
width: 24px;
height: 16px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.file-sm-icon{
background: url('../images/file-sm-icon.png') no-repeat -1px -1px;
width: 10px;
height: 14px;
display:inline-block;
vertical-align:middle;
margin-right:3px;
margin-top: -5px;
}
.zone .selectFile {
height: 50px;
margin: 20px auto;
position: relative;
width: 200px;
}
.zone label,
.zone input {
cursor: pointer;
display: block;
height: 50px;
left: 0;
position: absolute;
top: 0;
width: 100%;
border-radius: 5px;
}
.zone label {
background: #f7f7f7;
display: inline-block;
font-size: 20px;
line-height: 50px;
padding: 0;
text-align: center;
white-space: nowrap;
font-weight: 500;
box-shadow: none;
color: #3c3c3c;
border: 1px solid #dfdddd;
border-radius:4px;
font-family: 'Roboto', sans-serif;
}
.zone input[type=file] {
opacity: 0;
}
.zone.in {
color: white;
border-color: white;
background: radial-gradient(ellipse at center, #EB6A5A 0, #c9402f 100%);
}
.zone.in i {
color: #fff;
}
.zone.in label {
background: #fff;
color: #EB6A5A;
}
.zone.hover {
color: #000;
background: #fff;
border: 1px dashed #dfdddd;
}
.zone.hover i {
color: #EB6A5A;
}
.zone.hover label {
background: #fff;
color: #EB6A5A;
}
.zone.fade {
transition: all 0.3s ease-out;
opacity: 1;
}
.plagirism-upload-tab .nav-tabs > li.active > a, .plagirism-upload-tab .nav-tabs > li.active > a:hover, .plagirism-upload-tab .nav-tabs > li.active > a:focus {
color: #071967 !important;
background-color: #f7f7f7 !important;
border: 1px solid #dfdddd !important;
border-bottom-color: transparent;
cursor: default;
font-size: 16px !important;
font-weight: 700 !important;
} 

.plagirism-upload-tab .nav-tabs > li > a {
margin-right: 15px;
line-height: 1.42857143;
border: 0px solid transparent;
border-radius: 4px 4px 0 0 !important;
padding: 15px 30px !important;
border: 1px solid #dfdddd !important;
border-bottom:0px !important;
color: #9d9d9d !important;
font-weight: 400 !important;
font-size: 16px !important;
font-family: 'Roboto', sans-serif;
}
.plagirism-upload-tab .nav-tabs > li{
padding:4px 0px;
}
.plagirism-upload-tab .nav-tabs{
border-bottom: 0px solid #ddd;
}
.plagirism-text-file{
background-color: #f7f7f7;
border: 1px solid #dfdddd;
border-top: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.plagirism-text-file{
padding-top:30px;
}
.plagirism-text-file .form-control{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.plagirism-upload-tab{
padding:25px;
padding-bottom:0px;
}
.plagirism-upload-content{
padding:25px;
padding-top:0px;
}
/**plagirisim-upload**/

.thankyou-div{

}
.thank-you-pll{
padding-top: 30px;
padding-bottom: 30px;
background-color: #fffff5;
border: 1px solid #ececd5;
margin-top: 0px;
margin-bottom: 100px;
border-radius:4px;
}

.help-div-sec{
background-color:#fff;
border:1px solid #e1e1e1;
padding:25px 15px;
margin-top: 30px;
margin-bottom: 10px;
}
.help-div-sec h6{
color:#474747;
font-weight:500;
font-size:15px;
text-align:center;
font-family: 'Roboto', sans-serif;
line-height: 40px;
}
.help-div-sec p{
color:#868686;
font-weight:400;
font-size:13px;
line-height:25px;
text-align:center;
font-family: 'Roboto', sans-serif;
}
.help-div-content{
height: 228px;
}
.help-div-sec .selectFile {
height: 50px;
margin: 10px auto;
position: relative;
width: 200px;
}
.help-div-sec label,
.help-div-sec input {
cursor: pointer;
display: block;
height: 50px;
left: 0;
position: absolute;
top: 0;
width: 100%;
border-radius: 5px;
}
.help-div-sec label {
background: #f7f7f7;
display: inline-block;
font-size: 20px;
line-height: 50px;
padding: 0;
text-align: center;
white-space: nowrap;
font-weight: 500;
box-shadow: none;
color: #3c3c3c;
border: 1px solid #dfdddd;
border-radius:4px;
font-family: 'Roboto', sans-serif;
}
.help-div-sec input[type=file] {
opacity: 0;
}
.done-upload{
margin: auto;
position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff;
width: 100%;
height: 100%;
border: 1px dashed #423f3f;
text-align: center;
color: #878787;
z-index: 20;
transition: all 0.3s ease-out;
box-shadow: none;
font-size: 20px;
font-weight: 300;
margin-top: 30px;
margin-bottom: 10px;
padding-top: 65px;
padding-bottom: 65px;
font-family: 'Roboto', sans-serif;
}

@media(max-width:1020px){
.plagiarism-free-popup .modal-dialog {
width: auto;
margin: 10px auto;
}
.form-pla {
max-width: inherit;
padding:0px;
}
.plagiarism-free-popup .close{
right:0;
top:0;
}
.form-border-pla{
max-width:inherit;
}
}

.progress {
margin:0px auto;
padding:0;
width:100%;
height:10px;
overflow:hidden;
background:#e5e5e5;
border-radius:6px;
}

.bar {
position:relative;
float:left;
min-width:1%;
height:100%;
background:#07294d;
}

.percent {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
margin:0;
font-size:8px;
color:white;
font-weight:700;
}