@import url(https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Merriweather:300,300i,400,400i,700,700i,900,900i|PT+Serif:400,400i,700,700i|Vollkorn:400,400i,600,600i,700,700i,900,900i|Nobile:400,700|Montserrat:400,700|Lato:400,100,300,700,900|Open+Sans+Condensed:300,700|Open+Sans:400,300,600,700,800|Droid+Sans:400,700|Roboto+Condensed:400,300,700|Roboto:400,100,300,500,700,900|Oswald:400,300,700|Slabo+27px|Domine:400,700|Alike+Angular|Gurajada|Roboto+Slab:400,300,700,100|Rambla:400,700|Slabo+13px|Fjalla+One|Yantramanav:400,500,700,900,300,100|Headland+One|Cabin+Condensed:400,500,600,700|Adamina|Anton|Francois+One);


body{
	margin: 0;
	padding: 0;
	border: 0;
	width:100% !important;
	background-color:#fafafa!important;
	color:#000;
	font-family:'Vollkorn'!important;
	font-weight:100;
	font-size:100%;
	}
	
	
/*th{	background: #fff;
    color: #000;
    text-transform: uppercase;
    font-family: roboto;
    font-size: 12px;
	text-align:center!important;}
	*/
/*td { background: #fff; color: #000; border-top:none !important; border-bottom: solid 1px #f2f2f2; 
	font-family: roboto; font-size: 12px;font-weight: 400; padding:1%!important; text-align:center;}*/
	
.billing td { background: #fff; color: #000; border-top:none !important; border-bottom: none !important; }

.alerts th {text-align:left!important;}
.alerts td {text-align:left;}

.trsconin th {text-align:left!important; border: 1px solid #81b2ca !important; padding: 4px; background: #c2ddea;}
.trsconin td {text-align:left;border: 1px solid #81b2ca !important; }


.sold {
    text-transform: uppercase;
    background: #ff1d1d;
    width: 45px;
    display: block;
    color: #fff;
    padding: 0 1%;
    font-weight: 400;
}
.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}
.height200{
height:200px;}

p{
color: #000 !important;
    font-size: 14px;
    font-weight: 100;
    font-family: 'Merriweather' !important;
    line-height: 25px;
    margin-top: 0px;
    text-align: justify;}

 h1{
color: #000 !important;
font-size: 250% !important;
font-weight: 400 !important;
padding: 4% 10% !important;
font-family: 'Merriweather' !important;
text-align: center;
display: block;
width: 100%;
margin: 0px !important;
}

 h2{
color: #000 !important;
font-size: 120% !important;
font-weight: 400 !important;
padding: 4% 10% !important;
font-family: 'Merriweather' !important;
text-align: center;
display: block;
width: 100%;
margin: 0px !important;
}


ul, ol {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 25px;}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

ul.a {list-style-type: circle;}
ul.b {list-style-type: disc;}
ul.c {list-style-type: square;}

ol.d {list-style-type: armenian;}
ol.e {list-style-type: cjk-ideographic;}
ol.f {list-style-type: decimal;}
ol.g {list-style-type: decimal-leading-zero;}
ol.h {list-style-type: georgian;}
ol.i {list-style-type: hebrew;}
ol.j {list-style-type: hiragana;}
ol.k {list-style-type: hiragana-iroha;}
ol.l {list-style-type: katakana;}
ol.m {list-style-type: katakana-iroha;}
ol.n {list-style-type: lower-alpha;}
ol.o {list-style-type: lower-greek;}
ol.p {list-style-type: lower-latin;}
ol.q {list-style-type: lower-roman;}
ol.r {list-style-type: upper-alpha;}
ol.s {list-style-type: upper-latin;}
ol.t {list-style-type: upper-roman;}
ol.u {list-style-type: none;}
ol.v {list-style-type: inherit;}

.left{text-align:left !important;}
.right{text-align:right!important;}
.centre{text-align:center!important;;}

.border-left{border-left:1px solid #edeaea;}
.border-right{border-right:1px solid #edeaea;}
.border-bottom{border-bottom: 1px solid #edeaea;}
.border-bottom-black{border-bottom: 1px solid #000;}
.border-top{border-top: 1px solid #edeaea;}
.border-top-red{border-top: 4px solid #f30505;}
.border { border: 1px solid #efefef;}


/*.ashbg{ background:rgba(236, 236, 236, 1);}*/
.whitebg{ background:#ffffff;}
.ashbg{ background:rgba(164, 160, 160, 0.95);}
.lightashbg{background-color:rgb(243, 243, 243); }
.greenbg { background: rgba(28, 199, 164, 1);}
.blackbg{background:rgba(0, 0, 0, 0.95);}
.bluebg{ background:#def3fb;}
.darkbluebg{ background:rgb(44, 57, 125);}
.midashbg{ background:#8e8e93;}
.midbluebg{ background:#7fcae1;}
.midorangebg{background: rgb(230, 207, 173);}
.orangebg{ background:#FF8003;}
.yellowbg{ background:#efe6b5;}
.voiletbg{background:#7266b8;}
.blueashbg{ background:#e2eaed;}
.redbg{background:#a90915;}

green{color:#39a725;}
blue{color: #5dbde6;}
ligthblue{ color:#94cef3;}
black{ color:#000 !important;}
white{ color:#fff!important;}
red { color: #a90915;}
purplelight {color: #6d72ad;}
purple { color: #2d3165;}




.padding0{padding-right: 0px!important; padding-left: 0px!important;}
.padding-right-0{ padding-right: 0px!important;}
.padding-left-0{padding-left: 0px!important;}
.pad1{padding:1% !important;}
.pad2{padding:2% !important;}
.pad4{padding:4% !important;}
.pad6{padding:6% !important;}
.pad8{padding:8% !important;}
.pad10-8{padding:14% 8% !important;}
.pad10{padding:10% !important;}
.pad12{padding:12% !important;}
.pad-top-12{ padding-top:12% !important;}
.pad-top-20{ padding-top:20% !important;}

.transpad{ padding:1% 6%;}

.btline{border-bottom:solid 1px rgba(255, 225, 225, .4);}
 hr {margin-top: 20px!important;   border-top: 1px solid #eae7e7 !important;}

.margin-top3{ margin-top:3%!important;}
.margin-top5{ margin-top:5%!important;}
.margin-top-6{ margin-top:-6%!important;}
.margin-top-8{ margin-top:-8%!important;}
.margin-top10{margin-top:10%!important;}
.margin-top-20{margin-top:-20%!important;}

.margin-bottom1{margin-bottom:1%!important;}
.margin-bottom5{margin-bottom:5%!important;}



label {
    color: #545151;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;}

.form-control {
	margin-bottom: 4%;
    background-color: #fdfdfd!important;
    border: 1px solid #efefef!important;
    border-radius: 0px!important;
    font-size: 14px !important;
    color: #000 !important;
	height: 40px !important;
}

.form-control-bill {
	margin-bottom: 2%!important;
    background-color: #fdfdfd!important;
    border: 0px solid #efefef!important;
	border-bottom:1px solid #777575!important;
    border-radius: 0px!important;
    font-size: 16px !important;
    color: #000 !important;
	height: 40px !important;
	
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s!important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
}


.form-control-bill:focus {
        border-color: #eacc15!important;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
}

.form-control-date {
	margin-bottom: 2%!important;
    background-color: #fdfdfd!important;
    border: 0px solid #efefef!important;
	border-bottom:1px solid #777575!important;
    border-radius: 0px!important;
    font-size: 16px !important;
    color: #000 !important;
	height: 20px !important;
	
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s!important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
}


.form-control-date:focus {
        border-color: #eacc15!important;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
}


.form-control-cert {
	    margin-bottom: 0%!important;
    background-color: #fdfdfd!important;
    border: 0px solid #efefef!important;
    border-bottom: 0px solid #777575!important;
    border-radius: 0px!important;
    font-size: 18px !important;
    color: #000 !important;
    /* height: 40px !important; */
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s!important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
    width: 127px !important;
    display: table-cell !important;
}


.form-control-cert:focus {
        border-color: #eacc15!important;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
}

.form-control-id {
	margin-bottom: 0%!important;
    background-color: #184e6a!important;
    border: 0px solid #efefef!important;
    border-bottom: 0px solid #777575!important;
    border-radius: 0px!important;
    font-size: 18px !important;
    color: #fff !important;
    /* height: 40px !important; */
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s!important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
    width: 150px !important;
    display: table-cell !important;
}


.form-control-id:focus {
        border-color: #eacc15!important;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
}


.form-control-tc {
margin-bottom: 0%!important;
    background-color: #ffffff!important;
    border: 0px solid #efefef!important;
    border-bottom: 0px solid #777575!important;
    border-radius: 0px!important;
    font-size: 18px !important;
    color: #204d89 !important;
    /* height: 40px !important; */
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s!important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
    width: 400px !important;
    display: table-cell !important;
}


.form-control-tc:focus {
        border-color: #eacc15!important;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
}



.btn-ums{
	background-color: #204d74!important;
    border-color: #122b40!important;
    text-transform: uppercase;
    padding: 6px 12px !important;
    border-radius: 0px !important;
    color: #fff !important;
    font-size: 19px !important;}
	
	
.btn-prnt {
 background-color: #f3f3f3!important;
    border-color: #f3f3f3!important;
    text-transform: uppercase;
    padding: 6px 12px !important;
    border-radius: 0px !important;
    color: #000 !important;
    font-size: 16px !important;
    height: auto;
    width: 100%;
}



.btn{padding: 6px 12px !important;}

.btnfull{ width:100% !important;}


table.dataTable.no-footer {    border-bottom: 0px solid #efefef!important;}
table.dataTable thead th, table.dataTable thead td {    padding: 10px 18px;   border-bottom: 1px solid #efefef!important; }
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {    border: 1px solid #efefef!important;}

.dataTables_filter input {
    margin-left: 0.5em;
    border: 1px solid #ccc;
    height: 35px;
}

button, select {
    text-transform: none;
    height: 35px;
    border: 1px solid #dcdcdc;
}


datfet {
  /*  margin-left: 10px !important;
    font-size: 18px;
	color: #204d74;*/
	margin-left: 10px !important;
    font-size: 16px;
    color: #000000;
}



dathd {
    font-size: 18px;
    color: #000000;
    margin-right: 2%;
    width: 44%;
    display: block;
    float: left;
	margin-bottom:1%;
}


.photo_preview img {
    width: 100%;
}

.bill-logo img{ width:175px;}

.certificate img {
    width: 100%;
}


.pdficon{
width:30px !important;
height:auto;}


img.greyscale{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
}
  
  .tint {
  position: relative;
  float: left;
  cursor: pointer;
}

.tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,255,255, 0.5);
  -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}

.tint:hover:before {
  background: none;
}

.form-group {
    margin-bottom: 0px !important;
}


small {
    color: #000 !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    font-family: 'roboto' !important;
    /* text-align: center; */
    display: block;
    width: 50px;
    padding: 1% !important;
    margin: 0% !important;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    margin: 0 auto !important;
    display: block;
  
}

smalla {
    color: #000 !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    font-family: 'roboto' !important;
    /* text-align: center; */
    display: block;
    width: 50px;
    padding: 1% !important;
    margin: 0% !important;
    text-transform: uppercase;
/*    border-bottom: 1px solid #000;*/
    margin: 0 auto !important;
    display: block;
  
}


part20{ width:20%; float:left;}

part25 { width: 24%; float: left;}
part25 button, select {    border: 0px solid #dcdcdc!important;}

part30{ width:30%!important; float:left;}

part33 { width: 31%; float: left; margin-right: 2%;}

part40 { width: 40%;    float: left;}

part50 { width: 50%;    float: left;}

part60 { width: 60%;    float: left;}

part70{ width:70%; float:left;}

part80{ width:80%; float:left;}


.modal-content-glink {border-radius: 0px !important;}
.modal-header { padding: 0px !important;background: #ccc;}
.btn { border-radius: 0px !important;}
.modal-header .close {opacity: 9; padding: 0% 1%; background: #000;  color: #fff;}


course{color: #fff !important;
    font-size: 19px !important;
    font-weight: 100 !important;
    padding: 0% !important;
    font-family: 'Merriweather' !important;
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px !important;
    margin-bottom: 1% !important;
    padding: 1.5%!important;
    background: #4d4a6e;}

year{
	color: #000 !important;
    font-size: 24px !important;
    font-weight: 100 !important;
    padding: 1% 0% !important;
    font-family: 'Merriweather' !important;
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px !important;}
	
semester{
	color: #444 !important;
    font-size: 18px !important;
    font-weight: 100 !important;
    padding: 1% 0% !important;
    font-family: 'Merriweather' !important;
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px !important;}

/* --------------------------------- index page ------------------------ Starts --------------------------------- */

#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}


.login{
width:100%;
height:100vh;
position:relative;
background:#2c397d;
}

 .loginset{
	position: absolute;
    width: 34%;
/*    margin: 0 auto;*/
    text-align: center;
    margin: 20% 33%;
	    background: #fff;
 }
 
 .loginset img {
    width: 250px;
    margin-top: -47%;
    /* border-radius: 50%; */
    /* background: #ccc; */
    /* padding: 6%; */
    /* height: 100px; */
}
 
 .loginset h1{
color: #000 !important;
font-size: 18px !important;
font-weight: 300 !important;
font-family: 'Vollkorn' !important;
text-align: center;
display: block;
width: 100%;
padding:0% !important;
margin: 0% !important;
text-transform: uppercase;
margin-bottom: 5% !important;
}

.loginset li{
	width:auto;
	float:left;
	list-style:none; 
	padding-left: 1em; 
	text-indent: 0em;
	line-height: 1.5em;
	color: #333 !important;
	font-size: 110%;
	font-weight: 300;
	font-family: 'Oswald';}

.loginset li:before {
    content: "";
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}

.loginset li a{color:#3e3e3e;}

.loginset li a:hover{color:#3e3e3e;}

.bodycon{
    width: 95%;
    margin: 0 auto;
}


.bodycon h1{
color: #333 !important;
font-size: 200% !important;
font-weight: 300 !important;
font-family: 'Vollkorn' !important;
text-align: left;
display: block;
width: 100%;
padding:0% !important;
margin: 0% !important;
text-transform: uppercase;
margin-bottom: 5% !important;
}

.bodycon h2{
    color: #000 !important;
    font-size: 23px !important;
    font-weight: 300 !important;
    /* font-family: 'Oswald' !important; */
    display: block;
    width: 100%;
    margin: 0% !important;
    text-transform: uppercase;

}
.bodycon h2 a:hover{text-decoration:none; color:#cd1688 !important;}


icon {
    width: 100%;
    text-align: center;
    display: block;
}



.bodyconin{
width:100%;
padding: 10%;
background:#fff;
}
.bodyconin small{
color: #000 !important;
font-size: 90% !important;
font-weight: 100 !important;
font-family: 'Vollkorn' !important;
text-align: left;
display: block;
width: 100%;
padding:0% !important;
margin: 0% !important;
text-transform: uppercase;
}

.bodyconin .fa {
    color: #000 !important;
}

.bodyconin h1{
color: #333 !important;
font-size: 200% !important;
font-weight: 300 !important;
font-family: 'Vollkorn' !important;
text-align: left;
display: block;
width: 100%;
padding:0% !important;
margin: 0% !important;
text-transform: uppercase;
margin-bottom: 3% !important;
}

.bodyconin h2{
color: #333 !important;
font-size: 130% !important;
font-weight: 400 !important;
font-family: 'Vollkorn' !important;
text-align: left;
display: block;
width: 100%;
padding:0% !important;
margin: 0% !important;
text-transform: uppercase;
margin-bottom: 3% !important;
}
.bodyconin h2 a:hover{text-decoration:none; color:#cd1688 !important;}



.bodycon li{/*list-style:none; padding-left: 1em; 
    text-indent: 0em;line-height: 1.5em; padding:2px 10px; color: #333 !important;
font-size: 100%;
font-weight: 300;
font-family: 'Vollkorn';*/}

.bodycon li:before {/*
    content: "\f105";
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
   /* margin-right: 7px;*/}
	
.bodyconin li{list-style:none; padding-left: 1em; 
    text-indent: 0em;line-height: 1.5em; padding:2px 10px; color: #333 !important;
font-size: 100%;
font-weight: 300;
font-family: 'Vollkorn';}

.bodyconin li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}


.photoupload{ width:100%; /*text-align:center;*/}
.photoupload img{
	width: 100px;
    padding: 7%;
    border: 1px solid #d6d4d4;
    border-radius: 6px;}

.shadow{
-webkit-box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);
-moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);
box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);
}

 bor{
display: block;
width: 75px;
height: 5px;
margin: 0 auto !important;
background: #eacc15;
margin-bottom: 2% !important;
text-align: left;
}

.certificate{ /*width:100%; position:relative;*/ width: 100%;    position: relative;    height: 90vh;    background: #fff;}

.certificatecon{     
	  /*  width: 90%;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    top: 6%;
    margin-left: 5%;
    margin-right: 5%;*/
	    width: 95%;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    top: 6%;
    margin-left: 2.5%;
    margin-right: 2.5%;}

.certificatecon .logo{ width:100%; margin:0 auto; text-align:center;}
.certificatecon .logo img{ width: auto; height: 200px; margin-bottom:2%;  }

.certificate h9{
	color: #000 !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    /* padding: 1% !important; */
    font-family: 'Merriweather' !important;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0px !important;
    text-transform: uppercase;
}
.certificate h10{
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    padding: 0% !important;
    font-family: 'Merriweather' !important;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0px !important;
    /* margin-bottom: 2% !important; */
    padding: .6% !important;
    /* background: #f3f3f3; */
    text-transform: uppercase;
}

.certificate bottomset {
      width: 80%;
    position: absolute;
    bottom: 12%;
    margin-left: 10%;
}

bottomset h10{
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    padding: 0% !important;
    font-family: 'Merriweather' !important;
    text-align: left!important;
    display: block;
    width: 100%;
    margin: 0px !important;
    /* margin-bottom: 2% !important; */
    padding: .6% !important;
    /* background: #f3f3f3; */
    text-transform: uppercase;
}
bottomset h10b{
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    padding: 0% !important;
    font-family: 'Merriweather' !important;
    text-align: right!important;
    display: block;
    width: 100%;
    margin: 0px !important;
    /* margin-bottom: 2% !important; */
    padding: .6% !important;
    /* background: #f3f3f3; */
    text-transform: uppercase;
}

.emblam { text-align: center;}

.emblam img { width: 150px !important;}


.certificatebg{
	background:#fff;
	background-image:url(../images/certifictaebg.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	height:150px;
	    /*padding: 0% 6% 6% 8%!important;*/}
		

.idcard{ width:330px; position:relative;}

.idcard img{ width:100%;}

.idcard bottomset {
    width: 80%;
    position: absolute;
    bottom: 2%;
    margin-left: 10%;
    /* margin: 0 auto; */
}
.idcard h9{
	color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    /* padding: 1% !important; */
    font-family: 'Merriweather' !important;
    text-align: center!important;
    display: block;
    width: 100%;
    margin: 0px !important;
    text-transform: uppercase;
}
.idcard h10{
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    padding: 0% !important;
    font-family: 'Merriweather' !important;
    text-align: center!important;
    display: block;
    width: 100%;
    margin: 0px !important;
    /* margin-bottom: 2% !important; */
    padding: .6% !important;
    /* background: #f3f3f3; */
    text-transform: uppercase;
}


.photo{ width:100%; text-align:center}
.photo img {
  /*  width: 70% !important;*/
  height:180px !important;
}


.tc{ width:100%; position:relative;}
.tccon{
    width: 90%;
    /* position: absolute; */
    margin: 0 auto;
    text-align: center;
    top: 1%;
    background: #fff;
	}
.tccon .logo{ width:100%; margin:0 auto; text-align:center;}
.tccon .logo img{ width: auto; height: 125px; margin-bottom:3%;  }

.tccon datfet {
      margin-left: 10px !important;
    font-size: 18px;
    color: #204d74;
    width: 50%;
    display: block;
    float: left;
}

.tccon h9{
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    padding: .5% !important;
    font-family: 'Merriweather' !important;
    text-align: center!important;
    display: block;
    width: 362px;
    margin: 0 auto !important;
    text-transform: uppercase;
}
.tccon h10{
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    padding: 0% !important;
    font-family: 'Merriweather' !important;
/*    text-align: left!important;*/
    display: block;
    width: 100%;
    margin: 0px !important;
    /* margin-bottom: 2% !important; */
    padding: .6% !important;
    /* background: #f3f3f3; */
    text-transform: uppercase;
}



.trscon{
    width: 100%;
    /* position: absolute; */
    margin: 0 auto;
    text-align: center;
    top: 1%;
    background: #fff;
	}
.trscon .logo{ width:100%; margin:0 auto; text-align:center;}
.trscon .logo img{ width: auto; height: 125px; margin-bottom:3%;  }

.trscon part20 img { height:190px;}

.trscon canvas { height: 70px!important;}

.trscon datfet {
      margin-left: 10px !important;
    font-size: 18px;
    color: #204d74;
    width: 50%;
    display: block;
    float: left;
}

.trscon h5{
	width: 100%;
    background: #185370;
	 color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 1% !important;
    font-family: 'Merriweather' !important;
    text-align: center!important;
    display: block;
    margin: 0 auto !important;
}

.trscon h6{
	 color: #000 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 2% !important;
    font-family: 'Merriweather' !important;
    text-align: center!important;
    display: block;
    margin: 0 auto !important;
    background: #def3fb;
}

.trscon h7{
    width: 100%;
    background: #185370;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    padding: .5% !important;
    font-family: 'Merriweather' !important;
    text-align: center!important;
    display: block;
    margin: 0 auto !important;
    text-transform: uppercase;
}

.trscon h8{
    color: #000 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    padding: .5% !important;
    font-family: 'Merriweather' !important;
    text-align: center!important;
    display: block;
    margin: 0 auto !important;
    text-transform: uppercase;
}

.trscon h9{
    color: #000 !important;
    font-size: 25px !important;
    font-weight: 500 !important;
    padding: .5% !important;
    font-family: 'Merriweather' !important;
    text-align: center!important;
    display: block;
    margin: 0 auto !important;
    text-transform: uppercase;
}
.trscon h10{
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 0% !important;
    font-family: 'Merriweather' !important;
/*    text-align: left!important;*/
    display: block;
    width: 100%;
    margin: 0px !important;
    /* margin-bottom: 2% !important; */
    padding: .6% !important;
    /* background: #f3f3f3; */
    text-transform: uppercase;
	font-style:italic;
}




.copyrights{
width:100%;
text-align:center;
color: #c8c8c9;}

.copyrights p{
color: #c8c8c9  !important;
font-size: 95% !important;
font-weight: 100 !important;
font-family: 'Vollkorn' !important;
text-align: centre;
display: block;
width: 100%;
padding:0% !important;
margin: 0% !important;
}

.clear {
	clear: both;	
}


#backTop{
    width:35px;
    height:35px;
    padding:10px;
    border-radius:50px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
	display:none;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;}

#backTop.white{
     background:url(../images/uparr-48-b.png) no-repeat center center rgba(255,255,255,0.8);
    border:1px solid #ccc;
}
#backTop.black{
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(0,0,0,0.8); 
   /* border:1px solid #ccc;*/
}
#backTop.red{
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(217,97,81,0.9); 
    border:1px solid #fff;
}
#backTop.green{
     background:url(../images/uparr-48-b.png) no-repeat center center rgba(81,217,187,0.9); 
    border:1px solid #fff;
}

/*---------------Innerpages-----------------*/



/*--------------------------contact------------------*/




@media only screen and (min-width: 320px) and (max-width: 480px) {
#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}

.loginset {
    position: absolute;
    width: 80%;
    /* margin: 0 auto; */
    text-align: center;
    margin: 20% 10%;
}


.pad2 {padding: 0% !important;}
.pad12 { padding: 0% !important;}

.social { width: 90%;}

.logo img { width: 100%;}

.logo h6 {font-size: 130% !important;}

.conlink {text-align: center;}

.margin-top-6 { margin-top: 0% !important;}

.margin-top-8 {margin-top: 0% !important;}
.margin-top-20 { margin-top: 0% !important;}

.pad-top-20 { padding-top: 0% !important;}



.shadow{
-webkit-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
-moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
}
	}
	
	

@media only screen and (min-width: 481px) and (max-width: 768px) {
	#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}

.loginset {
    position: absolute;
    width: 80%;
    /* margin: 0 auto; */
    text-align: center;
    margin: 20% 10%;
}


.rght-brd{
border-right:0px solid #E5E5E5;}

.shadow{
-webkit-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
-moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
}

.pad2 {
    padding: 0% !important;
}
.pad12 {
    padding: 0% !important;
}
	}
	
	
@media only screen and (min-width: 769px) and (max-width: 980px) {
#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}


.pad12 {
    padding: 0% !important;
}
	}
	
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}

	
		}
		
		
		
		
@media print
h7 {    background: #000 !important;}