@font-face {
font-family: my_kalpurush;
src: url(kalpurush.woff);
}

/* Layout CSS Start*/
/*body{ margin: 0px; background: url("../img/bg.jpg"); font-family: my_kalpurush;}*/
body{ margin: 0px; background: url("../img/background.png"); }
.main{ width: 1100px; margin: auto; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); background: #eeeeee;}
.head_section{  background: rgb(128,129,189);
    background: radial-gradient(circle, rgba(128,129,189,1) 50%, rgba(83,85,190,1) 100%);  border-bottom: 1px solid #034ea2; }

.logo img{height: 140px; margin: 5px;}

.cb{ clear: both;}

.main_title{color: #ffffff; font-size: 35px; font-weight: bold;margin-top: 2px;width: 100%;text-align: center
!important;}
.sub_title{color: #ffffff; font-size: 24px;text-align: center;font-weight: bold;}

.news_section{  background: rgb(86,89,166);
    background: linear-gradient(0deg, rgba(86,89,166,1) 0%, rgba(161,163,254,1) 100%);   min-height: 40px;}
.footer__bottom{ color: #F0F0F0; background: rgb(35,165,94);
    background: linear-gradient(0deg, rgba(35,165,94,0.8883754185267857) 0%, rgba(128,129,189,1) 100%);}
.body_section{ min-height: 435px; }
.feture_section{     background: rgb(86,89,166);
    background: linear-gradient(0deg, rgba(86,89,166,1) 0%, rgba(161,163,254,1) 100%);     min-height: 40px; width: 100%; }
.footer_section{ background: #23a55e; border-top: 1px solid #034ea2; min-height: 40px; padding: 10px;}
.footer_section a{ color: #ffffff; font-weight: bold;}
.body_left{ width: 240px; float: left; min-height: 10px;}
.body_right{ width: 850px; float: right; min-height: 435px; padding: 5px;}
/* Layout CSS End*/
.bg_gradient {
    background: rgb(86,89,166) !important;
    background: linear-gradient(0deg, rgba(86,89,166,1) 0%, rgba(161,163,254,1) 100%) !important;
}
.bg_top{
    border-top-color: rgb(86,89,166) !important;
    border-top-color: linear-gradient(0deg, rgba(86,89,166,1) 0%, rgba(161,163,254,1) 100%) !important;
}
.custom_btn{
    padding: 0.100rem .45rem !important;
    color: #fff !important;
}
/*Home Page CSS Start */
.home{ background: #fff; min-height: 400px;}
.home .slide{ width: 550px;}
.chairman_corner{ margin: 5px 0 0 0;}

/*Home Page CSS End */

.box {
position: relative;
border-radius: 3px;
background: #ffffff;
border-top: 3px solid #d2d6de;
margin-bottom: 2px;
width: 100%;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
/* Product CSS Start */
.product{background: #fff;border: 1px solid #e0e0e0; border-radius: 4px; margin: 2px; bottom: 0px;}
.product_title{background: rgb(67,70,144);
      border-radius: 4px; color: #fff; font-size: 15px; font-weight: bold; letter-spacing:
1px; line-height: 25px; padding: 5px 0 5px 10px; text-shadow: 1px 1px 0 #003d51; text-transform: uppercase;}
.product_body{margin: 5px 0;}
.product_marquee{ height: 100%;}
.product_list{list-style:none; margin: 0; padding: 0px;}
.product_list li{border-bottom: 1px solid #dddddd; padding: 3px 0 3px 10px;}
.product_list li:last-child{ border: none;}
.show_more{ text-align: right;}
.home table{ border-collapse: separate; border-spacing: 10px;}
.home table td{width: 33.33%; vertical-align: top;}
/* Product CSS Start */

.product_list a{
color: #337ab7 !important;
font-size: 14px;
}
.show_more a{
color: #fff !important;
}
/*Service Menu CSS Start*/
.service_menu{margin: 5px 0px 5px 5px;}
.info-box{ min-height: 40px; margin-bottom: 8px; display: inline-block;}
.info-box-small{ width: 114px;}
.info-box-big{ width: 232px;}
.info-box-icon{ height: 40px; width: 40px; line-height: 0px;}
.service_menu img{ width: 30px; height: 30px; margin: 5px;}
.info-box-content{ margin-left: 35px; padding: 7px 7px 7px 10px;}

/*Service Menu CSS End*/



/*News Section CSS Start*/
.news_section section{color: #fff; font-size: 15px; font-weight: bold; min-height: 0; padding: 5px;}
.news_section marquee{ color:#222222;}
.news_section a{ color: #fff;}
/*News Section CSS End*/



/*Menu Section CSS Start*/
.menu_section{border-bottom: 1px solid #c7c7c7; box-shadow: 0 1px #fff;}
.menu_section .menu{ padding: 0px 10px; background: #fff; font-size: 16px;}
.slide{
margin-top: 10px;
}

.menu_section .menu ul li {
position: relative;
color: #000000;
background: #fff;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}




/*Menu Section CSS Start*/
.navbar-collapse{
padding-left: 0;
padding-right: 0;
}



/*=========*/

.contacts{ color: #fff;}
.contact_head{ font-size: 26px; font-weight: bold;}
.contacts_item{ font-size: 18px;}
.feture_head{ color: #fff; font-size: 20px; font-weight: bold;}
.feture_body ul{ list-style: none; padding: 0px;}
.feture_body ul li{ font-size: 18px;}
.feture_body ul li a{ color: #222;}

.album_photo{ margin-bottom: 20px;}
.album_photo_img{ border: 1px solid #ddd; padding: 7px; border-radius: 5px 5px 0px 0px;}
.album_photo_img img{ width: 100%;}
.album_photo_title{padding: 7px; background: #f7f7f9; border: 1px solid #ddd; border-top: none; color:#3c8dbc;
font-weight: bold; font-size: 18px; border-radius: 0px 0px 5px 5px;}

.input_label{ text-align: right; font-weight: bold; line-height: 35px;}

.td_action{ text-align: center; width: 10px;}
.td_action img{ margin: 0px 5px;}
table.table-bordered.dataTable{ border-collapse: collapse !important;}
table.table-bordered.dataTable tr th{ }

.feture_section .content{ min-height: 10px;}
.login_page{ width: 400px; padding: 100px 0px; margin: auto;}

.alert-danger-boot{
background-color: #f2dede !important;
border-color: #ebccd1 !important;
color: #a94442 !important;
}
.admin_body{ }
.admin_body .body_right{ background: #eeeeee;}
.main-sidebar{ position: relative; padding-top: 0px;}



.category{ display: inline-block; text-align: left; position: absolute; z-index: 10;}
.category ul{ list-style: none;}
.category ul li ul li ul{ display: none;}
.category ul li ul li:hover ul{ display: block;}

.category ul{ width: 220px; margin: 0px; padding: 0px;}
.category ul li{ text-align: center;background:#608621; color: #ffffff; font-weight: bold; height: 40px; padding: 10px
0px;}
.category ul li ul{ width: 200px; margin: 10px 10px; display: block;}
.category ul li ul li{ text-align: left; background: #8081bd; padding-left: 10px; border-bottom: 1px solid #608621;
border-top:1px solid #034ea2;}
.category ul li ul li ul{ display: none; left: 180px; top: -41px; position: relative;}
.category ul li ul li a{ color: #ffffff;}
.category ul li ul li:hover{ background: #000000;}
.category ul li ul li:hover a{text-decoration: none;}
.category ul li ul li:hover ul{ display: block;}
.category ul li ul li ul li ul{ display: none !important;}
.category ul li ul li ul li:hover ul{ display: block !important;}
.category ul li ul li ul li:hover ul li ul{ display: none !important;}
.category ul li ul li ul li:hover ul li:hover ul{ display: block !important;}

.select_find, .input_find{ width: 100% !important;}






div.pagination{ padding-top: 10px; width: 100%;}
div.pagination div.pagi_info{float: right; line-height: 30px;}
div.pagination ul{ padding: 0px; margin: 0px; float: left; border: 1px solid #CCCCCC; border-radius: 5px;}
div.pagination ul li{ list-style:none; display: inline-block; padding: 5px 10px; border-right: 1px solid #CCCCCC;}
div.pagination ul li:last-child{ border: none;}
div.pagination ul li.active{ background: #e5e5e5;}
div.pagination ul li.pagi_active{ cursor: pointer;}
div.pagination ul li.pagi_active:hover{ background:#e5e5e5;}






.personal table{ width: 100%; border-collapse:collapse;}
.personal table th, .personal table td{ border: 1px solid #dddddd; padding: 5px;}
.personal table th{ text-align: left; background: #eeeeee;}
.personal img{ width: 90px; height: 115px;}
.button{ background:#608621; display: inline-block; padding: 7px 13px; border-radius: 3px; color: #ffffff; font-weight:
bold; font-size: 16px; border: 2px solid #034ea2; min-width: 150px; text-align: center; }
.button_small{ min-width: 5px !important;}
.button:hover{ cursor: pointer;}
.result_div, .result_gpa{ display: none;}
.photo_p{ width: 750px; height: 350px;}





div.data_view table{width: 100%;}
div.data_view table tr:nth-child(2) td { text-align: center;}
div.data_view table tr:nth-child(2) td input, div.data_view table tr:nth-child(2) td select{ width: 100%; width:
calc(100% - 10px); margin: auto;}
div.data_view table tr th{ border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-right: 1px solid
#DDDDDD; padding: 6px; background: #DDDDDD; text-align:center;}
div.data_view table tr th:first-child{ border-left: 1px solid #DDDDDD; }

div.data_view table tr td{border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; padding: 6px; font-size:
13px;}
div.data_view table tr td:first-child{ border-left: 1px solid #DDDDDD;}
div.data_view table tr:nth-child(even) td{ background:#f5f5f5;}
div.data_view table tr:nth-child(odd) td{ background:#ffffff;}
div.data_view table tr:nth-child(2) td{ padding: 0px;}
div.data_view table tr td:last-child{ text-align: center;}
div.data_view table tr td:last-child img{ margin:0px 2px;}
.center_data tr:nth-child(3) td{background: #608621 !important ; color: #fff; font-weight: bold;}


.loding{ text-align: center;}

@media (min-width: 1200px){
.container {
width: 1100px;
border-left: 20px solid #eeeeee;
  border-right: 20px solid #eeeeee;
margin: auto;
box-shadow: 0px 0px 15px 0px #737272;
background: #eeeeee;
}

}

@media (max-width: 320px) {
.main_title{color: #ffffff;
font-size: 12px !important;
font-weight:bold;
margin-top: 10px;
}
.logo img{
height: auto;
margin: 2px;
width: 50px;
vertical-align: middle;
}
.sub_title{color: #ed1c24; font-size: 12px;}
.lang{
font-size: 12px;
}
}
@media (min-width: 540px) and (max-width: 573px) {
.main_title{color: #ffffff;
font-size: 12px !important;
font-weight:bold;
margin-top: 10px;
}
.logo img{
height: auto;
margin: 2px;
width: 50px;
vertical-align: middle;
}
.sub_title{color: #ed1c24; font-size: 12px;}
.lang{
font-size: 12px;
}
}
.custom_nav {
    display: flex;
    justify-content:start;
    background: linear-gradient(#F0F0F0, #FFFFFF);
    width: 100%;
    margin: 0;
    list-style: none;
    color: #000;
    flex-wrap: wrap ;
  }

  .nav-item {
    padding: 0 20px;
  }

  .navbar-nav a {
    color: #000 !important;
    font-family: "Noto Sans Bengali";
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
  }

  .navbar-nav .nav-item:hover {
    background: linear-gradient(0deg, rgba(105,110,215,1) 0%, rgba(161,163,254,1) 100%);
    color: #fff !important;
  }
  .navbar-nav li:hover li a {
    background: #F2F2F2;
    background: linear-gradient(#F0F0F0, #FFFFFF);
    color: #000;
    border-bottom: 1px dotted #CCCCCC;
    border-left: 1px dotted #CCCCCC;
    text-align: left;
    font-weight: bold;
  }
  .feture_body a{
    text-decoration: none;
  }
  .institutionName {
    font-family: Noto Sans Bengali;
    font-size: 22pt;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 2px #000000, 3px 3px 2px #000000;
  }
  .marquee-with-options,
  .marquee-with-options_2 {
    overflow: hidden;
}