/*
Theme Name: NGO MULTISITE THEME 1.0
Author: Shoumitra Dhar Sunny
Author URI: suned_p@yahoo.com
Description: Special Theme for Sylhet Education Board with decent design and strong development by me.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
* Table of Contents
*
* 1.0 - Reset
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigations
*   6.1 - Links
*   6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Header
* 11.0 - Widgets
* 12.0 - Content
*    12.1 - Posts and pages
*    12.2 - Post Formats
*    12.3 - Comments
* 13.0 - Footer
* 14.0 - Media
*    14.1 - Captions
*    14.2 - Galleries
* 15.0 - Multisite
* 16.0 - Media Queries
*    16.1 - Mobile Large
*    16.2 - Tablet Small
*    16.3 - Tablet Large
*    16.4 - Desktop Small
*    16.5 - Desktop Medium
*    16.6 - Desktop Large
*    16.7 - Desktop X-Large
* 17.0 - Print
*/


/**
* 1.0 - Reset
*
* Resetting and rebuilding styles have been helped along thanks to the fine
* work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
*/

/* Coded By Sunny
suned_p@yahoo.com */
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */


html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
*::-moz-selection {
background: #b3d4fc none repeat scroll 0 0;
text-shadow: none;
}
hr {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #ccc -moz-use-text-color -moz-use-text-color;
border-image: none;
border-style: solid none none;
border-width: 1px 0 0;
display: block;
height: 1px;
margin: 1em 0;
padding: 0;
}
audio, canvas, iframe, img, svg, video {
vertical-align: middle;
}
fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.browserupgrade {
background: #ccc none repeat scroll 0 0;
color: #000;
margin: 0.2em 0;
padding: 0.2em 0;
}

@font-face {
font-family: 'solaimanlipinormal';
src: url('com/fonts/SolaimanLipi.ttf');
font-weight: normal;
font-style: normal;
}


body{font-family: 'solaimanlipinormal' , sans-serif !important;
background: rgba(0, 0, 0, 0) url("com/img/bg_main.png") scroll center top;background-repeat:inherit;font-size:15px;}


em {
font-style: italic;
font-weight: normal;
}
li {
list-style: outside none none;
}
.fa {
vertical-align: middle;
}
.row-no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
h1 {
font-size: 2em;
margin: 0;
padding: 0;
}
h2 {
font-size: 1.5em;
margin: 0;
padding: 0;
}
h3 {
font-size: 1.17em;
margin: 0;
padding: 0;
}
h4 {
font-size: 1.12em;
margin: 0;
padding: 0;
}
h5 {
font-size: 0.83em;
margin: 0;
padding: 0;
}
h6 {
font-size: 0.75em;
margin: 0;
padding: 0;
}

#lang_sel_click{font-family: 'solaimanlipinormal' !important;}

.wrapper {
/*box-shadow: 0 3px 5px 2px #e6e6e6;*/
height: auto;
margin: 0 auto;
max-width: 1030px;
padding: 0px 10px;
}
.container {
height: auto;
margin: 0 auto;
max-width: 1000px;
padding: 0;
}
.top_bar {
background: #c43c9b none repeat scroll 0 0;
min-height: 38px;
padding: 4px 6px;
}
.top_bar p, .top_bar a {
color: #fff;
margin: 0;
padding: 0;
}
.top-bar-size-right{padding-top: 1px;}
.top-bar-size-right a{}
.top-bar-size-right span{color:#000 !important;font-size:14px;}
.divider{border-top:3px solid #c43c9b;}
.float-left{float: left;}
.float-right{float:right;}
.top-bar-size{width:45%;}
.top-bar-size span{color: #fff !important;font-weight:600;}
.logo {
margin-bottom: 0;
margin-left: auto;
margin-right: 35px !important;
margin-top: 0;
padding: 9px 10px;
width: 120px !important;
}
.header_slogan {
padding-top: 10px;
position: relative;
left: -52px;
}
.header_slogan p {
font-family: inherit;
font-size: 17px;
font-weight: 600;
line-height: 30px;
margin: 0;
padding: 2px 0 0 0px;
}
.search_form {
padding-top: 40px;
}
.marquee_div {
border: 2px solid #000000;
margin: 6px 0 9px;
padding: 4px 0;
width: 100%;
position: relative;
z-index: 1;
}
.marquee_div h3 {
margin: 0;
padding: 2px 15px;
}
.menu_bar {
background: #583761 none repeat scroll 0 0;
padding: 0;
}
.menu_bar .sub-menu-toggle{
display: none !important;
}
.slicknav_menu a {
text-decoration: none;
}
#nav {
margin: 0;
padding: 0;
}
#nav li {
border-right: 1px solid #bbb;
display: block;
float: left;
padding: 8px 0;
position: relative;
}
#nav li:last-child {
border-right: 0 none;
}
#nav li ul {
margin: 7px 0 0;
padding: 0;
}
#nav li ul li {
background: #583761 none repeat scroll 0 0;
border-bottom: 1px solid #fff;
display: inline-block;
float: left;
position: relative;
}
#nav li ul li {
/* background: #f2f2f2 none repeat scroll 0 0; */
border-right: 0 none;
line-height: 22px;
padding-left: 10px;
text-align: left;
}
#nav li ul li ul li:first-child {
border-top: 1px solid #fff;
}
#nav li ul li ul li a {
margin-left: 0 !important;
padding-bottom: 0;
padding-left: 0 !important;
padding-right: 0;
padding-top: 0;
text-align: center;
}
#nav li ul li:last-child {
border-bottom: medium none;
border-right: medium none;
}
#nav li a.active {
color: #594a9e;
}
#nav li a {
color: #fff;
font-size: 15px;
padding: 8px 12px;
text-align: left;
text-decoration: none;
}
#nav li ul li a {
color: #fff;
display: inline-block;
font-size: 12px;
line-height: 20px;
margin-left: 15px;
padding: 0;
text-decoration: none;
width: 187px;
}
#nav li li {
float: left;
}
#nav li li a {
display: block;
font-size: 12px;
}
#nav li a:hover {
color: yellow;
}
#nav ul {
display: none;
left: 0;
padding: 0;
position: absolute;
z-index: 9999;
}
#nav li:hover ul ul {
display: none;
}
#nav li:hover ul {
display: block;
}
#nav li li:hover ul {
display: block;
margin-left: 230px;
margin-top: -31px;
}
#nav li > a::after {
color: #fff;
content: " ▼";
font-size: 10px;
vertical-align: middle;
}
#nav li li > a::after {
color: #fff;
content: " ▶";
font-size: 9px;
vertical-align: bottom;
}
#nav li > a:only-child::after {
content: "";
}
.current-menu-item a{color:yellow;}
.c-box-title h3 {
border-bottom: 1px solid #328246;
padding-bottom: 10px;
padding-left: 18px;
}
.call-to-action-box {
margin-bottom: 10px;
}
.call-to-action-box a{font-size: 17px;font-weight: 600;}

.call-to-action-box a:hover {   
color: #fff;
}
.button {
background-color: rgb(41, 127, 184);
border-radius: 5px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
color: rgb(255, 255, 255);
display: inline-block;
height: 42px;
letter-spacing: 1px;
line-height: 42px;
margin-bottom: 15px;
padding-left: 70px;
padding-right: 30px;
position: relative;
text-decoration: none;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
.button span {
background-color: rgba(0, 0, 0, 0.5);
border-bottom-left-radius: 5px;
border-right: 1px solid rgba(0, 0, 0, 0.15);
border-top-left-radius: 5px;
left: 0;
padding-left: 18px;
position: absolute;
width: 50px;
}
.button:hover span, .button.active span {
background-color: rgb(0, 102, 26);
border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.button:active {
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
margin-bottom: 13px;
margin-top: 2px;
}
.button.orange {
background: #ff7f00 none repeat scroll 0 0;
}
.button.purple {
background: #8e44ad none repeat scroll 0 0;
}
.button.turquoise {
background: #1abc9c none repeat scroll 0 0;
}
.button.red {
background: #e74c3c none repeat scroll 0 0;
}
.button.green{ background: #328246 none repeat scroll 0 0;}
.home_page_linkbox {
margin: 0 0 0 6px;
}
.myButton {
background: #f9f9f9 linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%) repeat scroll 0 0;
border: 1px solid #dcdcdc;
border-radius: 1px;
box-shadow: 0 1px 0 0 #ffffff inset;
color: #666666;
cursor: pointer;
display: block;
font-family: inherit;
font-size: 12px;
font-weight: 700;
margin: 0 4px 4px;
padding: 8px 12px;
text-align: left;
text-decoration: none !important;
text-shadow: 0 1px 0 #ffffff;
width: 100%;
}
.myButton:hover {
background: #e9e9e9 linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%) repeat scroll 0 0;
}
.myButton:active {
position: relative;
top: 1px;
}
.banner_part {
margin: 0;
padding: 0;
}
.banner_part img {
border: 1px solid #bbb;
padding: 5px;
}
.top_right_notice_area {
padding: 0 0 0 10px;
}
.top_right_notice_area h3 {
/*border: 1px solid #bbb;*/
color: #fff;
margin: 0 0 2px;
padding: 8px;
font-size: 17px;
font-weight: 600;
text-align: center;
}
.title_h3 {
color: #3a589b;
}
.top_right_notice_area ul {
/*border: 1px solid #bbb;*/
margin: 0;
max-height: 274px;
overflow: auto;
padding: 0;
}
.top_right_notice_area ul li {
border-bottom: 1px solid #bbb;
padding: 3px 4px;
}
.top_right_notice_area ul li:last-child {
border-bottom: 1px solid #bbb;
}
.top_right_notice_area h5 {
line-height: 18px;
}
.top_right_notice_area p {
font-size: 11px;
margin: 0;
padding: 0;
}
.tab_area {
padding: 0;
}
.tab {
padding: 0 0 0 3px;
}
.tab-vert .tab-content {
max-height: 200px;
overflow: auto;
}
.tab-vert table, th, td {
border: 1px solid #bbb;
}
.tab .tab-legend > li, .tab-vert table, th, td {
font-size: 14px;
text-align: center;
}
.text_box_frontpage {
border: 1px solid #bbb;
margin-bottom: 20px;
padding: 11px;
width: 100%;
}

.tender_table h3{font-size:15px;}

footer {
border-top: 3px solid #c43c9b;
margin-top: 20px;
clear: both;
}
.footer_list ul {
margin-top: 10px;
padding: 0;
}
.footer_list ul li:first-child {
background: green none repeat scroll 0 0;
color: white;
padding: 5px 9px;
}
.footer_list ul li{
padding: 5px 9px;
}
.footer_list ul li a {
color: #000;
font-size: 14px;
}
.footer_list ul li a:hover {
color: #dd4814;
}
.footer_bottom {
border-bottom: 1px solid #bbb;
clear: both;
padding-right: 0;
width: 100%;
}
.footer_bottom p {
font-size: 16px;
margin: 0;
padding: 3px 0;
}

.copy1{padding-left: 45px !important;}

.content-area {
padding: 20px;
}
.table-container {
max-width: 990px !important;
}
.n_t_ntb_b {
font-family: 'solaimanlipinormal' important;
}
#nt-example1 li {font-size: 14px !important;}
.dwn_list h5 {
border-bottom: 1px solid #bbb;
padding: 7px 0;
}
.breadcrumb {
background: transparent !important;
border-radius: 0 !important;
box-shadow: 0 1px 3px 0;
margin-bottom: 0 !important;
padding: 8px 15px;
}
.breadcrumb ul {
margin: 0;
padding: 0;
}
.breadcrumb ul li.active {
font-weight: 700;
}
.breadcrumb ul li {
display: inline;
padding-right: 7px;
}
.entry-title {
display: none;
}
.custom-pagination span, .custom-pagination a {
display: inline-block;
padding: 2px 10px;
}
.custom-pagination a {
background-color: #ebebeb;
color: #ff3c50;
}
.custom-pagination a:hover {
background-color: #ff3c50;
color: #fff;
}
.custom-pagination span.page-num {
margin-right: 10px;
padding: 0;
}
.custom-pagination span.dots {
color: gainsboro;
padding: 0;
}
.custom-pagination span.current {
background-color: #ff3c50;
color: #fff;
}
.hidden {
display: none !important;
}
.visuallyhidden {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix::before, .clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}
@media only screen and (min-width: 35em) {
}
@media print, not all, (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
}
@media print {
*, *::before, *::after {
background: transparent none repeat scroll 0 0 !important;
box-shadow: none !important;
color: #000 !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
}
a[href^="#"]::after, a[href^="javascript:"]::after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p, h2, h3 {
}
h2, h3 {
page-break-after: avoid;
}
}

.log_forms{border: none !important;}
.entered h3 a{color: #fff !important;text-decoration:none;}

/*for mid tab*/



#exTab1 .tab-content {
color : white;
background-color: #428bca;
padding : 5px 15px;
}

#exTab2 h3 {
color : white;
background-color: #428bca;
padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
border-radius: 0;
}

#exTab3 .nav-pills > li{background: #ececec;}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
border-radius: 4px 4px 0 0 ;
font-size:17px;
}

#exTab3 .tab-content {
color : #444;
background-color: #ebebeb;
padding : 5px 15px;
border: 1px solid #c43c9b ;
}

.tab-pane h4{font-size:18px;
line-height: 23px;text-align:justify;
margin: 0;
padding-bottom: 8px;}



.blogShort img{border: 1px solid #ececec;
border-radius: 3px;
margin: 4px 35px;
padding: 2px;}
.blogShort a{color: #328246 ;}
.blogShort a:hover{text-decoration: none;}


/*for mid end tab*/



/* for modal login */

/* @import url(http://fonts.googleapis.com/css?family=Roboto);

* {
font-family: 'Roboto', sans-serif;
} */

#login-modal .modal-dialog {
width: 350px;
}

#login-modal input[type=text], input[type=password] {
margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
border: 1px solid #dadfe1;
height: 30px;
line-height: 28px;
transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
border: 1px solid #68c3a3;
background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
border: 1px solid #eb575b;
background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
width: 30px;
float: left;
line-height: 28px;
text-align: center;
background-color: #dadfe1;
margin-right: 5px;
transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
background-color: #eb575b !important;
}

#img_logo {
max-height: 100px;
max-width: 100px;
}

.lang-item li {
display: inline;
list-style: none;
}

.lang-item{

margin-top: 9px;
}

/* #########################################
#    override the bootstrap configs     #
######################################### */

.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .8;
}

.modal-content {
border-radius: 0;
outline: 0 none;
padding: 27px;
}

.modal-header {
min-height: 16.43px;
padding: 15px 15px 15px 15px;
border-bottom: 0px;
}

.modal-body {
position: relative;
padding: 5px 15px 5px 15px;
}

.modal-footer {
padding: 15px 15px 15px 15px;
text-align: left;
border-top: 0px;
}

.div-forms .form-group{margin-bottom:0px !important;}
#div-forms {border:2px solid #c43c9b !important;border-radius:3px !important;}

/* for extra top margin bootstrap */
.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 20px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 269px; }


.voffset1mr { margin-left: 16px; }
/*.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 269px; }*/


/* .checkbox {
margin-bottom: 0px;
}

.btn {
border-radius: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: none;
}

.btn-lg, .btn-group-lg>.btn {
border-radius: 0px;
}

.btn-link {
padding: 5px 10px 0px 0px;
color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
color: #2c3e50;
text-decoration: none;
}

.glyphicon {
top: 0px;
}

.form-control {
border-radius: 0px;
} */

/* for modal login end */

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background-color: #583761;}
#scroll-ntb a{font-size:14px !important;}