/*****************************************************
* Custom DBB
***************************************************** */
*, *:before, *:after {
outline: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ===== Positionings ===== */
.relative{position: relative;}
.dblock{display: block !important;}
.dinline{display: inline !important;}
.dinline-block{display: inline-block !important; float: none !important;}
.clear-none{clear: none!important;}
.pull-left{float: left !important;}
.pull-right{float: right !important;}
.center{display:block;float: none!important;margin-left: auto !important;margin-right: auto !important;}
.w-auto-min{width:auto!important;min-width:0!important;}
.w-auto{width:auto!important;}.full{width: 100% !important;}
.full-allowance{width: 90% !important;}
.h-auto{height:auto!important;}
/* ===== Box Sizing ===== */
/* Paddings */
.no-padding{padding:0 !important;}
.padded{padding: 20px;}
/* Margins */
.no-margin{margin:0 !important;}
.no-margintop{margin-top:0 !important;}
.no-marginright{margin-right: 0 !important;}
.no-marginbottom{margin-bottom: 0 !important;}
.no-marginleft{margin-left: 0 !important;}
.margin-top5{margin-top: 5px !important;}.margin-top8{margin-top: 8px !important;}.margin-top10{margin-top: 10px !important;}.margin-top15{margin-top: 15px !important;}.margin-top20{margin-top: 20px !important;}.margin-top25{margin-top: 25px !important;}.margin-top30{margin-top: 30px !important;}.margin-top35{margin-top: 35px !important;}.margin-top40{margin-top: 40px !important;}.margin-top45{margin-top: 45px !important;}.margin-top50{margin-top: 50px !important;}
.margin-left5{margin-left: 5px !important;}.margin-left8{margin-left: 8px !important;}.margin-left10{margin-left: 10px !important;}.margin-left20{margin-left: 20px !important;}.margin-left30{margin-left: 30px !important;}.margin-left40{margin-left: 40px !important;}
.margin-right5{margin-right: 5px !important;}.margin-right8{margin-right: 8px !important;}.margin-right10{margin-right: 10px !important;}.margin-right20{margin-right: 20px !important;}
.margin-bottom5{margin-bottom: 5px !important;}.margin-bottom8{margin-bottom: 8px !important;}.margin-bottom10{margin-bottom: 10px !important;}.margin-bottom20{margin-bottom: 20px !important;}.margin-bottom30{margin-bottom: 30px !important;}.margin-bottom40{margin-bottom: 40px !important;}.margin-bottom50{margin-bottom: 50px !important;}
.margin-tb{margin-top: 20px !important;margin-bottom: 20px !important;}.margin-tb2{margin-top: 2px !important;margin-bottom: 2px !important;}.margin-tb5{margin-top: 5px !important;margin-bottom: 5px !important;}.margin-tb10{margin-top: 10px !important;margin-bottom: 10px !important;}.margin-tb20{margin-top: 20px !important;margin-bottom: 20px !important;}.margin-tb30{margin-top: 30px !important;margin-bottom: 30px !important;}.margin-tb40{margin-top: 40px !important;margin-bottom: 40px !important;}.margin-tb50{margin-top: 50px !important;margin-bottom: 50px !important;}.margin-tb60{margin-top: 60px !important;margin-bottom: 60px !important;}.margin-tb70{margin-top: 70px !important;margin-bottom: 70px !important;}.margin-tb80{margin-top: 80px !important;margin-bottom: 80px !important;}
.indent, .bullet-theme.indent{margin-left: 20px !important;}
ol.indent, ul.indent{margin-left: 40px !important;}
.shift-up{margin-top: -5px !important;}
.shift-right{margin-right: -5px !important;}
.shift-left{margin-left: -5px !important;}
/* Borders */
.no-border{border: 0 !important;}
.no-borderradius{border-radius: 0 !important;}
.border-top{border-top: solid 1px #ececec;}
.border-bottom{border-bottom: solid 1px #d6d6d6;}
.bordered {border: solid 1px #d3d3d3 !important;}
hr {
display: block;
float: left;
clear: both;
width: 100%;
height: 1px;
border: 0;
padding: 0;
outline: 0;
box-shadow: 0 0 0;
margin: 20px 0;
background: #D7D7D7;
}
/* ===== Containers ===== */
/* Wrapper */
.wrapper.pull-left,.wrapper.pull-right{width: auto;clear: none;}
.wrapper.padded{
padding: 10px;
width: 100%;
}
.wrapper{
display: block;
float: left;
clear: both;
margin: 0;
padding: 0;
width: 100%;
}
.wrapper-img{
display: block;
float: left;
margin: 0;
padding: 0;
width: 32%;
}
.wrapper-img img.regular{width: auto;}
.wrapper-img img{
width: 100%;
height: auto;
}
.wrapper-img .avatar-name{
display: block;
clear: both;
float: left;
width: 100%;
margin: 5px 0 0;
font-size: 12px;
font-family: arial;
}
.wrapper-img .avatar-detail{
display: block;
clear: both;
float: left;
width: 100%;
margin: 0 0 5px;
font-size: 11px;
font-family: arial;
}
.wrapper-details{
display: block;
float: right;
margin: 0;
padding: 0;
width: 65%;
}
a > .wrapper-name:hover {color: #6FA923;}
.wrapper-name {
display: block;
float: left;
width: 100%;
font: bold 14px arial;
color: #57585A;
margin: 0 0 2px;
}
.wrapper-textdetail {
display: block;
float: left;
width: 100%;
font: italic 14px arial;
color: #57585A;
margin: 0 0 2px;
}
/* Articles and Sections */
article:last-child, section:last-child, aside:last-child{margin-bottom: 0;}
article:first-child > h1, section:first-child > h1, aside:first-child > h1{margin-top: 0;}
article, section, aside{
display: block;
float: left;/**/
width: 100%;
margin: 0 0 10px;
}
/* ===== Columns ===== */
.one-col{display:block;width: 32%;}
.two-col{display:block;width: 65%;}
.section-col-wrapper{
display: block;
float: left;
width: 100%;
}
.section-col-wrapper > div[class|='section']{margin-bottom: 20px;}
.section-col-wrapper > .section-col-2:nth-child(2n+2){margin-right:0;}
.section-col-wrapper.fit > .section-col-2{width: 50%; margin-right: 0;}
.section-col-wrapper > .section-col-2{display:block; float: left; clear: none; width: 49%; margin-right: 2%;}
.section-col-wrapper > .section-col-3:nth-child(3n+3){margin-right:0;}
.section-col-wrapper.fit > .section-col-3{width: 33.3%; margin-right: 0;}
.section-col-wrapper > .section-col-3{display:block; float: left; clear: none; width: 32%; margin-right: 1.8%;}.section-col-3.colspan-2{width: 64%;}
.section-col-wrapper > .section-col-4:nth-child(4n+4){margin-right:0;}
.section-col-wrapper.fit > .section-col-4{width: 25%; margin-right: 0;}
.section-col-wrapper > .section-col-4{display:block; float: left; clear: none; width: 24%; margin-right: 1%;}.section-col-4.colspan-2{width: 48%;}.section-col-4.colspan-3{width: 72%;}
.section-col-wrapper > .section-col-5:nth-child(5n+5){margin-right:0;}
.section-col-wrapper.fit > .section-col-5{width: 20%; margin-right: 0;}
.section-col-wrapper > .section-col-5{display:block; float: left; clear: none; width: 19%; margin-right: 1.2%;}
.section-col-wrapper > .section-col-5:nth-child(5n+1) { clear: left; }
.section-col-wrapper > .section-col-6:nth-child(6n+6){margin-right:0;}
.section-col-wrapper.fit > .section-col-6{width: 16.5%; margin-right: 0;}
.section-col-wrapper > .section-col-6{display:block; float: left; width: 15%; margin-right: 1.5%;}
.section-col-wrapper > .section-col-6:nth-child(6n+1) { clear: left; }
/* ===== FORM ELEMENTS ===== */
label,select,a{cursor: pointer;}
label.w-auto{margin-right: 20px;}
label.mid{margin-top: 7px;}
.label-check{display: block;padding-left: 22px;}
.label-theme{display: block;float: left;margin-right: 10px;width: 120px;}
.label-theme.xsmall{width: 40px;}label.small{width: 80px;}label.medium{width: 180px;}label.large{width: 220px;}
.label-val{display: block;float: left;}
.form-group .form-control.form-control-horizontal > .form-input {
margin-right: 10px;
margin-bottom: 5px;
}
.form-group .form-control.form-control-horizontal > label {
display: inline;
display: inline-block;
width: auto;
margin-right: 10px;
}
.form-group .form-control > label {
display: block;
width: 100%;
}
form ul.item-list li ul{
display: block;
float: left;
clear: none;
width: 70%;
}
form ul.item-list li address {
margin: 0;
font-style: normal;
}
form ul.item-list li address > strong,
form ul.item-list li address > span {
display: block;
margin-bottom: 5px;
}
/* ===== Tables ===== */
table{margin: 10px 0;}
thead tr th{padding: 5px 0;text-align: left;}
tbody tr td {padding: 5px 0;}
tbody tr td:first-child {word-wrap:break-word;vertical-align: top;}
table.acenter thead tr th,
table.acenter tbody tr td {text-align: center;vertical-align: top;}
table.acenter thead tr th:first-child,
table.acenter tbody tr td:first-child {text-align: left;}
table.action-links-3 .action-links {width: 85px;}
table td .action-links {
margin: 0 auto;
display: block;
width: 55px;
}
table td .actions{margin: 0 5px;}
/* ===== LISTS ===== */
menu, ol, ul {clear:left;margin: 0 0 10px 20px; padding: 0;}
menu {margin: 20px 0;}
ol, ul {display: block; list-style: none; }
ol > li {display: list-item; list-style-type: decimal; margin: 0 0 8px; text-indent: 0;}
ul > li {display: list-item; list-style-type: disc; text-indent: 0;}
ul > li > ul > li {list-style-type: circle;}
/* List Styles */
.no-bullets{list-style: none !important;}
ul.square{display: block;list-style: square;}
ul.square.horizontal > li{clear:none;margin-right: 25px;}
/* Numbers List */
ol.list-decimal {
margin: 0 0 10px;
}
ol.list-decimal > li {
list-style: inside decimal-leading-zero;
text-indent: -20px;
margin-left: 25px;
padding: 4px 0;
}
ol.list-loweralpha {
margin: 0 0 10px;
}
ol.list-loweralpha > li {
list-style: inside lower-alpha;
text-indent: -12px;
margin-left: 12px;
padding: 4px 0;
}
ol.list-upperalpha {
margin: 0 0 10px;
}
ol.list-upperalpha > li {
list-style: inside upper-alpha;
text-indent: -12px;
margin-left: 12px;
padding: 4px 0;
}
/* Boxed List */
ol.boxed-list {
display: block;
list-style-position: inside;
margin: 0;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D6D6D6;
}
ol.boxed-list > li:last-child {border: 0;}
ol.boxed-list > li {
list-style-type: decimal;
border-bottom: 1px solid #D6D6D6;
margin: 0;
padding: 5px 5px 5px 30px;
text-indent: -18px;
}
/* Divided List */
ol.divided {
display: block;
list-style-position: inside;
margin: 0;
background: none repeat scroll 0 0 #FFFFFF;
}
ol.divided > li:last-child {border: 0;}
ol.divided > li {
list-style-type: decimal;
border-bottom: 1px solid #D6D6D6;
margin: 0;
padding: 5px 5px 5px 23px;
text-indent: -14px;
}
/* Item List */
ul.item-list {
display: block;
float: left;
width: 100%;
margin: 0 0 10px;
padding: 0;
list-style: none;
}
ul.item-list.horizontal > li {margin: 0 0 10px 10px;}
ul.item-list.divided:not(.padded) > li:last-child {border-bottom: 0;padding-bottom: 0;}
ul.item-list.divided.padded > li:last-child {border-bottom: 0;}
ul.item-list.divided > li {border-bottom: solid 1px #d7d7d7; padding: 10px; width: 100%;}
ul.item-list.divided.dotted > li {border-style: dotted;}
ul.item-list.divided.dashed > li {border-style: dashed;}
ul.item-list.bullet-theme > li {padding-left: 20px;}
ul.item-list:not(.horizontal) > li:last-child {margin-bottom: 0;padding-bottom: 0;}
ul.item-list > li {
display: block;
float: left;
clear: both;
height: auto;
width: 100%;
list-style: none;
padding: 0;
margin: 0 0 5px;
}
ul.item-list.padded > li {padding: 10px;}
ul.item-list.no-spacing > li{margin: 0;}
ul.item-list.full > li{width: 100%;}
/* Horizontal List */
ul.horizontal {
display: block;
float: left;
width: 100%;
}
ul.horizontal.full.col2 > li {width: 49% !important;}
ul.horizontal.full.col3 > li {width: 32% !important;}
ul.horizontal > li.divided:first-child {border-left: 0;}
ul.horizontal > li.divided {border-left: solid 1px #797979;padding-left: 10px;}
ul.horizontal > li:first-child {margin-left: 0;}
ul.horizontal > li {
display: list-item;
margin: 0 0 0 4px;
float: left !important;
clear: none !important;
width: auto !important;
}
/* ===== TEXT ===== */
/* Font Weight */
.font-normal{font-weight: normal !important;}
.font-bold{font-weight: bold !important;}
/* Font Sizes */
.txt-10{font-size: 10px !important;}.txt-11{font-size: 11px !important;}.txt-12{font-size: 12px !important;}.txt-14{font-size: 14px !important;}.txt-16{font-size: 16px !important;}.txt-18{font-size: 18px !important;}.txt-20{font-size: 20px !important;}.txt-22{font-size: 22px !important;}
/* Text Alignment */
.txt-left{text-align: left !important;}
.txt-right{text-align: right !important;}
.txt-center{text-align: center !important;}
.txt-justify{text-align: justify !important;}
/* Text Transform */
.txt-notransform{text-transform: none !important;}
.txt-uppercase{text-transform: uppercase !important;}
.txt-lowercase{text-transform: lowercase !important;}
.txt-capitalize{text-transform: capitalize !important;}
/* Spacings */
.txt-nowrap {white-space: nowrap !important;}
.txt-wrap {white-space: normal!important;}
/* Text Colors */
.txt-red{color:#860808 !important;}.txt-white{color:#ffffff !important;}.txt-softwhite{color:#a3a3a3 !important;}.txt-violet{color:#6b3593 !important;}.txt-yellow{color:#fcb028 !important;}.txt-black{color: #000000 !important;}.txt-green{color:#6FA923 !important;}.txt-gray{color:#969696 !important;}.txt-lightgray{color:#555555 !important;}.txt-darkgray{color: gray!important;}.txt-orange{color: #F0912F !important;}
.no-bg{background: 0 !important;}
.bgwhite{background:#ffffff !important;filter:none !important;}
.bg-right{background-position: right center;}
.bg-left{background-position: left center;}
/* Paragraphs */
p.lead{ font-weight: bold; font-size: 16px; }
p:last-child{margin-bottom: 0;}
p .button.left,p img.left{margin-right: 20px;}
p .button.right,p img.right{margin-left: 20px;}
address {
font-style: normal;
}
img, iframe {
max-width: 100%;
}
/* ===== Notifications ===== */
.notif {display: block;float: left;border-radius: 0;padding: 8px 10px;width: auto;font: 11px 'arial';clear: both;margin: 10px 0;line-height: 12px;}
.notif.error {background: none repeat scroll 0 0 #F4BCBC;border: 1px solid #C61E1E;color: #C61E1E;}
.notif.success {background: none repeat scroll 0 0 #96DBAC;border: 1px solid #109139;color: #109139;}
.notif.warning {background: none repeat scroll 0 0 #fff696;border: 1px solid #c7bb35;color: #A99D17;}
.notif.info {background: none repeat scroll 0 0 #9BD5FF;border: 1px solid #5D9DD8;color: #4383BB;}
/* ===== Styles ===== */
.no-shadow{box-shadow: 0 0 0 !important;}
.cpointer{cursor:pointer;}
.cdefault{cursor:default;}
*[disabled="disabled"], *[disabled="disabled"] * {cursor: no-drop !important;}
/* ===== PLUGIN OVERRIDE: Table Sorter ===== */
th.tablesorter-header {
/*background-image: url(../img/tablesort/bg_white.gif);*/
vertical-align: middle !important;
cursor: pointer;
font-weight: bold;
background-repeat: no-repeat;
background-position: 8px center;
text-indent: 15px;
margin-left: -1px;
}
/*th.tablesorter-headerAsc { background-image: url(../img/tablesort/asc_white.gif); }
th.tablesorter-headerDesc { background-image: url(../img/tablesort/desc_white.gif); }*/
th.sorter-false { background: 0; cursor: default;}
/* ===== PLUGIN OVERRIDE: Fancy Box ===== */
.fancybox-effects img,
.fancybox-effects-a img,
.fancybox-effects-b img,
.fancybox-effects-c img,
.fancybox-effects-d img,
.fancybox-close {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.35s linear;
-moz-transition: opacity 0.35s linear;
-ms-transition: opacity 0.35s linear;
-o-transition: opacity 0.35s linear;
transition: opacity 0.35s linear;
}
.fancybox-effects:hover img,
.fancybox-effects-a:hover img,
.fancybox-effects-b:hover img,
.fancybox-effects-c:hover img,
.fancybox-effects-d:hover img,
.fancybox-close:hover {
opacity: 0.65;
filter: alpha(opacity=65);
}
/* ===== PLUGIN OVERRIDE: flexslider ===== */
.flexslider {overflow: hidden;}
.flexslider ul {
display: block;
list-style: none;
}
.flexslider ul > li{
display: block;
list-style: none;
}
.flexslider.flexslider-controls{
padding: 0;
margin: 20px 0;
}
.flexslider.flexslider-controls .slides > li { margin: 0 5px;}
.flexslider.flexslider-controls .slides > li:hover{
opacity: 0.4;
filter: alpha(opacity=40);
cursor: pointer;
}
/* ===== PLUGIN OVERRIDE: select2 ===== */
.select-theme{
cursor: pointer;
line-height: 32px;
border: 0;
font: 12px 'arial';
color: #666;
padding: 0;
width: 150px;
max-width: 100%;
border: 0;
}
.select-theme.select2-container .select2-choice,
.select-theme.select2-dropdown-open .select2-choice {
background: #FFF;
border-radius: 0;
border: solid 1px #D3D3D3;
height: 28px;
box-shadow: none;
}
.select2-container .select2-choice > .select2-chosen {
line-height: 20px;
color: #888888;
}
.select2-drop,
.select2-drop.select2-drop-above.select2-drop-active {
border: solid 1px #D3D3D3;
border-radius: 0;
}
.select2-results .select2-result-label {
color: #888;
padding: 2px 7px 3px;
}
.select2-results .select2-highlighted {background: #1F99C3;}
.select2-results .select2-highlighted .select2-result-label {color: #FFF;}
/* ===== PLUGIN OVERRIDE: jScrollPane ===== */
.has-customscroll.jscrollpane-destroy{overflow: visible !important; height: auto !important;}
.has-customscroll{
display: block;
float: left;
width: 100%;
height: 200px;
overflow: hidden;
outline: 0 !important;
}
.has-customscroll-content{
display: block;
float: left;
width: 98%;
}
.jspTrack {
background: #b1b1b1;
width: 3px;
margin-left: 2px;
}
.jspDrag {
background: #666666;
left: -2px;
width: 7px;
}
.jspHorizontalBar .jspTrack{
height: 3px;
top: 12px;
}
.jspHorizontalBar .jspDrag{
top: -2px;
height: 7px;
}
.has-customscroll.scroll-on-hover .jspVerticalBar,
.has-customscroll.scroll-on-hover .jspHorizontalBar{
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-ms-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
.has-customscroll.scroll-on-hover:active .jspVerticalBar,
.has-customscroll.scroll-on-hover:hover .jspVerticalBar,
.has-customscroll.scroll-on-hover:active .jspHorizontalBar,
.has-customscroll.scroll-on-hover:hover .jspHorizontalBar{
opacity: 1;
filter: alpha(opacity=100);
}
/* ================== TEMPLATE: Image Roll Effects =================
{} added by script
-------------------------------------------------------------------- */
.roll-wrapper {
position: relative;
display: block;
float: left;
width: 100%;
}
.roll:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
.roll {
position: absolute;
top: 0;
left: 0;
display: block;
float: left;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
background: #000000;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-ms-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
/* ======================== TEMPLATE: Popups =========================
-------------------------------------------------------------------- */
.popup-masked.active {display: block;}
.popup-masked{
display: none;
/*background: url("../img/popup-masked.png") repeat scroll 0 0 transparent;*/
position: fixed;
bottom: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1000;
}
.popup.active {display: block;}
.popup {
display: none;
position: absolute;
left: 50%;
z-index: 1000;
top: 150px;
width: 700px;
margin-left: -350px;
border: solid 10px #333333;
}
.popup-close:hover{opacity: 0.65;filter:alpha(opacity=65);}
.popup-close{
width: 19px;
height: 19px;
/*background: url("../img/popup-close.png") no-repeat 0 0 transparent;*/
}
.popup .popup-close-wrapper{
position: absolute;
top: 20px;
right: 30px;
}
.popup .popup-wrapper{
display: block;
float: left;
background: #000;
width: 100%;
}
.popup .popup-wrapper .popup-content{
display: block;
float: left;
height: auto;
width: 100%;
margin: 0;
padding: 20px;
clear: both;
color: #999999;
text-align: center;
}
.popup .popup-title{
display: block;
float: left;
width: 100%;
padding: 10px 0;
}
.popup .popup-title h1{
font-size: 28px;
margin-top: 0;
text-align: center;
}
.popup .popup-wrapper .popup-button {
display: block;
float: left;
margin: 0 0 20px;
width: 100%;
}
.popup .popup-wrapper .popup-button .button-wrapper{
display: block;
width: 180px;
margin: 0 auto;
}
/* ======================= TEMPLATE: Pagination ===================
-------------------------------------------------------------------- */
.page-numbers-wrapper{
display: block;
float: left;
width: 100%;
margin: 20px 0 0;
padding: 0;
border: 0;
text-align: center;
}
.center-auto{
text-align:left;
/*center content box for all non IE browsers*/
margin-left: auto;
margin-right: auto;
overflow:hidden
}
/*The following is what centers the dynamic div horizontally within the content box*/
.centerbox-outer{
margin: 0 auto;
float: left;
left: 50%;
position: relative;
}
.centerbox-inner{
float: left;
position: relative;
right: 50%;
/* line-height: 35px; */ /*to vertically center the links*/
}
.page-numbers-wrapper ul.pager{
display: block;
width: auto !important;
margin:0;
padding: 0;
border: 0;
}
.page-numbers-wrapper ul.pager li{
display: block;
float: left;
width: auto !important;
/*margin:0;*/
padding: 0;
border: 0;
}
.page-numbers-wrapper ul.pager li a {
font-size: 12px;
}
.page-numbers-wrapper ul.pager li.active .button-theme{
background: none repeat scroll 0 0 #000000;
border: 1px solid #FEDC00;
color: #FFFFFF;
text-decoration: none;
}
/* ===== TEMPLATE: Item Selection - ex: Choose image to upload =====
-------------------------------------------------------------------- */
.selection-item-wrapper .selection-item{position: relative;}
.selection-item-wrapper .selection-item .radio-selection-item{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
/* ==================== TEMPLATE: DBB Accordion ====================
-------------------------------------------------------------------- */
.dbb-accordion,
.dbb-accordion .accordion-header,
.dbb-accordion .accordion-content{
display: block;
float: left;
clear: both;
width: 100%;
}
.dbb-accordion .accordion-item{
display: block;
float: left;
width: 100%;
margin: 0 0 5px;
padding: 0;
}
.dbb-accordion .accordion-item:last-child{margin-bottom: 0;}
.dbb-accordion .accordion-item .accordion-header h1,
/*.dbb-accordion .accordion-item .accordion-header h2{
background: url("../img/accordion-collapse.png") no-repeat right 6px transparent;
}*/
.dbb-accordion .accordion-item.active .accordion-header h1,
.dbb-accordion .accordion-item.active .accordion-header h2{background-position: right -103px;}
.dbb-accordion .accordion-item.active .accordion-content{display: block;}
.dbb-accordion .accordion-item .accordion-content{
display: none;
}
/* ==========================================================================
Bootstrap Override
========================================================================== */
.nav {margin-left: 0;}
.dropdown-menu, .dropdown-menu>li, .nav, .nav>li {list-style: none;}
.dropdown:hover .dropdown-menu {display: block;}
.dropdown .dropdown-menu {
margin-top: -2px;
width: 100%;
}
/* ==========================================================================
Media Query
========================================================================== */
@media only screen and (max-width: 630px) {
.section-col-wrapper > .section-col-4,
.section-col-wrapper > .section-col-4:nth-child(3n+3) {
width: 49%;
margin-right: 2%;
}
.section-col-wrapper > .section-col-4:nth-child(2n+2) {margin-right: 0;}
}
@media only screen and (max-width: 540px) {
.one-col,
.two-col {
clear: both;
width: 100%;
margin: 0 0 20px;
}
.section-col-wrapper > .section-col-2 {
display: block;
float: left;
width: 100%;
clear: both;
}
.section-col-wrapper > .section-col-3,
.section-col-wrapper > .section-col-3:nth-child(3n+3) {
float: none;
clear: both;
width: 280px;
margin: 0 auto 10px;
}
.section-col-wrapper > .section-col-5,
.section-col-wrapper > .section-col-5:nth-child(5n+5) {
width: 32%;
margin-right: 1.8%;
}
.section-col-wrapper > .section-col-5:nth-child(3n+3) {margin-right: 0;}
.wrapper-img {
margin: 0 0 20px;
}
.wrapper-img,
.wrapper-details {
clear: both;
width: 100%;
}
.form-group .label-theme {
margin-right: 0;
width: 100%;
clear: both;
}
.form-group .form-control {
clear: both;
max-width: 100%;
}
}
/*****************************************************
* Bootstrap
***************************************************** */
body {padding: 0;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {height: 30px;}
.well {
border: solid 1px #fccc7a;
box-shadow: 0 0 0;
background: #ffffff;
padding: 10px;
}
.well .well-heading h3 {
position: relative;
float: left;
padding: 10px;
margin: 0 0 0 -10px;
background: #f47a20;
font: 14px "ubuntumedium";
color: #ffffff;
/*min-width:200px;*/
}
.well .well-heading {
display: block;
float: left;
width: 100%;
margin: 0 0 10px;
}
.well .well-heading h3:before {
position: absolute;
left: -20px;
top: 0;
content: " ";
height: 50px;
width: 0;
border: solid 10px transparent;
border-right-color: #f47a20;
}
.well .well-heading h3:after {
position: absolute;
right: -36px;
top: 0;
float: left;
content: " ";
border: solid 18px transparent;
border-left-color: #f47a20;
}
.well .well-heading .link-viewall {
float: right;
margin: 10px 0;
font-size: 11px;
}
.well.well-aside {
background: #f2eded;
border: 0;
}
.well.well-aside .well-heading {
position: relative;
padding: 0 10px;
margin-left: -10px;
margin-bottom: 15px;
background: #f47a20;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.well.well-aside .well-heading:before,
.well.well-aside .well-heading:after {
position: absolute;
top: 0;
left: -6px;
content: " ";
height: 43px;
width: 6px;
background: #f47a20;
border-radius: 8px 0 0 8px;
border: 0;
}
.well.well-aside .well-heading:after {
left: auto;
right: -6px;
border-radius: 0 8px 8px 0;
}
.well.well-aside .well-heading h3 {
position: static;
background: 0;
}
.well.well-aside .well-heading h3:before,
.well.well-aside .well-heading h3:after {
display: none;
}
.well.well-aside .well-heading .icon {margin: 7px 5px 0;}
.well.well-aside[data-color="peach"] .well-heading,
.well.well-aside[data-color="peach"] .well-heading:before,
.well.well-aside[data-color="peach"] .well-heading:after {
background: #e97c5f;
}
.well.well-timeline .well-content {
clear: both;
padding-left: 20px;
background: url("../img/icon-line-v.png") repeat-y 10px 0 transparent;
}
.well.well-timeline .well-content > .item-list {
display: inline-block;
float: none;
margin-top: -6px;
margin-bottom: -10px;
}
.well.well-timeline .post-date {
padding-left: 20px;
margin-left: -20px;
color: #858c95;
font-size: 12px;
background: url("../img/icon-point.png") no-repeat 8px 5px transparent;
}
.well.well-timeline h6 {
margin: 0;
color: #707cb1;
}
.sidebar-nav {padding: 9px 0;}
.table thead th small {font-size: 10px;}
.table thead th {
background: #73729c;
color: #fff;
vertical-align: middle;
font-weight: normal;
}
.table tbody td {
vertical-align: top;
}
.table thead th,
.table tbody td {
text-align: left;
font-size: 12px;
line-height: normal;
}
.table thead th:first-child,
.table tbody td:first-child {
text-align: left;
}
.navbar-inverse .navbar-inner {
background: 0;
border: 0;
box-shadow: 0 0 0;
}
.navbar-inverse .btn-navbar {
margin-top: 19px;
background: #FFBF37;
}
ul.item-list,
ul.item-list > li {
float: none;
}
/*****************************************************
* CMC Theme
***************************************************** */
body {
/*font-family: "ubunturegular";*/
color: #666666;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
body > .container { padding-left: 5px;padding-right: 5px;}
.navbar-inverse .navbar-inner {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=1 );
}
/* Globals */
h2 {
font-size: 20px;
font-weight: normal;
color: #ac6800;
text-transform: uppercase;
}
a:hover, a:focus {
text-decoration: underline;
color: #7c7ba3;
}
a {
display: inline-block;
color: #7c7ba3;
text-decoration: none;
font-weight: normal;
}
.link-viewall:after {
display: block;
float: right;
border: solid 5px transparent;
border-left-color: #7c7ba3;
}
h2 .icon.icon-performance,
h2 .icon.icon-sessions {
vertical-align: text-top;
}
.icon.icon-performance {background-position: 0 -171px;height: 20px;width: 23px;}
.icon.icon-sessions {background-position: -106px -171px;height: 20px;width: 23px;}
.icon.icon-chatbubble {background-position: -223px -171px;height: 20px;width: 23px;}
.icon.icon-paper {background-position: -446px -171px;height: 20px;width: 23px;}
.icon.icon-polls {background-position: -342px -171px;height: 20px;width: 23px;}
.icon.icon-announcement {background-position: -0px -200px;height: 20px;width: 23px;}
.icon.icon-survey {background-position: -108px -226px;height: 20px;width: 23px;}
.icon.icon-poll {background-position: -106px -197px;height: 20px;width: 23px;}
.top-line {
float: left;
border-top: solid 9px #ffa238;
margin: 0;
width: 100%;
padding: 0 0 0 0;
height: 0;
}
/* Template */
.header-wrapper {
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ebebeb 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ebebeb 100%);
background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#ebebeb 100%);
background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#ebebeb 100%);
background: radial-gradient(ellipse at center, #ffffff 0%,#ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=1 );
clear: both;
}
.navbar .nav>li>a {
font-weight: normal;
color: #000000 !important;
text-shadow: 0 0 0;
background: #ffb96a;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjk2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmYjk2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYTIzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmEyMzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffb96a 0%, #ffb96a 49%, #ffa238 50%, #ffa238 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb96a), color-stop(49%,#ffb96a), color-stop(50%,#ffa238), color-stop(100%,#ffa238));
background: -webkit-linear-gradient(top, #ffb96a 0%,#ffb96a 49%,#ffa238 50%,#ffa238 100%);
background: -o-linear-gradient(top, #ffb96a 0%,#ffb96a 49%,#ffa238 50%,#ffa238 100%);
background: -ms-linear-gradient(top, #ffb96a 0%,#ffb96a 49%,#ffa238 50%,#ffa238 100%);
background: linear-gradient(to bottom, #ffb96a 0%,#ffb96a 49%,#ffa238 50%,#ffa238 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );
}
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover,
.navbar .nav .active>a,
.navbar .nav .active>a:hover,
.navbar .nav .active>a:focus {
color: #ffffff !important;
text-shadow: 0 0 0;
background: #ebebeb;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNDE2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzQxNDE2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAxMDEzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTAxMzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #41416e 0%, #41416e 49%, #010138 50%, #010138 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41416e), color-stop(49%,#41416e), color-stop(50%,#010138), color-stop(100%,#010138));
background: -webkit-linear-gradient(top, #41416e 0%,#41416e 49%,#010138 50%,#010138 100%);
background: -o-linear-gradient(top, #41416e 0%,#41416e 49%,#010138 50%,#010138 100%);
background: -ms-linear-gradient(top, #41416e 0%,#41416e 49%,#010138 50%,#010138 100%);
background: linear-gradient(to bottom, #41416e 0%,#41416e 49%,#010138 50%,#010138 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );
}
.dropdown-menu>li>a {
text-align: left;
white-space: normal;
font-size: 13px;
line-height: normal;
}
#header-menu {
display: block;
float: left;
width: 100%;
padding: 10px;
}
#header-menu .top-menu ul > li,
#header-menu .top-menu ul > li a {
color: #000000;
font-size: 11px;
}
#header-menu .top-menu ul,
#header-right .top-menu ul {
margin-left: 0;
}
#header-right {
display: none;
float: right;
}
.sg-logo,
.top-menu,
#singgov-form {
float: left;
clear: both;
padding-top: 9px;
}
.top-menu ul.horizontal > li:first-child {list-style: none;}
.footer-wrapper {
font: 12px arial;
padding: 25px 0 29px;
color: #8a8790;
background-color: #f1eee9;
}
.footer-wrapper a {
color: #8a8790;
}
.sidebar-nav {
background: #c0c4c8;
border-radius: 8px 0 0 8px;
border: 0;
border-right: solid 5px #959595;
box-shadow: 0 0 0;
}
.sidebar-nav .nav-list>li>a {
position: relative;
text-shadow: 0 0 0;
color: #ffffff;
}
.sidebar-nav .nav-list>li>a:after {
display: none;
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
border: solid 6px transparent;
border-right-color: #959595!important;
}
.sidebar-nav .nav>li>a:hover,
.sidebar-nav .nav>li>a:focus,
.sidebar-nav .nav-list>.active>a,
.sidebar-nav .nav-list>.active>a:hover,
.sidebar-nav .nav-list>.active>a:focus {
background: #3f426d;
}
.sidebar-nav .nav-list>.active>a:after{display: block;}
@media (min-width: 979px) {
.navbar .nav {
width: 100%;
}
.navbar .nav>li {
display: inline-block;
float: none;
margin: 0 -2px;
border: solid 1px #fff;
}
.dropdown .dropdown-menu {
width: auto;
max-width: 200px;
background: #f2f2f2;
border-radius: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
background: #41416e;
}
.navbar .brand {
text-align: center;
width: 250px;
}
.navbar .brand-sub {
font-size: 11px;
text-shadow: 0 0 0;
color: #000;
clear: both;
width: 100%;
}
#header-right {display: block;}
#header-menu {display: none;}
.sg-logo,
.top-menu,
#singgov-form {
float: right;
clear: both;
}
.top-menu ul > li a {
color: #000000;
font-size: 11px;
}
}
@media (max-width: 1199px) {
.navbar .nav>li>a {
font-size: 12px;
}
}
@media (max-width: 979px) {
.nav-collapse .nav>li>a,
.nav-collapse .dropdown-menu a,
.navbar-inverse .nav-collapse .nav>li>a{
font-weight: normal;
color: #ffffff;
}
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover,
.navbar .nav .active>a,
.navbar .nav .active>a:hover,
.navbar .nav .active>a:focus,
.navbar-inverse .nav-collapse .nav>li>a:hover,
.navbar-inverse .nav-collapse .nav>li>a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
background: #F0D18F !important;
color: #000000;
}
.navbar-inverse .nav-collapse .nav>li>a,
.navbar-inverse .nav-collapse .dropdown-menu a {
color: #ffffff;
}
.navbar .brand-sub {
font-size: 12px!important;
font-family: "Helvetica Neue Light", arial, helvetica, sans-serif!important;
color: #000;
}
.navbar,
.navbar a,
.navbar a:hover {
color: #000
}
.navbar .brand img {
height: 50px;
}
.navbar-inverse .navbar-inner {
background: #ebebeb;
border-bottom: solid 3px #ffb96a;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
}
.nav-collapse .nav {
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}
}
@media (max-width: 767px) {
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
margin-left: 0;
margin-right: 0;
}
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media (max-width: 380px) {
.navbar .brand-sub {
max-width: 150px;
vertical-align: middle;
}
}
.well-heading h3 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
font-weight: bold!important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
background-color: #f47a20;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default.disabled, .btn-default[disabled] {
background-color: #f47a20;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
background-color: #f47a20;
}
.btn {
color: #FFF;
font-weight: bold;
}
.btn:hover, .btn:focus {
color: #FFF;
}
.btn-primary {
background-color: #f47a20;
background-image: -moz-linear-gradient(top, #FFAE00, #f47a20);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFAE00), to(#f47a20));
background-image: -webkit-linear-gradient(top, #FFAE00, #f47a20);
background-image: -o-linear-gradient(top, #FFAE00, #f47a20);
background-image: linear-gradient(to bottom, #FFAE00, #f47a20);
border-color: #FFAE00 #FFAE00 #f47a20;
border-color: rgba(255, 174, 0, 1) rgba(255, 174, 0, 1) rgba(244, 122, 32, 1);
}
.btn {
background-color: #f47a20;
background-image: -moz-linear-gradient(top, #FFAE00, #f47a20);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFAE00), to(#f47a20));
background-image: -webkit-linear-gradient(top, #FFAE00, #f47a20);
background-image: -o-linear-gradient(top, #E0AF00, #f47a20);
background-image: linear-gradient(to bottom, #FFAE00, #f47a20);
border-color: #FFAE00 #FFAE00 #f47a20;
border-color: rgba(255, 174, 0, 1) rgba(255, 174, 0, 1) rgba(244, 122, 32, 1);
border: 1px solid #f47a20;
border-bottom-color: #f47a20;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0);
}
div.alert-error ul {
list-style: none!important;
}
/*add for bord and underline for complete seesion */
.completedSeesion,.caseInfoForIntern {
font-weight: bold !important;
text-decoration: underline;
}
.train-hour-right {
float: right;
}
.mediator-error .alert ul li {
list-style-type: none;
}
