/*==========================  Feed Back Form Css ===========================*/
.dspblock{ display: block;}
.dspinline{ display: inline-block;}
.qution-table td{ padding-bottom: 10px;}

h2.sdt-pageheading{ color: #333; font-family: Roboto; font-size: 19px; font-weight: 600}
h2.sdt-feed-head{ font-family: FranklinGothicMediumRegular; font-size: 17px; color: #333; font-weight: normal;}
.sdt-field{ font-family: roboto; font-size: 14px; color: #333; font-weight: bold;}
.sdt-input{ padding: 3px 5px;  border-radius: 3px; border: 1px solid #ccc; width: 88%;}
.sm-input{padding: 3px 5px;  border-radius: 3px; border: 1px solid #ccc;}
.sdt-input:focus, .sm-input:focus{ padding: 3px 5px; border-radius: 3px; border: 1px solid #EC8241; box-shadow: 0 0 3px #ccc}
.txtarea{padding: 3px 5px;  border-radius: 3px; border: 1px solid #ccc;}
.txtarea:focus{ padding: 3px 5px; border-radius: 3px; border: 1px solid #EC8241; box-shadow: 0 0 3px #ccc}

.intro-table{ background: #EDEDED; border-radius: 3px; padding: 5px 10px 5px 20px; position: relative; border-bottom: 3px solid #cacaca}
.intro-table .content{ font-family: Arimo; font-size:13px; color: #333; padding: 10px 0}
.intro-table:before{ position: absolute; content: ""; top: -22px; left: 10px; border-top: 13px solid transparent; border-left: 13px solid transparent; border-bottom: 13px solid #EDEDED; border-right: 13px solid transparent; z-index: 5;}

.infoform-table{ background: #EDEDED; border-radius: 3px; padding: 5px 10px 5px 20px; position: relative; border-bottom: 3px solid #cacaca}
.infoform-table:before{ position: absolute; content: ""; top: -22px; left: 10px; border-top: 13px solid transparent; border-left: 13px solid transparent; border-bottom: 13px solid #EDEDED; border-right: 13px solid transparent; z-index: 5;}

.sdt-qution{ font-family: Roboto; font-size: 14px; font-weight: bold; color: #333; padding: 0 0 7px; }
.sdt-qution.count{ background: #D0D0D0; padding: 2px 5px; border-radius: 3px; position: relative;}
.sdt-qution.count:before{ position: absolute; content: "";border-top: 9px solid transparent; border-left: 9px solid #D0D0D0; border-bottom: 9px solid transparent; border-right: 9px solid transparent; right: -15px; top: 2px;}

.qution-table tr:hover .sdt-qution.count{background: #e0543b; color: #fff}
.qution-table tr:hover .sdt-qution{ color: #bd250a;}
.qution-table tr:hover .sdt-qution.count:before{ border-left: 9px solid #e0543b;}

.sdt-opt{ padding: 0 0 4px; margin: 0 18px 0 0; line-height:20px;}
.sdt-opt input[type=radio]{ position: relative; top: 2px;}
.sdt-opt label{ font-family: Roboto; font-size: 13px; color: #333; font-weight: 400; margin: 0 8px 0 0}
.btm-line{border-bottom: 1px dotted #000}
.btm-dbline{ border-bottom: 3px double #B8B8B8}
.sdt-infoline{ font-family: Roboto; font-size: 12px; color: #4F4F4F; line-height: 20px;}


/*======================= Student Page Css =======================*/

#navleft-std{ background: #f3f3f3; width: 250px; height:400px; display: inline-block; float: left; border-right: 1px solid #e7e7e7; position: relative;}
#navleft-std ul{ margin: 0; padding: 0;}
#navleft-std ul li{ margin: 0; padding: 0; list-style: none; float: none;}
#navleft-std ul li a{ margin: 0; padding: 6px 10px 8px; font-family: Roboto; font-size: 14px; color: #333; text-decoration: none; display: block;position: relative;border-left: 2px solid #fff; outline: none}
#navleft-std ul li a:hover:before, #navleft-std ul li a:focus:before, #navleft-std ul li a.active:before{ position: absolute; content: ''; top:0; right:-35px; border-left: 18px solid #E4E4E4;border-right: 18px solid transparent;border-bottom: 18px solid transparent;border-top: 18px solid transparent; z-index:5; }
#navleft-std ul li a:hover, #navleft-std ul li a:focus, #navleft-std ul li a.active{background: #fff; box-shadow: 0 0 4px #ccc; border-left: 2px solid #BD2933; color: #BD2933}
#navleft-std ul li a:hover, #navleft-std ul li a:focus, #navleft-std ul li a.active{color: #BD2933}
#rgt-contener{ width: 715px;display: inline-block; margin-left: 20px; border: 0px solid #000; position: relative; padding: 10px 0px 0 10px; background: #fff;}
.std-tab{ display: none;}
.std-tabinner{ display: none;}

[class^=smi-], [class*= smi-]{ background:url(/frontend/images/small-icon-bg.png) no-repeat;}
.smi-std-registar{ background-position: -8px -5px; display: inline-block;float: left; height: 20px;margin: 0 8px 0 -2px;width: 21px;}
.smi-enrollment{ background-position: -8px -40px; display: inline-block;float: left; height: 20px;margin: 0 8px 0 -2px;width: 21px;}
.smi-std-feedback{ background-position: -8px -74px; display: inline-block;float: left; height: 20px;margin: 0 8px 0 -2px;width: 21px;}
.smi-upload-resume{ background-position: -8px -106px; display: inline-block;float: left; height: 20px;margin: 0 8px 0 -2px;width: 21px;}
.smi-make-payment{ background-position: -8px -144px; display: inline-block;float: left; height: 20px;margin: 0 8px 0 -2px;width: 22px;}

.smi-courses-rolles{ background-position: -8px -186px; display: inline-block;float: left; height: 23px;margin: 1px 7px 0 -2px;width: 22px;}
.smi-student-suggestion{ background-position: -8px -276px; display: inline-block;float: left; height: 20px;margin: 0 8px 0 -2px;width: 21px;}
.smi-fees-details{ background-position: -48px -8px; display: inline-block;float: left; height: 20px;margin: 0 8px 0 -2px;width: 21px;}
.smi-edit-profile{ background-position: -50px -41px; display: inline-block;float: left; height: 20px;margin: 0 8px 0 -2px;width: 22px;}
.smi-details{background-position: -50px -75px; display: inline-block;float: left; height: 20px;margin: 0 8px 0 -2px;width: 22px;}


#droag-point{ position: relative; right: -11px;bottom:-5px; display: inline-block; height: 18px;overflow: hidden; font-size: 18px; font-weight: bold; font-family: Roboto;border: 1px solid #B9B9B9; border-radius: 2px;}

#droag-point a{ display: block;font-size: 18px; font-weight: bold; font-family: Roboto; text-decoration: none; background: #fff; padding: 2px 5px 10px 5px; line-height:9px; color: #949494 }
#droag-point:hover{ border: 1px solid #BD2933;}
#droag-point:hover a, #droag-point:hover span.col-ex-span{ color: #BD2933;}
.col-ex-span{font-size:11px; font-family: Tahoma; font-weight: normal; position: relative; top: -1px; color: #7F7F7F}

.dataTitle{ background: #333; border-radius: 3px; border:1px solid #000; color: #fff; padding: 8px 5px; max-width: 150px; /*overflow-y: auto;overflow-x: hidden; */z-index: 1024; position: relative;}

/*==============  Table Layout ===================*/

.dfl-table{ border:1px solid #ccc; padding: 1px;}
.dfl-table table th{background: #ececec; /* Old browsers */
background: -moz-linear-gradient(top,  #ececec 0%, #c5c5c5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#c5c5c5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ececec 0%,#c5c5c5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ececec 0%,#c5c5c5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ececec 0%,#c5c5c5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ececec 0%,#c5c5c5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */

padding: 5px 5px;
border-bottom: 1px solid #b9b9b9;
font-size: 13px; font-family: Roboto;
}
.dfl-table table td{ padding: 8px 5px; text-align: center; border-left: 1px solid #ccc;}
.dfl-table table td:first-child{border-left: 0px solid #ccc;}
.dfl-table table tr:hover td{ background: #f4f4f4; cursor: pointer}
.dfl-table table tr td a.link{ color: #3E68B1; text-decoration: none;}
.dfl-table table tr td span{ position: relative; left: 10px;}
.filed-tag{ font-family: Roboto; font-weight: normal; color: #333; font-size:14px;}
/*===============  Tab Panel Receipts & Statments ================*/

#reci-statment{ margin:0; padding:0; display: block; width:100%;border-bottom: 1px solid #DDDDDD; height:35px;}
#reci-statment ul{ margin:0; padding:0;display: block;}
#reci-statment ul li{ margin:0; padding:7px 0; list-style: none; float: left; }
#reci-statment ul li a{ margin:0px 5px 0px; padding: 10px 15px; text-decoration: none; color: #333; font-family: roboto; font-size: 13px; font-weight: bold}
#reci-statment ul li a.active{ margin:0px 5px 0px; background: #DDDDDD; padding: 10px 15px; text-decoration: none; color: #333; font-family: roboto; font-size: 13px; font-weight: normal}



.ajaxLoading {left: 59%;padding: 10px;position: absolute;top: 12%;width: 183px;}