@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=3.0.1'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: 'Open Sans', sans-serif; src: url('../fonts/OpenSans.eot?v=3.0.1'); src: url('../fonts/OpenSans.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../fonts/OpenSans.woff?v=3.0.1') format('woff'), url('../fonts/OpenSans.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?on504e'); src: url('../fonts/icomoon.eot?on504e#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?on504e') format('truetype'), url('../fonts/icomoon.woff?on504e') format('woff'), url('../fonts/icomoon.svg?on504e#icomoon') format('svg'); font-weight: normal; font-style: normal }
i[class^="icon-"], i[class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
html { height: 100% }
body { font-family: 'Open Sans', sans-serif; -webkit-overflow-scrolling: touch; background: rgb(230, 232, 240); background: -moz-linear-gradient(top, rgba(230, 232, 240, 1) 0%, rgba(250, 250, 250, 1) 100%); background: -webkit-linear-gradient(top, rgba(230, 232, 240, 1) 0%, rgba(250, 250, 250, 1) 100%); background: linear-gradient(to bottom, rgba(230, 232, 240, 1) 0%, rgba(250, 250, 250, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e8f0', endColorstr='#fafafa', GradientType=0); padding: 0px !important }
.home-login { height: 100%; background: url(../images/bg-primary.png)no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: inherit }
.dashboard:before { content: ''; position: fixed; width: 100%; height: 100%; top: 0px; right: 0px; left: 0px; bottom: 0px; background: #fff; opacity: 0.1 }
.modal-open { overflow: hidden !important }
img { max-width: 100% }
p { color: #000 }
.icon-resource_center:before { content: "\e900" }
.icon-bod:before { content: "\e901" }
.icon-icon-board:before { content: "\e905" }
.icon-policy-icon:before { content: "\e90a" }
a { cursor: pointer; color: inherit; outline: none !important; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none !important }
a:hover { color: #2f2f2f }
ul { margin: 0; padding: 0px }
.form-control { border-radius: 0px; font-size: 13px; color: #505050; border: 1px solid #d3d3d3; padding: 5px 10px; position: relative; overflow: hidden; -webkit-box-shadow: inherit; box-shadow: inherit; background-color: #f1f1f1; border: 1px solid rgba(255, 255, 255, 0.6) !important; height: 38px; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.visible-large { display: inline-block }
.cat_desc { color: #393939 !important }
fieldset { border: none; margin: 0 }
input[type='text'] { -webkit-appearance: none; -moz-appearance: none; appearance: none }
input[type='submit'] { cursor: pointer }
.modal .btn { border-radius: 0px !important; font-weight: 600; font-size: 13px; background: #dedede; padding: 5px 20px; border: none !important; }
.disable { cursor: not-allowed }
.form input[type='email'], .form input[type='password'] { width: 100% }
.container { max-width: 1170px; width: 100% }
.btn-info { color: #fff; border: 1px solid rgb(74, 96, 171); background-color: rgb(74, 96, 171); color: #fff !important; font-weight: 600; padding: 3px 8px; font-size: 12px; margin-right: 0px; border-radius: 0px }
.aIndexContainer textarea.form-control { height: 40px; overflow-y: auto !important }
.btn-info:hover { color: #fff; background-color: rgb(106, 127, 195); border-color: rgb(106, 127, 195) }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; outline: none !important }
.main-header { position: relative; padding: 8px 0px 0px; z-index: 99 }
.wrapper:before { content: ''; position: absolute; background: url(../images/wrapper-gradient.png); background-size: contain; width: 100%; height: 450px; top: 0px; left: 0px; z-index: 9 }
.main-header .logo { margin-top: -10px; display: inline-block }
.primary-logo { max-width: 125px }
.sec-logo { max-width: 230px; vertical-align: bottom; margin-left: 25px; position: relative; top: 5px }
.nav-icons .list li { padding-left: 1px; display: table-cell; list-style: none; vertical-align: middle }
.nav-icons .list { margin-top: 20px; position: relative; display: table; float: right }
.nav-icons .list li:last-child { padding-right: 0px }
.nav-icons .list li a { color: #a9b6e1; font-weight: 300; height: 55px; width: 55px; background: rgba(59, 81, 156, 0.5); display: inline-block; border-radius: 0px; text-align: center; font-size: 10px; line-height: 11px; position: relative; padding-top: 6px; background: rgb(102, 119, 175); /* Old browsers */ background: -moz-linear-gradient(top, rgba(102, 119, 175, 1) 0%, rgba(82, 101, 165, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(102, 119, 175, 1) 0%, rgba(82, 101, 165, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(102, 119, 175, 1) 0%, rgba(82, 101, 165, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6677af', endColorstr='#5265a5', GradientType=0); /* IE6-9 */ }
.nav-icons .list li a img { max-width: 100%; display: block; padding-bottom: 2px; margin: 0px auto }
nav-icons .list li a .counts { position: absolute; color: #fff; width: 20px; height: 20px; background: #319ee6; border-radius: 100%; font-size: 13px; text-align: center; line-height: 20px; right: -10px; top: -5px }
.nav-icons .list li.visible-l a { font-size: 17px; position: relative; top: 2px }
.main-header .nav-icons .list li .navbar-toggle { position: relative; float: none; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: transparent; border: none !important; border-radius: 4px }
.nav-icons .list li.active a { color: #ed1922 }
.nav-icons .list li a:hover { color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5f71aa+0,3e55a0+100 */ background: rgb(95, 113, 170); /* Old browsers */ background: -moz-linear-gradient(top, rgba(95, 113, 170, 1) 0%, rgba(62, 85, 160, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(95, 113, 170, 1) 0%, rgba(62, 85, 160, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(95, 113, 170, 1) 0%, rgba(62, 85, 160, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f71aa', endColorstr='#3e55a0', GradientType=0); /* IE6-9 */ }
.sidebar-nav li.active a { color: #ffffff; background: #505050 }
.side-menu.visible-mobile, #spy.visible-mobile { display: block }
#menu-toggle { display: none }
.event {
    margin-top: 27px;
}
.form-horizontal .form-control.duplicate_sheet {
    border: 1px solid red !important;
}
.full-div {float: left;padding: 12px 0;width: 100%;}
.logo .logo-text { display: inline-block; font-size: 30px; color: #ededed; font-weight: bolder; letter-spacing: 0; position: relative; top: 15px; margin-left: 28px }
.logo .logo-text:before { content: ""; position: absolute; left: -15px; top: 0px; width: 1px; height: 40px; background: #5266ae }
.top-header { text-align: right }
.top-header .nav ul { list-style: none }
.top-header .nav ul li { display: inline-block; margin-left: 10px }
.top-header .nav ul li a { color: #fff }
.top-header .nav ul li i { margin-right: 5px }
.top-header .nav ul li i.fa-caret-down { width: 10px; margin-right: 0px }
.top-header .nav .dropdown.open  .fa-caret-down:before { content: "\f0da" }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: inherit; border-color: #337ab7 }
.top-header .nav .dropdown-menu { min-width: 180px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); border: 1px solid rgba(120, 130, 140, 0.13) !important; padding: 0px !important; right: 0px !important; left: inherit; margin-top: 13px }
.top-header .nav .dropdown-menu li { margin-left: 0px; padding: 0px 0px; display: block; list-style: none }
.top-header .nav .dropdown-menu:after { content: ""; position: absolute; bottom: 100%; left: 89%; margin-left: -5px; border-width: 8px; border-style: solid; border-color: transparent transparent #fff transparent }
.top-header .nav .dropdown-menu li a { color: #2f2f2f; background: #fff; width: 100%; height: auto; display: block; font-size: 13px; text-align: left; border-radius: 0px; padding: 6px 10px !important; line-height: 20px; border-bottom: 1px solid #f3f3f3 }
.top-header .nav .dropdown-menu li:last-child a { border-bottom: 0px }
.top-header .nav .dropdown-menu li a i { color: #4a60ab; margin-right: 10px }
.top-header .nav .dropdown-menu li a:hover { background: #6979af; color: #fff }
.top-header .nav .dropdown-menu li a:hover i { color: #fff }
.top-header .nav .title-dropdown { color: #333; font-weight: 600; clear: both; border-bottom: 1px solid rgba(120, 130, 140, 0.13); padding: 5px 10px; margin-bottom: 5px; font-size: 13px }


.logo a {
    display: flex;
    justify-content:  space-between;
    align-items:  center;
}

.logo-title span {
    display:  block;
    color: #ededed;
    font-weight: bolder;
}

.logo-title {
    padding-left: 12px;
    position:  relative;
    margin-left:  15px;
}

.logo-title span:first-child {
    font-size:  30px;
}

.logo-title span:last-child {
    font-size: 19px;
    text-transform: uppercase;
}
.logo-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 40px;
    background: #5266ae;
    transform: translateY(-50%);
}



.login-header { z-index: 9; padding: 40px 0px 20px; position: relative }
.login-header .logo { display: block; margin: 0px auto; text-align: center }
.login-header  .primary-logo { max-width: 120px; display: block; margin: 0px auto }
.login-header  .logo .logo-text { margin-left: auto !important; font-size: 30px; color: #ededed; font-weight: bolder; letter-spacing: 0; position: relative; top: 10px; left: 0px; font-weight: 600; text-shadow: 1px 1px #5f5c5c }
.login-header  .logo .logo-text:before { display: none }

.login-tagline {color: #fff; display: block;font-size: 27px;margin-top: 15px;text-transform: uppercase;font-weight: 600;}

.sidebar-nav li { list-style: none }
.sidebar-nav li a { outline: none; text-decoration: none; cursor: pointer; font-size: 15px; text-transform: uppercase; margin-right: 0px; border-radius: 0px !important; padding: 12px 15px; font-weight: 600; display: block; color: #efefef; border-bottom: 1px solid #23313f }
.sidebar-nav li a:hover, .sidebar-nav li a:active { background-color: rgba(0, 0, 0, 0.3) }
.sidebar-nav li .dropdown-menu { background-color: rgba(0, 0, 0, 0.1); width: 100%; border-bottom: none; margin-left: 0px; -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0px; border: 0px; padding: 0px 0 }
.sidebar-nav li .dropdown-menu li a { font-size: 12px; padding: 9px 15px 9px 40px }
.sidebar-nav  .nav .open > a, .sidebar-nav .nav .open > a:focus, .sidebar-nav  nav .open > a:hover { background-color: #121212; border-color: #337ab7 }
.sidebar-nav li .dropdown-menu > li > a:focus, .sidebar-nav li .dropdown-menu > li > a:hover { color: #fff; background-color: inherit }
.sidebar-nav li .dropdown-menu > li a i { margin-right: 10px; width: 20px; height: 20px; display: inline-block; background: rgba(0, 0, 0, 0.3); border-radius: 100%; font-size: 11px; text-align: center; line-height: 20px }
.sidebar-nav li .dropdown  .fa-angle-right { float: right !important; background: none; font-size: 19px; margin-right: 0px }
.sidebar-nav li .dropdown.open  .fa-angle-right:before { content: "\f107" }
.sidenav-logo .logo { max-width: 212px; padding-top: 0px; margin-top: 8px; color: #fff !important; display: inline-block; text-align: center; padding: 0px; float: left }
.sidenav-logo .close-icon { padding: 0px; float: right }
.sidenav-logo { padding: 15px 15px; margin-bottom: 30px; background: #6f82bd }
.sidenav-logo:before, .sidenav-logo:after { display: table; clear: both; content: '' }
.sidebar-nav { list-style: none; margin: 0; padding: 0px }
.sidenav-logo .close-icon .icon { background-size: contain; background: url(../images/close-icon.png); height: 24px; width: 24px; display: inline-block; background-repeat: no-repeat; margin-top: 12px }
#sidebar-wrapper { overflow-x: hidden; display: none; margin-left: -320px; left: 0px; width: 320px; top: 0px; background: #2c3e50; position: fixed; z-index: 9999; height: 100%; overflow-y: auto; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; background-color: 2f4254 }
.nav-icons { text-align: right }
.dashboard-section { z-index: 9; position: relative }
.main-contant .tabs ul { background: #000; padding: 2px 10px 2px 0px }
.main-contant .tabs ul li { list-style: none; background-color: rgba(15, 25, 41, 0.9); color: #fff; padding: 6px 40px 10px 20px; float: left; font-size: 23px; text-transform: capitalize; letter-spacing: 1.2px; border-radius: 0px 0px 35px 0px }
.main-contant .tabs ul li  i { color: #319ee6 }
.main-contant .tabs ul li img { max-width: 26px }
.dashboard-items { margin-top: 66px }
.dashboard-items  .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap }
.dashboard-items .cards a { color: #333 !important }
.dashboard-items .icon-box { background: rgb(72, 86, 166); background: -webkit-linear-gradient(left, rgba(72, 86, 166, 1) 0%, rgba(129, 150, 200, 1) 86%, rgba(154, 179, 215, 1) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(72, 86, 166, 1)), color-stop(86%, rgba(129, 150, 200, 1)), to(rgba(154, 179, 215, 1))); background: -o-linear-gradient(left, rgba(72, 86, 166, 1) 0%, rgba(129, 150, 200, 1) 86%, rgba(154, 179, 215, 1) 100%); background: linear-gradient(to right, rgba(72, 86, 166, 1) 0%, rgba(129, 150, 200, 1) 86%, rgba(154, 179, 215, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4856a6', endColorstr='#9ab3d7', GradientType=1); width: 140px; height: 140px; margin: 0px auto; border-radius: 100%; text-align: center; line-height: 130px }
.dashboard-items .icon-box img { max-width: 100px }
.dashboard-items h4 { color: #050505; font-size: 18px; font-weight: 600; text-align: center; text-transform: uppercase; margin: 20px 0px 40px }
.agenda-slider .owl-carousel .owl-item img { display: block; width: auto; max-width: 100px; margin: 0px auto }
.agenda-slider, .meeting-section .slide-img { position: relative; text-align: center; display: block; margin: 0px auto !important }
.agenda-slider.dashboard-slides { margin-left: -45px !important }
.meeting-section .edit { background-color: #50ae17; color: #fff; font-weight: 600; font-size: 13px; width: 25px; height: 25px; display: inline-block; border-radius: 100%; text-align: center; line-height: 24px; float: right; position: absolute; top: 10px; cursor: pointer; right: 5px }
.meeting-section .slide-img { position: relative; padding: 15px 10px 15px; max-width: 130px; margin: 0px auto }
.meeting-section  .inner-slides { position: relative }
.inner-slides a { cursor: pointer; display: block }
.inner-slides a label { position: relative; cursor: pointer; display: block }
span.notify-circle { font-weight: 600; background: #fbe021; border-radius: 50%; height: 30px; width: 30px; position: absolute; top: -9px; color: #1c2635; right: -10px; padding: 5px 0px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none !important }
span.notify-circle:hover { background: #fff; color: rgb(59, 81, 156) }
.doc-circle { font-weight: 300; background: #374b8c; border-radius: 50%; height: 26px; width: 26px; position: absolute; top: 43%; color: #ececec; right: 0px; padding: 5px 0px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none !important; line-height: 17px }
.meeting-section .inner-slides a label { cursor: pointer; display: block }
.meeting-section .slide-img a.edit:hover { color: #010e38; background: #fff }
.meeting-section  .m-date { display: block; margin-top: 5px; font-weight: 600; color: #000; padding: 4px 10px; font-size: 12px; position: relative; text-align: center }
.meeting-section  .m-date i { color: rgb(74, 96, 171) !important; margin-right: 3px }
.check:before { content: '\f058'; font-family: 'FontAwesome'; font-size: 24px; color: #fff; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: -webkit-linear-gradient(left, rgba(175, 43, 50, 0.85) 0%, rgba(175, 43, 50, 0.85) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(175, 43, 50, 0.85)), to(rgba(175, 43, 50, 0.85))); background: -o-linear-gradient(left, rgba(175, 43, 50, 0.85) 0%, rgba(175, 43, 50, 0.85) 100%); background: linear-gradient(to right, rgba(175, 43, 50, 0.85) 0%, rgba(175, 43, 50, 0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9af2b32', endColorstr='#d9af2b32', GradientType=1) }
.agenda-slider .owl-carousel .form-control { text-align: center; padding: 6px 10px 6px 10px; height: 32px; max-width: 100px; font-size: 12px; margin: 0px auto; margin-top: 15px }
.dashboard-slides .owl-carousel .owl-nav { position: absolute; top: 20%; width: 100% }
.dashboard-slides .owl-carousel .owl-nav .owl-next, .dashboard-slides .owl-carousel .owl-nav .owl-prev { font-size: 40px; color: #000; left: auto; position: absolute }
.dashboard-slides .owl-carousel .owl-nav .owl-next { right: 0px }
.dashboard-slides .owl-carousel .owl-nav .owl-prev { left: 0px }
.slider-section, .meeting-section { }
.owl-dot { width: 10px; height: 10px; border-radius: 100%; border: 0px solid #ccc; background: #333; margin-right: 5px; display: inline-block }
.owl-dot.active { background: #fbe021 }
.dashboard-section .meeting-wrapper .slide-img img { display: block; width: auto; max-width: 100px; margin: 0px auto }
.meeting-wrapper .item { margin-bottom: 20px }
.meeting-folders { }
.meeting-section .meeting-wrapper { }
.meeting-section .meeting-wrapper .inner { ; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap }
.title { color: #000; font-weight: 600; font-size: 20px; margin-bottom: 20px }
.box { box-shadow: 0px 1px 1px #dedede; padding: 1px; background-color: rgba(255, 255, 255, 0.7); margin-top: 10px; margin-bottom: 10px; border-top: 4px solid rgb(74, 96, 171) }
.section .box:nth-of-type(2) { margin-top: 20px }
.box-header { margin-bottom: 10px; background-color: rgba(250, 248, 246, 0.8); border-radius: 0px 0px 0px 0px }
.box-header h3 { font-weight: 600; text-transform: capitalize; padding: 10px 15px; color: #000; font-size: 20px; margin-bottom: 0px; margin-top: 0px; display: inline-block }
.box-header h3 i { color: #4a60ab }
.box-header h3 > img { position: relative; top: -3px }
.box-header .add-meeting { color: #f3f3f3; cursor: pointer }
.box-header .add-meeting:hover { color: #2980b9 }
.box-body { padding: 10px 20px 20px }
.meeting-events .box-body { padding-bottom: 10px }
.meeting-events .medium-block-grid-2 { display: -webkit-box; display: -ms-flexbox; display: flex }
.box-body .cards { height: 100% }
.box-body .cards { padding: 0px; height: 100% }
.box-body .owl-stage-outer .cards { margin-bottom: 15px }
.box-body .owl-stage-outer .cards:before, .box-body .owl-stage-outer .cards:after { display: table; content: " "; clear: both }
.box-body  .cards .inner { display: -webkit-box; display: -ms-flexbox; display: flex }
.box-body  .cards .inner .info-box { max-width: 420px; flex: 1 }
.box-body .cards:last-child { border-bottom: 0px }
.Calendar { margin-top: 12px; width: 75px; padding: 10px 0px 0px 0px; float: left; text-align: center; background-color: rgba(101, 118, 174, 0.98); margin-bottom: 20px; margin-right: 20px; border: 0px solid rgba(101, 118, 174, 0.98); text-transform: capitalize; height: 106px }
.Calendar .num { font-weight: 600; font-size: 22px; font-weight: 300; padding: 5px 0px; display: block; color: #fbe021 }
.Calendar .year { display: block; background: rgba(59, 81, 156, 0.5); font-size: 13px; margin-top: 5px; padding: 2px 0px }
.emeeting-home .Calendar { width: 178px; float: none; padding: 1px 0px 0px 0px; text-align: center; background-color: rgba(101, 118, 174, 0.98); border: 0px solid rgba(101, 118, 174, 0.98); text-transform: capitalize; height: 196px; position: relative; margin: 0px auto }
.emeeting-home .calendar-meet{width: 178px; margin:0 auto; padding:10px 0 0 0}
.emeeting-home .calendar-meet ul li{margin:0px; padding:5px 0 0;font-size:13px;list-style:none}
.emeeting-home .calendar-meet ul li span{display:block}
.send-reply-box { margin: 20px 0px }
.emeeting-home  .Calendar .num { font-weight: 600; font-size: 60px; font-weight: 600; padding: 5px 0px; display: block; color: #fbe021; position: relative; top: 6px }
.emeeting-home  .Calendar .year { font-weight: 300 !important; display: block; background: #8c8c8c; font-size: 22px; margin-top: 5px; padding: 9px 0px; position: absolute; width: 100%; bottom: 0px; height: 40px; line-height: 22px }
.bg-green { background: #399f1a !important }
.bg-blue { background: #374b8c !important }
.bg-red { background: #ef6556 !important }
.text-green { color: #399f1a !important }
.text-grey { color: #929292 !important }
.text-red { color: #ef6556 !important }
.text-yellow { color: #ffa500 !important }
.calendar .num { color: #fbe021; font-size: 16px; font-weight: 300; padding: 1px 0px; display: block }
.calendar .year { display: block; background: rgba(59, 81, 156, 0.5); font-size: 13px; margin-top: 5px; padding: 2px 0px }
textarea.form-control { height: 65px; resize: none; overflow-y: auto !important }
.emeeting-home  .Calendar span { display: block; text-transform: capitalize; line-height: 43px; font-size: 25px; font-weight: 600; color: #fff }
.emeeting-home  .Calendar i { position: relative; background: #fff; color: #374b8c; border-radius: 100%; padding: 5px; display: block; height: 60px; width: 60px; margin: 0px auto; margin-top: -30px; font-size: 13px; font-size: 28px; margin-bottom: 0px; line-height: 45px }
.section.slider-section .cards { padding-top: 0px; height: 100%; padding-bottom: 5px }
.section.slider-section .cards.custom-cards { padding-top: 30px }
.info-box h5 { text-transform: capitalize; font-size: 16px; color: #000; font-weight: 600 }
.info-box p { margin: 0 0 5px; font-weight: 300; color: #000 }
.info-box p span { font-size: 12px; margin-right: 10px; font-weight: 600 }
.info-box p b { color: #050505 }
.addi-details { position: relative }
.map-box { height: 152px; margin-top: 0px; width: 280px; right: 0px; float: right; position: absolute; top: 0px }
.info-box p span i { color: #319ee6; font-size: 13px }
.folder-name { cursor: pointer; font-size: 14px; color: #000; font-weight: 300; padding-bottom: 6px; text-align: center; margin: 0px auto }
.board-reminder  .info-box p span i { margin-right: 10px }
.back-btn { background-color: #2980b9; color: #fff !important; font-weight: 600; padding: 8px 30px; font-size: 16px; float: right; margin-right: 0px; border-radius: 3px }
.back-btn:hover { background-color: #258bce; color: #fff }
.btn-block { padding: 10px 0px 0px 0px; display: block; width: 100% }
.box .btn-block:nth-of-type(1) { padding: 0px 0px 0px }
.minisearch { display: none; max-width: 100%; max-width: 300px; position: absolute; right: 15px; top: 72px }
.minisearch  .search-input { position: absolute; right: 0px; top: 7px }
.minisearch.visible { display: block }
.minisearch .form-controls { border: none !important; font-weight: 300; font-size: 13px !important; width: 278px; padding-right: 82px; padding-left: 12px; border-radius: 0px !important; height: 29px; color: #2b2828 !important; background-color: rgba(255, 255, 255, 0.9) }
.minisearch .fa-search { display: none; height: 30px; background-repeat: no-repeat !important; width: 30px; position: absolute; z-index: 99; color: #ffffff; text-align: center; line-height: 30px; font-size: 16px }
.minisearch .search-button { padding: 4px 12px; right: -1px; top: 0px; cursor: pointer; color: #ffffff !important; background: #4a60ab; text-align: center; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 12px; text-transform: uppercase; font-weight: 600; opacity: 1 !important; position: absolute; height: 30px; border-radius: 0px }
.minisearch .search-button i { font-size: 15px }
.mm-search { display: none !important }
.section .block { position: relative; margin-top: 0px }
.section .block .inner { }
.section .block:before, .section .block:after, .details .dropdown:before, .details .dropdown:after { display: table; clear: both; content: '' }
.section .block .card-cell { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.section .block .director-img { width: 60px; float: left; margin-right: 0px; height: 60px; overflow: hidden; border-radius: 100% }
#directors-block.section .block .details { color: #000; margin-left: 75px; padding: 2px 0px 10px; font-size: 13px; line-height: 18px }
#directors-block.section .block  .details h4 { color: #000; margin-top: 0px; position: relative; font-weight: 600; border-bottom: 0px solid rgba(74, 96, 171, 0.2); padding-bottom: 0px; font-size: 16px; margin-bottom: 10px }
#directors-block.section .block  .details h5 { color: #4a60ab; font-size: 14px; font-weight: 300; margin-top: 5px; margin-bottom: 5px; text-transform: capitalize }
#directors-block.section .block .details h4::after { display: none }
.section .block .director-img img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100% }
.details { color: #000; margin-left: 90px; padding: 10px 20px }
.details h4 { color: #000; margin-top: 0px; position: relative; font-weight: 600; border-bottom: 1px solid rgba(74, 96, 171, 0.2); padding-bottom: 8px; font-size: 16px; margin-bottom: 15px }
.details h5 { color: #000; font-size: 15px; font-weight: 600; margin-top: 5px }
#directors-block.section .block { min-height: 120px; padding: 12px; background-color: rgba(243, 243, 243, 0.5); box-shadow: 0px 0px 3px rgba(74, 96, 171, 0.2) !important; max-width: 325px; margin: 0px auto; margin-bottom: 15px; margin-top: 15px }
.details h4:after { content: ''; display: inline-block; height: 3px; width: 90px; position: absolute; left: 0; background: rgb(74, 96, 171); bottom: -2px }
.details .dropdown  .cta-btn { float: right }
.cta-btn { border: 1px solid #4a60ab; background-color: #4a60ab; color: #fff !important; font-weight: 600; padding: 6px 20px; font-size: 13px; margin-right: 0px; border-radius: 0px }
#my-detail .details h5 { color: #000 }
.cta-btn:hover, .cta-btn:active, .cta-btn:focus { background: rgb(82, 106, 185) }
.btn-block .icon-btn:hover, .btn-block .icon-btn:active, .btn-block .icon-btn:focus { background: rgb(82, 106, 185) }
.details  .dropdown-menu { position: relative; background-color: rgba(15, 25, 41, 0.5); padding: 15px; margin-top: 10px; border-top: 2px solid #2980b9; border-radius: 0px }
.details .dropdown.open .fa-angle-down::before { content: "\f105" }
.details p { margin: 0 0 5px; color: #000; font-size: 13px }
.details p a { font-weight: bold; text-decoration: underline !important; color: #2980b9 }
.my-details.section .director-img { border-radius: 100%; max-width: 160px; height: 160px; overflow: hidden; margin: 0px auto; width: 100%; border: 2px solid #efefef; padding: 0px; margin-bottom: 20px }
.my-details.section .director-img  img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100% }
.my-details.section  .dir-name { font-size: 20px; font-weight: 600 }
.my-details.section .din-name { color: #4a60ab; font-size: 14px; font-weight: 300; margin-top: 8px; margin-bottom: 5px; margin-left: 8px; text-transform: capitalize }
.my-details.section #accordion.form-horizontal { color: #000; margin-top: 15px }
.my-details.section .board-info p { width: 100%; display: table }
.my-details.section .board-info p b { font-size: 14px; display: block }
.my-details.section .board-info  p .value-tx { }
.my-details.section .details { padding: 0px 0px; margin-left: 0px }
.export_draft { text-align: left }
.export_draft a { display: inline-block; margin: 0px }
.my-details.section .block { position: relative; margin: 15px; -webkit-box-shadow: 0px 3px 8px rgba(7, 21, 44, 0.5); box-shadow: none !important; max-width: 620px; margin: 0px auto; margin-bottom: 0px; margin-bottom: 0px }
.directors-block.my-details.section .details h4:after { content: ''; display: inline-block; height: 3px; width: 64px; position: relative; left: 0; background: rgb(61, 84, 158); bottom: -8px; margin: 0px auto; display: block }
.directors-block.my-details.section .details h4 { border-bottom: 0px solid rgba(255, 255, 255, 0.15); padding-bottom: 4px; text-align: center }
.my-details.section .btn-box { margin-top: 20px }
.my-details.section  .details h5 { font-size: 15px; font-weight: 600; margin-bottom: 20px }
.edit-details { background-color: #50ae17; color: #fff !important; font-weight: 600; font-size: 13px; width: 25px; height:; display: inline-block; border-radius: 100%; text-align: center; line-height: 24px; float: right; position: absolute; right: -10px; top: -10px }
.com-text { font-size: 14px }
.send_reply { text-align: left }
.send_reply a.accept_cta { background: #1d831b }
.send_reply a.decline_cta { background: #d9534f }
.send_reply a.maybe_cta { background: #ec9d09 }
.morectnt span { display: none }
.cta-secondary { background: #63666f !important; }
.cta-secondary i { background: #505565 !important }
.agenda-slider.dashboard-slides .owl-carousel .owl-item img { display: block; width: auto; max-width: 120px; margin: 5px auto 10px }
.agenda-slider.dashboard-slides .item:nth-of-type(1) .inner-slides a label { margin-left: -6px }
.agenda-slider.dashboard-slides .inner-slides { padding: 5px 0px }
.agenda-slider.dashboard-slides .owl-item { }
.agenda-slider.dashboard-slides .owl-item .date { font-size: 12px }
.agenda-slider.dashboard-slides .owl-item .date i { color: #374b8c; margin-right: 3px; font-size: 15px }
.agenda-slider.dashboard-slides .inner-slides a { max-width: 120px; margin: 0px auto }
.folder-name:hover, .folder-name:hover a { color: rgb(59, 81, 156) }
.star { color: #f82727 !important }
.meetings-list .calendar { position: absolute; color: #FFF; top: 18px; padding: 5px 0px 0px 0px; background-color: rgba(101, 118, 174, 0.98); left: -12px; width: 51px; height: 70px; text-align: center; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; cursor: pointer }
.meetings-list .calendar .day { color: #FFF; margin-bottom: 0; font-size: 18px; position: relative; top: 5px }
.meetings-list .calendar span { display: block; text-transform: capitalize; line-height: 18px; font-size: 10px; font-weight: 600; color: #fff }
.meetings-list .head:before { content: ""; display: block; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-right: 12px solid #2a4680; position: absolute; top: 75px; left: -12px }
.meetings-list .details { color: #f3f3f3; margin-left: 20px; padding: 10px 10px 10px 20px; width: 100% }
.meetings-list .details .cta-btn:last-child { margin-right: 0px }
.meetings-list .details .btn-box { text-align: right; padding-top: 2px }
.meetings-list.section .block { position: relative; margin: 15px; background-color: rgba(243, 243, 243, 0.5); box-shadow: 0px 0px 3px rgba(74, 96, 171, 0.2) !important; padding: 10px; margin-bottom: 0px }
.meetings-list.section .name:before { color: rgba(59, 81, 156, 0.5); content: "\f07b"; font-family: 'FontAwesome'; font-size: 20px; margin-right: 6px }
.owl-dots { display: block; text-align: center; padding: 10px 0px 15px }
.meetings-list.section .box-body .owl-nav { text-align: right; right: -7px; padding-right: 11px; position: absolute; z-index: 9999; top: 15px }
.meetings-list.section .box-body .owl-nav div { width: 20px; height: 20px; background: #fff; background-color: rgba(15, 25, 41, 0.7); padding: 2px; color: #fff; text-align: center; line-height: 13px; margin-bottom: 2px; font-size: 16px }
.meetings-list.section .box-body .owl-nav div:hover { background: #2980b9 }
.content p { font-size: 14px }
.meeting-details .details { padding: 0px 10px }
.meeting-details .agendas .btn-box .cta-btn { display: block; margin-bottom: 10px; margin-right: 20px }
.btn-block .icon-btn { overflow: hidden; display: inline-block; border: none !important; background-color: #4a60ab; color: #fff !important; font-weight: 600; text-align: center; padding: 7px 20px; font-size: 14px; margin-left: 5px; border-radius: 0px; position: relative; padding-right: 50px !important; margin-right: 0px }
.btn-block .icon-btn i { background-color: rgb(55, 76, 149); color: #fff !important; display: inline-block; position: absolute; right: 0px; width: 34px; height: 33px; top: 0px; border-radius: 0px 0px 0px 0px; text-align: center; font-size: 14px; line-height: 32px }
.icon-btn { overflow: hidden; border: none !important; background-color: #2980b9; color: #fff !important; font-weight: 600; text-align: center; padding: 6px 20px; padding-right: 20px; font-size: 14px; margin-right: 10px; border-radius: 3px; position: relative; padding-right: 40px }
.icon-btn i { background-color: #3495d5; color: #fff !important; display: inline-block; position: absolute; right: 0px; width: 30px; height: 31px; top: 0px; border-radius: 0px 3px 3px 0px; text-align: center; font-size: 13px; line-height: 30px }
.meeting-details p b { font-size: 15px; color: #000 }
.meeting-details .line-icon i { color: #fff; font-size: 14px; margin-right: 8px; width: 25px; height: 25px; background: #4a60ab; border-radius: 100%; text-align: center; line-height: 26px }
.sm-block { margin-bottom: 6px }
.section.slider-section .cards .line-icon i { cursor: pointer }
.sm-block p { max-width: 378px; display: inline-block }
.sm-block.text-area p { max-width: 100% }
.my-details.section .content .block { max-width: 100% }
.meeting-details.section  .btn-block { margin-top: 0px; margin-bottom: 35px }
#map { height: 175px; margin-top: 0px }
.agenda-doc p { color: #dedede; font-size: 15px; border-bottom: 1px dashed rgba(74, 96, 171, 0.2); padding-bottom: 3px; margin-right: 20px }
.agenda-doc p a:hover, .agenda-doc p a:active, .agenda-doc p a:focus { color: #2980b9 }
.addi-details.agenda-doc .scrollbar-inner { max-height: 200px; overflow-y: auto }
.meeting-deatils-modal .addi-details.agenda-doc .scrollbar-inner { max-height: 160px }
.meeting-deatils-modal .agendas > .scrollbar-inner { max-height: 165px }
.meeting-deatils-modal .details h4::after { width: 50px }
.meeting-deatils-modal.directors-modal .modal-dialog { max-width: 650px !important }
.meeting-deatils-modal.directors-modal .modal-dialog .modal-body {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e8f0+0,fafafa+100 */
background: rgb(230, 232, 240); /* Old browsers */ background: -moz-linear-gradient(top, rgba(230, 232, 240, 1) 0%, rgba(250, 250, 250, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(230, 232, 240, 1) 0%, rgba(250, 250, 250, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(230, 232, 240, 1) 0%, rgba(250, 250, 250, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e8f0', endColorstr='#fafafa', GradientType=0); /* IE6-9 */ }
.meeting-deatils-modal.directors-modal  .modal-content { box-shadow: none !important; border-radius: 0px !important }
.meeting-deatils-modal.directors-modal  .modal-title { text-transform: capitalize !important; color: #000; font-weight: 600; font-size: 16px }
.meeting-deatils-modal.directors-modal  .modal-header { border-top: 4px solid #4a60ab; text-align: left; background: #f5f4f5; padding: 10px 15px; border-bottom: 0px !important }
.meeting-deatils-modal.directors-modal  .modal-header  i { color: #4a60ab }
.meeting-deatils-modal.directors-modal  .close { text-indent: 0 !important; color: #fff; text-shadow: none !important; width: 30px; height: 30px; opacity: inherit; margin-top: -34px; background: #6576ae !important; margin-right: -25px; border-radius: 100% }
.meeting-details.my-details.section .btn-box { margin-top: 0px }
#meeting-venue.meeting-deatils-modal .modal-dialog { max-width: 650px !important }
#meeting-venue.meeting-deatils-modal .modal-dialog  .modal-map-box #map { height: 320px; width: 100% }
.sm-block .line-icon, .sm-block p { display: table-cell }
.meeting-details.my-details.section .agendas-list li { color: #000 !important; font-weight: 600; font-size: 14px; padding: 5px 15px; padding-left: 15px; margin-bottom: 5px; margin-right: 20px; position: relative; padding-left: 29px; border-bottom: 1px dashed rgba(74, 96, 171, 0.2) }
.meeting-details.my-details.section .agendas-list li:before { margin-right: 5px; content: '\f18e'; font-family: 'FontAwesome'; color: rgb(74, 96, 171) !important; display: inline-block; position: absolute; left: 0px; width: 20px; height: 40px; top: 0px; text-align: center; line-height: 40px; font-size: 16px; font-weight: 300 }
.meeting-details.my-details.section .agendas-list li:last-child { border-bottom: none }
.agenda-doc p:before { margin-right: 5px; content: '\f15c'; font-family: 'FontAwesome' }
.meeting-details .details { margin-bottom: 20px }
.meeting-details .details.agendas.attendees  li { padding-left: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 300; width: 100% }
.meeting-details .details.agendas.attendees  li span { display: table-cell; vertical-align: top }
.meeting-details .details.agendas.attendees  li .din { margin: 0px 0px 0px; font-style: normal; font-size: 12px; display: block; color: rgb(0, 0, 0); font-weight: 600 }
.meeting-details .details.agendas.attendees  li::before { display: none }
.meeting-details .details.agendas.attendees  li span.response { font-size: 11px; margin-top: 2px; display: block }
.meeting-details .details.agendas.attendees  .alert-info { margin-bottom: 0px }
.meeting-details .details.agendas.attendees .attendee-img { margin-right: 15px; width: 40px; height: 40px; display: inline-block; border-radius: 100%; overflow: hidden; border: 2px solid #d4d4d4 }
.meeting-details .details.agendas.attendees .attendee-img img { -o-object-fit: cover; object-fit: cover; height: 100% }
.schedule-title { display: block }
.schedule-details { display: block; color: #393939 !important; font-weight: 300; font-size: 13px }
.form-control::-moz-placeholder { color: #121212; opacity: 1 }
#my-detail.my-details.section .block { }
.heading { margin-top: 0px; position: relative; font-weight: 600; border-bottom: 1px solid rgba(74, 96, 171, 0.2) !important; padding: 5px 25px 8px 0px; color: #000 !important; margin-bottom: 15px }
.heading a, .heading a:hover, .heading a:active { color: #050505 !important }
.heading:before { content: ''; display: inline-block; height: 3px; width: 60px; position: absolute; left: 0; background: #4a60ab; bottom: -2px }
.bod-table { table-layout: fixed }
.form-horizontal .rwd-table.table >  tbody > tr > td:nth-of-type(1) { text-align: center; }
.form-horizontal .rwd-table.table >  tbody > tr > .first-block { position: relative; display: none }
.form-horizontal .rwd-table.table >  tbody > tr > .last-block { text-align: left; width: 90px }
.form-horizontal .rwd-table.table > tbody > tr:last-child > td { border-bottom: 1px solid #ddd }
table { counter-reset: Serial; }
table.tbl-serial tr.serialno td:first-child:before { counter-increment: Serial; content: counter(Serial); }
.last-block .form-control { width: 85% }
.add-row { display: inline-block; color: #fff; background: #337ab7 !important; width: 25px; height: 25px; border-radius: 100%; line-height: 26px !important }
.date-box { position: relative }
.date-box .dropdown-menu { background: #fff !important; position: absolute; overflow: inherit !important }
.shareNumber.form-control { -webkit-appearance: none; margin: 0; -moz-appearance: textfield }
.catContainer tbody tr td.created-td-1 { padding-left: 30px !important }
.catContainer tbody tr td.created-td-1 .cat-icon { margin-top: 0px; position: absolute; left: 4px }
.ap-theme-default .ap-button { color: #4a60ab !important }
#userMpbForm .table-responsive { overflow: inherit !important }
.form-horizontal  .form-control { font-size: 13px; color: #000; border: 1px solid #d3d3d3; padding: 5px 5px; position: relative; border-radius: 1px; overflow: hidden; -webkit-box-shadow: inherit; box-shadow: inherit; background-color: #fcfcfc !important; border: 1px solid #cecece !important }
.form-horizontal  label { color: #000; display: block; font-weight: 600 }
input[type="file"] { color: #000; padding-top: 8px }
.form-horizontal .control-label, .form-horizontal label { padding-top: 0px; margin-bottom: 5px; text-align: left; color: #050505; font-weight: 600 }
.form-horizontal .card-block { margin-top: 15px }
.form-horizontal .form-field { position: relative; margin-bottom: 15px }
.form-horizontal .sm-block.btn-block { display: block; width: 100%; margin-top: 0px }
.form-horizontal .sm-block.btn-block .cta-btn { border: 1px solid #2980b9; background-color: #2980b9; color: #fff !important; font-weight: 600; padding: 5px 10px; font-size: 13px; margin-right: 0px; border-radius: 3px; margin-left: 5px }
.form-horizontal { color: #000 }
.form-horizontal.multistep-form { color: #000; max-width: 900px; margin: 0px auto }
label { color: #000; display: block; font-weight: 400 }
.form-horizontal .panel-body { padding: 0px }
body .error { color: #f82727 !important; font-style: normal; font-size: 13px; margin-bottom: 0px; font-weight: 300 !important }
.form-group.add-schedule .col-sm-9 { padding-right: 50px; position: relative }
.form-group.add-schedule .col-sm-9 .btn-icon { position: absolute; right: 12px; top: 24px; font-size: 13px; padding: 2px 7px; height: 25px; width: 25px; border-radius: 100%; text-align: center; line-height: 20px }
.form-horizontal  .collapse { -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease }
.form-horizontal  .arrow { position: absolute; right: 0px; background-color: rgba(255, 255, 255, 0.4) !important; color: rgb(74, 96, 171); display: inline-block; position: absolute; right: 0px; width: 30px; height: 30px; top: 0px; border-radius: 100%; text-align: center; font-size: 20px; line-height: 26px; padding: 2px 1px 2px 2px }
.form-horizontal .sm-block.btn-block  .cta-btn  i { margin-right: 5px }
.form-horizontal .table > thead > tr > th { vertical-align: top; border-bottom: solid 1px rgba(255, 255, 255, 0.15) !important; background: #6979af; color: #fefefe }
.form-horizontal .table > tr > td { padding: 12px 8px; border-bottom: 1px solid rgba(74, 96, 171, 0.1) !important; vertical-align: top; color: #000 }
.form-horizontal .table tr td .fa { background: #868686; cursor: pointer; border: 0px; height: 25px; width: 25px; font-size: 14px; display: inline-block; text-align: center; border-radius: 100%; text-align: center; line-height: 24px; color: #f0f0f0; margin-right: 2px; padding: 0px 0px 0px 0px }
.form-horizontal .table tr td .fa-folder-open { background: #3c8dbc !important; font-size: 13px }
.form-horizontal .table tr td .fa-link { background: #11a6c6 }
.form-horizontal .table tr td .fa-trash, .form-horizontal .table tr td .bg-red.status-active { background: #d9534f; position: relative }
.form-horizontal .table tr td .fa-pencil, .form-horizontal .table tr td .bg-green.status-active { background: #50ae17 }
.form-horizontal .table tr td .fa-lock { background: #f1af1b }
.bootstrap-select .dropdown-toggle { outline: none !important; background-color: #fcfcfc !important; border: 1px solid #cecece !important; box-shadow: none !important; border-radius: 0px !important; height: 38px }
.bootstrap-select  .dropdown-menu > li > a { padding: 6px 10px; color: #0c0c0c; font-size: 13px; padding-left: 20px !important; color: #333; white-space: inherit; font-size: 13px; border-bottom: 1px solid #e9e9e9; line-height: 16px }
.bootstrap-select  .dropdown-menu > li:last-child a { border-bottom: 0px }
.bootstrap-select { width: 100% !important }
.bootstrap-select  .dropdown-menu > li > a:before { background: url(../images/marker.png); content: ''; display: inline-block; width: 9px; height: 15px; top: 6px; position: absolute; left: 6px }
.bootstrap-select  .dropdown-menu li a span.text { width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.bootstrap-select .dropdown-menu { padding: 0px 0; box-shadow: 0 2px 6px rgba(101, 101, 101, 0.2); margin: 1px 0 0; border-radius: 0 }
.form-group { margin-bottom: 15px }
.form-horizontal .table tr td .fa-trash  .delete { background: transparent; position: absolute; top: 0px; left: 0px; border: none; text-indent: -99999999px }
.checkbox p { margin-left: -10px; color: #cfa630 }
.form-horizontal .card-block .col-sm-6 > p { color: #cfa630 }
.alert-success { display: block; color: #0d8710; background-color: #dff0d8cc; border-color: #dff0d8cc }
.alert { padding: 6px 10px; font-size: 13px }
.alert-info { color: #1b8ac2; background-color: #e3f5fe; text-align: left !important; border-color: #daf4f9 }
.accordion-panel .panel-heading { margin-bottom: 10px; position: relative; padding: 12px 0px; color: #000; background: none !important }
.policy-section .panel-heading.heading:before { display: none }
.policy-section .panel-heading.heading { height: 100%; margin-bottom: 5px; position: relative; line-height: 28px; color: #000; background: none !important; background-color: rgba(243, 243, 243, 0.5) !important; box-shadow: 0px 0px 5px rgba(74, 96, 171, 0.2) !important; padding: 10px 10px; font-weight: 600; font-size: 15px; padding-left: 40px; border-bottom: 0px !important }
.policy-section .panel-heading.heading:hover { background-color: rgba(243, 243, 243, 0.5) !important; color: #fff !important }
.policy-section  .panel-group { margin-bottom: 25px; padding: 0px 0px; margin: 0 0px }
.cate { /*! background: #4a60ab; */position: absolute; height: 100%; top: 0px; left: 0px; color: #fff; text-align: center; width: 40px; display: block; vertical-align: middle; line-height: 47px }
.cate i { position: relative; left: 3px;/* display: table-cell; */ vertical-align: middle; font-size: 17px; color: #fff }
.policy-section.gird-view-policy .cate i { color: #4a60ab }
.cate:after { position: absolute; display: inline-block; content: ''; width: 0; height: 0; border-top: 18px solid transparent;/*! border-left: 12px solid #4a60ab; */ border-bottom: 18px solid transparent }
.accordion-section #meetingFrom .cate i { color: #4a60ab; font-size: 22px }
.accordion-section  .panel-default { margin-bottom: 15px !important; border-color: #ddd; margin-bottom: 0px; background: none !important; border: none !important }
.accordion-section.my-details .panel-heading.heading:after { display: none !important }
.policy-section  .accordion-panel .arrow { background: none !important; font-size: 22px; width: 36px; top: 4px }
.policy-section .wd-category.dropdown { width: 100% }
.panel-group { margin-bottom: 20px; padding: 0px 10px }
.wd-category .dropdown { width: 100%; max-width: 100%; float: none }
.wd-category.dropdown .dropdown-toggle { width: 100%; max-width: 100%; border-bottom: 0px solid rgba(74, 96, 171, 0.2); display: block !important; padding: 5px 10px 5px 6px }
.wd-category.dropdown .dropdown-toggle .fa { font-size: 17px; color: #4a60ab; margin-right: 5px }
.panel-group .agenda-doc.no-category { }
.policy-section  .panel-body { background: rgba(243, 243, 243, 0.3) !important; position: relative; top: -5px }
.policy-section .wd-category.dropdown .dropdown-menu { min-width: 100%; padding: 0px 0; margin: 0px 0 0; font-size: 14px; background-color: rgba(213, 213, 213, 0.2); padding-left: 20px; border: 0px; border-radius: 0px; -webkit-box-shadow: none !important; box-shadow: none !important }
.policy-section .wd-category.dropdown .dropdown-menu li { padding: 4px 10px 4px 17px; position: relative; font-size: 13px; border-bottom: 0px solid rgba(74, 96, 171, 0.1) }
.policy-section .wd-category.dropdown .dropdown-menu:before { height: 100%; content: ''; width: 1px; display: inline-block; background: #9ea4b7; position: absolute; left: 10px; top: 0px }
.policy-section .wd-category.dropdown .dropdown-menu li:before { height: 1px; content: ''; width: 18px; display: inline-block; background: #9ea4b7; position: absolute; left: -10px; top: 16px }
.doc-image { display: block; max-width: 100% }
.doc-image img {/* height: 100%; */margin: 0px auto; display: block; padding: 15px 0px 10px; max-width: 50px }
.gird-view-policy .no-cate { max-width: 25px; display: inline-block }
.gird-view-policy .no-cate .fa { display: none }
.files-block .panel-heading.heading { padding: 0px }
.files-block .panel-heading.heading .file-name { white-space: normal !important; width: 100%; background-color: #e7e7e7 !important; display: block; font-size: 13px; padding: 8px 10px; text-align: center; line-height: 18px; font-weight: 300; color: #000 }
.policy-section .accordion-panel .arrow { display: none }
.policy-section.gird-view-policy  .panel-heading.heading a { display: block; width: 100%; }
.policy-section .wd-category.dropdown.open  .fa.fa-angle-down:before { content: "\f105" }
.policy-section .large-block-grid-5.files-block .panel-heading.heading a { overflow: inherit; text-overflow: inherit; word-break: break-all; white-space: normal; }
.policy-section .pagination { display: flex; justify-content: center; }
.accordion-section .panel-heading.heading { margin-bottom: 0px; background-color: rgba(243, 243, 243, 0.5) !important; box-shadow: 0px 0px 3px rgba(74, 96, 171, 0.2) !important; padding: 12px 0px !important; padding-left: 0px; font-size: 15px; padding-left: 60px !important; border-bottom: 0px !important }
.accordion-section  .form-horizontal .card-block { margin-bottom: 10px; margin-top: 0px }
.accordion-section .cate { background: #4a60ab; position: absolute; height: 100%; top: 0px; left: 0px; color: #fff; text-align: center; width: 35px; display: block; line-height: 40px }
.accordion-section .panel-collapse .form-group:nth-of-type(1) { padding-top: 15px }
.accordion-section  .heading::before { display: none }
.accordion-section #meetingFrom .cate i { font-size: 16px; color: #fff; font-style: normal; font-family: 'Open Sans', sans-serif }
.accordion-section .cate::after { right: -12px; position: absolute; display: inline-block; content: ''; width: 0; height: 0; border-top: 20px solid transparent; border-left: 12px solid #4a60ab; border-bottom: 20px solid transparent }
.accordion-section .arrow { background: none !important; font-size: 22px; width: 36px; top: 4px }
.profile-block .img img { width: 40px; border: 1px solid #bdbcbc; padding: 0px; height: 40px; margin-right: 6px; overflow: hidden }
.profile-block .img { object-fit: cover; height: 100% !important; width: 100% !important }
.profile-block { float: left }
#resetImage #logo-error { position: absolute; left: 0px; top: 55px }
.edit-image .input-group.file-content, .edit-image .input-group-btn.link { margin-left: 65px }
.edit-image .input-group-btn.link { display: block }
.file-block { margin-left: 60px } 
.policy-section .wd-category.dropdown .dropdown-menu a { background: none !important; padding: 4px 0px }
.policy-section  .addi-details.agenda-doc ul li .fa, .policy-section .wd-category.dropdown .dropdown-menu a .fa { margin-right: 5px }
.accordion-panel .panel { border-radius: 0px; color: #fff; border: none !important; background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.accordion-panel  .arrow { background-color: rgba(255, 255, 255, 0.6); color: rgba(101, 118, 174, 0.98); display: inline-block; position: absolute; right: 0px; width: 30px; height: 30px; top: 8px; border-radius: 100%; text-align: center; font-size: 20px; line-height: 30px }
.accordion-panel  .panel-body { color: #000; border: none; background-color: none !important; padding: 10px 10px 15px }
.panel-group .panel-heading + .panel-collapse > .panel-body { color: #000; border-top: none !important }
.policy-section  .accordion-panel .panel { margin-top: 5px !important;  }
.policy-section .panel-group{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-flow: wrap; flex-flow: wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;}
.accordion-panel  .panel-heading .fa-folder-o { color: #319ee6 }
.policy-section .agenda-doc li { color: #000; list-style: none; font-size: 14px; border-bottom: 0px solid rgba(74, 96, 171, 0.1); padding: 5px 10px 5px 6px; margin-right: 0px }
.accordion-panel  .panel-title a { font-weight: 600; font-size: 15px; color: inherit; display: block }
.addi-details.agenda-doc .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 }
.addi-details.agenda-doc li > .alert-info { margin-left: -15px }
.panel-group .panel + .panel { margin-top: 0px }
.btn-block.text-center { padding-top: 15px; padding-bottom: 10px }
.policy-section .agenda-doc li .cat-icon { margin-right: 10px; max-width: 25px; display: inline-block }
.modal .modal-content { background-color: #fff }
.modal .modal-header { border-bottom: 1px solid  #6677ae; text-align: left; background: #6677ae }
.modal .modal-title { text-transform: capitalize !important; color: #fff; font-weight: 600 }
.modal .modal-footer { text-align: right; border-top: 0px solid #4a5465; padding: 0px 25px 15px 0px }
.modal .close { text-indent: -999999999px; color: #fff; text-shadow: 0 1px 0 #fff; background: url(../images/close-icon-white.png); width: 20px; height: 20px; opacity: 1 !important; margin-top: 3px }
.modal label { color: #333 !important; font-weight: 600 }
.modal .btn-primary { border: none !important; border-radius: 0px !important; text-transform: uppercase; padding: 5px 20px; background-color: rgba(101, 118, 174, 0.98) }
.modal-dialog, .modal-sm { max-width: 450px; margin-top: 7% }
.modal-sm { width: 100% !important; }
.modal-body .form-control { background-color: #fff !important; border: 1px solid #d3d3d3 !important }
.icon-block  label { margin-bottom: 0px !important }
.breadcrumb { padding: 3px 0px; margin-bottom: 0px; list-style: none; background: none !important; border-radius: 4px; text-align: left; font-size: 12px; color: #d8d8d8; position: relative; top: 6px; z-index: 9; position: relative }
.breadcrumb>.active, .breadcrumb a:hover { color: #f9f9f9 }
.breadcrumb > li + li::before { padding: 0 5px; color: #ccc; content: "\f105"; font-family: 'FontAwesome' }
.flipbook { margin: 0px auto !important }
.bookvew-section .book-nav { position: absolute; top: 45%; width: 100%; display: block }
.bookvew-section .col-sm-12 .-block .inner { position: relative }
.bookvew-section .book-nav > div { font-size: 40px; color: #f9f9f9; left: auto; position: absolute }
.bookvew-section .book-nav .book-prev { left: 0px }
.bookvew-section .book-nav .book-next { right: 10px }
.bookvew-section .panel-heading { position: relative; padding: 10px 10px; color: #e3e3e3; background: none !important; border: none !important; background: rgb(74, 96, 171) !important }
.bookvew-section .panel-heading .panel-title { color: #fff !important; font-size: 15px; font-weight: 600 }
.media-body .media-heading { color: #3b3b3b; font-size: 15px; font-weight: 600 }
.media-left  a { margin-right: 5px; width: 35px; height: 35px; display: inline-block; border-radius: 100%; overflow: hidden }
.bookvew-section .listview .media .media-body p { font-weight: 300; font-size: 12px; color: #121212 !important }
.bookvew-section.section .block { margin-left: 0px; margin-right: 0px }
.bookvew-section .listview > li { cursor: pointer; color: #000; font-weight: 600; font-size: 14px; padding: 5px 0px 5px 15px; margin-bottom: 5px; margin-right: 0px; position: relative; position: relative; padding-left: 15px; list-style: none; border-bottom: 1px dashed rgba(74, 96, 171, 0.2) }
.bookvew-section .listview > li::before { margin-right: 5px; content: '\f138'; font-family: 'FontAwesome'; color: rgb(74, 96, 171) !important; display: inline-block; position: absolute; left: 0px; width: 20px; height: 20px; top: 0px; text-align: center; line-height: 25px; font-size: 12px; font-weight: 300; left: -5px }
.bookvew-section .listview > li > ul >li { color: #000; font-weight: 300; list-style: none; font-size: 12px; position: relative; padding-left: 15px; margin-bottom: 8px; border-bottom: 1px dashed rgba(74, 96, 171, 0.2); padding-bottom: 8px }
.bookvew-section .listview > li > ul >li::before { margin-right: 5px; content: '\f101'; font-family: 'FontAwesome'; color: rgb(74, 96, 171); display: inline-block; position: absolute; left: 0px; width: 20px; height: 20px; top: 0px; text-align: center; line-height: 16px; font-size: 12px; font-weight: 300; left: -5px }
.bookvew-section .listview > li > ul >li:last-child { border-bottom: 0px }
.bookvew-section .listview .sidenav-logo .close-icon .icon { height: 15px; width: 15px; margin-top: 4px; background-size: cover }
.bookvew-section .scrollbar-inner { overflow-y: auto }
.bookvew-section .listview .media { margin-top: 0px; color: #fff !important; font-weight: 600; font-size: 14px; padding: 5px 10px 5px 10px; padding-left: 10px; padding-left: 15px; margin-bottom: 0px; margin-right: 0px; position: relative; position: relative; padding-left: 0px; list-style: none; border-bottom: 1px dashed rgba(74, 96, 171, 0.2) }
.bookvew-section  .sidebar-mini { max-width: 300px; position: absolute; top: -4px }
.bookvew-section   .sidebar-title .menu-icon { display: inline-block; width: 35px; height: 35px; background: rgb(74, 96, 171) !important; font-size: 20px; position: relative; left: right; padding: 3px 5px; border: 0px solid transparent; border-radius: 0px; color: #fff; text-align: center; border-radius: 2px }
.bookvew-section   .sidebar-title .menu-icon:after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -7px; border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(74, 96, 171) !important; color: #cecece }
.bookvew-section  .sidebar-mini .sidenav-logo { padding: 5px 10px 10px 12px; margin-bottom: 15px; background: rgb(74, 96, 171); color: #fff; font-size: 15px; font-weight: 600; margin-left: -15px; position: relative; z-index: 99 }
.bookvew-section  .sidebar-mini .inner:before { content: ""; display: block; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #1a2a71; position: absolute; top: 36px; left: -15px }
.article-block  .panel { margin-bottom: 15px }
#book-wrapper .box-body { padding: 0px !important }
.article-block:last-child .panel { margin-bottom: 0px }
.bookvew-section  .sidebar-mini  .sidenav-logo .close-icon .icon { background: url(../images/close-icon-white.png); height: 15px; width: 15px; display: inline-block; background-repeat: no-repeat; margin-top: 10px; background-size: cover }
.icon-block { display: table; position: relative; z-index: 99; float: right; margin-top: -1px; margin-right: -1px }
.icon-block .label-btn { vertical-align: middle; border: 1px solid rgb(60, 83, 162); background-color: #4a60ab; color: #fff !important; font-weight: 600; text-align: center; padding: 8px 14px; font-size: 18px; margin-left: 0px; border-radius: 0px !important; position: relative; width: 48px; display: table-cell; border-left: 0px }
.icon-block .label-btn:hover { background: rgb(79, 102, 177) }
.icon-block .label-btn:last-child { border-right: 0px }
.meeting-events { }
.footer { background: #121212; padding: 10px 10px 10px; position: relative; z-index: 99 }
.footer .footer-logo { display: none; margin-right: 10px; vertical-align: middle }
.footer p { color: #282828; max-width: 500px; margin: 0px auto; text-align: center }
.footer p span { display: inline-block; font-size: 11px; text-align: left; color: #bcbcbc }
.portrait-block { display: none }
.morelink { display: inline !important; font-size: 13px; color: rgb(239, 141, 31); cursor: pointer; font-weight: 600; cursor: pointer; text-decoration: underline }
.catContainer thead tr th { color: #fff; padding: 8px; font-size: 14px; border-bottom: 1px solid rgba(183, 183, 183, 0.2) !important; background: rgba(101, 118, 174, 0.98); color: #fefefe }
.catContainer .cat_title, .catContainer tbody tr td { color: #000 !important }
.add-category-model .modal-header { border-bottom: rgba(101, 118, 174, 0.98) !important; text-align: left; background: rgba(101, 118, 174, 0.98) !important }
add bg.catContainer tbody tr { border-bottom: solid 0px rgba(200, 200, 200, 0.4) !important }
.dropzone.dz-clickable a { cursor: pointer !important }
.cat_desc { color: #000 }
.table-responsive { border: 0px !important }
#mCSB_1_container_wrapper.mCSB_container_wrapper { margin: 0px !important }
html { position: relative; min-height: 100%; height: auto !important }
body { margin: 0 0 40px !important }
footer.footer { position: absolute !important; left: 0; bottom: 0; height: 40px; width: 100% }
.event_custom_calendar { background: #fff }
.event_custom_calendar .fc-toolbar { padding: 1em; margin-bottom: 0 }
.event_custom_calendar .fc-center h2 { color: rgba(101, 118, 174, 0.98); font-size: 22px }
.event_custom_calendar .fc-header td { white-space: nowrap; padding: 15px 10px 0px }
.event_custom_calendar .fc-header-left { width: 25%; text-align: left }
.event_custom_calendar .fc-header-center { text-align: center }
.event_custom_calendar .fc-header-right { width: 25%; text-align: right }
.event_custom_calendar .fc-header-title { display: inline-block; vertical-align: top; margin-top: -5px }
.event_custom_calendar .fc-header-title h2 { margin-top: 0; white-space: nowrap; font-size: 32px; font-weight: 100; margin-bottom: 10px }
.event_custom_calendar span.fc-button { border-color: #9675ce; color: #9675ce }
.event_custom_calendar .fc-state-down, .fc-state-active { background-color: rgba(101, 118, 174, 0.98) !important; color: #FFF !important; -webkit-box-shadow: none; box-shadow: none }
.event_custom_calendar .fc .fc-header-space { padding-left: 10px }
.event_custom_calendar .fc-header .fc-button { margin-bottom: 1em; vertical-align: top }
.event_custom_calendar .fc-toolbar button:focus { outline: none }
.event_custom_calendar .fc-header .fc-button { margin-right: -1px }
.event_custom_calendar .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2 }
.event_custom_calendar .fc-header .fc-state-down { z-index: 3 }
.event_custom_calendar .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4 }
.event_custom_calendar .fc-state-default { border-radius: 0px !important; background: transparent; -webkit-box-shadow: none; box-shadow: none; border-color: rgba(101, 118, 174, 0.98); color: rgba(101, 118, 174, 0.98); opacity: 1; text-transform: capitalize }
.event_custom_calendar .fc-state-default:hover { background: rgb(106, 124, 186); color: #fff }
.event_custom_calendar th.fc-day-header { background: rgba(101, 118, 174, 0.98); color: #fff; padding: 8px; font-size: 18px; font-weight: 100; border: 0 }
.fc-time { display: none }
.fc-title { padding-left: 5px }
.dz-default.dz-message { background-color: rgba(243, 243, 243, 0.5); padding: 10px; max-width: 500px; margin: 0px auto !important; margin-top: 0px !important; margin-bottom: 20px !important; box-shadow: 0px 0px 1px rgba(74, 96, 171, 0.2) !important }
.dz-default.dz-message >span { display: block; border: dashed 2px rgba(95, 95, 95, 0.2); padding: 5px 10px 10px; font-size: 16px; color: #212121 }
.dz-default.dz-message > span:before { content: ''; height: 30px; width: 30px; position: relative; font-size: 18px; color: #ccc; background: url(../images/drop.png); background-size: auto auto; display: inline-block; background-size: 100%; margin-right: 10px; top: 5px }
.checkbox-block { }
.checkbox-block .checkbox { padding-left: 20px; display: inline-block; margin-right: 5px; max-width: 240px }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px rgba(59, 152, 225, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px rgba(59, 152, 225, 0.6) }
.grid { width: 100%; display: block; height: 100%; padding: 0px 0px; vertical-align: middle }
.form.login { margin: auto; background-color: rgba(255, 255, 255, 0.4); max-width: 480px; margin-top: 0px; margin-bottom: 30px; padding: 40px 22px }
.login__header { position: relative; text-align: center; color: #fff; padding: 0px 20px 10px; text-align: left; text-transform: capitalize }
.user-icon { height: 68px; width: 68px; position: relative; margin-top: -54px !important; background: #fff; border-radius: 100%; text-align: center; line-height: 20px; margin: 0px auto; display: block; padding: 14px 10px 10px }
.login__title { font-size: 16px; margin: 0; margin-top: 0px; font-size: 20px; font-weight: 600; margin-top: 5px; color: #000 }
.form-field { position: relative; margin-bottom: 20px }
.form-field .input-label { position: absolute; top: 0px; right: 2px; color: #bcbcbc; font-size: 18px; height: 40px; width: 40px; text-align: center; line-height: 40px }
.login-body { padding: 15px 20px 0px; position: relative }
.login .form-control { font-size: 14px; padding: 5px 45px 5px 10px }
.login__footer .login-link { float: right; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.login__footer .login-link { border: 0px; background-color: #6f82bd; border-radius: 0px; color: #fff; font-weight: 700; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 9px 30px }
.login__footer .login-link:focus, .login__footer .login-link:hover { background-color: #7a91d7 }
.login__footer { display: block; padding: 10px 20px 5px }
.login__footer p { margin: 0; float: left; margin-top: 10px }
.login__footer p a { color: #fff }
.login__footer .icon--info { background-color: #121212; border-radius: 50%; color: #fff }
.login__footer .icon { display: inline-block; height: 1.25em; line-height: 1.25em; margin-left: 0.625em; text-align: center; vertical-align: middle; width: 1.25em }
.login-section .login__footer p a { color: #000 }
.login-section { position: relative; z-index: 999 }
.agendas > .scrollbar-inner { max-height: 245px; overflow-y: auto }
.login-body .form-field >label { color: #363636; display: block; font-weight: 600; padding-bottom: 5px }
.login-body .form-field a:hover, .login-body .form-field a:active, .login-body .form-field a:focus { color: #3f5cb4 !important }
.help-block strong { font-weight: 300; color: #ea312d }
.stepwizard-step .btn.btn-primary { background: rgb(74, 96, 171) }
.multistep-form .btn-group > .btn, .multistep-form .btn-group-vertical > .btn { position: relative; float: none; display: block; width: 100%; text-align: left; background: #ffffff; border-radius: 0px !important; border: none !important; padding: 10px 10px; box-shadow: none !important; overflow: hidden }
.multistep-form  .btn-group, .multistep-form .btn-group-vertical { position: relative; display: block; vertical-align: middle }

/*.multistep-form .dropdown-menu { min-width: 100%; max-height: 160px; overflow-x: auto }*/
.stepwizard-row { display: table-row }
.stepwizard { display: table; width: 100%; position: relative; max-width: 550px; margin: 0px auto }
.stepwizard span { display: block; font-size: 12px; color: #000; text-transform: uppercase; padding-top: 8px }
.stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important }
.stepwizard-row:before { top: 12px; bottom: 0; position: absolute; content: " "; width: 100%; height: 3px; background-color: #f6f6f6; z-order: 0; border-radius: 3px }
.stepwizard-step { display: table-cell; text-align: center; position: relative }
.btn-circle { width: 25px; height: 25px; text-align: center; padding: 4px 0; font-size: 12px; line-height: 1.428571429; background-color: #ffffff; border-radius: 15px; border: none !important; opacity: 1; font-weight: 600 }
.tab-content .tab-pane { padding: 20px; position: relative }
.tab-content .tab-pane:after { content: ''; display: block; height: 100%; background-color: rgba(218, 214, 215, 0.5); position: absolute; width: 100%; z-index: 9; top: 0px; left: 0px; bottom: 0px; z-index: -9; height: 100% }
.setup-content .col-xs-6 span { color: #fff; position: absolute; right: -4px; top: 29px }
.form-control-file { visibility: hidden; position: absolute; top: 0px }
.file-content .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #181818; text-align: center; background-color: #f6f6f6; border: 1px solid #cecece !important; border-right: 0px !important; border-radius: 0px }
.file-content  .btn-primary { color: #fff; padding: 6px 20px; background-color: rgba(101, 118, 174, 0.98); border-color: rgba(101, 118, 174, 0.98); height: 38px; border-radius: 0px !important }
.file-content  .btn-primary.btn.active, .file-content  .btn-primary.btn:active, .file-content  .btn-primary.btn:hover { -webkit-box-shadow: none !important; box-shadow: none !important; background: rgb(78, 103, 186) !important; border-color: rgba(101, 118, 174, 0.98) }
.file-content .input-group-btn { vertical-align: top }
.reset-btn { position: absolute; display: block; font-size: 12px !important; background: none !important; border: none !important; padding: 0px !important; color: #000; margin-top: 3px }
.reset-btn span { color: #0b568d; text-decoration: underline }
.reset-btn:hover, .reset-btn:active, .reset-btn:focus { background: none !important; border: none !important }
.search-result.policy-section .agenda-doc li { padding-left: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; position: relative }
.search-result.policy-section .agenda-doc .cat-icon { float: none !important; max-width: 30px; display: inline-block; position: absolute; left: 10px; top: 10px }
.search-result.policy-section .agenda-doc .cat_desc { margin-left: 0px; color: #000; display: block; font-size: 12px }
.search-result.policy-section  .catContainer thead tr th { color: #fff; padding: 8px; font-size: 14px; border-bottom: 1px solid rgba(183, 183, 183, 0.2) !important; background: rgba(255, 255, 255, 0.2); color: #000 }
.search-result.policy-section  .catContainer tbody tr td:first-child { position: relative; padding-left: 50px }
.search-result.policy-section  .catContainer tbody tr td { border-bottom: 1px solid rgba(74, 96, 171, 0.1) !important }
.search-block { max-width: 100%; padding: 10px 0px; width: 100%; box-shadow: 0px 0px 3px rgba(74, 96, 171, 0.2) !important; padding: 10px; margin-bottom: 10px }
.search-block .form-control { box-shadow: none !important; height: 40px }
.search-block.file-content .form-control { box-shadow: none !important; height: 38px; border: 0px !important; border-radius: 0px !important; background-color: #fcfcfc !important; border: 1px solid #ececec !important;/*! border-left: 0px !important; */ }
.search-block.file-content .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #181818; text-align: center; background-color: #f2f2f2; border: 0px solid #cecece !important; border-right: 0px !important; border-radius: 0px }
.no-category.agenda-doc li { border-bottom: 1px dashed rgba(255, 255, 255, 0.4) }
.search-text { display: block; font-size: 14px; padding-top: 0px; font-weight: 600; padding-bottom: 10px }
.catContainer.table .file-name { display: inline-block; text-align: left }
.modal-content .file-content .input-group-addon { color: #2a2929; border: 0px !important; border-radius: 0px !important; background-color: #c8c8c8; position: relative; z-index: 99; cursor: pointer }
.alert { margin-bottom: 0px }
.alert { margin-bottom: 10px }
.bootstrap-datetimepicker-widget { color: #282828 }
.bootstrap-datetimepicker-widget .picker-switch a { color: #282828 }
.owl-carousel { list-style: none }
ul.doc_lists li a { position: relative; color: #000 }
ul.doc_lists li:before { margin-right: 0px; content: '\f15c'; font-family: 'FontAwesome'; left: 0; position: absolute; top: 0; display: none }
ul.doc_lists li { list-style: none; color: #000; font-weight: 600; border-bottom: 1px dashed rgba(74, 96, 171, 0.2); padding: 6px 0px; position: relative; padding-left: 15px !important }
ul.doc_lists li:last-child { border-bottom: 0px }
ul.doc_lists li i { color: #4a60ab; margin-right: 5px; position: absolute; left: 0px; }
.document-listing  .modal-dialog { max-width: 600px !important; margin-top: 8% }
.document-listing ul.doc_lists { border-bottom: 1px solid rgba(228, 228, 228, 0.5) }
.document-listing  ul.doc_lists li { list-style: none; color: #000; font-weight: 300; border-top: 1px solid rgba(228, 228, 228, 0.5); padding: 0px 0px }
.document-listing  .search-block { position: absolute; right: 0px; max-width: 260px; padding: 0px 0px; width: 100%; border: 0px solid #dedede !important; margin-left: auto; border-radius: 0px; overflow: hidden; box-shadow: none !important }
.document-listing  .table > thead > tr > th { padding: 8px 8px; border-bottom: solid 1px rgba(255, 255, 255, 0.15) !important; background: #f3f3f3 !important; color: #212121; font-size: 13px; font-weight: 600; border: 0px solid #e4e4e4 !important;   /*! text-align: center; */ }
.document-listing  .table > tbody > tr:nth-child(even) { background: #f9f9f9 }
.document-listing  .table > tbody> tr:nth-child(odd) { background: #fff }
.document-listing  .checkbox label::before { width: 15px; height: 15px }
.document-listing  .checkbox label::after { width: 15px; height: 15px; padding-left: 2px; padding-top: 0px }
.document-listing { padding: 0px 0px 10px }
.document-listing  .header-table.table, .document-listing .table { table-layout: fixed; margin-bottom: 0px }
.document-listing .table { border: 0px solid #f0f0f0; border-top: 0px !important }
.document-listing .btn-block { padding: 10px 0px 0px 0px }
.document-listing .modal-body { padding-top: 10px }
.load-btn { background: none; border-width: 2px; color: rgb(74, 96, 171) !important; font-weight: 300; padding: 2px 10px; font-size: 12px; margin: 10px auto; float: none !important; display: block; max-width: 100px }
.load-btn:hover, .load-btn:active, .load-btn:focus { color: #fff !important; border-color: rgb(82, 106, 185) }
.document-listing .scrollbar-inner { margin-bottom: 0px; max-height: 225px }
.document-listing .table-responsive { overflow-x: inherit }
.document-listing  .access-by-block .checkbox { padding-left: 10px; display: inline-block; margin: 0px }
.document-listing .alert { margin-bottom: 5px; margin-top: 5px }
.document-listing .access-by-block { margin-top: 0px }
.access-by-block { margin-top: 10px }
.document-listing .access-by-block { margin-top: 0px }
.document-listing .access-by-block .col-sm-12 > label { margin-top: 10px }
.document-listing  .btn-block .icon-btn:first-child { margin-left: 0px }
.document-listing  .search-block .form-control { background: #f9f9f9 !important; height: 36px; border: 0px !important; box-shadow: none !important; right: -224px; border: 1px solid #e4e4e4 !important }
.document-listing  .form-horizontal .table > thead > tr > th { vertical-align: top; border-bottom: solid 1px rgba(255, 255, 255, 0.15) !important; background: #f3f3f3; color: #3c3c3c }
.document-listing .access-by-block [class*="block-grid-"] > li { padding: 0 5px 0px }
.document-listing  .search-block.visible .form-control { right: 0px }
.document-listing .catContainer  .checkbox, .document-listing .catContainer .radio { margin-top: 0px; margin-bottom: 0px }
.document-listing .table-responsive { padding-right: 2px }
.document-listing .table > tbody > tr > td { border-top: 0px; border-bottom: 1px solid #f0f0f0 }
.document-listing .table > tbody > tr > td label { font-weight: 300 }
.document-listing .table > tbody > tr > td .radio { white-space: nowrap; max-width: 256px; overflow: hidden; text-overflow: ellipsis }
.table-responsive.form-horizontal { color: #000 }
.empty-meetings { width: 100% !important }
.send-reply-box  .send_reply a.cta-btn { font-weight: 300; display: inline-block; margin: 0px; border: 0; padding: 10px 20px; border-radius: 0px; color: #3e3e3e !important; float: left; font-size: 14px; background: rgb(251, 251, 251); /* Old browsers */ background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(216, 216, 216, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(216, 216, 216, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(251, 251, 251, 1) 0%, rgba(216, 216, 216, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#d8d8d8', GradientType=0); /* IE6-9 */ ; border: 1px solid rgb(210, 210, 210); border-left: 0px; font-size: 14px }
.send-reply-box  .send_reply a.cta-btn.disable, .send_reply a.cta-btn.disable:hover, .send_reply a.cta-btn.disable.active, .send_reply a.cta-btn.disable:active, .send_reply a.cta-btn.disable:focus { background: rgb(251, 251, 251) !important; background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(216, 216, 216, 1) 100%) !important; background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(216, 216, 216, 1) 100%) !important; background: linear-gradient(to bottom, rgba(251, 251, 251, 1) 0%, rgba(216, 216, 216, 1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#d8d8d8', GradientType=0) !important }
.send-reply-box .send_reply a .fa { color: #131313 !important; margin-right: 10px }
.info-box.meeting-details .sm-block p { max-width: 85% }
.send_reply a.label-btn.active { background: rgb(55, 76, 144) !important }
.send-reply-box  .send_reply a.cta-btn:first-child { border-left: 1px solid rgb(210, 210, 210) }
.icon-block  .send_reply a { font-size: 14px !important; padding: 11px 13px !important; width: auto }
.icon-block  .send_reply a .fa { color: #ffffff !important }
.send_reply a.cta-btn.active i { }
.send_reply a.cta-btn:first-child { border-left: 0px }
.send_reply a .fa { color: #131313 !important }
.sm-block  .send_reply a .fa { color: #fff !important }
.send_reply a.cta-btn:hover, .send_reply a.cta-btn.active, .send_reply a.cta-btn:active, .send_reply a.cta-btn:focus { background-color: #fff !important; background: #fff !important }
.send_reply a.cta-btn.active .fa-check, .send_reply a.label-btn.active .fa-check { color: #11c011 !important }
.send_reply a.cta-btn.active .fa-times, .send_reply a.label-btn.active  .fa-times { color: #ef6556 !important }
.send_reply a.cta-btn.active .fa-question, .send_reply a.label-btn.active .fa-question { color: #ffa500 !important }

/*Activity*/
.left-sidebar ul { display: block; list-style: none }
.left-sidebar ul li a { border-bottom: 1px solid rgba(74, 96, 171, 0.1); display: block; padding: 8px 10px 8px 8px; border-left: 3px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2); font-size: 14px; font-weight: 600 }
.left-sidebar ul li a:hover { border-left: 3px solid #4a60ab; background-color: rgba(255, 255, 255, 0.5) }
.left-sidebar ul li a i { color: #4a60ab; margin-right: 9px }
.left-sidebar ul li .active { border-left: 3px solid #4a60ab; background-color: rgba(255, 255, 255, 0.2) }
.activity-block  .table tbody tr td:first-child { padding-left: 8px !important }
.blue-text { color: #4a60ab; font-weight: 600 }
.activity-block  .catContainer tbody tr td { color: #fff; padding: 14px 8px; padding-left: 8px; font-size: 14px }
.activity-select .form-field { padding: 0px !important; padding-right: 10px !important }
.activity-select .form-field .form-control { background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(251, 251, 251, 0.6) !important; padding: 3px 6px; height: 35px; padding-right: 24px !important; font-weight: 600 }
.activity-info { position: relative; top: 10px; font-size: 15px }
.activity-select .form-field .input-label { position: absolute; top: 5px; right: 10px; color: #4a60ab; font-size: 14px; height: 40px; width: 40px; text-align: center; line-height: 26px }
.overlay:before { position: fixed; top: 0; left: 0; height: 100% !important; width: 100%; z-index: 999999999; background-color: rgba(255, 255, 255, 0.6) !important; opacity: 1 !important }
.loader-gif { display: none }
.overlay .loader-gif { width: 55px; height: 55px; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -25px; display: block; z-index: 99999999999; color: #4a60ab; font-size: 18px }
.setting-block .nav-tabs { border-bottom: 2px solid #DDD }
.setting-block  .nav-tabs > li { margin-bottom: 0px !important; }
.setting-block .nav > li > a { background: #F2F0F0; border-radius: 0px; position: relative; display: block; font-size: 14px; padding: 5px 14px; font-weight: 600 }
.setting-block .tab-content .tab-pane::after { background-color: rgba(255, 255, 255, 0.2) !important; border: none !important }
.setting-block .nav-tabs > li.active > a, .setting-block .nav-tabs > li.active > a:focus, .setting-block .nav-tabs > li.active > a:hover, .setting-block .nav-tabs > li.active > a, .setting-block .nav-tabs > li.active > a:focus, .setting-block .nav-tabs > li.active > a:hover { background-color: background-color:rgba(249, 249, 249, 0.4) !important; border-width: 0 }
.setting-block .nav-tabs > li > a { border: none; color: #030303 }
.setting-block  .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #000 !important; background-color: rgba(249, 249, 249, 0.4) }
.setting-block .nav-tabs > li > a::after { content: ""; background: #4a60ab; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0) }
.setting-block .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1) }
.setting-block .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff }
.setting-block .tab-pane { padding: 20px 15px }
.setting-block .tab-content { padding: 0px }
.card { background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px }
.switch { position: relative; display: inline-block; width: 50px; height: 25px }
.switch input { display: none }
.slider { position: absolute; cursor: pointer !important; top: 0; left: 0; right: 0; bottom: 0; background-color: #ababab; -webkit-transition: .4s; transition: .4s }
.slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s }
#meeting-grid.meeting-wrapper .slide-img img { display: none }
#meeting-grid.meeting-wrapper .day { color: #6796dc !important; font-weight: 900; line-height: 58px; font-size: 60px; font-family: 'Arial-Black' }
#meeting-grid.meeting-wrapper .year-mon { color: #6796dc; font-weight: 300; font-family: Arial, sans-serif; font-size: 22px; position: relative; top: -7px }
#meeting-grid.meeting-wrapper .slide-img { position: relative; padding: 30px 10px 10px; max-width: 130px; margin: 0px auto }
.inner-name { font-size: 13px; position: absolute; left: -15px; color: #495b99; line-height: 20px; text-align: left; word-break: keep-all; top: 80px; display: inline-block; overflow: hidden; font-weight: 600; width: 112px; transform: rotate(90deg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#meeting-grid.meeting-wrapper  .folder-name { font-size: 14px; color: #000; font-weight: 300; padding-top: 5px; text-align: center; margin: 0px auto; margin-top: 0px; margin-top: -11px }
#meeting-grid.meeting-wrapper sup { top: -11px; font-size: 25px }
.directors-modal .modal-dialog { max-width: 880px; width: 100% }
.directors-modal .info { text-align: center; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 15px }
.directors-modal .din { margin: 5px 0px 0px; color: #4a60ab; font-size: 14px; font-weight: 600 }
.directors-modal h3 { margin-top: 10px; font-size: 20px; font-weight: 600 }
.directors-modal img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% }
.directors-modal .team-detail .img-block { max-width: 120px; margin: 0px auto; height: 120px; overflow: hidden; border-radius: 100% }
.directors-modal  .table > tbody > tr > td { vertical-align: middle; border: none; padding: 2px 8px; font-size: 13px; border-right: 0px solid #f0f0f0;/*! text-align: center; */ }
.directors-modal .team-detail .table > tbody > tr > td:first-child { width: 9% !important; color: #4a60ab; font-size: 16px; padding-right: 0px }
.directors-modal .team-detail .table > tbody > tr:first-child > td:first-child { font-size: 14px }
.directors-modal  .table > tbody > tr > td > #emailId { width: 100%; display: block }
.directors-modal  .team-detail { box-shadow: 0 0px 5px 0 rgba(3, 3, 3, 0.1); padding: 15px 0px 10px; position: relative; background: #fcfcfc;	/*! background: #88b7d5; */ }
.directors-modal .bookvew-section .nav-tabs { border-bottom: 0px solid rgb(226, 226, 226) !important; display: table; width: 100%; table-layout: fixed }
.directors-modal .bookvew-section .nav-tabs > li { float: none; margin-bottom: 0px; display: table-cell; width: 50% }
.directors-modal .bookvew-section .nav-tabs > li:only-child { width: 100% !important }
.directors-modal .bookvew-section .nav > li { vertical-align: middle; width: 33.3% !important; position: relative; padding: 7px 9px; font-size: 14px; border: 0px !important; color: #303030 !important; border-radius: 0px; margin-left: -2px; text-align: center; background: #F2F0F0; font-weight: 600; border-right: 1px solid #CCCBCB !important }
.directors-modal .bookvew-section .nav > li:last-child { border-right: 0px !important }
.directors-modal .bookvew-section .nav > li.active, .directors-modal .bookvew-section .nav > li.active:focus, .directors-modal .bookvew-section .nav > li.active:hover, .directors-modal .bookvew-section .nav > li:hover { background-color: #D7DADB !important; color: #fff !important }
.directors-modal .bookvew-section .nav > li > a { padding: 3px 3px; background: none !important; color: #393939 !important }
.directors-modal  .bookvew-section .nav-tabs > li.active:before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid #D7DADB; color:; content: ''; position: absolute; bottom: -8px; left: 50% }
.directors-modal  .modal-body { position: relative; padding: 15px; background: #fff }
.directors-modal  .modal-body  .form-horizontal .form-control { background-color: #fff !important }
.progress-bar-info { background-color: #4a60ab }
.pbc { font-weight: 600; font-size: 13px; max-width: 800px; margin: 0px auto }
.progress-bar-striped, .progress-striped .progress-bar { background-size: 30px 30px }
.progress { background-color: #ededed; background-color: #ededed; height: 15px; margin-bottom: 10px; line-height: 15px }
.progress-bar { line-height: 14px }
.progress-bar-danger { background-color: #bf3b37 }
input:checked + .slider { background-color: #4a60ab }
input:focus + .slider { box-shadow: 0 0 1px #2196F3 }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px) }
.activity-select .form-control { display: inline-block; width: 100% }
.activity-select label { display: inline-block }
.activity-block .table tbody tr td:first-child > .role-tx { color: #565656; display: block; font-size: 12px }
.activity-block .btn-group.bootstrap-select.fit-width .dropdown-toggle .bs-caret { color: #4a60ab }
.activity-block  .btn-group.bootstrap-select.fit-width { width: 100% !important }
.activity-block  .btn-group.bootstrap-select.fit-width .dropdown-toggle { background-color: rgba(255, 255, 255, 0.2) !important; border: 1px solid rgba(251, 251, 251, 0.6) !important; color: #000; width: 100% !important; width:; height: 35px; outline: none !important; padding: 2px 20px 2px 10px; font-size: 13px; font-weight: 600 }
.activity-block .calender-box .icon-sm-btn { vertical-align: middle; border: 1px solid rgb(60, 83, 162); background-color: #4a60ab; color: #fff !important; font-weight: 600; text-align: center; padding: 8px 8px; font-size: 15px; margin-left: 0px; border-radius: 0px !important; position: relative; width: 35px; height: 35px; display: inline-block; border-left: 0px; line-height: 13px }
.activity-select .form-control:-moz-placeholder { color: #000 !important }
.activity-select .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #000 !important }
.activity-select .form-control::-moz-placeholder { /* Firefox 19+ */
color: #000 !important }
.activity-select .form-control:-ms-input-placeholder { /* IE 10+ */
color: #000 !important }
.activity-select .form-control:-moz-placeholder { /* Firefox 18- */
color: #000 !important }
.activity-select .dropdown-menu.inner { overflow: inherit !important }
.activity-select .dropdown-menu.open { height: auto !important; max-height: 200px !important; max-width: 200px !important }
.activity-select .form-field .input-label { color: #4a60ab }
.activity-select .dropdown-menu > li > a::before { display: none }
.activity-select .dropdown-menu > li > a { padding-left: 10px !important }
select::-ms-expand { display: none }

/*Bookview*/
.home-link { position: relative; background: url(../images/home.png); width: 35px; background-repeat: no-repeat }
.home-link:after { width: 1px; background: #4b5e9f; position: absolute; height: 30px; display: inline-block; content: ''; right: 0px }
.nicescroll-rails, .nicescroll-cursors { z-index: 99 !important }
.nice-wrapper { }
.nicescroll-rails { background-color: none !important }
.nicescroll-cursors { border: none !important; background: none !important; border-radius: 0 !important }
.jumbotron { padding-top: 80px }
#book-wrapper .main-contant { }
#book-wrapper { ; position: relative; width: 100%; left: 0px; top: 0px; height: 100%; z-index: 9999; padding-bottom: 2% !important }
#book-wrapper .dashboard-section:before { content: ''; position: fixed; width: 100%; height: 100%; top: 0px; right: 0px; left: 0px; bottom: 0px; opacity: 1 }
#book-wrapper  .container { max-width: 100% !important; background: none !important }
#book-wrapper  .main-header, #book-wrapper  .footer { display: none }
#book-wrapper  .box { box-shadow: none !important; padding: 0px; background-color: none !important; background: none !important; margin-top: 0px; margin-bottom: 0px; border-top: 0px solid rgb(74, 96, 171) }
#book-wrapper  .dashboard-section > .container { max-width: 100%; padding: 0px; width: 100%; background-color: rgba(255, 255, 255, 0.6) }
#book-wrapper  .bookvew-section .sidebar-mini {    z-index: 999999; display: block; margin-left: -330px !important; left: 30px; width: 320px; top: 0px; position: fixed; height: 100%; padding: 0px 0px 20px; margin: 0px 0 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; background-color: #fcfcfc; border-radius: 0px !important; border: 0px !important; bottom: 0px }
#book-wrapper .box-header h3 i { color: #efefef }
.bookvew-section.visible .sidebar-mini { z-index: 999999; left: 330px !important }
.bookvew-section.visible .sidebar-mini .fa-caret-right::before { content: "\f0d9" }
.bookvew-section .sidebar-mini .sidenav-logo { padding: 12px 10px 12px 14px; margin-bottom: 15px; background: #4a60ab; color: #fff; font-size: 20px; display: block; font-weight: 600; margin-left: 0px; position: relative; z-index: 99 }
#book-wrapper .tab-content { z-index: 9999; position: relative }
.bookvew-section .sidebar-title .menu-icon { line-height: 44px; display: inline-block; width: 45px; height: 45px; background: rgba(74, 96, 171, 0.9) !important; font-size: 30px; position: absolute; right: -45px; padding: 0px 2px; border: 0px solid transparent; border-radius: 0px; color: #fff; text-align: center; border-radius: 0px 20px 20px 0px; top: 50% }
#book-wrapper  .box-header h3 { font-weight: 300; text-transform: capitalize; padding: 12px 15px 15px !important; color: #f6f6f6; font-size: 14px; margin-bottom: 0px; margin-top: 0px; display: inline-block }
#book-wrapper  .box-header { position: relative; box-shadow: 0px !important; margin-bottom: 10px; background: none !important; border-radius: 0px 0px 0px 0px; text-align: left }
#book-wrapper  .media { cursor: pointer }
#book-wrapper  #collapse2 { height: 300px; overflow-y: scroll }
#book-wrapper  .annotator-hl { background-color: red !important; font: bold }
#book-wrapper .annotator-touch-widget.annotator-touch-controls {/*position: fixed !important;*/z-index: 1000;/*bottom: 0 !important;right: auto !important;*/ margin: auto !important; bottom: 15px !important; right: 15px !important }
#book-wrapper  .navbar.navbar-default.navbar-static-top { display: none }
.bookview-custom .booklet .b-tab.b-tab-next:after { content: "\f105"; font-family: 'FontAwesome'; right: 0px; right: -6px; position: relative }
.bookview-custom .booklet .b-tab.b-tab-prev:before { content: "\f104"; font-family: 'FontAwesome'; left: 0px; left: -6px; position: relative }
.bookvew-section .sidebar-title .menu-icon:after { display: none }
.flipbook-block { padding: 20px; width: 100% }
.bookvew-section .nav > li > a { position: relative; display: block; padding: 8px 17px; font-size: 13px; background-color: none !important; border: 0px !important; color: #000 !important; border-radius: 4px 4px 0 0; margin-left: 8px }
.bookvew-section .nav-tabs { border-bottom: 1px solid rgb(226, 226, 226) !important }
.booklet .b-tab { background-color: rgb(74, 96, 171) !important; width: 90px !important; padding: 15px 0 0 !important; text-align: center; color: #fff !important; position: absolute; font-size: 12px !important; height: 35px !important; top: -35px !important; line-height: 19px }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover { background-color: #D7DADB !important; color: #000 !important }
.tab-content .tab-pane::after { content: ''; display: none }
.tab-content .tab-pane { padding: 15px 0px 0px; position: relative }
.nav-tabs { border-bottom: 0px solid #ddd }
.bookvew-section .panel-heading { display: none; position: relative; padding: 10px 10px 0px; border: none !important; background: none !important; border-bottom: 1px solid #d8d8d8 }
.bookvew-section .panel-heading .panel-title { color: #000 !important; font-size: 15px; font-weight: 600; border-bottom: 1px solid #d8d8d8 !important; padding-bottom: 6px }
.bookvew-section .listview .media { margin-top: 0px; color: #090909 !important; font-weight: 600; font-size: 14px; padding: 5px 10px 5px 10px; padding-left: 0px; list-style: none; border-bottom: 1px dashed rgba(225, 225, 225, 0.8) }
ul.doc_lists li { color: #000; font-weight: 300; border-bottom: 1px dashed rgba(74, 96, 171, 0.2); padding: 10px 0px; list-style: none }
ul.doc_lists li:first-child, .meeting-details .details.agendas.attendees li:first-child { padding-top: 0px }
.bookvew-section  .page-view {z-index: 9999;padding: 5px 60px 5px 20px; position: fixed; right: 0px; top: 0px; display: table }
.bookvew-section  .page-view.fixed-header { position: absolute }
.close-pdf { background: url(../images/close-icon-white.png); background-size: auto auto; width: 15px; height: 15px; display: inline-block; float: right; position: absolute; right: 0px; top: 7px; right: -33px; background-size: 100% }
.close-pdf:before { width: 1px; background: #4b5e9f; position: absolute; height: 30px; display: inline-block; content: ''; top: -6px; left: -10px }
.bookvew-section  .page-view > span { cursor: pointer; vertical-align: top; padding-left: 15px; display: inline-block; position: relative; top: 5px; display: table-cell }
.bookvew-section .next-prev > span { background-color: #6576ae; cursor: pointer; display: inline-block; color: #f1f2f7; position: relative; width: 30px; height: 30px; text-align: center; font-size: 13px; box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 0 1px hsla(0, 0%, 0%, .05); border: 1px solid hsla(207.4, 55.1%, 28.8%, 0.3); line-height: 26px }
.bookvew-section .next-prev .tab-prev { position: relative }
.bookvew-section .next-prev .tab-prev:after { width: 1px; background: #4b5e9f; position: absolute; height: 30px; display: inline-block; content: ''; left: -10px }
.bookvew-section .page-num:-moz-placeholder { color: #fff !important }
.bookvew-section .page-num::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff !important }
.bookvew-section .page-num::-moz-placeholder { /* Firefox 19+ */
color: #fff !important }
.bookvew-section .page-num:-ms-input-placeholder { /* IE 10+ */
color: #fff !important }
.bookvew-section .page-num:-moz-placeholder { /* Firefox 18- */
color: #fff !important }
.bookvew-section .listview > li:last-child { border-bottom: 0px }
.bookvew-section  .page-view label { color: #fff; display: block; font-weight: 300 !important; font-size: 13px !important }
.bookvew-section   .page-num { border-radius: 0px; display: inline-block; width: 55px; height: 28px; background-color: rgb(83, 102, 164) !important; border: 1px solid rgb(81, 100, 162) !important; padding: 2px 10px; text-align: right; margin: 0px 2px; color: #fff !important; box-shadow: none !important; box-shadow: 0px 1px 2px rgb(58, 93, 207) }
.bookvew-section .sidebar-mini.dropdown-menu .panel-body ul.doc_lists li { position: relative; color: #000; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis }
.bookvew-section .ui-input-text.ui-body-inherit { width: 64px; display: inline; border: 0px !important }
.annotator-touch-widget { font-family: 'Open Sans', sans-serif !important }
.annotator-touch-editor .annotator-touch-widget { width: 100%; max-width: 300px }
.bookvew-section .sidebar .scrollbar-inner { height: 80vh }
.zoom-btn { background-color: #6576ae; width: 30px; padding: 6px 6px 6px; height: 30px; overflow: hidden; display: inline-block; position: relative; background-repeat: no-repeat !important; box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 0 1px hsla(0, 0%, 0%, .05); border: 1px solid hsla(207.4, 55.1%, 28.8%, 0.3); background-position: center !important; color: #efefef !important; line-height: 13px; font-size: 18px; font-weight: 100 }
.zoom-btn:hover { color: #efefef !important }
#btn_ZoomReset { background-image: url(../images/reset.png); border: none !important; box-shadow: none !important }
#btn_ZoomIn { background-size: 18px; background-image: url(../images/plus.png) }
#btn_ZoomOut { background-size: 18px; background-image: url(../images/minus.png) }
.custom-scrollbar { padding: 0px !important; height: 100vh; width: 80vw; margin: 0px auto; display: block; padding-bottom: 5% !important }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgb(74, 96, 171) !important }
@media only screen and (max-width:480px) { }
.pagination > li > a, .pagination > li > span { color: #020202; border: 1px solid rgba(74, 96, 171, 0.1) !important; background: none !important }
.pagination .active span { background-color: rgba(101, 118, 174, 0.98) !important }
.fa-calendar:before { content: "\f133" !important }
.annotator-editor .annotator-item textarea { background: #fff !important }
.page-link { background: url(../images/front-page.png); background-repeat: no-repeat; width: 25px; padding: 6px 0px 6px 6px; height: 30px; display: inline-block; top: 8px !important; left: 10px; }

/*About Us*/
.arrow-listing li { color: #000; font-weight: 300; border-bottom: 1px dashed rgba(74, 96, 171, 0.2); padding: 8px 0px 8px 20px; list-style: none; position: relative }
.arrow-listing li:before { content: '\f18e'; font-family: 'FontAwesome'; position: absolute; left: 0px; color: #4a60ab }
.arrow-listing { margin-bottom: 20px }
.event-section  .cate i { font-family: 'Open Sans', sans-serif }
.directors-modal .bookvew-section .panel-heading { display: block !important }
.directors-modal  #meeting-details { padding-top: 20px }
.setup-content .table-responsive { overflow: inherit !important }
select.form-control { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image: url("../images/arrow-down.png") !important; background-position: 98% 52% !important; background-repeat: no-repeat !important; padding-right: 30px !important }
.table { margin-bottom: 10px }

/* Rounded sliders */
.slider.round { border-radius: 34px }
.slider.round:before { border-radius: 50% }
.annotator-editor a:hover, .annotator-editor a:focus, .annotator-editor a.annotator-focus, .annotator-filter .annotator-filter-active label, .annotator-filter .annotator-filter-navigation button:hover, .annotator-button:hover, .annotator-button:focus, .annotator-button.annotator-focus {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6576ae+0,6879af+100 */
background: rgb(101, 118, 174) !important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(101, 118, 174, 1) 0%, rgba(104, 121, 175, 1) 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(101, 118, 174, 1) 0%, rgba(104, 121, 175, 1) 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(101, 118, 174, 1) 0%, rgba(104, 121, 175, 1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6576ae', endColorstr='#6879af', GradientType=0) !important; /* IE6-9 */ }
#add-meeting-modal .bookvew-section .panel-heading .panel-title { padding-bottom: 0px; border-bottom: 0px !important }
.accordion-section #myTab-accordion .panel .cate:before { font-family: 'FontAwesome'; font-weight: 300 !important }
.accordion-section #myTab-accordion .panel:nth-of-type(1) .cate:before { content: "\f0ae" }
.accordion-section #myTab-accordion .panel:nth-of-type(2) .cate:before { content: "\f016" }
.accordion-section #myTab-accordion .panel:nth-of-type(3) .cate:before { content: "\f0c5" }
.activity-block  .catContainer { border-top: 3px solid rgba(74, 96, 171, 0.1) }
.scroll-wrapper { -webkit-overflow-scrolling: touch; overflow: hidden !important; padding: 0 !important; position: relative }
.scroll-wrapper > .scroll-content { border: none !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important }
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0 }
.scroll-element { display: none }
.scroll-element, .scroll-element div { -webkit-box-sizing: content-box; box-sizing: content-box }
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block }
.scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default }
.scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999 }
.scroll-textarea > .scroll-content { overflow: hidden !important }
.scroll-textarea > .scroll-content > textarea { border: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important }
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0 }
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10 }
.scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100% }
.scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; width: 100% }
.scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 0px; top: 0; width: 7px }
.scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden }
.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { border-radius: 0px }
.scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4 }
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #5d5d5d }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #6979af; opacity: 1; border-radius: 5px }
.scrollbar-inner > .scroll-element.scroll-y .scroll-element_track { width: 1px; left: 3px }
.scrollbar-inner > .scroll-element.scroll-x .scroll-element_track { height: 1px; top: 3px }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #6979af }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191 }
.checkbox { padding-left: 20px; display: inline-block; margin-right: 25px }
.checkbox label { font-weight: 300; display: inline-block; position: relative; padding-left: 5px; text-transform: capitalize }
.checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border-radius: 0px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; background-color: rgba(255, 255, 255, 0.1) !important; border: 2px solid #606060 !important }
.checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: rgb(74, 96, 171) }
.checkbox input[type="checkbox"] { opacity: 0; outline: none }
.checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c" }
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65 }
.checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed }
.checkbox.checkbox-circle label::before { border-radius: 50% }
.checkbox.checkbox-inline { margin-top: 0 }
.checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #428bca; border-color: #428bca }
.checkbox-primary input[type="checkbox"]:checked + label::after { color: #fff }
.checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #d9534f; border-color: #d9534f }
.checkbox-danger input[type="checkbox"]:checked + label::after { color: #fff }
.checkbox-info input[type="checkbox"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de }
.checkbox-info input[type="checkbox"]:checked + label::after { color: #fff }
.checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e }
.checkbox-warning input[type="checkbox"]:checked + label::after { color: #fff }
.checkbox-success input[type="checkbox"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c }
.checkbox-success input[type="checkbox"]:checked + label::after { color: #fff }
input[type="radio"]:focus, input[type="checkbox"]:focus { outline: none !important }
.radio { padding-left: 20px }
.radio label { display: inline-block; position: relative; padding-left: 5px }
.radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 2px solid #666 !important; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out }
.radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: rgb(74, 96, 171); -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33) }
.radio input[type="radio"] { opacity: 0; outline: none !important }
.radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) }
.radio input[type="radio"]:disabled + label { opacity: 0.65 }
.radio input[type="radio"]:disabled + label::before { cursor: not-allowed }
.radio.radio-inline { margin-top: 0 }
.radio-primary input[type="radio"] + label::after { background-color: #428bca }
.radio-primary input[type="radio"]:checked + label::before { border-color: #428bca }
.radio-primary input[type="radio"]:checked + label::after { background-color: #428bca }
.radio-danger input[type="radio"] + label::after { background-color: #d9534f }
.radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f }
.radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f }
.radio-info input[type="radio"] + label::after { background-color: #5bc0de }
.radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de }
.radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de }
.radio-warning input[type="radio"] + label::after { background-color: #f0ad4e }
.radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e }
.radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e }
.radio-success input[type="radio"] + label::after { background-color: #5cb85c }
.radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c }
.radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c }
p.teaser { text-indent: 30px }
.dropzone { background: none !important; padding: 0px 0px !important; border: 0px solid rgba(0, 0, 0, 0.3) !important; width: 100%; color: #fff }
.catContainer { width: 100% }
.catContainer thead { }
.catContainer thead tr { border-bottom: solid 1px rgba(255, 255, 255, 0.15) }
.catContainer tbody tr { border-bottom: solid 1px rgba(255, 255, 255, 0.15) }
.catContainer tbody tr:last-child { border: none }
.catContainer thead tr th { color: #fff; padding: 8px; font-size: 14px }
.catContainer tbody tr td { color: #fff; padding: 8px; font-size: 13px }
.open-btn { padding-right: 50px !important; padding-left: 36px !important; cursor: pointer !important }
.copy-btn { cursor: pointer !important }
.cat-icon { margin-top: 3px; float: left }
.catContainer tbody tr td img { width: 30px; float: left; cursor: pointer !important }
.catContainer .cat_title { float: left; margin-left: 12px; margin-top: 2px; font-size: 14px; cursor: pointer !important }
.cat_desc { color: #fff; float: left; margin-left: 12px; margin-top: 2px; float: left; width: 90%; font-size: 12px; cursor: pointer !important }
.upload-photo { float: left; border: solid 1px #c5c3c4; width: 105% !important; height: 45px; padding-left: 10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; background: #fcf8f7 }
.upload-btn { width: 140px; background: #2980b9 !important; border: 0px; padding: 12px 22px 12px 22px; font-size: 16px; cursor: pointer; height: 45px; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; margin-bottom: 0px; background-position: center; color: #fff; position: relative; z-index: 1000 }
.upload-btn:hover { background: #2f3454; color: #fff; background-position: center }
.fileContainer { overflow: hidden; float: right; position: relative; cursor: pointer !important }
.fileContainer [type=file] { cursor: inherit; display: block; font-size: 999px; filter: alpha(opacity=0); min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0; text-align: right; top: 0 }
.created-td-4 { cursor: pointer !important }
.menu-handle { width: 100%; cursor: pointer !important }
.menu-handle i { cursor: pointer !important; font-size: 20px; width: 32px; height: 32px; border: solid 1px #1b2534; padding-top: 6px; text-align: center; margin-left: 7px }
.menu-handle i:hover { border: solid 1px #3495d5 }
ul.handle-list { min-width: auto; width: 120px; padding: 0px 0; margin: 0px 0 0; left: -92px; background-color: #313a4b }
ul.handle-list li a { padding: 7px 8px; color: #fff; border-bottom: solid 1px rgba(255, 255, 255, 0.15); cursor: pointer !important }
ul.handle-list li:last-child a { border-bottom: solid 0px rgba(255, 255, 255, 0.15) }
ul.handle-list>li>a:focus, ul.handle-list>li>a:hover { color: #fff; text-decoration: none; background-color: #2980b9 }
.add-category-model .modal-content { background-color: #fff }
.add-category-model .modal-header { border-bottom: 1px solid #337ab7; text-align: left; background: #337ab7 }
.add-category-model .modal-title { color: #fff !important; text-transform: uppercase }
.add-category-model .modal-footer { text-align: right; border-top: 0px solid #4a5465; padding: 0px 25px 15px 0px }
.add-category-model .close { color: #fff; text-shadow: 0 1px 0 #fff; background: url(../images/close-icon-white.png); width: 20px; height: 20px; opacity: inherit; margin-top: 3px }
.add-category-model label { color: #333 !important; font-weight: 600 }
.add-category-model .btn-primary { border: none !important; border-radius: 0px !important; text-transform: uppercase; padding: 6px 25px }
#noBtn { background: #dedede }
#category .form-control { padding-left: 10px }
.add-category-model .modal-dialog { width: 450px; margin: 15% auto 30px }
.add-category-model .form-group { }
.toaster-title { font-size: 15px; padding-right: 10px }
.alert-danger .toaster-title { color: #a94442 }
.alert-success .toaster-title { color: #0d8710 }
#shareError { color: #f82727 !important; font-style: normal; font-size: 13px; margin-bottom: 0px; font-weight: 300 !important }
.team-detail .table { margin-bottom: 0px; table-layout: fixed }
#my-detail .directors-modal .team-detail { box-shadow: 0 0px 5px 0 rgba(3, 3, 3, 0.1); background: none !important }
.comp-group-error { color: #f82727 !important; font-style: normal; font-size: 11px; margin-bottom: 0px; font-weight: 300 !important }
.btn-block.text-center:before, .btn-block.text-center:after { clear: both; display: table; content: "" }
.btn-block.text-center { padding-top: 15px; padding-bottom: 10px; margin: 0px auto }
.btn-block.text-center .icon-btn { float: left }
.scroll-wrapper .table-responsive.form-horizontal { max-height: 600px }
.form-horizontal #bod-table.table tr > td:nth-of-type(5) { width: 20% }
.box .btn-block.btn-sm { padding: 5px 0px 0px; text-align: left; }
.box .btn-block.btn-sm .cta-btn { padding: 4px 10px; }
.box .btn-block.btn-sm .cta-btn i { margin-right: 5px }
.event-section.section [class*="block-grid-"] > li { padding: 0px !important }
.event-section.section [class*="block-grid-"] { margin: 0 0px !important }

/*.bootbox.modal .modal-content { border-radius: 0px; border-top: 4px solid #4a60ab; }
.bootbox.modal .bootbox-close-button { text-indent: 0 !important; color: #fff; text-shadow: none !important; width: 30px; height: 30px; 
	opacity: inherit; margin-top: -34px !important; background: #6576ae !important; margin-right: -25px; border-radius: 100%; }*/
.custom-event .pagination { margin-bottom: -46px; }
.custom-event .catContainer tbody tr:last-child { border-bottom: 1px solid #ddd !important }
.forgot-pw-info { display: block; float: none; width: 100%; margin-top: 20px; font-size: 13px; border-top: 1px solid rgba(255, 255, 255, 0.4); padding-top: 10px; }

.bottom_fix_btn1 {padding-bottom:  10px;border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.bottom_fix_btn1 button {    width: 100%;    display: block;}
.add_ques {
    font-size: 15px !important;
    font-weight: bold !important;
}

.table-ques tbody tr.sub-thead td {font-weight: 700;font-size: 15px;    background: #6979af6e;}
.table-ques select.form-control {max-width: 150px;}
.table-ques tbody tr:nth-child(2n+1) {background: #f3f3fd;}
.table-ques tbody tr:nth-child(2n) {background: #fff;}
.table-ques tbody tr td {border: 1px solid #eaeaea;padding: 20px;color: #585856 !important;}
tr.sub-thead {background: #fff !important;}
.table-ques {font-weight: 500;}
.table-ques tbody tr.sub-thead td {color: #000 !important;}
.table-ques tr td:nth-child(2),.table-ques tr td:nth-child(3) {width: 200px;}

.per_que_info {display: block;margin: 20px 0;padding-bottom: 10px;text-align: center;width: 100%;}
.per_que_info h3 {font-size: 18px;font-weight: 600;margin-top: 0;text-transform: uppercase;line-height: 30px;}
.per_que_info h4 {font-size: 17px;}

tfoot.tfoot_director tr th {background: #6979af none repeat scroll 0 0;border: 1px solid #ccc;font-size: 16px;color: #fff}


.list-theme {list-style: outside none none;padding: 0;}
.list-theme li {list-style: outside none none;}
.list-theme li a {background: #f1f1f1 none repeat scroll 0 0;display: block;padding: 10px 15px;border-bottom:1px solid #fff;}
.list-theme li.active a {background: #4a60ab none repeat scroll 0 0;color:#fff;}
@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
	select.form-control { background-image: none !important }
	.disabled.btn, [disabled].btn, fieldset[disabled] .btn { font-weight: 300 !important; opacity: 1 !important }
}
@media screen and (max-width:767px) {

.logo-title span:last-child {font-size: 7px !important;}
.logo-title span:first-child {font-size: 16px !important;}

	.eval-q-table.catContainer tbody tr td.created-td-1 {width: auto !important;}
	.ms-options-wrap > .ms-options {width:90% !important;}
	.add-category-model .modal-dialog { width: auto !important; margin: 15% 10px 30px }
	.scrollbar-inner.table-responsive.form-horizontal { max-height: 500px }
}
@media screen and (max-width:479px) {
	.menu-handle { float: right; width: 24px; height: 24px; text-align: center; cursor: pointer !important }
	.menu-handle i { font-size: 18px }
	.button-quad { float: left; width: 100%; text-align: center; margin-bottom: 20px }
	.button-quad .upload-button { display: inline-block; float: none !important; padding: 6px 48px 6px 48px !important }
	.add-cat-btn { display: inline-block; float: none !important }
	ul.handle-list { top: 40px }
	ul.handle-list li a { cursor: pointer !important }
}
.ui-autocomplete-loading { display: none }
#category input { border: 1px solid #d3d3d3; border-radius: 0px }
#category label, #category .modal-title { color: #286090 }
#book-wrapper .breadcrumb-section { display: none }
[class*="block-grid-"] { display: block; padding: 0; margin: 0 5px; margin-bottom: 1px; *zoom: 1 }
[class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table }
[class*="block-grid-"]:after { clear: both }
[class*="block-grid-"]>li { list--style: none; display: block; height: auto; float: left; padding: 0 5px 0px }
@media only screen {
	.small-block-grid-1>li { width: 100%; list-style: none }
	.small-block-grid-1>li:nth-of-type(n) { clear: none }
	.small-block-grid-1>li:nth-of-type(1n+1) { clear: both }
	.small-block-grid-2>li { width: 50%; list-style: none }
	.small-block-grid-2>li:nth-of-type(n) { clear: none }
	.small-block-grid-2>li:nth-of-type(2n+1) { clear: both }
	.small-block-grid-3>li { width: 33.33333%; list-style: none }
	.small-block-grid-3>li:nth-of-type(n) { clear: none }
	.small-block-grid-3>li:nth-of-type(3n+1) { clear: both }
	.small-block-grid-4>li { width: 25%; list-style: none }
	.small-block-grid-4>li:nth-of-type(n) { clear: none }
	.small-block-grid-4>li:nth-of-type(4n+1) { clear: both }
	.small-block-grid-5>li { width: 20%; list-style: none }
	.small-block-grid-5>li:nth-of-type(n) { clear: none }
	.small-block-grid-5>li:nth-of-type(5n+1) { clear: both }
	.small-block-grid-6>li { width: 16.66667%; list-style: none }
	.small-block-grid-6>li:nth-of-type(n) { clear: none }
	.small-block-grid-6>li:nth-of-type(6n+1) { clear: both }
	.small-block-grid-7>li { width: 14.28571%; list-style: none }
	.small-block-grid-7>li:nth-of-type(n) { clear: none }
	.small-block-grid-7>li:nth-of-type(7n+1) { clear: both }
	.small-block-grid-8>li { width: 12.5%; list-style: none }
	.small-block-grid-8>li:nth-of-type(n) { clear: none }
	.small-block-grid-8>li:nth-of-type(8n+1) { clear: both }
	.small-block-grid-9>li { width: 11.11111%; list-style: none }
	.small-block-grid-9>li:nth-of-type(n) { clear: none }
	.small-block-grid-9>li:nth-of-type(9n+1) { clear: both }
	.small-block-grid-10>li { width: 10%; list-style: none }
	.small-block-grid-10>li:nth-of-type(n) { clear: none }
	.small-block-grid-10>li:nth-of-type(10n+1) { clear: both }
	.small-block-grid-11>li { width: 9.09091%; list-style: none }
	.small-block-grid-11>li:nth-of-type(n) { clear: none }
	.small-block-grid-11>li:nth-of-type(11n+1) { clear: both }
	.small-block-grid-12>li { width: 8.33333%; list-style: none }
	.small-block-grid-12>li:nth-of-type(n) { clear: none }
	.small-block-grid-12>li:nth-of-type(12n+1) { clear: both }
}
@media only screen and (min-width:767px) {
	.medium-block-grid-1>li { width: 100%; list-style: none }
	.medium-block-grid-1>li:nth-of-type(n) { clear: none }
	.medium-block-grid-1>li:nth-of-type(1n+1) { clear: both }
	.medium-block-grid-2>li { width: 50%; list-style: none }
	.medium-block-grid-2>li:nth-of-type(n) { clear: none }
	.medium-block-grid-2>li:nth-of-type(2n+1) { clear: both }
	.medium-block-grid-3>li { width: 33.33333%; list-style: none }
	.medium-block-grid-3>li:nth-of-type(n) { clear: none }
	.medium-block-grid-3>li:nth-of-type(3n+1) { clear: both }
	.medium-block-grid-4>li { width: 25%; list-style: none }
	.medium-block-grid-4>li:nth-of-type(n) { clear: none }
	.medium-block-grid-4>li:nth-of-type(4n+1) { clear: both }
	.medium-block-grid-5>li { width: 20%; list-style: none }
	.medium-block-grid-5>li:nth-of-type(n) { clear: none }
	.medium-block-grid-5>li:nth-of-type(5n+1) { clear: both }
	.medium-block-grid-6>li { width: 16.66667%; list-style: none }
	.medium-block-grid-6>li:nth-of-type(n) { clear: none }
	.medium-block-grid-6>li:nth-of-type(6n+1) { clear: both }
	.medium-block-grid-7>li { width: 14.28571%; list-style: none }
	.medium-block-grid-7>li:nth-of-type(n) { clear: none }
	.medium-block-grid-7>li:nth-of-type(7n+1) { clear: both }
	.medium-block-grid-8>li { width: 12.5%; list-style: none }
	.medium-block-grid-8>li:nth-of-type(n) { clear: none }
	.medium-block-grid-8>li:nth-of-type(8n+1) { clear: both }
	.medium-block-grid-9>li { width: 11.11111%; list-style: none }
	.medium-block-grid-9>li:nth-of-type(n) { clear: none }
	.medium-block-grid-9>li:nth-of-type(9n+1) { clear: both }
	.medium-block-grid-10>li { width: 10%; list-style: none }
	.medium-block-grid-10>li:nth-of-type(n) { clear: none }
	.medium-block-grid-10>li:nth-of-type(10n+1) { clear: both }
	.medium-block-grid-11>li { width: 9.09091%; list-style: none }
	.medium-block-grid-11>li:nth-of-type(n) { clear: none }
	.medium-block-grid-11>li:nth-of-type(11n+1) { clear: both }
	.medium-block-grid-12>li { width: 8.33333%; list-style: none }
	.medium-block-grid-12>li:nth-of-type(n) { clear: none }
	.medium-block-grid-12>li:nth-of-type(12n+1) { clear: both }
}
@media only screen and (min-width:1025px) {
	.large-block-grid-1>li { width: 100%; list-style: none }
	.large-block-grid-1>li:nth-of-type(n) { clear: none }
	.large-block-grid-1>li:nth-of-type(1n+1) { clear: both }
	.large-block-grid-2>li { width: 50%; list-style: none }
	.large-block-grid-2>li:nth-of-type(n) { clear: none }
	.large-block-grid-2>li:nth-of-type(2n+1) { clear: both }
	.large-block-grid-3>li { width: 33.33333%; list-style: none }
	.large-block-grid-3>li:nth-of-type(n) { clear: none }
	.large-block-grid-3>li:nth-of-type(3n+1) { clear: both }
	.large-block-grid-4>li { width: 25%; list-style: none }
	.large-block-grid-4>li:nth-of-type(n) { clear: none }
	.large-block-grid-4>li:nth-of-type(4n+1) { clear: both }
	.large-block-grid-5>li { width: 20%; list-style: none }
	.large-block-grid-5>li:nth-of-type(n) { clear: none }
	.large-block-grid-5>li:nth-of-type(5n+1) { clear: both }
	.large-block-grid-6>li { width: 16.66667%; list-style: none }
	.large-block-grid-6>li:nth-of-type(n) { clear: none }
	.large-block-grid-6>li:nth-of-type(6n+1) { clear: both }
	.large-block-grid-7>li { width: 14.28571%; list-style: none }
	.large-block-grid-7>li:nth-of-type(n) { clear: none }
	.large-block-grid-7>li:nth-of-type(7n+1) { clear: both }
	.large-block-grid-8>li { width: 12.5%; list-style: none }
	.large-block-grid-8>li:nth-of-type(n) { clear: none }
	.large-block-grid-8>li:nth-of-type(8n+1) { clear: both }
	.large-block-grid-9>li { width: 11.11111%; list-style: none }
	.large-block-grid-9>li:nth-of-type(n) { clear: none }
	.large-block-grid-9>li:nth-of-type(9n+1) { clear: both }
	.large-block-grid-10>li { width: 10%; list-style: none }
	.large-block-grid-10>li:nth-of-type(n) { clear: none }
	.large-block-grid-10>li:nth-of-type(10n+1) { clear: both }
	.large-block-grid-11>li { width: 9.09091%; list-style: none }
	.large-block-grid-11>li:nth-of-type(n) { clear: none }
	.large-block-grid-11>li:nth-of-type(11n+1) { clear: both }
	.large-block-grid-12>li { width: 8.33333%; list-style: none }
	.large-block-grid-12>li:nth-of-type(n) { clear: none }
	.large-block-grid-12>li:nth-of-type(12n+1) { clear: both }
}
@media all and (min-width:1400px) and (max-width:2000px) {
	.form.login { margin-top: 10px }
}
@media all and (min-width:767px) and (max-width:2000px) {
	.btn-block.text-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
}
@media all and (min-width:1024px) and (max-width:1024px) {
.3col.ms-options-wrap > .ms-options {width:213px !important;}
}

@media all and (min-width:768px) and (max-width:1024px) {
	.ms-options-wrap > .ms-options {width:95.5% !important;}
	.primary-logo { /*! max-width: 88px */ }
	.logo .logo-text { margin-left: 14px }
	.logo .logo-text::before { content: ""; position: absolute; left: -10px; top: 0px; width: 1px; height: 34px; background: #5266ae }
	.sec-logo { max-width: 216px; margin-left: 15px }
	.logo .logo-text { font-size: 24px }
	#directors-block.section .block { max-width: 425px; margin-bottom: 20px }
	.scrollbar-inner > .scroll-element .scroll-bar { opacity: 0.9 !important }
	.annotator-touch-editor .annotator-widget .annotator-item:first-child textarea { margin-top: 0px !important; min-height: 70px !important; padding-top: 5px !important; padding-bottom: 13px !important; font-size: 13px !important }
	.catContainer tbody tr td.created-td-1 { padding-left: 30px !important; width: 364px }
	.form-horizontal #bod-table.table > tr > td:nth-of-type(1), .form-horizontal #bod-table.table > tr > td:nth-of-type(2), .form-horizontal #bod-table.table > tr > td:nth-of-type(3), .form-horizontal #bod-table.table > tr > td:nth-of-type(4) { width: 22% }
	#eventForm.form-horizontal .table > tr > td:nth-of-type(1), #eventForm.form-horizontal .table > tr > td:nth-of-type(2), #eventForm.form-horizontal .table > tr > td:nth-of-type(3), #eventForm.form-horizontal .table > tr > td:nth-of-type(4) { width: 22% }
	#book-wrapper .annotator-touch-widget.annotator-touch-controls { top: 45px !important; bottom: auto !important }
	.bootstrap-datetimepicker-widget { max-width: 200px !important }
	.bootstrap-datetimepicker-widget table th, .bootstrap-datetimepicker-widget table td { width: 15px !important; height: 15px !important; padding: 2px 2px !important; font-size: 12px !important }
	.bootstrap-datetimepicker-widget table td span { display: inline-block; width: 40px !important; height: 40px !important; line-height: 40px !important }
	.logo-title span:last-child {font-size: 14px !important;}
	.logo-title span:first-child {font-size: 18px !important;}
}
@media all and (min-width:768px) and (max-width:980px) {
	#directors-block.section .block { max-width: 315px !important }
	#meetingFrom .form-horizontal .form-group.add-schedule .col-sm-9 .btn-icon { top: 40px }
	.emeeting-home  .Calendar { width: 160px; height: 185px }
}
@media (max-width:1440px) {
	#book-wrapper  .box-header { text-align: left }
}
@media (max-width:980px) {
	#meetingFrom .form-horizontal  .form-group { margin-bottom: 0px }
	.accordion-section .form-horizontal .card-block { margin-bottom: 0px; margin-top: 0px }
	#meetingFrom .form-horizontal .form-group div.checkbox label { margin-top: 0px }
	.accordion-section .panel-heading.heading { padding-right: 20px !important }
	#meetingFrom .form-horizontal  .table-responsive { margin-top: 0px; margin-bottom: 0px !important; padding-bottom: 0px }
	#meetingFrom .form-horizontal  .table-responsive  .table { margin-bottom: 10px; margin-top: 10px }
	.form-horizontal .form-group { margin-bottom: 0px !important }
	.registration-form.content .form-group .col-md-6, .registration-form.content .form-group .col-sm-6, .registration-form .form-group [class*="col-"] { margin-bottom: 15px !important }
	.registration-form.content .form-group .control-label { margin-bottom: 5px !important }
}
@media (max-width:1024px) {
	.shareNumber.form-control { padding: 5px 5px; -webkit-appearance: none; -moz-appearance: textfield; appearance: textfield }
	.form-horizontal #bod-table.table tr > td:nth-of-type(5) { width: 20% }

	/* Webkit browsers like Safari and Chrome */
	.shareNumber.form-control:-webkit-inner-spin-button, .shareNumber.form-control::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0 }
	.table-responsive.form-horizontal.block  .table tr > td:last-child { width: 100px }
	.agenda-slider.dashboard-slides { margin-left: -20px !important }
	#book-wrapper .box-header h3 { padding-top: 15px; white-space: nowrap; max-width: 250px; overflow: hidden; text-overflow: ellipsis; margin: 0px auto }
	#book-wrapper.dashboard { min-height: 100% !important; background-attachment: fixed !important }
	.annotator-touch-widget-inner { background: none !important; border: none !important; margin: 5px !important; margin-top: 5px; padding: 0px !important; line-height: 0; border-radius: 0px !important; box-shadow: none !important; z-index: 999 !important; position: relative !important }
	.annotator-touch-controls .annotator-button { line-height: 28px !important }
	#book-wrapper .annotator-touch-widget.annotator-touch-controls { position: fixed; top: 45px !important; right: 0px !important; min-width: auto; border: none !important; border-radius: 0px !important; background: rgba(0, 0, 0, 0.8); bottom: auto !important }
	.annotator-touch-widget .annotator-button::after { left: 8px }
	.annotator-button:hover, .annotator-button:focus, .annotator-button.annotator-focus { color: rgb(255, 255, 255); text-shadow: none !important; font-weight: 600 !important; font-size: 15px !important; border-radius: 0px !important }
	.annotator-touch-editor .annotator-touch-widget { pointer-events: all; position: relative; width: 100%; max-width: 300px }
	.annotator-touch-editor .annotator-touch-widget { pointer-events: all; position: relative; width: 100%; max-width: 300px }
	.annotator-touch-widget .annotator-button { }
	.annotator-item.annotator-item-quote { display: none !important }
	.annotator-touch-editor { margin-top: 20px !important; z-index: 9999999999999 !important }
	.annotator-touch-editor .annotator-touch-widget { width: 100%; border: 0px !important; box-shadow: none !important; max-width: 340px !important; background: none !important; background-color: rgba(0, 0, 0, 0.6) !important; padding: 5px 4px 5px !important }
	.annotator-touch-editor .annotator-touch-widget:before { /*! content: ''; */ position: fixed !important; width: 100%; height: 100%; top: 0px !important; right: 0 !important; left: 0 !important; bottom: 0 !important; background-color: rgba(0, 0, 0, 0.6) !important; z-index: 99 }
	.annotator-touch-widget .annotator-button { cursor: pointer; font-size: 14px !important; line-height: 25px !important; border-radius: 0px !important }
	.annotator-touch-editor .annotator-touch-widget .annotator-item:first-child textarea { margin-top: 0px !important }
	.annotator-editor .annotator-controls { text-align: center !important }
	.annotator-touch-editor .annotator-controls { border-top: 1px solid #E6E1E1 !important; background-color: #eaeaea !important; position: absolute !important; bottom: 0px !important; z-index: 9 !important; width: 100% !important; border-radius: 0px !important; box-shadow: none !important }
	.annotator-touch-editor .annotator-touch-widget-inner { background: #fff !important; padding-bottom: 35px !important; border-radius: 3px !important; overflow: hidden; margin-top: 0px !important }
	.annotator-touch-editor .annotator-widget .annotator-item:first-child textarea { margin-top: 0px !important; font-size: 14px !important }
	.annotator-touch-editor .annotator-controls .annotator-button { border-color: #dadada !important; box-shadow: none !important }
	.annotator-touch-viewer .annotator-widget { min-width: 100% !important; width: 200px !important }
	.annotator-touch-viewer div:first-of-type { background: #f5f5f5 !important; font-size: 14px !important; padding-top: 10px !important; padding-bottom: 10px !important }
	.annotator-touch-viewer div { padding: 8px !important; color: #333 !important }
	.annotator-widget.annotator-listing .annotator-touch-controls .annotator-button { cursor: pointer; padding: 0px !important; display: inline-block; width: 13px; height: 13px; margin-left: 5px; border: 0; opacity: 1; text-indent: -900em; background: none !important; outline: 0; border: 0px !important; box-shadow: none !important }
	.annotator-widget.annotator-listing .annotator-touch-controls { position: relative; top: 5px; right: -3px; padding-left: 0px; opacity: 1 !important; -webkit-transition: opacity .2s ease-in; -moz-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; float: right; background: none !important }
	#book-wrapper .annotator-touch-editor .annotator-touch-widget, .annotator-touch-editor { margin: 0px auto; margin-top: 45px !important }
	.annotator-touch-editor .annotator-widget .annotator-item:first-child textarea { margin-top: 0px !important }
	.annotator-touch-viewer .annotator-touch-controls button::after { left: 0px !important }
	.annotator-widget.annotator-listing .annotator-user { font-weight: 600; font-size: 12px; text-transform: capitalize }
	.annotator-touch-viewer .annotator-delete.annotator-button:hover::after { background-position: 0 -90px; margin-top: -7px !important }
	.annotator-touch-viewer .annotator-touch-controls .annotator-edit:hover::after { background-position: 0 -15px !important; margin-top: -7px !important }
	.minisearch .search-input { top: 8px }
	.sm-block p { max-width: 290px }
	.annotator-touch-editor { background: none !important }
	.annotator-widget { bottom: 0px !important; left: 0px !important }
	.annotator-annotation.annotator-item { background: #f5f5f5 !important; border: 1px solid #ccc !important; border-top: 0px !important }
}
@media (max-width:800px) {
	.form-horizontal .rwd-table.table { width: 100% !important }
	#my-detail .form-horizontal .rwd-table.table > tbody > tr { border: 1px solid #e7e7e7; border-bottom-width: 2px; position: relative }
	#my-detail .form-horizontal .rwd-table.table > thead > tr > th { display: none !important }
	#my-detail .form-horizontal .rwd-table.table > tbody > tr > td { width: 100%; padding: 8px 8px !important; display: block; border: none !important; text-align: left !important; white-space: inherit !important }
	#my-detail .form-horizontal .rwd-table.table > tbody > tr > td:first-child { padding-top: 20px }
	#my-detail .form-horizontal .rwd-table.table > tbody > tr:first-child td:nth-of-type(1) { padding-top: 20px !important }
	#my-detail .form-horizontal .rwd-table.table  > tbody > tr:first-child td:nth-of-type(1)::before { display: none; }
	#my-detail .form-horizontal .rwd-table.table > tbody > tr > td:before { content: attr(data-th) ":"; font-weight: 600; width: 100%; display: inline-block; padding-top: 0px; padding-bottom: 6px; font-size: 14px }
	#my-detail .form-horizontal .rwd-table.table .add-row, .form-horizontal .rwd-table.table .removeComp { position: absolute; top: 2px; right: 1px }
	table.tbl-serial tr.serialno td:first-child::after {  /* counter-increment: Serial;  */
	content: counter(Serial) !important; }
	table.tbl-serial tr.serialno td:first-child::before { counter-increment: Serial; content: counter(Serial); width: 75px !important; }
	#my-detail  .form-horizontal .rwd-table.table  .editComp { position: absolute; right: 30px; top: 2px }
	.form-horizontal .rwd-table.table .removeComp, #my-detail  .form-horizontal .rwd-table.table  .editComp { top: -12px !important; }
	#my-detail .form-horizontal .rwd-table.table >  tbody > tr > .first-block { margin-top: -25px; display: block }
	#my-detail .form-horizontal .rwd-table.table >  tbody > tr > .last-block { display: none !important }
	#my-detail .form-horizontal .rwd-table.table > tbody > tr > .first-block:before { display: none !important }
	#my-detail .form-horizontal .rwd-table.table  > thead > tr > th, .form-horizontal .rwd-table.table > tr > td { display: table-cell }
	#my-detail .form-horizontal .table > thead > tr > th, .form-horizontal .table tr > td { font-size: 13px }
	.directors-modal .modal-dialog { max-width: 700px; width: 100%; }
}
@media (max-width:768px) {
	.agenda-slider.dashboard-slides { margin-left: -30px !important }
	.footer p span { text-align: left; max-width: 100% }
	.align { width: 100%; height: 80vh; display: table }
	.flipbook-block .inner { overflow-x: auto }
	.box { margin-top: 10px }
	.agenda-slider.dashboard-slides { margin-left: 0px !important }
}
@media (max-width:767px) {
	#loadQuotes {margin-bottom: 60px;}
	.email-btn {bottom: 60px !important;}
	.login-section > .container { padding: 0px !important }
	.login-header { padding: 25px 0px 20px; }
	.login-body { padding: 10px 10px 0px; }
	.login__header { padding: 10px 10px 10px; }
	.login__footer { padding: 0px 10px 40px; }
	.login__footer p { margin-top: 5px; }
	.top-header .nav .dropdown-menu li a { font-size: 12px; padding: 5px 10px !important; line-height: 18px; }
	.top-header .nav ul li { margin-left: 5px }
	#resetImage { overflow: hidden; margin-bottom: 25px }
	.modal-dialog { margin-left: 0px !important; margin-right: 0px !important }
	.document-listing .search-block { right: -264px; max-width: 290px }
	.box-header h3 > img { max-width: 13px; position: relative; top: -3px }
	.directors-modal .bookvew-section .nav > li > a { font-size: 12px; text-align: center; padding: 0px 0px }
	.document-listing .table-responsive { padding-right: 0px; overflow: inherit !important }
	.document-listing  .table-responsive .table { width: 100% !important; max-width: 767px }
	.document-listing .table-responsive .catContainer  .created-2, .document-listing  .table-responsive  .table tr td:last-child { display: none !important }
	.my-details.section .details.board-info { margin-top: 20px !important }
	.form-horizontal .rwd-table.table { width: 100% !important }
	.form-horizontal .rwd-table.table > tbody > tr { border: 1px solid #e7e7e7; border-bottom-width: 2px; position: relative }
	.form-horizontal .rwd-table.table > thead > tr > th { display: none !important }
	.form-horizontal .rwd-table.table > tbody > tr > td { padding: 8px 8px !important; display: block; border: none !important; text-align: left !important; white-space: inherit !important; width: 100% }
	.form-horizontal .rwd-table.table > tbody > tr > td:first-child { padding-top: 20px }
	.form-horizontal .rwd-table.table > tbody > tr > td:before { content: attr(data-th) ":"; font-weight: 600; width: 100%; display: inline-block; padding-top: 0px; padding-bottom: 6px; font-size: 14px }
	.form-horizontal .rwd-table.table .add-row, .form-horizontal .rwd-table.table .removeComp { position: absolute; top: 2px; right: 1px }
	.form-horizontal .rwd-table.table >  tbody > tr > .first-block { display: block }
	.form-horizontal .rwd-table.table >  tbody > tr > .last-block { display: none !important }
	.form-horizontal .rwd-table.table > tbody > tr > .first-block:before { display: none !important }
	.form-horizontal .rwd-table.table  > thead > tr > th, .form-horizontal .rwd-table.table > tr > td { display: table-cell }
	.form-horizontal .table > thead > tr > th, .form-horizontal .table tr > td { font-size: 13px }
	.form-horizontal .rwd-table.table  .editComp { position: absolute; right: 30px; top: 2px }
	.flipbook-block { padding-top: 0px !important }
	.annotator-touch-editor { z-index: 99999999 !important }
	#directors-block.section .block { max-width: 100% !important; margin-bottom: 15px }
	.main-header .logo { margin-top: 0px }
	.form-horizontal .table tr td .fa { float: none }
	.visible-xs { display: block !important }
	.icon-block .label-btn { padding: 8px 8px; font-size: 13px; width: 35px }
	.box-header h3 { font-weight: 600; text-transform: capitalize; padding: 10px 6px; color: #000; font-size: 14px; margin-bottom: 0px; margin-top: 0px; display: inline-block }
	.box-body { padding: 10px 10px 15px }
	.login-header .logo .logo-text { font-size: 25px; top: 5px }
	.login__header { padding: 15px 20px 10px }
	.minisearch { display: none; position: absolute }
	.minisearch.visible { display: block }
	.visible-large { display: none }
	.footer .footer-logo { vertical-align: top }
	.primary-logo { max-width: 67px }
	.logo .logo-text { font-size: 20px; top: 10px; left: 10px; margin-left: 10px }
	.logo .logo-text:before { content: ""; position: absolute; left: -12px; top: 0px; width: 1px; height: 30px; background: #5266ae }
	.sec-logo { max-width: 174px; margin-left: 6px }
	.main-header { background: #6f82bd; box-shadow: 0px 0px 5px #596daa }
	.form.login { padding: 15px 5px 20px; margin: 0px auto; margin-top: 0px; margin-bottom: 20px }
	.nav-icons { text-align: right; display: none }
	#menu-toggle { display: block; width: 35px; height: 32px; background: #6777ae; font-size: 20px; position: relative; float: right; padding: 8px 8px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border: 0px solid transparent; border-radius: 0px; color: #fff; text-align: center; border-radius: 0px; margin-top: 11px }
	#menu-toggle .fa-bars { display: block; height: 25px }
	#menu-toggle .fa-bars::before { content: '' !important; box-shadow: 0 0 0 1px #f9f9f9, 0 8px 0 1px #f9f9f9, 0 16px 0 1px #f9f9f9; content: ""; display: block; height: 0; right: 0px }
	#sidebar-wrapper { display: block; z-index: 9999 }
	.dashboard.active #sidebar-wrapper { z-index: 999999; left: 320px }
	.dashboard-items .icon-box { width: 90px; height: 90px; width: 90px; line-height: 90px }
	.dashboard-items .icon-box img { max-width: 55px }
	.sidebar-nav li a .m-icon { margin-right: 10px; width: 30px; height: 30px; display: inline-block; background-color: rgba(0, 0, 0, 0.3); border-radius: 100%; font-size: 14px; text-align: center; line-height: 25px; padding: 2px }
	.main-contant .tabs ul { background: #000; padding: 5px 10px 5px 0px }
	.main-contant .tabs ul li { padding: 5px 25px 7px 15px; font-size: 18px }
	.main-header { padding: 10px 0px 15px }
	.dashboard-items { margin-top: 35px }
	.main-header::after { height: 200px }
	.dashboard-items h4 { font-size: 20px; margin: 10px 0px 25px }
	.mm-search { display: inline-block !important }
	.top-header { text-align: right; position: absolute; bottom: 2px; width: 100%; border-top: 1px solid #6678b1; padding: 5px 0px 2px }
	.minisearch { box-shadow: 0px 1px 10px #5f73b0; display: none; position: absolute; left: 0px; background: #5f73b0; width: 100%; padding: 10px 20px; top: 40px; height: 50px; right: 0px; max-width: 100% }
	.main-header { padding: 10px 0px 40px; position: relative }
	.minisearch .form-controls { width: 100% }
	.minisearch .search-input { max-width: 100%; position: relative; right: 0px; top: 0px }
	.owl-carousel-meeting-list { max-width: 787px }
	.owl-carousel-meeting-list li { list-style: none }
	[class*="block-grid-"].owl-carousel-meeting-list { margin: 0 0px }
	.meetings-list .calendar .day { font-size: 14px; top: 3px }
	.top-header .nav ul li a { color: #fff; font-size: 13px }
	.content { }
	.registration-form.content .inner { }
	.form-horizontal .sm-block.btn-block { margin-bottom: 15px }
	.form-horizontal .sm-block.btn-block .cta-btn .text { display: none }
	.form-horizontal .sm-block.btn-block .cta-btn i { margin-right: 0px }
	.form-horizontal .sm-block.btn-block .cta-btn { border: 1px solid #2980b9; background-color: #2980b9; color: #fff !important; font-weight: 600; padding: 5px 5px; font-size: 14px; margin-right: 0px; border-radius: 100%; text-align: center; margin-left: 2px; height: 30px; width: 30px; display: inline-block }
	.form-horizontal .control-label { padding-top: 5px; padding-bottom: 6px }
	.heading { font-size: 16px }
	.dashboard-slides .owl-carousel .owl-nav .owl-next, .dashboard-slides .owl-carousel .owl-nav .owl-prev { font-size: 26px }
	.dashboard-slides .owl-carousel .owl-nav .owl-next { right: -5px }
	.dashboard-slides .owl-carousel .owl-nav .owl-prev { left: -5px }
	.meeting-events .medium-block-grid-2 { display: inherit; margin: 0px }
	.meeting-section .meeting-wrapper .inner { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
	.map-box { margin-bottom: 25px; width: 100%; right: 0px; float: none; position: relative }
	span.notify-circle { font-weight: 300; height: 25px; width: 25px; top: -6px; right: -4px; font-size: 13px; line-height: 15px }
	.box-body .cards { padding: 0px }
	.meeting-events  .cards { padding: 0px 15px }
	.meeting-events .custom-cards.cards { padding: 10px 0px !important }
	.meeting-events [class*="block-grid-"] > li { padding: 0 0px 5px }
	.table { margin-top: 10px }
	.form-horizontal .arrow { width: 25px; height: 25px; font-size: 16px; line-height: 22px; right: 4px; top: 6px }
	.owl-carousel-meeting-list .owl-nav { text-align: right; right: -7px; padding-right: 11px; position: absolute; z-index: 9999; top: 15px }
	.owl-carousel-meeting-list .owl-nav div { width: 20px; height: 20px; background: #fff; background-color: rgb(255, 255, 255); background-color: rgba(15, 25, 41, 0.7); padding: 2px; color: #fff; text-align: center; line-height: 13px; margin-bottom: 2px; font-size: 16px }
	.table-responsive { min-height: .01%; overflow-x: auto !important; padding-bottom: 15px }
	.table-responsive .table { margin-top: 0px; width: 767px !important; max-width: 767px }
	.heading { margin-bottom: 10px }
	.send_reply a { display: inline-block; padding: 5px 7px !important; color: #fff; float: left; background-color: rgb(74, 96, 171); border-left: 1px solid rgb(57, 78, 150); font-weight: 300; font-size: 11px !important }
	.sm-block  .send_reply { padding-left: 35px; margin-bottom: 20px }
	.event_custom_calendar .fc-state-default { height: auto; padding: 2px 5px; font-size: 11px }
	.event_custom_calendar .fc-toolbar { padding: 10px 5px 10px; margin-bottom: 0 }
	.event_custom_calendar .fc-center h2 { color: rgba(101, 118, 174, 0.98); font-size: 20px; margin-top: 15px }
	.event_custom_calendar th.fc-day-header { padding: 5px; font-size: 13px; margin-top: 10px }
	.activity-select .form-field { padding-right: 0px !important }
	.activity-select .form-field .input-label { font-size: 13px; height: 40px; right: 0px }
	.home-login { background-attachment: inherit !important }
	.emeeting-home  .Calendar { width: 130px; padding: 1px 0px 0px 0px; text-align: center; background-color: rgba(101, 118, 174, 0.98); border: 0px solid rgba(101, 118, 174, 0.98); text-transform: capitalize; height: 145px; position: relative; margin: 0px auto }
	.emeeting-home  .Calendar i { height: 40px; width: 40px; margin-top: -20px; font-size: 15px; line-height: 30px }
	.emeeting-home  .Calendar span { line-height: 30px; font-size: 18px; font-weight: 600 }
	.emeeting-home  .Calendar .year { font-size: 16px; padding: 5px 0px; height: 35px; line-height: 24px }
	.emeeting-home  .Calendar .num { font-weight: 600; font-size: 35px; font-weight: 600; padding: 5px 0px; display: block; color: #fbe021; position: relative; top: 0px }
	.emeeting-home  .send-reply-box { margin: 10px 0px }
	.emeeting-home  .Calendar .year { font-size: 14px; height: 30px; line-height: 22px }
	.annotator-touch-editor .annotator-widget .annotator-item:first-child textarea { margin-top: 0px !important; min-height: 2.5em !important }
	.annotator-widget.annotator-touch-widget-inner { background: none !important; border: none !important; margin: 0px !important; padding: 0px !important; min-width: 396px; border-radius: 0px !important }
	body .annotator-editor .annotator-item:first-child textarea { min-height: 39px !important; border-radius: 0px !important; background: #fff !important; min-width: 228px !important; padding: 3px !important; margin: 0px !important; margin-top: 0px; margin-left: 0px; height: 38px !important; font-size: 12px !important; left: 0px !important; margin-left: 0px !important; padding-right: 24px !important }
	.annotator-widget.annotator-touch-widget-inner .annotator-button { cursor: pointer; font-size: 14px !important; line-height: 23px !important; padding-left: 20px !important; padding-right: 10px !important }
	.annotator-touch-widget .annotator-button::after { left: 4px !important }
	.annotator-touch-editor .annotator-controls { border: 0px solid #E6E1E1 !important; background-color: #e6e6e6 !important; position: absolute !important; bottom: 0px !important; z-index: 9 !important; width: 100% !important; border-radius: 0px !important; box-shadow: none !important; right: 16px; max-width: 164px }
	.annotator-touch-editor .annotator-touch-widget { max-width: 390px !important }
	#book-wrapper .box-header h3 { font-size: 13px; text-overflow: ellipsis; display: block; text-align: center; margin: 0px auto; padding: 12px 15px 10px !important; margin-bottom: 0px !important }
	.bookvew-section .page-view {z-index: 9999;padding: 0px 0px 10px 0px; position: relative !important; right: 2px; top: 0px; float: none !important; margin: 0px auto }
	#book-wrapper .annotator-touch-widget.annotator-touch-controls { top: 0px !important; bottom: auto !important }
	.annotator-touch-widget .annotator-button { cursor: pointer; font-size: 14px; line-height: 20px !important; padding-left: 24px; padding-right: 10px }
	#book-wrapper .box-header { margin-bottom: 10px }
	#book-wrapper .annotator-touch-editor .annotator-touch-widget, .annotator-touch-editor { margin-top: 5px !important }
	#directors-block.section .block .details { text-align: center }
	.login-tagline {font-size: 16px !important;}
}
@media (max-width:667px) {
	.setting-block .nav > li > a { font-size: 12px; padding: 5px 13px; }
	.emeeting-home .cards { padding-top: 10px }
	.emeeting-home .Calendar { width: 95px; height: 130px }
	.emeeting-home  .Calendar span { line-height: 26px; font-size: 18px; font-weight: 600 }
	.send-reply-box .send_reply a .fa { color: #131313 !important; margin-right: 5px }
	.emeeting-home  .Calendar .num { font-size: 26px }
	.send-reply-box  .send_reply a { padding: 5px 10px !important }
	.info-box p { font-size: 12px }
	.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 4px 6px; margin-left: -1px; line-height: 12px; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; font-size: 11px }
}
@media (max-width:480px) {
	.Calendar { float: none; margin: 0px auto; margin-top: 20px; margin-right: 10px }
	footer.footer { height: 50px }
	body { margin: 0 0 50px !important }
	.sec-logo { max-width: 124px; margin-left: 6px; top: 2px }
	.icon-box .sub-text { font-size: 11px }
	.dashboard-items h4 { font-size: 13px }
	.agenda-slider.dashboard-slides .owl-carousel .owl-item img { margin: 10px auto }
	.login-section .login__footer p a { font-size: 12px }
	.login__footer .login-link { border: 0px; background-color: #6f82bd; border-radius: 0px; color: #fff; font-weight: 700; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 5px 8px; font-size: 13px }
	.btn-block.text-center .cta-btn.icon-btn { display: block; margin: 0px auto; margin-top: 5px; float: none !important; max-width: 160px; width: 100% }
	.policy-section #accordion .panel.panel-default { width: 100% !important; list-style: none }
	.profile-block { float: none; margin-bottom: 10px }
	.edit-image .input-group.file-content, .edit-image .input-group-btn.link { margin-left: 0px }
	.my-details.section .board-info p b, .my-details.section .board-info p .value-tx { width: 100%; display: block }
	.logo .logo-text { font-size: 18px; margin-left: 2px }
	#director-info .bookvew-section .nav > li > a { padding: 5px 4px; font-size: 12px }
	#director-info .bod-details { margin-top: 15px }
	.custom-event .pagination { margin: 10px 0px 0px !important; }
}
@media (max-width:479px) {
	.custom-cards .col-xs-3, .custom-cards .col-xs-9 { width: 100%; float: none }
	.section.slider-section .cards { padding-top: 0px }
	.section.slider-section .cards .send-reply-box { max-width: 226px; margin: 0px auto }
	.section.slider-section .cards .sm-block { margin-bottom: 6px; text-align: center; margin-top: 15px }
	.section.slider-section .cards .sm-block .line-icon, .sm-block p { display: block }
	.section.slider-section .cards .sm-block p { max-width: 100%; margin: 10px 0px }
	.emeeting-home  .Calendar { width: 100px; height: 110px }
	.emeeting-home  .Calendar i { height: 30px; width: 30px; margin-top: -15px; font-size: 12px; line-height: 20px }
	.emeeting-home  .Calendar span { line-height: 20px; font-size: 14px; font-weight: 600 }
	.agenda-slider.dashboard-slides .owl-carousel .owl-item img { max-width: 95px }
	.inner-name { font-size: 12px; left: -4px; top: 54px; width: 90px }
	.doc-circle { right: 3px }
	.send-reply-box .send_reply a { padding: 5px 5px !important; }
	.addi-details.agenda-doc.send_reply { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	[class*="block-grid-"].files-block > li { width: 100% !important; padding: 4px 5px 0px }
}
@media (max-width:386px) {
	.section .block .director-img { max-width: 60px; float: none; height: 60px; width: 100%; margin: 0px auto; margin-top: 12px; margin-bottom: 12px }
	.details { margin-left: 0px; padding: 10px 10px }
	.meetings-list .details .cta-btn { display: block; margin-top: 10px; margin-right: 0px }
	.meeting-details p b { font-size: 14px; display: block; margin-bottom: 5px }
	.meeting-details.my-details.section .details h4 { font-size: 15px }
	.footer p span { text-align: center }
	.send_reply a { padding: 5px 3px !important; font-size: 11px !important }
	#directors-block.section .block .details { margin-left: 0px !important }
}
@media (max-width:360px) {
	.icon-box .sub-text { font-size: 11px }
	.total-count .count-name { font-size: 12px }
	.dashboard-items h4 { font-size: 13px; height: 45px; margin: 10px 0px 15px }
}

.email-bottom {position: inherit !important;}
.email-btn {border: none;margin-top: 4px;position: absolute !important;width: 300px !important;
background-color: #337ab7;height: 40px;text-align: center;left: 0px;bottom: 0px;}

#loadQuotes {padding: 10px 15px 40px !important;}
.mail_director {
    max-height: 300px;
    overflow-y: auto;
}
.dir_btn {float:right;margin-left: 10px !important;}
.eval-q-table.catContainer tbody tr td.created-td-1 .cat-icon {position: inherit;}
.eval-q-table.catContainer tbody tr td.created-td-1 {
padding-left:0px !important;width: 45%;
}