@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

body {font-family: 'Roboto', sans-serif;}

/*---page_gap_reset---*/

/*

body {padding:0;}

.all-wrapper {max-width:inherit;}

.menu-side-w, .top-menu-secondary, .menu-side .content-w {border-radius:0;}

.menu-side .layout-w {min-height:100vh;}

*/



/**/





a:hover {text-decoration:none;}



/*--color class---*/

	.blue {color: var(--blue);}

	.indigo {color: var(--indigo);}

	.purple {color: var(--purple);}

	.pink {color: var(--pink);}

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

	.orange {color: var(--orange);}

	.yellow {color: var(--yellow);}

	.green {color: var(--green);}

	.teal {color: var(--teal);}

	.cyan {color: var(--cyan);}

	.white {color: var(--white);}

	.gray {color: var(--gray);}

	.gray-dark {color: var(--gray-dark);}

	.primary {color: var(--primary);}

	.secondary {color: var(--secondary);}

	.success {color: var(--success);}

	.info {color: var(--info);}

	.warning {color: var(--warning);}

	.danger {color: var(--danger);}

	.light {color: var(--light);}

	.dark {color: var(--dark);}

/*------*/

.magic {width:100%; height:0; clear:both;  }





.lgBx {padding:5px 0; }

.logwdset {width:550px; margin:0 auto;}



.bxShdow {box-shadow:0 3px 8px rgba(0,0,0,0.1); border-radius:8px;  }



.lgobg {padding:125px 0; background:url(../img/bg1.png) no-repeat center center #12254d; 

    position:relative; background-size: cover; border-radius:8px 8px 0 0; }

.lgobg-old:after {z-index:1; position: absolute; content:""; top:0; bottom:0; left:0; right:0; 

background:rgba(0,0,0,0.65); border-radius:8px 8px 0 0; }

.lgobg:after {z-index:1; position: absolute; content:""; top:0; bottom:0; left:0; right:0; 

border-radius:8px 8px 0 0; }

    .lgobx-old {background-color: rgba(255,255,255,0.8); border-radius:8px; width:250px; margin:0 auto; text-align: center; padding:10px 0;

    position:relative; z-index:2; }
	
    .lgobx { background:transparent; width:250px; height:120px;margin:0 auto; text-align: center; padding:10px 0;

    position:relative; z-index:2; }

    .lgobx img {}



.whtBx {background:#fff; border-radius:0 0 8px 8px; padding:12px 0 35px 0;  }



.lin1 {font-size:26px; font-weight:500; color:#12254d; text-align: center; }

.lin2 {font-size:16px; color:#15911d; text-align: center;}



.dvdBlu {border-top:1px solid rgba(0,0,0,0.1); text-align: center; font-size:0; margin: 20px 0 30px;}

.dvdBlu span {background:#15911d; width:32px; height:7px; border-radius:4px; display:inline-block; 

    margin:-4px 0 0 0; }

  
  

  .frmBx {}



.frmRow {margin: 0 0 20px 0; }

    .fldbx {max-width:392px; margin:0 auto; padding:0 0 0 32px; position:relative;   }


.frmRow label {color:#3E4B5B; font-size:16px; display:inline-block; width:100%;  }



.frmfld {display:inline-block; border:1px solid #CCCCCC; box-sizing:border-box; height:40px; line-height:38px;

border-radius:4px; padding:0 14px; width:100%;  font-size:14px; background:#fff; font-family: 'Roboto', sans-serif; }





.icnuser, .icnpswrd {display:inline-block; width:24px; height:40px; position: absolute; bottom:0; left:0;   }



.icnuser {background:url(../img/user.svg) no-repeat center center; }

.icnpswrd {background:url(../img/lock.svg) no-repeat center center;}





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



.bttn {display:inline-block; height:44px; line-height: 46px; padding:0 25px; min-width:160px;

    background:#133e94; border-radius:22px; color:#fff; text-align: center; font-size:16px;

    position: relative; border: 0; cursor: pointer; outline: none; }

.bttn:hover {color:#fff; background:#15911d;  }

.bttn:active {top:1px;}

.btn1 {border-radius:6px;}





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





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

.logobx {background:#fff; text-align: center; border-radius:6px 0 0 0;     padding:5px 0; }
.logobx img{ width:80px; }

.logobx a {display: inline-block; }



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



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



.imgBxpb {width:80px; height:80px; display:inline-block; overflow:hidden; border-radius:50%; 

border:3px solid #fff;   }

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



.pnmbx {display: inline-block; vertical-align:top; padding:10px 0 0 10px;}

.pnm1 {font-size:16px; color:#12254d; font-weight:500;   }

.pnm2 {font-size:11px; color:#12254d; opacity:0.8; }

.pnm2 img {vertical-align: middle;}

.pnm2 span {vertical-align: middle;}







.mblbr {display:none; padding:10px; width:100%; background:#15911d; color:#fff; }

.mpgnm {font-size: 14px; line-height: 18px; font-weight: 500; display: inline-block;}

.mblbr img {width:16px; float:right; margin:1px 0 0 0;   }



.menu-side-w ul.main-menu > li.has-sub-menu > a:before {transition:all ease-in-out 0.2s; }

.menu-side-w ul.main-menu > li.has-sub-menu.active > a:before {transform:rotate(-90deg); }

.menu-side-w ul.main-menu > li.thispg > a {border-left:4px solid #15911d; display:inline-block; left:0;

box-sizing:border-box; width:100%;   }

.menu-side-w ul.main-menu { padding: 1.5rem 0rem;}





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

.desktop-menu { box-shadow:0px 2px 8px rgba(12, 19, 35, 0.15); }

.pagBx {min-height:calc(100vh - 100px); padding:20px;  }

.pgftr {padding:20px; font-size:12px; color:rgba(62, 75, 91, 0.6); background:#fff;  border-radius: 0 0 6px 0;   }



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



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



.breadcrumb.brdbx {padding:0;border-bottom: 0px solid rgba(0, 0, 0, 0.05); float: left; display:inline-block;

line-height:34px; }

.icnBx {float:right; padding: 7px 0 0 0;}

.icnBx a {margin:0 8px 0 22px; }
.icnBx img, .pnm2 img {-webkit-filter: hue-rotate(26deg) saturate(5);filter: hue-rotate(26deg) saturate(5); }



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







/*set1-----------------------*/

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



.hdln1 { }

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



/*.dvdBlu2 { width:120px; border-top: 1px solid rgba(0,0,0,0.1); text-align: center; font-size: 0; margin:15px auto 18px;}*/
.dvdBlu2 { width:120px; border-top: 0; text-align: center; font-size: 0; margin:15px auto 18px;}

.blubx2 { background:transparent; width: 32px; height: 7px; border-radius: 4px; display: inline-block; margin: -4px 0 0 0;}



.sldrBx {padding:22px 40px; background:#fff;  border-radius: 6px; }



.wd1 {   border-radius: 40px;

  background:#f2c500;}

.wd2 { height: 18px;  border-radius: 40px; text-align: right;

  background-image: linear-gradient(to right, #c63185, #12254d);}

.wd2 span {padding:0 6px; font-size: 12px; font-weight: 500; color: #ffffff; 

	display:inline-block;	line-height: 18px;    vertical-align: top;}

    

.txt2 { margin:14px 0 0 0;  font-size: 20px;  font-weight: 500;  text-align: center;  color: #12254d;

line-height: 20px;}





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

.txt3 {}





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



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





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





.isetBx {display: inline-block; vertical-align: top; width: 190px;}

.isetBx a { display: inline-block; }

.isetBx span {display:inline-block; width:140px; height:140px; border-radius:50%; }



span.fgrn {background:url(../img/f_green.svg) no-repeat center center #12254d;}

span.fblu {background:url(../img/f_blue.svg) no-repeat center center #12254d;}

span.fyel {background:url(../img/f_yellow.svg) no-repeat center center #12254d;}

span.fred {background:url(../img/f_red.svg) no-repeat center center #12254d;}

.isetBx span:hover {background-color:#f2c500;}



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















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



#nav-icon4 {

  width: 30px;

  height: 20px;

  position: relative;

  margin: 20px auto;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .5s ease-in-out;

  -moz-transition: .5s ease-in-out;

  -o-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

  cursor: pointer;

  float: right;

}



#nav-icon4 span {

  display: block;

  position: absolute;

  height: 4px;

  width: 100%;

  background: #ffffff;

  border-radius: 9px;

  opacity: 1;

  left: 0;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .25s ease-in-out;

  -moz-transition: .25s ease-in-out;

  -o-transition: .25s ease-in-out;

  transition: .25s ease-in-out;

}





#nav-icon4 {

}



#nav-icon4 span:nth-child(1) {

  top: 0px;

  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;

  -o-transform-origin: left center;

  transform-origin: left center;

}



#nav-icon4 span:nth-child(2) {

  top: 8px;

  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;

  -o-transform-origin: left center;

  transform-origin: left center;

}



#nav-icon4 span:nth-child(3) {

  top: 16px;

  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;

  -o-transform-origin: left center;

  transform-origin: left center;

}



#nav-icon4.open span:nth-child(1) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  top: -1px;

  left: 4px;

}



#nav-icon4.open span:nth-child(2) {

  width: 0%;

  opacity: 0;

}



#nav-icon4.open span:nth-child(3) {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  top: 21px;

  left: 4px;

}



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



.hdln3 {}

  .txt6 { font-size: 22px;

  font-weight: 500;

  color: #12254d;}



/*.dvdBlu3 { border-top: 1px solid rgba(0,0,0,0.1);  text-align: left; font-size: 0; margin:10px auto 30px;}*/
.dvdBlu3 { border-top: 0;  text-align: left; font-size: 0; margin:10px auto 30px;}

/*.blubx3 { background: #15911d; width: 32px; height: 7px; border-radius: 4px; display: inline-block; margin: -4px 0 0 0;}*/
.blubx3 { background: transparent; width: 32px; height: 7px; border-radius: 4px; display: inline-block; margin: -4px 0 0 0;}





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



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





.clm3row {margin:25px 0; background-color:#fff; padding:40px 20px; border-radius:6px;  

display: inline-block; width:100%; box-sizing: border-box;  }



.clm3bx {width:33.3333%; float: left; }

.clm3gap { max-width:200px; margin:0 auto; text-align: center;}

	

	.icnRnd {width:118px; height:118px; border-radius:50%; margin:0 auto 20px;    }



	.icnv1 {background:url(../img/text-file.svg) no-repeat center center; border: 2px solid rgb(21 45 165 / 50%); }

	.icnv2 {background:url(../img/pencil.svg) no-repeat center center; border: 2px solid #133e94; }

	.icnv3 {background:url(../img/idea.svg) no-repeat center center; border: 2px solid rgb(251 255 7 / 50%);}



	.txt9 { font-size: 18px;

  font-weight: 500;

  color: #12254d;}

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



	.gsBtn {}

	.btn2 { }







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

.set1 {}



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

.hdicn1 { padding:0 0 0 50px; 

background:url(../img/play.svg) no-repeat center left; background-size:auto 30px;   }

.txt11 {  font-size: 18px; padding:0 0 1px 0; 

  font-weight: 500;

  color: #12254d;}

.ulneblu {  width: 26px;

  height: 2px;

  border-radius: 4px;

  /*background-color: #12254d;*/
  background-color: transparent;
  
 }



.txt12 {font-size: 14px;}



.txt12 ul {padding:0 ; margin:0; }

.txt12 ul li {padding:4px 0 4px 14px; background:url(../img/round.svg) no-repeat left 11px; list-style-type: none; }

.txt12 ul li a {color: #12254d;}

.txt12 ul li a:hover {color:#f2c500;}





.nextSet {padding: 60px 0 20px;}

  

  .whtBx3 {padding:20px; background:#fff; max-width:400px;  border-radius: 6px; margin:0 auto;}

.txt13 { font-size: 18px;  font-weight: 500;  color: #12254d; margin:0 0 10px 0; }



.txt14 {  font-family: Roboto;  font-size: 12px;  color: #3e4b5b; }

.txt14 img {max-width: 30px; margin:0 16px 0 0; float: left; }



.bluLnk {text-align: center;}

  .nxbtn {width:40px; height:40px; border-radius:50%; display: inline-block; font-size:0;  

  background:url(../img/right-arrows.svg) no-repeat center center #12254d; background-size:16px;    }

  .nxbtn:hover {background-color:#f2c500;}







.hdicn2 { padding:0 0 0 44px; 

background:url(../img/pencil.svg) no-repeat center left; background-size:auto 30px; }

.hdicn3 { padding:0 0 0 44px; 

background:url(../img/idea.svg) no-repeat center left; background-size:auto 30px; }







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



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



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



.upldBx .dropzone {border-radius: 2px; background:none;  border: dashed 3px #bac1ce;}

 .upldBx .dropzone h4 { margin:0;   font-size: 16px;  text-align: center;  color:rgba(62, 75, 91, 0.7);}

.upldBx .dropzone .dz-message { margin: 42px 0 0;}





.bluntc {margin:10px 0;border-radius: 6px; padding:10px 20px;    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04);   background-color: #15911d;  font-size: 14px;

  color: #ffffff;}

.bluntc a {font-weight:500; color:#fff; text-decoration:underline;  }





.txt17 { font-size: 14px;  color: #3e4b5b; margin:0 0 6px 0; }

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

.sqtbx {padding:20px 0 0 0; }

.btn3 {}





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



.hdrsetc {}

	.hdtc1 {text-align: center;}

	.hdci {background:url(../img/idea.svg) no-repeat center center; background-size:24px;  

	width:24px; height:24px; display:inline-block; vertical-align:middle; margin:0 10px 0 0;  }

	.hdct {font-size: 22px; text-align: left; color: #12254d;display:inline-block; vertical-align:middle;}



.qlist {}

	.qbxwht {padding:0 30px 30px 0; width:50%; box-sizing: border-box; float: left;}

	.qbxwht2 { border-radius: 6px; padding:20px; 

  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04);

  background-color: #ffffff;}



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



	.ansbx {position:relative;}

.grntk { display:none; position: absolute; right:10px; top:13px;  

background:url(../img/checked.svg) no-repeat center center #00a44e;

background-size:11px; width: 20px; height: 20px; border-radius:50%; }

/*.qslct .grntk { display:inline-block; }*/

.ansbx input[type=radio]:checked + label .grntk { display:inline-block; }





.ansbx input {position: absolute; opacity: 0; }

.anslne {

	margin:18px 0 0 0; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);

 	background-color: #ffffff; font-size: 14px;  font-weight: 600;  color: rgba(62, 75, 91, 0.7);

    padding: 15px 40px; position: relative;

    display: inline-block; width:100%; box-sizing:border-box;  }



.qnmbr {position: absolute; top:12px; left:8px; background-color:rgba(223, 233, 239, 0.4);color: #3e4b5b;

height:25px; width:25px; border-radius:50%; text-align: center; line-height:25px; }



.btnbx {}





/*---------------------------------------------------pop--*/

.poArea {background:rgba(41,51,62,0.4);position: fixed;top: 0;left: 0;width: 100%;bottom: 0;}

.gapSet { width: 100%; height: 100vh;}



.whtpoBx {width:450px; padding:30px; box-sizing:border-box; margin:0 auto;  

  border-radius: 6px; position: relative;

  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff;

text-align: center;}



.pclos {position: absolute; right:10px; top:10px; }

.pclos img { width: 20px; opacity:0.2; cursor: pointer; }

.pclos:hover img { opacity:0.3; }



.poT1 {}

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



.poT2 {padding:12px 0 6px;  font-size: 22px;  font-weight: 500;  color: #12254d;}

  

.poT3 {  opacity: 0.7;  font-size: 14px;  color: #12254d;}  

  

.poT4 { padding:16px 0 6px; 

  font-size: 12px;

  font-weight: 500;

  color: #12254d;}



.poT5 {border-radius: 2px; margin:0 auto;  width: 168px;

  border: solid 1px #15911d; padding:7px 0; 

  background-color: rgba(101, 168, 241, 0.15);

 font-size: 16px;  color:rgba(62, 75, 91, 0.7);}

.poT5 span { color: #3e4b5b; font-weight: 500;}



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

.poT6 span {color:#15911d; }

.poT6 b {color:rgba(62, 75, 91, 0.9);}



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



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



.redBx { padding:10px 15px;  border-radius: 2px;

  border: solid 1px #f58b83; margin:0 0 20px 0; 

  background-color: rgba(245, 139, 131, 0.1);}



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



.pulne { width: 22px;

  height: 2px; 

  background-color: #f58b83; margin:4px auto 6px; }



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



.poT11 {}

.poT11 a {text-decoration:underline;}



/*-------------------170719-*/

.termTxt {}

    .termTxt h1 {font-size: 16px;

    font-weight: 500;

    color: #12254d; margin: 0;

    padding: 0 0 4px 0;}



.termTxt p {    opacity: 0.7;

    font-size: 14px;

    color: #3e4b5b;}



.profset { padding:0 0 20px 0;  }

.prfClm1, .prfClm2, .prfClm3 {float: left; }

  .pcGap {}



.prfClm1 {width:30%; }

.prfClm2 {width:45%; }

  .prfClm2 .pcGap {padding:0 20px; }

.prfClm3 {width:25%; }

.prfClm4 {width:75%; }

.prfClm1, .prfClm2, .prfClm3, .prfClm4 {
    float: left;
}


.prfpgx1 {padding:0 15px; }



.prfpgx2 {padding:30px 0 0px; }

  

.fldrlst { padding:0; margin:0;   display:inline-block; width:100%; text-align: center; }

.fldrlst li {width:25%; float: left; list-style-type:none; }

.fldrlst li a {display:inline-block; transition: all ease-in-out 0.2s; }

.fldrlst li a:hover { transform:translate(0px,-3px);}

.fldrlst img {width:34px; }



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



.fhd1 legend {margin:0 0 10px 0;  }

.fhd2 legend {margin:0px 0 10px 0; }

.fhd2 {padding:10px 0 0 0;}

.fhd1 span, .fhd2 span {font-weight:500; }



.btn5 {background:url(../img/checked.svg) no-repeat center center #12254d; background-size: 18px;

font-size:0; border:0; outline:0; padding:0; height:40px; width:40px; border-radius:50%; 

cursor:pointer; position: relative; }

.btn5:hover {background-color:#f2c500;  }

.btn5:active {top:1px;}





.hdln5 {margin:0 0 10px 0; }

.txt19 {padding:0 0 0 25px; background:url(../img/tap.svg) no-repeat left center; 

    font-size: 22px;    font-weight: 500;    color:#15911d;    }



.lib1 {padding:0 0 10px 0; margin:0 0 15px 0;  border-bottom:1px solid rgba(0,0,0,0.1);  }

.lib2 {}

.lib3 {

    font-size:16px;

    font-weight: 500;

    color: #12254d;

}

.lib4 {  }



.lib5 {  font-size: 16px;

    font-weight: 500;

    color:#6A3190;

    padding: 0 0 4px 0;}



.lib6 {font-weight:normal; }



.lib7 {  margin:0 0 4px 0;   opacity:1;

    font-size: 14px;

    color: #3e4b5b;}





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

.btn6 {}



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

.btn7 {}



.moDtl {margin:0 0 20px 0; }

/*06082019*/

.rsltLst {display: inline-block; width:100%; box-sizing: border-box; }

.rlClm2 {padding:0 18px 18px 0; box-sizing: border-box; width: 50%; float:left; }



.rltxt1 {    font-size: 18px;

  font-weight: 500;

  color: #12254d; border-bottom:1px solid rgba(51, 65, 82, 0.10); }

.rltxt1 span {    background: #fff;

  display: inline-block;

  position: relative;

  bottom: -1px;

  padding: 0 6px 0 0;}



.rltxt2 {margin:15px 0; line-height:24px; }

  .txt2ln1 {}

  .txt2ln1 span { display: inline-block;}

  

  .ln1lbl {width:104px;text-align:right; margin:0 8px 0 0;   }

  .ln1txt {}



.rltxt3 {border-top:1px solid rgba(51, 65, 82, 0.10);padding:15px 0 0 0; display: inline-block; width:100%; }

.dtxt {float: left; font-size:14px; opacity: 0.5; }

.psfl {float: right;}

.psfl span {font-weight:500; font-size:14px;  }

.fail {color:#C63185;}

.pas {color:#12B42D;}

/*0808*/

.fdbkLst {    display: inline-block;

  width: 100%;

  box-sizing: border-box;}



.fkClm1 {padding: 0 0px 18px 0;

  box-sizing: border-box;}



.fktxt1 {

  font-size: 16px;

  font-weight: 500;

  color: #12254d;

  padding: 0px 0 4px 0;

}

.fktxt2 {}

.fktxt2 a {margin:0 18px 0 0; }

.fktxt3 {font-size: 16px;

  font-weight: 500;

  color: #12254d;

  padding: 18px 0 4px 0;}

.fktxt4 {font-size: 14px; line-height:20px;  color: rgba(62, 75, 91, 0.7);}



.bdgLst {display: inline-block;  width: 100%;  box-sizing: border-box;}

.bdgBox {width:240px; margin:0 18px 18px 0; float: left;}

.rltxt4 {position: relative;  margin:0 0 15px 0; height:72px; overflow:hidden; padding:0 0 0 54px;  }

.rltxt4 img {width:42px; float:left; margin:0 0px 0 0; position:absolute; left:0; top:0; }

.rltxt4 p { font-size: 16px; font-weight:500; color: #12254d; margin:0;}



.srchPg {}



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

.srcFld { margin:0 0 12px 0; 

  background: url(../img/search.svg) no-repeat 99% center #fff;

}

.srcBtn {}



.srcrslt {}

.srcrslt h1 {    font-size: 16px;

  font-weight: 500;

  color: #6A3190;

  padding: 0 0 4px 0; margin:0; 

}

.srcrslt p {    opacity: 0.7;

  font-size: 14px;

  color: #3e4b5b;}

.srcrslt ul {padding:0; }

.srcrslt ul li {list-style-position: inside;}
.float-panel h3{padding:0 18px;}
.fldbx.frg_p {max-width:100%; margin:0 auto; padding:10px 0 0 0; position:relative;  text-align:center; }




.ansbx label.container{font-size: 16px!important;}
.ansbx label.container .qnmbr{top: 0;}

#QuizForm .qline {
    font-size: 16px;
    font-weight: 600;
    color: #3e4b5b;
	margin-bottom:15px;
}

.cnot1 {
    font-weight: 500;
    padding: 0 0 4px 0;
}

.cnot3 {
    color: #9A9A9A;
    font-size: 12px;
    text-align: center;
    padding: 6px 0 0 0;
}

.chtnot {
    background: #F3F3F3;
    padding: 10px 15px;
    color: #000000;
    font-size: 14px;
    margin: 0 0 12px 0;
}
.chBx2 {
    height: 50vh;
    overflow-y: scroll;
    padding: 0 10px 0 20px;
}
.chBx1 {
    padding: 20px 20px 10px;
    position: relative;
}

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

.prfClm4 .pcGap {
    padding: 0 20px 0 0;
}
.txtc01 {
    background-color: #ffffff;
    display: inline-block;
    color: #15911d;
    font-size: 18px;
    padding: 0 6px 0 0;
    z-index: 5;
    position: relative;
    font-weight: 500;
}
.chBx1:after {
    top: 34px;
    content: "";
    position: absolute;
    height: 1px;
    left: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}.openi {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #91C653;
    display: inline-block;
    vertical-align: middle;
}

.txtc02 {
    float: right;
    line-height: 27px;
    background-color: #ffffff;
    padding: 0 0 0 6px;
    z-index: 5;
    position: relative;
}


.chBx3 {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px 50px 10px 10px;
    position: relative;
}

.chBx2 {
    height: 50vh;
    overflow-y: scroll;
    padding: 0 10px 0 20px;
}

.prfClm4 textarea.chtype {
    min-height: 70px;
    border: 0;
    padding: 0;
    width: 100%;
}

.chtsnd {
    background: url(../img/paper-plane.svg) no-repeat center center;
    border: 0;
    font-size: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 38px;
    height: 70px;
    padding: 0;
    cursor: pointer;
    outline: none;
}
.dvdBlu3 {
    border-top: 1px solid rgba(0,0,0,0.1);
    text-align: left;
    font-size: 0;
    margin: 10px auto 30px;
}
.blubx3 {
    background: #15911d;
    width: 32px;
    height: 7px;
    border-radius: 4px;
    display: inline-block;
    margin: -4px 0 0 0;
}
.imgBxpb img {
    max-width: 100%;
}

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

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

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

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

.ot302 {
    float: right;
}
.magic {
    width: 100%;
    height: 0;
    clear: both;
}
.openi {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #91C653;
    display: inline-block;
    vertical-align: middle;
}

.cani {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #F4C800;
    display: inline-block;
    vertical-align: middle;
}
.clsi {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(62, 75, 91, 0.5);
    display: inline-block;
    vertical-align: middle;
}

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

.insms .bgBx {
    background: rgba(244, 199, 0, 0.08);
    border-radius: 20px 20px 20px 0;
}

.bgBx {
    width: 80%;
    padding: 10px 15px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.outsms .bgBx {
    float: right;
    background: rgba(4, 122, 248, 0.08);
    border-radius: 20px 20px 0 20px;
}

.img_area{display: table-cell;}
.img_area .document-preview{float: left;margin: 15px 10px 10px 10px;background: #fff;padding: 8px; border-radius:4px;}
.img_area .document-image{margin-bottom:10px;}
.img_area .document-filename{float: left; width:50%;}
.img_area .document-delete{float: right; width:50%;}
.img_area .document-delete img{float: right;margin-top: 10px;}








@media screen and (max-width:1030px) {/* 1024 px */



.lgDtlBx {text-align: center;}

.pnmbx {padding:10px 0 0 0; width:100%;}

.logobx {border-radius:0px 0 0 0; }

.isetBx { width: 180px;}

.pgftr {border-radius:0; }

.bdgBox {margin:0 10px 10px 0; }



.menu-and-user {overflow-x: scroll;}
.menu-and-user-old {height: calc(100vh - 80px);overflow-x: scroll;}



}





@media screen and (max-width:979px) { /* 800 px */





.mblbr {display:block;}

.desktop-menu { 

    position: fixed;

    left: 0;

    top: 0;z-index: 9999;

    height: 100vh; transition:all ease-in-out 0.4s; 

    overflow: scroll;width: 260px; margin:0 0 0 -280px;  }

.desktop-menu.mopen {margin:0; }

.mobfwd {display: block; width:100%; }

.isetBx { width: 170px;}

.txt1 { font-size: 30px;}

.sldrBx { padding: 22px 20px;}

.toplne { padding: 0 12px;}

.pgftr {text-align: center;}

.qbxwht { padding: 0 0px 20px 0; width:100%;}

.bdgLst {text-align: center;}

.bdgBox {  width: 230px;  margin: 0 5px 12px; text-align: left; float: none;  display: inline-block;}









}





@media screen and (max-width:799px) { /* 768 px */ 
.mblbr img {width:auto; float:right; margin:1px 0 0 0;   }

    

}



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



.logwdset {width:95%; }

.frmBx {padding:0 20px; } 

.breadcrumb { margin-bottom: 0rem;}

.toplne { padding: 0 12px;}

.sldrBx {padding: 22px 20px;}

.txt2 { font-size: 16px;}



.pagBx { padding: 10px;}  

.isetBx {margin:0 0 20px 0; }



.clm3bx { width: 100%; float: none; margin:0 0 40px 0; }

.txt10 {min-height:auto; }



.sqtbx {text-align: center;}



.prfClm1, .prfClm2, .prfClm3 {float: none; width:100%;  }

.prfClm1 { }

.prfClm2 {}

  .prfClm2 .pcGap {padding:20px 0; }

.prfClm3 {}

.mset2, .mset1 {text-align: center;}

.rlClm2 {  padding: 0 0px 18px 0;  width: 100%;  float:none;}

.bdgBox {  width: 240px;  margin: 0 6px 12px;}
.float-panel{width:100%;}
.img_area {
    display: table;
}

}



@media screen and (max-width:639px) { /* 480 px */

.breadcrumb.brdbx {display: none;}

.icnBx {width:100%; float:none; padding:7px 0; text-align: center;}

.btnbx {text-align: center; padding:0 0 12px 0; }

.qbxwht2 { padding: 12px;}

.whtpoBx { width:100%; padding:30px 10px; }  

.whtBx2 {  padding: 15px 10px;}





}



@media screen and (max-width:479px) { /* 360 px */

 





}





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







}










.logo img:hover, .logo img:focus{outline:0;}
.get_in_touch{padding-top:28px;}
.socialbg {
    background: #f2c500;
    width: 28px;
    height: 28px;
    border-radius:3px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 28px!important;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
	margin: 0 2px;
}
.socialbg:hover {
    background: #15911d; color: #fff;
}

button:focus{outline:0;}
.colmar{margin-bottom:35px;}

p {
  padding: 0px;
  font-size: 14px;
}

/*----======== footer ======---*/


.copyright{
	background:#4b4b4b;
	padding: 16px 0;
	color:#ababab;
	font-size:12px;
	text-align:center;
}
.copyright .container{padding:0 0 20px 0;}
.copyright span{padding:12px 0 0 0;display: table;}


label { color: #444;}
.nopad{padding:0;}

.spacer{height:40px;}
.br{height:20px;}
.br_sm{height:10px;}
.br_big{height:40px;}
.padd_right_0{padding-right:0;}
.tbl_cell{display: table-cell;}
.blk_heading{font-size:16px;color:#333;font-weight:500;}
.mid{margin:30px 0;}
.mid_inner{margin:30px 0;}
.nopad{padding:0;}
.form-group {margin-bottom: 1rem;font-weight:500;font-size: 13px; color: #333;}
.form-group label span{font-size:22px!important; font-weight:400;color: #ff0000;}
label {margin-bottom: .2rem;font-weight: 400;font-size:14px!important;}

.txt_sm{font-size: 12px;}
.bold{font-weight:500;}

.tick li{
	background:url(../images/tick.png) 0 5px no-repeat;
	padding-left:20px;
	margin:0 0 10px 0;	

}
.section{margin:40px 0;display:table;width:100%;}
.btn_green{
	padding:12px 25px!important;	
	margin:0; 
	background: #09a40a; 
	font-size: 13px;
	font-weight:600;
	color:#fff;	
	text-align:center;
	display:inline-block;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
    text-transform:uppercase;
	border-radius:5px;
	border:1px solid #fff;
}

.btn_green:hover, .btn_green:focus {
	background:#91de04; 
	color:#fff!important;	
	border:1px solid #fff;
	outline:0;
}

.btn:focus {outline: 0;box-shadow:none;}
.faicon .btn {padding: 0;}
.top {
    background: #fff;
	padding: 0 0 6px 0;
	border-top:3px solid #15911d;
	margin-bottom: 25px;
}
.dropdown-menu { border: 1px solid #15911d;}

.dropdown-item {
    color: #000;border-bottom: 1px solid #d9fd96; padding: .5rem .7rem;font-size: 14px;
}
.dropdown-item a{
    color: #000;
}
.dropdown-submenu>a:after {
    border-left-color: #15911d!important;
}
.dropdown-item:focus, .dropdown-item:hover {
     color: #000;
    background-color: #b4ec4d;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.bar{
	border-bottom:1px solid #ccc;
	padding:10px;
	margin-bottom:30px;
}
.search_btn{background:#15911d;border:0;outline:0;padding:8px 15px;color:#fff;border-radius:0 6px 6px 0;}
.drop_toggle_bg{background:#fff;color: #000;border:0;outline:0;padding:8px 10px;border-radius:6px;}
.drop_toggle_bg:focus{border:0;outline:0;}

.course_name{
	font-size:17px;
	color:#000;
	font-weight:600;
	margin:5px 0 3px 0;
	line-height:20px;
}
.course_des{font-size:14px;line-height:20px;}
.course_des_time{
	font-size:14px;
	color:#666;
	margin:0 0 5px 0;
}
.course_price{
	font-size:17px;
	color:#000;
	font-weight:600;
	margin:5px 0;
}

.course_price span{
	color:#888;
	font-weight:400;
	margin:0 0 0 10px;
	text-decoration:line-through;
}
.colmar{margin-bottom:20px;}
.br{width:100%;height:15px;}

.btn_green{
	padding:12px 25px!important;	
	margin:0; 
	background: #15911d; 
	font-size: 16px;
	font-weight:600;
	color:#fff;	
	text-align:center;
	display:inline-block;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
    text-transform:uppercase;
	border-radius:5px;
	border:0;
}

.btn_green:hover, .btn_green:focus {
	background:#f2c500; 
	color:#fff!important;	
	border:0;
	outline:0;
	text-decoration: none;
}

.course_txt_sm{font-size:12px;color:#555;}
.white_box{background:#fff;box-shadow:0 0 15px #ddd;padding:15px; margin:0 0 30px 0;height: 340px;border-radius: 8px;}
.white_box2{background:#fff;box-shadow:0 0 15px #ddd;padding:25px; margin:0 0 30px 0;border-radius: 8px;}
.course_ul{margin-top:12px;}
.searchbg{background:#fff;padding:15px;margin-bottom:36px; border-radius: 8px;box-shadow: 0 0 15px #ddd;border-bottom: 2px solid #fff;}
.form-control { height: 46px;}
.box_panel{margin-bottom:20px;}



@media (max-width:1024px) {
.white_box { height: 370px;}


}


@media (max-width:640px) {
.logo img{width:100px;}
.white_box{height:auto;}
.copyright {padding: 12px 0;font-size: 11px;}
.searchbg {padding: 10px 12px;}
.drop_toggle_bg {width: 100%;text-align: left; margin-bottom: 10px;}
.socialbg { width: 25px; height: 25px;line-height: 26px!important;}


}

.content-i, .with-side-panel .content-i {
    background: #fff;
}