@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700";
@import url(../css/jquery.mCustomScrollbar.min.css);
body {
	position: relative;
	background-color: #eaebf4;
	color: #3f4254;
    font-size: 14px;
    font-weight: 500;
	font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
	height: 100vh;
    padding: 0px;
    margin: 0px;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, p, ul, li{
	padding: 0px;
	margin: 0px;
}

a,
a:hover,
a:focus,
button,
button:hover,
button:focus{
    color: inherit;
    text-decoration: none;
    transition: all 0.5s;
	outline: none;
}

/* Header Class Start */
.newbg2:before{
	content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 290px;
	background: linear-gradient(45deg,#303f9f,#7b1fa2);
    z-index: -1;
}
.menu1{
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
	background: linear-gradient(45deg,#303f9f,#7b1fa2);
    border-bottom: 1px solid rgb(255 255 255 / 0.19);
	z-index: 9;
}
.menu12{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu13{}
.menu13 .logo{
	display: inline-block;
	padding: 20px 0px;
    margin: 0px 20px 0px 0px;
}
.menu13 .logo img{
	width:  115px;
    height: auto;
}
.menu13 .mobilemenu{
	display: none;
}
.menu13 .mobilemenu i{
	color: rgb(255 255 255 / 90%);
    font-size: 25px;
    line-height: 25px;
    vertical-align: middle;
	margin: 0px 0px 0px 15px;
}
.menu13 nav{
	display: inline-block;
}
.menu13 nav ul{}
.menu13 nav ul li{
	position: relative;
	list-style-type: none;
    display: inline-block;
	padding: 20px 0px;
}
.menu13 nav ul li a{
	display: block;
	color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 5px;
    padding: 9px 11px;
    margin: 0px 3px;
}
.menu13 nav ul li a i{
	font-size: 9px;
    margin: 0px 0px 0px 3px;
}
.menu13 nav ul li a:hover, .menu13 nav ul li.active a{
	background-color: rgb(255 255 255 / 15%);
}
.menu13 nav ul li.submenu:hover ul{
	opacity: 1;
    visibility: visible;
	transition: 0.5s;
	top: 100%;
	box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);
}
.menu13 nav ul li.submenu:hover ul{
	opacity: 1;
    visibility: visible;
	transition: 0.5s;
	top: 100%;
	box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);
}
.dropdown-menu ul{
    display: none;
}
.dropdown-menu:hover ul{
    display: block;
}
.menu13 nav ul li.submenu ul{
	position: absolute;
    top: 109px;
    left: 10px;
    /* min-width: 190px; */
    min-width: 230px;
    border-radius: 5px;
    background-color: #fff;
	opacity: 0;
    visibility: hidden;
	transition: 0.5s;
}
.menu13 nav ul li.submenu ul li.dropdown-menu ul {
    top: 0;
    left: 200px;
}
.menu13 nav ul li.submenu ul li{
	position: relative;
	display: block;
	padding: 0px;
}
.menu13 nav ul li.submenu ul li a{
	display: block;
    color: #676767;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    border-radius: 0px;
	border-bottom: 1px solid #f2f2f2;
    padding: 12px 15px 12px 31px;
    margin: 0px;
}
.menu13 nav ul li.submenu ul li:last-child a{
	border-bottom: none;
}
.menu13 nav ul li.submenu ul li a i{
	position: absolute;
    top: 50%;
    left: 9px;
	font-size: 11px;
    transform: translate(0%, -50%);
}
.menu13 nav ul li.submenu ul li a:hover, .menu13 nav ul li.submenu ul li.active a{
	background-color: rgb(0 88 204 / 11%);
    color: #0054ce;
}
.menu13 .menuicon{}
.menu13 .menuicon ul{
	display: inline-block;
}
.menu13 .menuicon ul li{
	list-style-type: none;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 0px;
    margin: 0px 10px;
}
.menu13 .menuicon ul li:last-child{
	margin-right: 0px;
}
.menu13 .menuicon ul li a.fullscreenclose{
	display: none;
}
.menu13 .menuicon ul li i{
	color: rgb(255 255 255 / 77%);
    font-size: 25px;
    line-height: 25px;
    vertical-align: middle;
}
.menu13 .menuicon ul li img{
	width: 35px;
    height: 35px;
    object-fit: cover;
    border-radius: 5px;
	margin-right: 3px;
}
.menu13 .menuicon ul li span{
	font-weight: 500;
}
.menu13 .menuicon ul li span.newimgname1{
	display: inline-block;
	max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
	overflow: hidden;
}
.menu13 .menuicon ul li.notification1{
	position: relative;
	z-index: 9;
}
.menu13 .menuicon ul li.notification1:hover .notification2{
	opacity: 1;
    visibility: visible;
	top: 100%;
}
.menu13 .menuicon ul li.notification1 .notification2{
	position: absolute;
    top: 90px;
	left: -270px;
    width: 320px;
    background-color: #fff;
    border-radius: 5px;
	overflow: hidden;
	opacity: 0;
    visibility: hidden;
	transition: 0.5s;
}
.menu13 .menuicon ul li.notification1 .notification2 .notification3{
	background: url(../images/bg1.jpg);
	background-size: cover;
    background-position: center;
    padding: 30px 15px;
}
.menu13 .menuicon ul li.notification1 .notification2 .notification3 h3{
	color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
.menu13 .menuicon ul li.notification1 .notification2 .notification3 h3 span{
	float: right;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    border-radius: 4px;
    padding: 4px 9px;
    background-color: #009d8a;
}
.menu13 .menuicon ul li.notification1 .notification2 ul{
	display: block;
	padding: 10px;
	max-height: 320px;
    overflow: hidden;
    overflow-y: auto;
}
.menu13 .menuicon ul li.notification1 .notification2 ul li{
	position: relative;
	list-style-type: none;
    display: block;
    color: #3f4254;
    font-size: 14px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
}
.menu13 .menuicon ul li.notification1 .notification2 ul li a{
	display: block;
    color: #3f4254;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #eee;
    padding: 13px 10px 13px 42px;
    margin: 0px;
}
.menu13 .menuicon ul li.notification1 .notification2 ul li a:hover{
	background-color: #f2f2f2;
}
.menu13 .menuicon ul li.notification1 .notification2 ul li:last-child a{
	border-bottom: none;
}
.menu13 .menuicon ul li.notification1 .notification2 ul li i{
	color: #0051ce;
	font-size: 17px;
    background-color: rgb(0 81 206 / 0.1);
    padding: 3px 7px;
}
.menu13 .menuicon ul li.notification1 .notification2 ul li a i{
	position: absolute;
    top: 50%;
    left: 0px;
	color: #0051ce;
    font-size: 17px;
    background-color: rgb(0 81 206 / 0.1);
    padding: 3px 7px;
    transform: translate(0%, -50%);
}
.circle-ripple {
	display: none;
    background-color: transparent;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    -webkit-animation: ripple 0.7s linear infinite;
    animation: ripple 0.7s linear infinite;
    left: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
	opacity: 0.7;
}
@-webkit-keyframes wait {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes wait {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(175, 166, 255, 0.3), 0 0 0 1em rgba(175, 166, 255, 0.3), 0 0 0 3em rgba(175, 166, 255, 0.3), 0 0 0 5em rgba(175, 166, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(175, 166, 255, 0.3), 0 0 0 3em rgba(175, 166, 255, 0.3), 0 0 0 5em rgba(175, 166, 255, 0.3), 0 0 0 8em rgba(175, 166, 255, 0);
  }
}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(175, 166, 255, 0.3), 0 0 0 1em rgba(175, 166, 255, 0.3), 0 0 0 3em rgba(175, 166, 255, 0.3), 0 0 0 5em rgba(175, 166, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(175, 166, 255, 0.3), 0 0 0 3em rgba(175, 166, 255, 0.3), 0 0 0 5em rgba(175, 166, 255, 0.3), 0 0 0 8em rgba(175, 166, 255, 0);
  }
}
/* Header Class End */

/* Footer Class Start */
.footer{
	/* position: absolute; */
	position: static;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #ffff;
    padding: 20px 0px;
    margin: 0px;
}
.footer p{
    color: #3f4254;
	font-size: 14px;
    font-weight: 500;
    text-align: center;
}
/* Footer Class End */

/* Page Title Class Start */
.pagetitle{
	padding: 120px 0px 40px;
}
.pagetitle11{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.pagetitle12{}
.pagetitle12 h3{
	color: #fff;
    font-size: 23px;
    font-weight: 500;
    text-align: left;
    padding: 0px 0px 5px;
}
.pagetitle12 li{
	list-style-type: none;
    position: relative;
    display: inline-block;
    color: #a7a5e1;
    font-size: 13px;
    font-weight: 500;
	padding: 0px 23px 0px 0px;
}
.pagetitle12 li:before{
	content: "";
	position: absolute;
    top: 7px;
    right: 7px;
    width: 5px;
    height: 5px;
    background-color: #a7a5e1;
    border-radius: 50px;
}
.pagetitle12 li:last-child{
	padding: 0px;
}
.pagetitle12 li:last-child:before{
	display: none;
}
.pagetitle12 li a{
	color: #a7a5e1;
}
.pagetitle12.btn1 a, .pagetitle12.btn1 button{
	background-color: #fff;
    color: #3f4254;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 5px;
    border: none;
    padding: 9px 19px;
    margin: 0px 0px 0px 7px;
	outline: none;
}
.pagetitle12.btn1 a:hover, .pagetitle12.btn1 button:hover{
	background-color: rgb(255 255 255 / 9%);
    color: #fff;
}
.pagetitle12.btn1 a.btn11, .pagetitle12.btn1 button.btn11{
	background-color: rgb(255 255 255 / 9%);
    color: #fff;
}
.pagetitle12.btn1 a.btn11:hover, .pagetitle12.btn1 button.btn11:hover{
	background-color: #fff;
    color: #3f4254;
}
/* Page Title Class End */

/* Card Class Start */
.quest-rating .form-control{
    padding: 5px 15px;
}
.quest-rating table tr td select{
    font-size: 14px;
    color: #828282;
}
.quest-rating table tr td ::-webkit-input-placeholder { /* Edge */
    font-size: 13px;
  }
  
  .quest-rating table tr td  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 13px;
  }
  
  .quest-rating table tr td ::placeholder {
    font-size: 13px;
  }
.cardcontent{
	position: relative;
	background-color: #fff;
    border-radius: 7px;
    padding: 20px;
    margin: 0px 0px 50px;
	box-shadow: 1px 1px 7px rgb(176 179 205 / 67%);
}
.cardtitle{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	margin: 0px 0px 5px;
}
.cardtitle h4{
	display: flex;
    align-items: center;
	color: #3f4254;
    font-size: 19px;
    font-weight: 500;
    text-align: left;
    padding: 0px;
}
.cardtitle h4 i{
	color: #ffffff;
	font-size: 30px;
    line-height: 30px;
    background-color: #343ea0;
    padding: 5px;
	margin: 0px 5px 0px 0px;
}
.titleform .formcontent2{
	display: inline-block;
    width: 195px;
	margin: 0px;
}
.titleform .formcontent2:first-child{
	margin-right: 10px;
}
.table-resposive{
	width: 100%;
}
.cardcontent table{
	border-collapse: collapse;
}
.cardcontent table tr th{
	color: #a4a4a4;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding: 10px 10px;
    border-bottom: 1px solid #dfdfdf !important;
}
.cardcontent table tr td{
	color: #626262;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding: 15px 10px;
    border-bottom: 1px solid #dfdfdf;
	vertical-align: middle;
	word-break: break-word;
}
.cardcontent table tr td a{
	color: #626262;
}
.cardcontent table tr td a.active, .cardcontent table tr td span.approved{
	display: inline-block;
    width: 79px;
    color: #4caf50;
    font-size: 13px;
    background-color: #d2fcd3;
    font-weight: 600;
    text-align: center;
}
.cardcontent table tr td a.inactive, .cardcontent table tr td span.rejected{
	display: inline-block;
    width: 79px;
    color: #f64e60;
    font-size: 13px;
    background-color: #ffe2e5;
    font-weight: 600;
    text-align: center;
}
.cardcontent table tr td span.reviewed{
	display: inline-block;
    width: 79px;
    color: #2196f3;
    font-size: 13px;
    background-color: #dff1ff;
    font-weight: 600;
    text-align: center;
}
.cardcontent table tr td span.pending{
	display: inline-block;
    width: 79px;
    color: #ffab09;
    font-size: 13px;
    background-color: #fff4de;
    font-weight: 600;
    text-align: center;
}
.cardcontent table tr td ul.action1{}
.cardcontent table tr td ul.action1 li{
	list-style-type: none;
    display: inline-block;
}
.cardcontent table tr td ul.action1 li button{
	color: #333d9f;
    font-size: 17px;
    line-height: 17px;
    border: none;
    padding: 6px 6px;
    margin: 0px 4px 4px 0px;
    background-color: rgb(51 61 159 / 9%);
}
.cardcontent table tr td ul.action1 li button:hover{
	background-color: #343ea0;
    color: #fff;
}
.cardcontent table tr.editBlock{
	background-color: #eaebf4;
}
.cardcontent table tr.editBlock td ul.action1 li button{
	width: 90px;
	color: #fff;
    font-size: 14px;
    background-color: #343e9f;
}
.table>:not(:last-child)>:last-child>*{
	border-bottom-color: transparent;
}
table.dataTable.no-footer{
	border-bottom: 1px solid #dfdfdf;
}
.dataTables_filter{
	position: absolute;
    top: -42px;
    right: 0px;
}
.dataTables_filter input{
	color: #3f4254;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    padding: 6px 6px;
    margin: 0px 0px 0px 5px;
    outline: none;
}
.cardcontent img{
	width: 100%;
	height: auto;
}
.cardcontent2{

}
.cardcontent2 img{
	width: 100%;
	height: auto;
}
.cardcontent3{
	margin: 0px 0px 15px;
}
.cardcontent3 h3{
	color: #7721a2;
    font-size: 29px;
    font-weight: 600;
    text-align: left;
    padding: 0px 0px 11px;
    margin: 0px;
}
.cardcontent3 h3.color1{
	color: #6fac46;
}
.cardcontent3 h3.color2{
	color: #00b0f0;
}
.cardcontent3 h3.color3{
	color: #767171;
}
.cardcontent3 h3.color4{
	color: #ff0000;
}
.cardcontent3 h4{
	color: #7721a2;
    font-size: 19px;
    font-weight: 500;
    text-align: left;
    padding: 0px 0px 11px;
    margin: 0px;
}
.cardcontent3 ul li{
	list-style-type: none;
    position: relative;
    color: #676767;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding: 0px 0px 10px 25px;
    margin: 0px;
}
.cardcontent3 ul li:before{
	content: "\f13c";
    position: absolute;
    top: 3px;
    left: 5px;
	color: #7721a2;
    font-size: 11px;
    font-family: Flaticon;
}
.cardcontent3 p{
	color: #e60000;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
.hide{
	display: none;
}
.formcontent1{
	margin: 15px 0px 0px;
}
.formcontent2{
	margin: 0px 0px 15px;
}
.formcontent2 label{
	display: block;
	color: #3f4254;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    padding: 0px 0px 2px;
    margin: 0px;
}
.formcontent2 label span{
	color: #ff0000;
    margin: 0px 0px 0px 3px;
}
.formcontent2 input, .formcontent2 select, .sorttag select{
	width: 100%;
    height: auto;
    color: #3f4254;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    padding: 7px 9px;
    margin: 0px;
    outline: none;
}
.formcontent2 input:focus, .formcontent2 select:focus, .formcontent2 textarea:focus{
    border-color: #d3d3d3;
    box-shadow: none;
}
.formcontent2 textarea{
	width: 100%;
	height: 100px;
    min-height: 70px;
    color: #3f4254;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    padding: 7px 9px;
    margin: 0px;
    outline: none;
}
.formcontent2 input[type="radio"]{
	width: auto;
}
.formcontent2 .form-error{
	display: block;
    color: #b94a48;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    padding: 3px 0px 0px;
    margin: 0px;
}
.formcontent2 small{
	color: #3f4254;
    font-size: 11px;
    font-weight: 500;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
.formcontent2 .btn1{
	color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    background-color: #343e9f;
    border-radius: 5px;
    border: 1px solid #343e9f;
    padding: 7px 15px;
    margin: 0px;
}
.formcontent2 .btn1:hover{
	color: #343e9f;
	background-color:#fff;
}
.formcontent2 .btn1[disabled]{
	background-color: rgb(52 62 159 / 43%);
    border: 1px solid rgb(52 62 159 / 50%);
    cursor: not-allowed;
}
.formcontent2 .btn1[disabled]:hover{
	color: #fff;
}
.formcontent2 .btn2{
	color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    background-color: #ef1029;
    border-radius: 5px;
    border: 1px solid #ef1029;
    padding: 7px 15px;
    margin: 0px 0px 0px 5px;
}
.formcontent2 .btn2:hover{
	color: #ef1029;
	background-color:#fff;
}
.editBlock label{
	color: #3f4254;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    padding: 0px 0px 2px;
    margin: 0px;
}
.editBlock input[type="text"], .editBlock select{
	width: 100%;
    height: auto;
    color: #3f4254;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    padding: 7px 9px;
    margin: 0px;
    outline: none;
}
.editBlock input[type="text"]:focus, .editBlock select:focus{
    border-color: #d3d3d3;
    box-shadow: none;
}
.viewcontent1{
	margin: 15px 0px 0px;
}
.viewcontent2{
	padding: 0px 0px 5px;
    margin: 0px 0px 15px;
    border-bottom: 1px solid #d1d1d1;
}
.viewcontent2 p{
	color: #3f4254;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    padding: 0px;
	margin: 0px;
}
.viewcontent2 h4{
	color: #343ea0;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
	min-height: 18px;
    padding: 0px;
    margin: 0px;
	word-break: break-word;
}
.profilecardcontent{
	position: relative;
	background-color: #fff;
    border-radius: 7px;
    padding: 0px;
    margin: 0px 0px 50px;
	/* box-shadow: 1px 1px 7px rgb(176 179 205 / 67%); */
}
.profilecardcontent2{}
.profilecardcontent3{
	position: relative;
}
.profilecardcontent3 img{
	width: 100%;
    height: auto;
    border-radius: 5px 5px 0px 0px;
}
.profilecardcontent31{
	position: absolute;
    bottom: -20px;
    left: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.profilecardcontent32{
	margin: 0px 10px 0px 0px;
}
.profilecardcontent32 img{
	width: 120px;
    height: 120px  !important;
    background-color: #fff;
    border-radius: 5px;
	padding: 4px;
	object-fit: cover;
	box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);
}
.profilecardcontent32 h4{
	color: #fff;
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    padding: 0px 0px 1px 0px;
    margin: 0px;
}
.profilecardcontent32 p{
	color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
.profilecardcontent4{
	padding: 40px 20px 20px;
}
.profilebtn1{
	position: absolute;
    bottom: 20px;
    right: 20px;
}
.profilebtn1 a, .profilebtn1 button{
    color: #e5e5e5;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
	background-color: transparent;
    border: 2px dashed #cfcfcf;
    padding: 6px 13px;
}
.profilebtn1 a:hover, .profilebtn1 button:hover{
	color: #ffffff;
	border: 2px dashed #ffffff;
}
.errorsection1{
	text-align: center;
}
.errorsection1 h3{
	color: #3f4254;
    font-size: 33px;
    font-weight: 500;
    padding: 0px;
	margin: 0px 0px 10px;
}
.errorsection1 p{
	color: #3f4254;
    font-size: 19px;
    font-weight: 500;
    padding: 0px;
    margin: 0px 0px 10px;
}
.errorsection1 img{
	max-width: 550px;
    height: auto;
}
.underconstruction1{
	text-align: center;
}
.underconstruction1 h3{
	color: #3f4254;
    font-size: 33px;
    font-weight: 500;
    padding: 0px;
	margin: 0px 0px 10px;
}
.underconstruction1 img{
	max-width: 650px;
    height: auto;
}
/* Card Class End */

/* Login Class Start */
.login1{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: url(../images/bg3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.login2{
	background-color: #fff;
    position: relative;
	border-radius: 5px;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 19%);
	min-height: 500px;
}
.login2 img{
	width: 100%;
    height: auto;
	max-height: 500px;
	background-color: #ececec;
	border-radius: 5px 0px 0px 5px;
}
.login3{
	padding: 0px 27px 0px 5px;
}
.logintitle{
	margin: 0px 0px 13px;
}
.logintitle img{
	display: block;
	width: 170px;
    height: auto;
    background-color: transparent;
    margin: 0px auto 10px;
}
.logintitle h4{
	color: #3f4254;
    font-size: 23px;
    font-weight: 500;
	line-height: 1.3;
    text-align: left;
    padding: 0px 0px 10px;
    margin: 0px;
}
.logintitle h4 span{
	color: #1459ba;
    font-weight: 500;
    text-transform: uppercase;
}
.logintitle p{
	color: #3f4254;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
.copyrightlogin1{
	position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 0%);
}
.copyrightlogin1 p{
	/* color: #3f4254; */
	color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
.login3 .btn1{
	width: 100%;
}
.forgotbtn1{
	display: inline-block;
    color: #f18221;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    padding: 0px;
    margin: 5px 0px 0px;
}
.forgotbtn1:hover{
	color: #f18221;
}
/* Login Class End */

/* New Login Class Start */
.newlogin1{
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
	background: linear-gradient(79deg,#00a0e0,#002464,#00a0e0);
    height: 100vh;
}
.newlogin2{
	position: relative;
	background-color: #fff;
}
.newlogin3{
	position: relative;
	height: 500px;
	background: linear-gradient(165deg,#002464,#00a0e0);
	padding: 30px 0px 10px 15px;
}
.newlogin31{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.newlogin31 img{
	width: 160px;
    height: auto;
}
.newlogin31 ul li{
	list-style-type: none;
    text-align: right;
	margin: 0px 0px 20px;
}
.newlogin31 ul li a{
	color: #fff;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 15px 0px 0px;
}
.newlogin31 ul li.active a{
	color: #00b0f0;
    font-weight: 500;
	background-color: #fff;
	border-radius: 5px 0px 0px 5px;
    padding: 10px 15px 10px 10px;
}
.newlogin4{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.newlogin4 h1{
	color: #fff;
    font-size: 11vw;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
}
.newlogin4 p{
	color: #fff;
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    padding: 0px;
    margin: 0px;
    transform: translate(0px, -15px);
}
.newlogin5{}
.newlogin5 h3{
	color: #00b0f0;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    padding: 0px 0px 20px;
    margin: 0px;
}
.newlogin6{
	margin: 0px 0px 15px;
}
.newlogin6 input{
	width: 100%;
    height: auto;
    color: #3f4254;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 5px;
    border: 2px solid #00b0f0;
    padding: 7px 9px;
    margin: 0px;
    outline: none;
}
.newlogin6 input:focus {
    border-color: #00b0f0;
    box-shadow: none;
}
.newlogin6 button{
	display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    background-color: #00b0f0;
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid #00b0f0;
    padding: 5px 15px;
    margin: 0px auto;
}
.newlogin6 a{
	display: block;
    color: #a7a7a7;
    font-size: 9px;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
    margin: 5px 0px 0px;
}
.mr-0{
	margin-right: 0px;
}
.pr-0{
	padding-right: 0px;
}
/* New Login Class End */

.jconfirm .jconfirm-box.jconfirm-type-dark{
	border-top: solid 7px #333d9f !important;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
	color: #3f4254;
    font-size: 21px;
    font-weight: 500;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
.jconfirm-box div.jconfirm-content-pane.no-scroll {
    color: #3f4254;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding: 0px;
    margin: 0px 0px 10px;
}
.jconfirm-buttons .alertbtn{
	color: #fff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    background-color: #343e9f !important;
    border-radius: 5px !important;
    border: 1px solid #343e9f !important;
    padding: 5px 10px !important;
    margin: 0px;
	text-transform: capitalize !important;
}
.jconfirm-buttons .btn-default{
	color: #000 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    background-color: #e3e3e3 !important;
    border-radius: 5px !important;
    border: 1px solid #e3e3e3!important;
    padding: 5px 10px !important;
    margin: 0px;
    text-transform: capitalize !important;
}
.dataTables_wrapper  .dataTables_paginate .paginate_button.current, .dataTables_wrapper  .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper  .dataTables_paginate .paginate_button:hover{
	color: #ffffff !important;
	background: linear-gradient(to bottom, #343ea0 0%, #7a20a2 100%);
}
.dataTables_wrapper  .dataTables_paginate .paginate_button.disabled:hover{
	color: #ffffff;
    cursor: not-allowed;
}
.newmarginb1{
	margin-bottom: 0px !important;
}

/* Popup Class Start */
.popup1{
	display: none;
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgb(0 0 0 / 72%);
    z-index: 9;
}
.popup2{
	position: absolute;
    top: 50%;
    left: 50%;
	width: 560px;
    max-width: 560px;
    background-color: #fff;
	padding: 30px 30px 15px;
    transform: translate(-50%, -50%);
}
.popup3{
	margin: 0px 0px 15px;
}
.popup3 h4{
	color: #3f4254;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    padding: 0px 0px 5px;
    margin: 0px;
}
.popup3 p{
	color: #3f4254;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
.popupcommentempty{
	margin: 0px 0px 15px;
}
.popupcommentempty h4{
	color: #3f4254;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    padding: 0px 0px 5px;
    margin: 0px;
}
.popupclose{
	position: absolute;
    top: -10px;
    right: -10px;
	cursor: pointer;
}
.popupclose img{
	width: 30px;
	height: 30px;
}
/* Popup Class End */

/* Rating Class Start */
.starrating1{
	display: none;
	margin: 10px 0px 0px;
}
.starrating1 h3{
	color: #343ea0;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
.starrating2{
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.starrating3{
	position: relative;
    background-color: #eaebf4;
    /* width: 290px;
    height: 150px; */
	width: 47%;
    height: auto;
	min-height: 150px;
	border-radius: 5px;
    padding: 15px 10px;
    margin: 10px;
}
.starrating3 h4{
	color: #3f4254;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    padding: 0px 0px 5px;
    margin: 0px;
}
.starrating3 p{
	color: #3f4254;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    padding: 0px;
    margin: 0px;
	cursor: pointer;
}
.starrating3 .rating-container .clear-rating{
	display: none;
}
.starrating3 .rating-container .rating-stars{
	display: block;
	position: absolute;
    top: 30px;
    left: 85%;
    transform: translate(-50% , 0%);
}
.starrating3 .rating-container .caption{
	position: absolute;
	left: 85%;
	top: 85px;
    /* bottom: 9px; */
    width: 100%;
    height: auto;
    text-align: center;
    transform: translate(-50%, 0%);
    padding: 0px;
    margin: 0px;
}
.starrating3 .rating-container .caption .label{
	font-size: 14px;
}
/*.starrating31{
	margin: 79px 0px 0px;
}*/
.starrating31{
margin-top: 35px;
}
.starrating31 label{
	display: block;
	color: #3f4254;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    padding: 0px 0px 2px;
    margin: 0px;
}
.starrating31 textarea{
	width: 100%;
	height: 100px;
    min-height: 70px;
    color: #3f4254;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    padding: 7px 9px;
    margin: 0px;
    outline: none;
}
.starrating31 textarea:focus{
    border-color: #d3d3d3;
    box-shadow: none;
}
.kpiscore1{
	background-color: #eaebf4;
	border-radius: 5px;
    padding: 20px;
	margin: 10px 0px;
}
.kpiscore1 h4{
	color: #343d9f;
    font-size: 31px;
    font-weight: 600;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
.kpiscore1 p{
	color: #3f4254;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
.rating-container .filled-stars#green, .green{
	color: #6bc502 !important;
}
.rating-container .filled-stars#blue, .blue{
	color: #2196f3 !important;
}
.rating-container .filled-stars#grey, .grey{
	color: #909090 !important;
}
.rating-container .filled-stars#red, .red{
	color: #ff1100 !important;
}
.totalstarrating{
	text-align: center;
}
.totalstarrating .caption{
	display: none !important;
}
/* Rating Class End */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

/* Rating Class Start */
/*.rating-container .rating-input, .rating-container .clear-rating{
    display: none !important;
}
.newrating1{
    background-color: #fff;
    padding: 20px 30px;
    margin: 0px;
}
.newrating1 .rating-stars .rating-lg{
    font-size: 40px;
}
.newrating1 .rating-stars .glyphicon{
    left: 2px;
}
.newrating1 .rating-stars .rating-container .empty-stars, .rating-container .empty-stars {
    color: rgba(55, 86, 106, 0.5215686274509804) !important;
}
.newrating1 .rating-stars .rating-container .filled-stars, .rating-container .filled-stars{
    color: #37566a !important;
}
.newrating1 .rating-stars .caption{
    color: #365569;
    font-size: 20px;
    line-height: 1.3;
    display: inline-block;
    padding: 0px 0px 0px 10px;
    margin: 0px;
}
.newrating1 .rating-stars .caption span{
    color: #365569;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    padding: 0px;
    margin: 0px;
}
.newrating1 .form-group{
    margin: 0px 0px 17px;
}
.newrating1 textarea{
    background-color: #e8e9eb;
    min-height: 120px;
    outline: #37566a;
    margin: 0px;
}
.newrating1 button{
    margin: 0px !important;
}
.rating-stars .caption{
    display: none !important;
}*/
/* Rating Class End */
/* Laypout Blade style */
.content1{
    width: 45%;
    text-align: center;
    padding: 33px 15px 43px;
    margin: 7% auto 0px auto;
    background-color: #fff;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px !important;
}
@media only screen and (max-width: 1440px) {
    .menu13 nav ul li a{
        font-size: 14px;
     }
     .menu13 .menuicon ul li{
        font-size: 14px;
     }
     .menu13 .menuicon ul li i{
        font-size: 20px;
     }
}
@media only screen and (min-width: 1366px) {
    .menu13 nav ul li a{
        font-size: 12px;
     }
     .menu13 .menuicon ul li{
        font-size: 12px;
     }
     .menu13 .menuicon ul li i{
        font-size: 18px;
     }
}
@media only screen and (min-width: 1280px) {
    .menu13 nav ul li a{
        font-size: 12px;
     }
     .menu13 .menuicon ul li{
        font-size: 12px;
     }
     .menu13 .menuicon ul li i{
        font-size: 18px;
     }
}
@media only screen and (min-width: 1120px) {
    .menu13 nav ul li a{
        font-size: 12px;
     }
     .menu13 nav ul li{
        padding: 10px 0px;
     }
     .menu13 nav ul li a{
        padding: 5px 8px;
     }
     .menu13 .menuicon ul li{
        font-size: 12px;
     }
     .menu13 .menuicon ul li i{
        font-size: 15px;
     }
     .container{
        max-width: 1100px;
    }
}
@media only screen and (min-width: 1024px) {
    .menu13 nav ul li a{
        font-size: 11px;
     }
     .menu13 nav ul li{
        padding-top: 0px;
        padding-bottom: 0px;
     }
     .menu13 nav ul li a{
        padding: 5px 8px;
     }
     .menu13 .menuicon ul li{
        font-size: 12px;
     }
     .menu13 .menuicon ul li i{
        font-size: 15px;
     }
     .container{
        max-width: 1100px;
    }
    .menu13 .menuicon ul li img{
        width: 25px;
        height: 25px;
    }
    .menu13 .menuicon ul li{
        margin: 0px 5px;
    }
}
@media only screen and (max-width: 600px) {
    .content1 {
        width: 90%;
    }
}
@media only screen and (min-width: 601px) and (max-width: 768px) {
    .content1 {
        width: 90%;
    }
}
.content1 .img1{
    width: 210px;
    display: block;
    padding-bottom: 20px;
    margin: 0px auto;
}
.content1 hr{
    width: 75%;
    height: 0.5px;
    background-color: #9a9999;
}
.content1 .img2{
    width: 270px;
    display: block;
    padding: 40px 0px;
    margin: 0px auto;
}
.content1 .detail1{
    margin-bottom: 40px;
}
.content1 .detail1 p{
    color: #9a9999;
    font-size: 17px;
    font-weight: 500;
    padding: 0px 0px 5px;
    margin: 0;
}
.content1 .detail1 p:last-child{
    padding: 0px;
}
.content1 a{
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding: 9px 36px;
    margin: 0px 37px 0px 0px;
    border-radius: 4px;
    background-color: #2e4f67;
}
.content1 a:last-child{
    margin: 0px;
}
.select2-container{
    width:100% !important;
}
.select2-container--default .select2-selection--multiple{
    width: 100%;
    min-height: 40px !important;
    color: #3f4254;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #d3d3d3 !important;
    padding: 7px 9px !important;
    margin: 0px;
    outline: none;
    position: relative;

}
.select2-container--default .select2-selection--multiple:after{
    position: absolute;
    content: "\f107";
    font-family: 'FontAwesome';
    color: #000;
    top: 6px;
    right: 5px;
    font-size: 18px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    font-size: 13px !important;
}
.ponit-tit{
    padding-bottom:10px;
}
.points p{
    display: inline-block;
    float: left;
    padding: 5px 15px;
    background: #f0f0f0;
    border-radius: 5px;
    margin-right: 10px;
}

.termcolor{
	color:red;
}
/*Layout blade end */

/* .dropdown-menu.show{
    transform:translate3d(0px, 50px, 0px) !important;
} */



.content {
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  /* padding: 2rem; */
  width: 400px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #6E6E6E;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
}

input:checked + .slider {
  background-color: #1849AB;
}

input:focus + .slider {
  box-shadow: 0 0 0 4px rgba(21, 156, 228, 0.7);
  outline: none;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.tot_coin img{
    width: 40px;
    margin-left: 10px;
}
.tot_coin{
    display: flex;
    align-items: center;
}
.user-cmts label{
  margin-bottom: 7px;
}
.user-cmts textarea{
    resize: none;
}

.report-list li {
    float: left;
    list-style: none;
    margin: 25px;
    /* border: 1px solid #cccccca8; */
    padding:10px;
}
.report-list li i{
    margin-right: 5px;
    font-size: 18px;
    background: #343ea0;
    color: #FFFFFF;
    padding: 5px;
}

.report-list li:hover{
    cursor: pointer;
    background: rgba(252, 239, 239, 0.8);
}
/* 22/11/2021 */
.enterAnswer .btn1{
    margin-left: 10px;
}
.answerList{
    list-style: none;
    list-style: none;
    background: #f8f8f8;
    padding: 20px;
    box-shadow: -2px 3px 10px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: -2px 3px 10px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: -2px 3px 10px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.answerList li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}
.answerList li:last-child{
    margin-bottom: 0;
    border-bottom: 0;
}

.fill-sheet label{
    padding-bottom: 10px;
}
.mtng-vew-btn1, .mtng-vew-btn2{
   
    padding: 5px 15px;
    border-radius:  50px;
}
.mtng-vew-btn1{
    background: #343ea0;
    margin-right: 10px;
    color: #fff !important;
    font-size: 12px;
}
.mtng-vew-btn2{
    background: #e4e4e4;
}
.mtng-vew-btn2:hover, .mtng-vew-btn1:hover{
    background: #6610f2;
    color: #fff;
}
.qn-ans{
    background: #ececec;
    padding: 20px;
    border-radius: 5px;
}
.ans-block {
    background: linear-gradient(45deg,#303f9f,#7b1fa2);
    padding: 20px;
}
.ans-block label, .cont-block label {
    color: #FFFFFF;
    font-weight: bolder;
}
.ans-block p, .cont-block p{
    margin-top: 10px;
    padding: 20px;
    background: #FFFFFF;
}
.cont-block {
    background: linear-gradient(45deg,#f00b21,#c8525d);
    padding: 20px;
}
.qn-ans p{
    margin-top: 15px;
}
.edt-btn{
    color: #333d9f !important;
    font-size: 17px;
    line-height: 17px;
    border: none;
    padding: 6px 6px;
    margin: 0px 4px 4px 0px;
    background-color: rgb(51 61 159 / 9%);
}
.edit-meeting label{
    padding-bottom: 10px;
}
.edit-meeting .form-group{
    margin-bottom: 15px;
}
.edit-meeting .select2-container--default .select2-selection--single{
    width: 100%;
    min-height: 40px !important;
    color: #3f4254;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #d3d3d3 !important;
    padding: 7px 9px !important;
    margin: 0px;
    outline: none;
    position: relative;
}
.edit-meeting .select2-container--default .select2-selection--single:after{
    position: absolute;
    content: "\f107";
    font-family: 'FontAwesome';
    color: #000;
    top: 6px;
    right: 5px;
    font-size: 18px;
}
.edit-meeting .select2-container--default .select2-selection--single .select2-selection__arrow b{
    opacity: 0;
}
.edit-meeting .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #353ea0;
    color: #fff;
    border: 1px solid #353ea0;
}
.edit-meeting .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #fff;
    border-right: 1px solid #fff;
}
.edit-meeting .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, 
.edit-meeting .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{
    background-color: #353ea0;
    color: #fff;
}
.del-btn,a.del-btn{
    color: #dc3545 !important;
    font-size: 17px;
    line-height: 17px;
    border: none;
    padding: 6px 6px;
    margin: 0px 4px 4px 0px;
    background-color: rgb(51 61 159 / 9%);
}
.quest-count li{
    list-style: none;
    background: #333ea0;
    display: inline-block;
    padding: 10px;
    border-radius: 50px;
    color: #fff;
}
.vew-ans{
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: -2px 0px 11px 0px rgba(0,0,0,0.2);
-moz-box-shadow: -2px 0px 11px 0px rgba(0,0,0,0.2);
box-shadow: -2px 0px 11px 0px rgba(0,0,0,0.2);
}
/* .vew-ans label{
    color: #fff;
} */
.vew-ans p{
    margin-top: 15px;
}

.nl-files{
   background: #eee;
   padding: 5px 5px;
   border-radius: 10px;
   min-height: 40px;
   margin-bottom: 15px;
   /* margin-left: -35px; */
}
.nl-files ul li{
   padding: 0.5rem;
    /* padding-right: 0px  !important; */
    float: left;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #454545;
    /* margin-left:-20px; */
}
.nl-files ul{
   padding: 0px;
}
.nl-files ul li i{
   cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.newfileupload11{
   position: relative;
   background-color: #f6f6f6;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   border: 2px dashed rgb(13 55 112 / 25%);
   padding: 17px 0px;
   margin: 0px 0px 20px;
   z-index: 1;
}
.newfileupload11 input[type="file"]{
   position: absolute;
   top: 0px;
   right: 0px;
   left: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
   background-color: transparent !important;
   opacity: 0!important;
   visibility: visible !important;
   z-index: 9 !important;
   cursor: pointer;
}
.newfileupload12{
   text-align: center;
}
.newfileupload12 img{
   display: block;
   width: 50px;
   height: 50px;
   margin: 0px auto;
}
.newfileupload12 h4{
   color: #414fa5;
   font-size: 17px;
   font-weight: 700;
   line-height: 1.3;
   padding: 0px;
   margin: 9px 0px 0px;
}
.newfileupload12 p{
   color: #333;
   font-size: 15px;
   font-weight: 500;
   line-height: 1.3;
   padding: 0px;
   margin: 0px;
   text-align: center !important;
}
.newfileupload12 a{
/*   display: inline-block;
   background-color: #0d3770;
   color: #fff;*/
   font-size: 15px;
   font-weight: 500;
   border-radius: 4px;
   padding: 5px 13px 6px;
   margin: 6px 0px 0px;
}
.newfileupload12 a:hover, .newfileupload12 a:focus{
   color: #fff;
   text-decoration: none;
}
.newfileupload12 span{
   display: block;
   margin: 7px 0px 0px;
}
/*file upload end*/
/* 10-02-22 */
.rating-100{
    width: 100%;
}
.center-txt{
    text-align: center !important;
}
.rating-100{
    margin: 40px 0 0;
}
.rating-100 .user-rating-tit{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rating-100 .rating-lg {
    font-size: 35px;
    position: absolute;
    right: 100px;
    top: -25px;
}
.rating-100 .rating-container .caption{
    position: relative;
    left: 114%;
    top: 60px;
}
/* end  */

.btn-position{
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    position:absolute;
  }
  
  .modal.right.fade.in .modal-dialog {
  right:0 !important;
  transform: translateX(-50%);
  }
  .modal.right .modal-content {
  height:100%;
  overflow:auto;
  border-radius:0;
  }
  .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  }
  .modal.right.fade.in .modal-dialog {
  transform: translateX(0%);
  }
  .modal.right.fade .modal-dialog {
  right: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
  }
      
      
     .modal.right .modal-header {background:linear-gradient(45deg,#303f9f,#7b1fa2) !important; color:#fff}
      .modal.right .modal-header::after {content:""; display:inline-block;}
      .modal.right .close {text-shadow:none; opacity:1; color:#FFF; font-size:26px}
  /*  form-control  */
      
      .form-control {border-radius:0; box-shadow:none}
      .form-control:focus {box-shadow:none}
      
      
  /*  Button  */
      
      .btn {border-radius:0}

.btn-position{
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    position:absolute;
  }
  
  .modal.right.fade.in .modal-dialog {
  right:0 !important;
  transform: translateX(-50%);
  }
  .modal.right .modal-content {
  height:100%;
  overflow:auto;
  border-radius:0;
  }
  .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  }
  .modal.right.fade.in .modal-dialog {
  transform: translateX(0%);
  }
  .modal.right.fade .modal-dialog {
  right: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
  }
      
      
     .modal.right .modal-header {background:linear-gradient(45deg,#303f9f,#7b1fa2) !important; color:#fff}
      .modal.right .modal-header::after {content:""; display:inline-block;}
      .modal.right .close {text-shadow:none; opacity:1; color:#FFF; font-size:26px}
  /*  form-control  */
      
      .form-control {border-radius:0; box-shadow:none}
      .form-control:focus {box-shadow:none}
      
      
  /*  Button  */
      
      .btn {border-radius:0}

    .error {
        color: #ff0000a1 !important;
    }

    .draggableList ul {
        list-style: none;
    }
    .draggableList ul li {
        padding: 5px 5px;
        margin: 10px 5px;
        border: 1px solid #cccccc7d;
        background-color: #FFFFFF;
        box-shadow: 1px 1px 2px 1px #cccc;
    }
    .draggableList #columns {
        background-color: #6e82ff42;
        padding: 10px;
    }
    .draggableList #columns_1 {
        background-color: #6610f21f;
        padding: 10px;
    }
    .draggableList ul li.not-draggable {
        background-color: #f5b5bb75;
    }
.cardcontent_prev{
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    padding: 20px;
    margin: 0px 0px 50px;
    box-shadow: 1px 1px 7px rgb(176 179 205 / 67%);
}
.prev-sum-tbl tr:nth-child(even) td{
    background: #f3f3f3;
}
.prnt-sec .btn-success{
    background: #635d99;
    color: #fff;
    float: right;
    margin: 0 0 20px;
}
/* Draggable list section */
.tech-qc-drag h4{
    color:#343e9f;
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 600;
}
.draggable-main{
    width: 100%;
    margin: 0 auto;
}
.box {
    border: 2px solid #e7e7e7;
    border-radius: 7px;
    max-height: 495px;
    overflow-y: scroll;
    scrollbar-width: none;
}
.box:last-child{
    margin: 0px;
}
.box.content{
    width: 100%;
    display: block;
    z-index: 5;
}
.connected-sortable {
list-style: none;
padding: 20px;
margin: 0px;
}
.tech-qc-drag ul li{
width: inherit;
padding: 7px 20px;
background-color: #fff;
color: #000;
font-size: 14px;
margin-bottom: 10px;
border-radius: 5px;
-webkit-transition: transform 0.25s ease-in-out;
-moz-transition: transform 0.25s ease-in-out;
-o-transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
-webkit-transition: box-shadow 0.25s ease-in-out;
-moz-transition: box-shadow 0.25s ease-in-out;
-o-transition: box-shadow 0.25s ease-in-out;
transition: box-shadow 0.25s ease-in-out;
box-shadow: -2px 1px 8px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: -2px 1px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow: -2px 1px 8px 0px rgba(0,0,0,0.15);
}
.tech-qc-drag ul li:nth-last-child(even){
    background: #f3f3f3;
}
.tech-qc-drag ul li:hover {
cursor: pointer;
background-color: #eeecfe;
color: #000;
}
.tech-qc-drag ul li.ui-sortable-helper {
background-color: #eeecfe;
box-shadow: -2px 1px 8px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: -2px 1px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow: -2px 1px 8px 0px rgba(0,0,0,0.15);
transform: scale(1.015);
padding: 7px 20px;
height: auto;
z-index: 100;
}
.tech-qc-drag ul li.ui-sortable-placeholder {
    background-color: #eeecfe;
    box-shadow: -2px 1px 8px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: -2px 1px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: -2px 1px 8px 0px rgba(0,0,0,0.15);
z-index: 100;
}

::-webkit-scrollbar {
    display: none;
}
.newlogin31 ul li.loginactive a{
    
    background-color: #6c7ad5 !important;
    
}
.call-quality-comments{
    margin: 30px 0 0;
}
.call-qulty-rating{
    background: #f3f3f3;
    padding: 20px;
    color: #626262;
}
.call-qulty-rating span, .call-quality-comments .qn-label{
    font-size: 12px;
}
.call-qulty-rating p, .call-quality-comments p{
    font-size: 13px;
    font-weight: 600;
    color: #626262;
}
.cal-rtng-pg select, .cal-rtng-pg input{
    color:#828282;
    font-size:13px;
}
.cal-rtng-pg ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#828282;
    font-size:13px;
  }
  .cal-rtng-pg ::-moz-placeholder { /* Firefox 19+ */
    color:#828282;
    font-size:13px;
  }
  .cal-rtng-pg :-ms-input-placeholder { /* IE 10+ */
    color:#828282;
    font-size:13px;
  }
  .cal-rtng-pg :-moz-placeholder { /* Firefox 18- */
    color:#828282;
    font-size:13px;
  }
  .rtng-btn{
      background-color: #6d25a1;
      border-color: #6d25a1;
  }
.label-size {
    font-size: 16px;
}
.newlogin5 img{
    margin: 0 auto 20px;
    display: block;
}
.quality-login-pg{
    background: linear-gradient(79deg,#7367f0,#002464,#7367f0);
}
.quality-login{
    background: linear-gradient(165deg,#002464,#7367f0);
}
.quality-login .newlogin4 p{
    font-size: 38px;
    font-weight: 600;
}
.quality-login-pg .newlogin5 h3{
    color: #7367f0;
}
.quality-login-pg .newlogin6 input{
    border: 2px solid #7367f0;
}
.quality-login-pg .newlogin6 button{
    background-color: #7367f0;
    border: 1px solid #7367f0;
}

.d_flex_desc p, .d_flex_desc ul{
    display: block;
    color: #3f4254;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    padding: 0px 0px 2px 5px;
    margin: 0px;
}
.d_flex_desc ul{
    	padding-left: 20px !important;
	
}
/* KPI description */
    /*.d_flex_desc {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*    padding-left: 8%;*/
    /*    padding-top: 10px;*/
    /*    padding-bottom: 10px;*/
    /*}*/
 
 
    /*.d_flex_desc ul li {*/
    /*    font-size: 16px;*/
    /*    color: #343e9f;*/
    /*    font-weight: 600;*/
    /*    padding: 0 !important;*/
    /*    margin: 0 !important;*/
    /*}*/
/* KPI description end */