html {
     min-height: 100%;
}

* {
     /*margin: 0px; */
     padding: 0px;
}

header * {
     margin: 0px;
}

body {
     background: #ffffff url("../images/smart-class-img.png") no-repeat scroll center bottom / contain ;
     font-family: "opensansreg",helvetica,arial;
     padding-bottom: 100px;
     font-size: 12px;
}

.bg {
     background: #ffffff url("../images/smart-class-big-img.png") no-repeat scroll center bottom / contain ;
     font-family: "opensansreg",helvetica,arial;
     padding-bottom: 100px;
}

a {
     color: #8a8d8b;
     outline: medium none;
     text-decoration: none;
     transition: all 0.6s ease-in-out 0s;
}

p {
     color: #e9e9e9;
     font-size: 14px;
     line-height: 24px;
     word-wrap: break-word;
}

b {
     font-family: opensansbd;
}

iframe {
     width: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

@font-face {
  font-family: "bodonixtregular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/BodoniXT-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BodoniXT-webfont.woff") format("woff"), url("../fonts/BodoniXT-webfont.ttf") format("truetype"), url("../fonts/BodoniXT-webfont.svg#bodonixtregular") format("svg");
}

@font-face {
  font-family: "bebasregular";
  src: url("../fonts/BEBAS-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BEBAS-webfont.woff") format("woff"), url("../fonts/BEBAS-webfont.ttf") format("truetype"), url("../fonts/BEBAS-webfont.svg#bebasregular") format("svg");
}

@font-face {
  font-family: "rupee";
  src: url("../fonts/rupee.eot?#iefix") format("embedded-opentype"), url("../fonts/rupee.woff") format("woff"), url("../fonts/rupee.ttf") format("truetype"), url("../fonts/rupee.svg#rupee") format("svg");
}

@font-face {
  font-family: "opensansreg";
  src: url("../fonts/opensansreg.eot?#iefix") format("embedded-opentype"), url("../fonts/opensansreg.woff") format("woff"), url("../fonts/opensansreg.ttf") format("truetype"), url("../fonts/opensansreg.svg#opensansreg") format("svg");
}

@font-face {
  font-family: "opensansbd";
  font-weight: normal;
  src: url("../fonts/opensansbd.eot?#iefix") format("embedded-opentype"), url("../fonts/opensansbd.woff") format("woff"), url("../fonts/opensansbd.ttf") format("truetype"), url("../fonts/opensansbd.svg#opensansbd") format("svg");
}

ul {
    
}

.sprite {
     background: rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll left top;
}

.whiteBg {
     background-color: #ffffff;
}

.greyBg {
     background-color: #e6e6e6;
}

.darkgreyBg {
     background-color: #a6a6a6;
}

.yellowBg {
     background-color: #f1b00a;
}

.greenBg {
     background-color: #53b26d;
}

.greenBg1 {
     background-color: #67bac7;
}

.blueBg1 {
     background-color: #566271;
}

.orangeBg {
     background-color: #f8b219;
}

.blackBg {
     background-color: #000000;
}

.borB {
     border-bottom: 1px solid #e5e5e5;
     padding-bottom: 10px;
}

.greyBor {
     border: 1px solid #e5e5e5;
}

.darkgreyBor {
     border: 1px solid #c4c4c4;
}

.slimScrollBar {
     border-radius: inherit ! important;
}

.dob .ffSelectWrapper {
     display: inline-block;
     margin-top: 0px;
}

.clear {
     clear: both;
     height: 0px;
     overflow: hidden;
}

.floatL {
     float: left;
     padding: 18px 0px 0px 50px;
}

.floatR {
     float: right;
     padding: 18px 50px 0px 0px;
}

.fntweghtNml {
     font-weight: normal;
}

.txttTransformNorml {
     text-transform: none;
}

.linHnml {
     line-height: normal;
}

.lineH18px {
     line-height: 18px;
}

.lineH20px {
     line-height: 20px;
}

.lineH26px {
     line-height: 26px;
}

.lineH30px {
     line-height: 30px;
}

.font-opensansreg {
     font-family: opensansreg;
}

.font-opensansbd {
     font-family: opensansbd;
}

.font-opensansli {
     font-family: opensansli;
}

.font-opensansextrabd {
     font-family: opensansextrabd;
}

.font-rupee {
     font-family: rupee;
}

.font-georgia {
     font-family: Georgia;
}

.fnt-size11 {
     font-size: 11px;
}

.fnt-size10 {
     font-size: 10px;
}

.fnt-size12 {
     font-size: 12px;
}

.fnt-size13 {
     font-size: 13px;
}

.fnt-size14 {
     font-size: 14px ! important;
}

.fnt-size16 {
     font-size: 16px;
}

.fnt-size18 {
     font-size: 18px ! important;
}

.fnt-size20 {
     font-size: 20px;
}

.fnt-size26 {
     font-size: 26px;
}

.fnt-size30 {
     font-size: 30px;
}

.fnt-size36 {
     font-size: 36px;
}

.fnt-size48 {
     font-size: 48px;
}

.fnt-size50 {
     font-size: 50px;
     line-height: 60px;
}

.fnt-size60 {
     font-size: 60px;
     line-height: 60px;
}

.rempaddingR {
     padding-right: 0px ! important;
}

.rempaddingT {
     padding-top: 0px ! important;
}

.rempaddingB {
     padding-bottom: 0px ! important;
}

.rempaddingL {
     padding-left: 0px ! important;
}

.remmarginR {
     margin-right: 0px ! important;
}

.remmarginT {
     margin-top: 0px ! important;
}

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

.remmarginL {
     margin-left: 0px ! important;
}

.padding25px {
     padding: 25px;
}

.padding30px {
     padding: 30px;
}

.padding5px {
     padding: 5px;
}

.padding10px {
     padding: 10px;
}

.padding15px {
     padding: 15px;
}

.padding5px {
     padding: 5px;
}

.padding20px {
     padding: 20px;
}

.padding10px {
     padding: 10px;
}

.padding40px {
     padding: 40px ! important;
}

.addmarginB20 {
     margin-bottom: 20px ! important;
}

.addmarginB30 {
     margin-bottom: 30px ! important;
}

.addmarginB50 {
     margin-bottom: 50px ! important;
}

.addmarginB5 {
     margin-bottom: 5px ! important;
}

.addpaddingB20 {
     padding-bottom: 20px ! important;
}

.addpaddingB10 {
     padding-bottom: 10px ! important;
}

.addpaddingB30 {
     padding-bottom: 30px ! important;
}

.addpaddingB5 {
     padding-bottom: 5px;
}

.addmarginT5 {
     margin-top: 5px;
}

.addmarginR10 {
     margin-right: 10px;
}

.addpaddingTB5 {
     padding: 5px 0px;
}

.addpaddingTB10 {
     padding: 10px 0px;
}

.addpaddingTB15 {
     padding: 15px 0px;
}

.addpaddingLF10 {
     padding: 0px 10px;
}

.addpaddingTB20 {
     padding: 20px 0px;
}

.addpaddingTB30 {
     padding: 30px 0px;
}

.inline-block {
     display: inline-block;
}

.valign {
     vertical-align: middle;
}

.alignC {
     text-align: center;
}

.alignL {
     text-align: left;
}

.alignR {
     text-align: right;
}

.relative {
     position: relative;
}

.txt000 {
     color: #000000;
}

.txt333 {
     color: #333333;
}

.txt999 {
     color: #999999;
}

.txtfff {
     color: #ffffff;
}

.txt707 {
     color: #707070;
}

.txtgreen {
     color: #4d7607;
}

.txtorange {
     color: #f8b219;
}

.txtblue {
     color: #063c51;
}

.txtblueli {
     color: #21aae1;
}

.txtred {
     color: #e54637;
}

.txtyellow {
     color: #f1b00a;
}

.txtucase {
     text-transform: uppercase;
}

.form h3 {
     color: #4c4c4c;
     text-transform: lowercase;
}

.mid-section {
     height: auto;
     margin: 0% auto auto;
     width: 100%;
     max-width: 600px;
}

#max-width {
     max-width: 870px;
}

.mid-section .form .radioBox input {
    maring: 0; margin-right: 5px;
}

.mid-section .screen2 label {
     color: #4d7607;
     min-width: 268px;
}

.mid-section .screen2 #optionsRadios1, .mid-section .observer3 #optionsRadios1 {
     margin: 0px 5px 0px 0px;
}

.mid-section label {
     color: #707070;
     display: block;
     float: left;
     font-size: 13px;
     padding-right: 20px;
     text-align: right;
     width: 210px;
	 line-height:40px;
}
.modal-body .mid-section{
	width: 95%;
}
.modal-body label {
     color: #707070;
     display: block;
     float: left;
     font-size: 22px;
     padding-right: 20px;
     text-align: right;
     width: 135px;
	 line-height:40px;
}
.mid-section input[type="text"] {
     border: 1px solid #dcdcdc;
     color: #707070;
     float: left;
     height: 22px;
     margin-bottom: 0px;
     padding-left: 10px;
     width: 265px;
}

.mid-section select {
     border: 1px solid #dcdcdc;
     color: #707070;
     float: left;
     height: 32px;
     margin-bottom: 0px;
     padding-left: 10px;
     width: 283px;
}

.mid-section span.err_msg {
     float: left;
     padding-left: 10px;
     width: 283px;
     color:#b94a48 !important;
     font-size:13px;
}

.mid-section .form .btn {
     background: #d8e9f0 none repeat scroll 0% 0%;
     border-radius: 15px;
     border: 1px solid #b6cad1;
     color: #4c4c4c;
     font-size: 15px;
     font-weight: 600;
     line-height: 18px;
     margin-right: 20px;
     padding: 5px 17px;
     text-align: center;
}
.btn {
     background: #d8e9f0 none repeat scroll 0% 0%;
     border-radius: 15px;
     border: 1px solid #b6cad1;
     color: #4c4c4c;
     font-size: 15px;
     font-weight: 600;
     line-height: 18px;
     margin-right: 20px;
     padding: 5px 17px;
     text-align: center;
}

.mid-section .form input .small-box {
     width: 40px;
}

.observer3 label {
     width: 565px;
}

.observer3 label.txtgreen {
     color: #4d7607;
}

.observer3 input[type="text"] {
     width: 40px;
}

.table td {
     color: #4c4c4c;
     padding: 12px ! important;
     text-align: center ! important;
     width: 100px;
}

.table td.txtgreen {
     color: #4d7607;
}

.table td label {
     text-align: left;
}

.teacher-login { margin: inherit; margin-right: 30px; margin-top: 5%; max-width: 520px; float: right; }

.mid-section  table{width:500px; border:1px solid #dddddd; margin:0px auto}
.mid-section  table td,.mid-section  table th{padding:10px; text-align:left}
.mid-section  table td {color:#4c4c4c; border:1px solid #dddddd; }
.mid-section  table th{color:#4d7607; text-align:center; border:1px solid #dddddd; }

.box-table {max-width:100%;padding-bottom:100px;font-size:13px;}
.box-table table {width:945px; margin:0px auto}
.box-table table td {text-align:center; width:70%}
.box-table input[type="text"] {width:60%}
.box-table select{padding-left: 1px;}
.box-table select.month{width: 90px;}
.box-table select.classes{width: 95px;}
.box-table select.boolean{width: 55px;}
.box-table input.disecode{width: 100px;}
.box-table table .class{padding:34px}

.mid-section  .buttons{text-align:center}
.mid-section  .buttons input{  background: #d8e9f0 none repeat scroll 0% 0%;   border-radius: 15px;  border: 1px solid #b6cad1;color: #4c4c4c;   font-size: 15px;   font-weight: 600;  line-height: 18px; text-align: center;   padding: 5px 17px; margin-bottom:10px;width:100%}
.mid-section h4{color:#4c4c4c; text-align:center;}
.mid-section h2{color:#4d7607; text-align:center;}
h4{color:#4c4c4c !important; text-align:center !important;}
h2{color:#4d7607 !important; text-align:center !important;}
.box-table-btn {text-align:center;margin-top:20px;}
.box-table-btn input{background: #d8e9f0 none repeat scroll 0% 0%;   border-radius: 15px;  border: 1px solid #b6cad1;color: #4c4c4c;   font-size: 15px;   font-weight: 600;  line-height: 18px; text-align: center;   padding: 5px 17px;}
.mid-section input.btn:hover{color:#4d7607}
.box-table  td input.width2{width:84%}
.box-table  td input.width3{width:74%}

.modal .modal-body{background:#fff; margin:0; margin-bottom:10px;border-radius:5%;padding:0px;}
.modal-header h2{color:#4d7607}
.serch-icon div{display:block; line-height:30px}
.serch-icon span{display:inline-block; vertical-align:middle;}

.modal-header .close{opacity:1}

.errorbox {background-color:#F4BDBD !important}

#remove_component{cursor:pointer}
#add_component{cursor:pointer}
.bold{font-weight:bold}
.design{font-size: 13px !important}
h2 {
    font-size: 20px!important
}
.btnnew {
    display: inline-block;
    padding: 11px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #000;
    border-radius: 3px;
}
.responses td, .responses th {
    padding:5px;
}