*:focus, *:hover, *:active{outline:none!important;}
body{background:#fff!important; overflow-x:hidden;}
h1{font-size:24px; line-height:34px; color:#215b89; font-weight:600; margin-bottom:15px;}
h2{font-size:20px; line-height:30px; color:#215b89; font-weight:600; margin-bottom:15px;}
.do-purple-text{color:#241b51!important;}
/*.do-green-text{color:#87b52f!important;}
.do-pink-text{color:#bd1457!important;}*/
.do-green-text {color: #3cd6ca!important;}
.do-pink-text {color: #6335a5!important;}
p{margin-bottom:15px;}
.do-section{padding-top:30px!important; padding-bottom:30px!important;}
.do-section>*:last-child{margin-bottom:0;}
#topHeader{box-shadow:none;}
header{border:0; box-shadow:0 1px 5px #00000033; z-index:1; position:relative;}
#logo{padding-left:0;}
#mainHeader-inner{padding:15px 0;}
.navbar{display:flex; flex-wrap:wrap; align-items:end; align-content:center; justify-content:space-between; margin:0 -6px;}
.navbar .brand{max-width:184px;}
.navbar select.form-control{display:inline-block; width:auto; height:auto; padding:10px 12px; outline:none; background-color:transparent; border:0; border-radius:0; color:#fff; box-shadow:none;}
.navbar select.form-control:focus{box-shadow:none; outline:none;}
.navbar select.form-control option{color:#333;}
.od-menu-right-section{display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:space-between; width:calc(100% - 250px); background-color:#215b89; padding-right:5px;}
.od-menu-right-section #navbar{margin:auto;}
#dnnMenu .topLevel>li{position:relative;}
#dnnMenu .topLevel>li:after{content:''; border-right:1px dashed #fff; position:absolute; top:8px; right:0; bottom:8px; margin:auto;}
#dnnMenu .topLevel>li:last-child:after{display:none;}
#dnnMenu .topLevel>li>a{color:#fff;}
#dnnMenu .topLevel>li>a:focus, #dnnMenu .topLevel>li>a:hover{color:#fff; background-color:#1b517c;}
#dnnMenu .topLevel>li.active>a:focus, #dnnMenu .topLevel>li.active>a:hover{color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:#1b517c;}
.navbar-toggle{margin:0 0 0 10px; padding:6px; border:0; border-radius:0; background-color:#fff;}
.navbar-default .navbar-toggle .icon-bar{background-color:#215b89;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:#3cd6ca;}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{background-color:#fff;}
main{border:0; min-height:calc(100vh - 188px);}
.welcomPane{text-align:center;}
.od-footer-left-list{margin:0 -10px; padding:0; list-style:none; height:auto; overflow:hidden;}
.od-footer-left-list li{margin:0; padding:0 10px; list-style:none; float:left; position:relative; font-size:12px; color:#fff;}
.od-footer-left-list li:after{content:''; border-right:1px solid #fff; position:absolute; top:0; right:0; bottom:0; margin:auto; width:1px; height:10px;}
.od-footer-left-list li:last-child:after{display:none;}
.od-footer-left-list li a{display:block; color:#fff;}
.od-footer-left-list li a:hover{color:#fff;}
footer .copyright, footer .terms-priv{padding-left:0; padding-right:0;}
footer .footer-below{background-color:#215b89;}
.languageformPane{width:calc(100% + 16px); max-width:516px; margin:0 auto; height:auto; overflow:hidden; padding-bottom:15px!important;}
.languageformPane>.form-group{float:left; padding-left:8px; padding-right:8px;}
.languageformPane>.form-group:first-child{width:calc(100% - 100px);}
.languageformPane>.form-group:last-child{width:100px;}
.languageformPane>.form-group:last-child>.btn{width:100%;}
.languageformPane>.form-group:first-child>.form-control, .languageformPane>.form-group:last-child>.btn{min-height:40px;}
.btn-blue{background-color:#215b89; border:0; color:#fff;}
.btn-blue.focus, .btn-blue:focus, .btn-blue:hover{background-color:#1b517c; color:#fff;}
.btn-grey{background-color:#d9d9d9; border:0; color:#333;}
.btn-grey.focus, .btn-grey:focus, .btn-grey:hover{background-color:#c7c7c7; border:0; color:#333;}
.od-delete-btn{background-color:#dc3545; border:0; color:#fff;}
.od-delete-btn.focus, .od-delete-btn:focus, .od-delete-btn:hover{background-color:#bb2d3b; border:0; color:#fff;}
.tbl-filters{display:flex; flex-wrap:wrap; justify-content:space-between;}
.tbl-filters>.left-box{margin-right:10px;}
.filter-search-form-wrap{display:flex; flex-wrap:wrap; margin:0 -5px;}
.filter-search-form-wrap .form-group{padding:0 5px;}
.filter-search-form-wrap>.form-group:nth-child(2){min-width:202px;}
.od-table>thead>tr>th{background-color:#eee; border-bottom:0;}
.do-pagination{display:flex; flex-wrap:wrap; justify-content:end; align-items:center;}
.do-pagination>p{font-size:14px; margin:0 10px 5px 0;}
.do-pagination .pagination{margin:0;}
.od-table>tbody>tr:last-child{border-bottom:1px solid #ddd;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color:#215b89; border-color:#215b89;}
.add-product-section, .add-language-section, .add-document-section{width:100%; max-width:400px; margin:0;}
.od-btn-group{height:auto; overflow:hidden; margin:0 -5px;}
.od-btn-group .btn{float:left; margin:5px;}
.od-required-sign{display:inline-block; color:#dc3545;}
.od-error .od-invalid-feedback{display:inline-block; color:#dc3545; margin-top:2px;}
.table .btn{padding:5px 8px; font-size:14px;}
.w100{width:100px; min-width:100px; max-width:100px;}
.form-check{display:flex; flex-wrap:wrap; align-items:center;}
.form-check .form-check-input, .form-check .form-check-label{margin:0; font-weight:400;}
.form-check .form-check-input{margin-right:5px; width:18px; height:18px;}
.od-datepiker-wrap .input-group{position:relative; z-index:1;}
.od-datepiker-wrap .input-group-btn>.btn{border:1px solid #ccc!important;}
.btn.default:not(.btn-outline){color:#666; background-color:#e1e5ec; border-color:#e1e5ec;}
.btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline):hover, .open>.btn.default:not(.btn-outline).dropdown-toggle{color:#666; background-color:#c2cad8; border-color:#bcc5d4;}
.btn.red:not(.btn-outline){color:#fff; background-color:#e7505a; border-color:#e7505a;}
.btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline):hover, .open>.btn.red:not(.btn-outline).dropdown-toggle{color:#fff; background-color:#e12330; border-color:#dc1e2b;}
.form-control .fileinput-filename{width:calc(100% - 20px); height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.od-product-listing{margin:0 -15px 10px -15px; padding:0; list-style:none; float:left; clear:both; display:block;}
.od-product-listing li{margin:15px; padding:15px; list-style:none; float:left; width:calc(25% - 30px); height:175px; position:relative; border-radius:15px; overflow:hidden; background-color:#eee;}
.od-product-listing li:before{content:''; background:rgba(0,0,0,0.1); width:100%; height:100%; display:none; position:absolute; top:0; right:0; bottom:0; left:0; margin:0; z-index:0;}
.od-product-listing li:hover:before{display:block;}
.od-product-listing li a{display:flex; flex-wrap:wrap; flex-direction:column; align-items:flex-end; justify-content:flex-end; width:100%; height:100%; overflow:hidden; position:relative;}
.od-product-listing li h2{font-size:18px; line-height:28px; margin:0;}
.od-product-listing li p{margin:0; font-size:13px; line-height:25px;}
.od-product-listing li a, .od-product-listing li h2 {color: #fff;text-align: right;word-break: break-all;}
.od-product-listing li a:hover{text-decoration:none;}
.od-product-listing li.od-product-item-green{background-color:#3cd6ca; color:#fff;}
/*.od-product-listing li.od-product-item-green{background-color:#87b52f; color:#fff;}*/
/*.od-product-listing li.od-product-item-pink{background-color:#bd1457; color:#fff;}*/
.od-product-listing li.od-product-item-pink{background-color:#6335a5; color:#fff;}
.od-product-listing li.od-product-item-purple{background-color:#241b51; color:#fff;}
.do-clearfix{clear:both!important;}
.od-three-col-row-wrap{margin-bottom:15px; width:100%; float:left; clear:both;}
.od-three-col-row{display:block; clear:both; float:left; margin:0 -10px; width:calc(100% + 20px);}
.od-three-col-row .od-col{float:left; padding:0 10px; margin:5px 0; width:33.33%;}
.od-three-col-row .od-col p{margin-bottom:0;}
.od-back-link{font-size:16px; float:right; clear:both;}
.do-pagination .pagination{display:inline-block; padding:0; margin:0; border-radius:4px; float:left;}
.do-pagination .pagination>a, .do-pagination .pagination>span{position:relative; float:left; display:inline-block; padding:6px 12px; margin-left:-1px; font-size:16px; line-height:1.42857143; color:#337ab7; text-decoration:none; background-color:#fff; border: 1px solid#ddd;}
.do-pagination .pagination>a:first-child, .do-pagination .pagination>span:first-child{border-top-left-radius:4px; border-bottom-left-radius:4px;}
.do-pagination .pagination>a:last-child, .do-pagination .pagination>span:last-child{border-top-right-radius:4px; border-bottom-right-radius:4px;}
/*.do-pagination .pagination>a:hover, .do-pagination .pagination>span:hover{background-color:#eee; border-color:#ddd;}*/
.do-pagination .pagination >span{background-color:#eee; border-color:#ddd;}
.do-pagination .pagination>span{background-color:#215b89; border-color:#215b89; color:#fff;}
.od-datepiker-wrap .date-picker{position:relative; background-color:#eee;}
.od-datepiker-wrap .date-picker:after{content:'\f073'; font-family:'FontAwesome'; position:absolute; top:0; bottom:0; right:10px; margin:auto; font-size:14px; color:#666; height:18px;}
.od-datepiker-wrap .date-picker .form-control{background-color:transparent!important; position:relative; z-index:1; padding-right:25px;}
.product-document-lising-section .od-three-col-row .od-col{position:relative;} 
.product-document-lising-section .od-three-col-row .od-col:after{content:'\f105'; font-family:'FontAwesome'; position:absolute; right:0; top:2px; bottom:0; margin:auto; font-size:18px; font-weight:600; color:#5a5a5a;}
.product-document-lising-section .od-three-col-row > .od-col:last-child:after{display:none;}
.od-back-link i{margin-right:3px;}
/*.od-product-listing li h2 {word-break: unset;}*/
.od-product-listing li a, .od-product-listing li h2 {word-break: unset;}

/*Responsive*/
@media (min-width:768px) {
    .navbar-nav>li>a{padding-top:10px; padding-bottom:10px;}
}

@media (max-width:991px){
.od-product-listing li{width:calc(33.33% - 30px)}
}

@media (max-width:768px){
.do-pagination nav{display:block;}
}

@media (max-width:767px){
.od-menu-right-section{justify-content:end;}
.od-menu-right-section>#navbar{position:absolute; left:0; right:0; top:67px; z-index:1;}
#dnnMenu .topLevel>li:after{display:none;}
#dnnMenu .topLevel li.active a{color:#fff; font-weight:400;}
#dnnMenu .topLevel li a span{line-height:1; margin:0; padding:0; font-size:16px;}
.od-product-listing li{width:calc(50% - 30px);}
.od-three-col-row{border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px;}
.od-three-col-row .od-col{width:100%;}
.od-three-col-row-wrap>.od-three-col-row:last-child{border-bottom:0; margin-bottom:0; padding-bottom:0;}

}

@media (max-width:520px){
.navbar{align-items:center;}
.navbar-toggle{margin:0;}
.od-menu-right-section{background-color:transparent; flex-direction:column; align-content:end; align-items:end; padding:0;}
.navbar select.form-control{background-color:#215b89; padding:6px 12px; margin-bottom:5px;}
.od-product-listing li{width:calc(100% - 30px)}
}

@media (max-width:480px){
#mainHeader-inner{padding:50px 15px 15px 15px;}
.navbar{display:block; margin:0;}
#navbar-top-wrapper{clear:unset; position:relative; float:left;}
.od-menu-right-section{float:right; margin-top:-40px;}
.navbar select.form-control{margin-bottom:32px;}
.languageformPane{width:100%;}
.languageformPane > .form-group:first-child{width:100%; clear:both; padding:0;}
.languageformPane > .form-group:last-child{clear:both; padding:0;}
.navbar select.form-control option{color:#fff;}
}