/*Theme Name: New Excle dwsTheme URI: Author URI:  */ 















@charset "utf-8";















/* CSS Document */















* {	margin: 0;	padding: 0;}















body { margin: 0; font-family: 'Open Sans', sans-serif; padding: 0; font-size:14px;  }















a,input{-webkit-transition: all 0.2s linear;    -moz-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear;	outline:0;}















a{color:#3fb7a9;}	















p {	margin: 0;	padding: 0;}















h1, h2, h3, h4 {	margin: 0;	padding: 0;}















h4, .h4, h5, .h5, h6, .h6 {	margin: 0;}















br {	margin: 0;	width: 0;}















ul{margin:0; padding:0;}















.nopadding{padding:0;}















.header-top { border-bottom: 1px solid #dcdcdc;}















.top-wrapper {    float: right;}















.top-menu { float: left; font-size:12px;padding: 13px 0;}















.top-menu ul li{list-style-type:none; display:inline-block; border-right: 1px solid #7a7a7a;}















.top-menu ul li a{text-decoration:none; color:#363636;padding: 0 20px; line-height:12px;}















.top-menu ul li:last-child {border-right:none;}















.top-menu ul li a:hover{color:#3fb7a9}















.top-scocial { float: left;}















.top-scocial ul li{list-style-type:none; float:left; border-right: 1px solid #dcdcdc;}















.top-scocial ul li a{color:#363636;font-size: 17px;padding: 13px 15px;display: block;}















.top-scocial ul li:hover{/*opacity:0.5;*/}















.top-scocial ul li:first-child{border-left: 1px solid #dcdcdc;}















































/*LOGO & NavBar*/















.main-nav {float: right;padding: 25px 0px;}















nav.navbar.navbar-default {    margin: 0;    background-color: #fff;    border-color: #fff;}















.navbar-default .navbar-nav > li > a { color: #363636; padding:0;}







.navbar-default .navbar-nav > li{padding:15px;}















.navbar-default .navbar-nav > li > a:hover{color:#3fb7a9}















.navbar-default .navbar-nav > li:last-child > a{padding-right:0;}















.nav > li > a{padding:15px 16px;}







@-moz-document url-prefix() { 







 .navbar-default .navbar-nav > li{padding:15px 13px;}







}















.logo{padding:26px 0 34px 0}







































/*Banner Section*/















.banner-section{background-size:100% 100%; background-repeat:no-repeat; background-position:center; color:#fff; text-align:center;padding: 3.5% 0;}















.welcome { font-size: 30px;    margin-bottom: 30px;}















.banner-text {    font-size: 16px;    padding: 0 4%;    margin-bottom: 30px;}















.tips ul li {    display: inline-block;    list-style-type: none;    font-size: 21px;padding: 0px 30px;border-right: 2px solid; line-height:20px;}















.tips ul li:last-child{border-right:none;}















.tips {    margin-bottom: 30px;}















.tips ul li span{color:#3fb7a9; text-transform:uppercase;}















.banner-menu ul li {display: inline-block;    font-size: 18px;     margin-right: 6px;width: 24.3%;    border: 1px solid;-webkit-transition: all 0.2s linear;    -moz-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear;	}















.banner-menu ul li:last-child{margin-right:0;}















.banner-menu ul li a { padding: 30px 0;    width: 100%;    display: block; color:#fff;text-decoration: none;}















.banner-menu ul li:hover a{background:#3fb7a9; }















.banner-menu ul li:hover{    border: 1px solid #3fb7a9;}































/*Search Section*/















.search-text{ width: 95%;    padding: 10px; border:1px solid #3fb7a9;float: left;}















input.search_btn {    background-color: #3fb7a9;    width: 5%;padding: 11px;    border: none; background-image:url(images/search_icon.png); background-repeat:no-repeat; background-position:center;}















.search-section { background: #eeeeee;    padding: 40px 0;}































/*middle section*/















.middle-section{padding:30px 0;}















.middle-section h4 {margin-bottom: 20px;border-bottom: 1px solid #ccc;padding-bottom: 14px;margin: 0 -15px;padding: 15px 15px;margin-bottom: 14px; font-weight:600;}















.post-wrapper h3 { margin-bottom: 19px; font-size:18px; line-height:24px;    min-height: 40px;}







.post-wrapper h3 a{color: #3fb7a9;}















.post-wrapper p {margin-bottom: 20px;}















.post-wrapper { background: #eeeeee; padding: 29px; -webkit-transition: all 0.2s linear;    -moz-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear; height:100%; position:relative;}















.post_margin{margin-bottom:15px;}















.wrapper-post{margin-bottom:15px;}















.wrapper-post:nth-child(even){padding-right: 7.5PX;}















.post-wrapper a{margin-right:15px; padding-right:15px; border-right:1px solid #000; text-decoration:none;COLOR: #363636;}















.post-wrapper a i{margin-left:5px;}















.post-wrapper a:last-child{border-right:0;}















.wrapper-post:nth-child(odd){padding-left: 7.5PX;}















.post-wrapper:hover{background:#3fb7a9; color:#fff;}















.post-wrapper:hover h3{color:#fff;}















.post-wrapper:hover a{color:#fff; border-right:1px solid #fff;}







.post-wrapper:hover a:last-child{border-right:none;}















.left-section { padding-right: 7.5px;}























.continue a:hover{color:#363636; }































.SEC-RIGHT { PADDING-LEFT: 7.5PX;}















.right-section {   border:2px solid #f0f0f0; padding:15px; padding-top:0;}















.right-section ul li { list-style-type: none;    border-bottom: 1px solid #e6e6e6; margin-bottom:15px;}















.right-section ul li:last-child{border-bottom:none;}















.right-section ul li p a{font-size:18px; color:#3fb7a9;}















.right-section ul li p {margin-bottom:15px; }















.right-section ul li a{text-decoration:none; color:#4e4e4e; margin-right:15px;}







.right-section ul li a:hover{color:#3fb7a9;}







.right-section ul li>a i{margin-left:5px;}















.continue-right{margin-bottom:15px;}















.Tipps-secton{margin-bottom:30px;}















.add { width: 60%;    text-align: center;    margin: 0 auto;    BACKGROUND: #e0e0e0;    PADDING: 30PX 0;display:none;}































/*add-section*/















.add-section {margin-bottom: 50px;padding-top: 50px;    border-top: 1px solid #dfdfdf;}















/*terms $ condition*/































.terms{text-align:center;padding: 40px 0 60px 0; border-top:1px solid #dfdfdf}















.termcondition {    font-size: 16px;    margin-bottom: 15px;}















.terms p{padding:0 20px}















































/*footer*/















.footer{background:#363636; color:#fff; padding:50px 0; }















.footer ul li{list-style-type:none;margin-bottom: 25px;}















.footer-social ul li:hover{/*opacity:0.5;*/}















.footer ul li:last-child{margin-bottom:0;}















.footer ul li a{color:#fff; text-decoration:none;}















.newsletter h4, .newsletter p{margin-bottom:15px;}















.newsletter input[type="submit"]{background-color:#3fb7a9; background-image:url(images/newslterr-icon.png); background-repeat:no-repeat; background-position:center;padding: 12px;width: 11%;border: none; float:left}















.newsletter input[type="email"] {width: 80%;    float: left;    padding: 11px; color:#000;   margin: 0 auto; border: 1px solid #cfcfcf;}















.footer ul li a:hover{color:#3fb7a9}































/*breadcrums*/















.page-breadcrumb {  background: #3fb7a9;    color: #fff;    padding: 15px 0;}















.page-breadcrumb ul li {    display: inline-block;    margin-right: 5px;    font-size: 16px;}















.page-breadcrumb ul li a{color:#fff;}







.page-breadcrumb ul{padding:10px 0;}















































/*commercial service page*/















.vedio {background: #363636;    font-size: 21px;    color: #686868;    text-align: center;    min-height: 443px;    display: table;}















.vedio-wrapper{vertical-align:middle; display:table-cell;}















.login-heading {font-size: 22px;    color: #3fb7a9;    margin-bottom: 15px;padding-right: 20px;}















.login {    padding: 30px;    background: #eeeeee;min-height: 443px;}















.login-form input { width: 100%;    margin-bottom: 15px;    padding: 10px;border: 1px solid #dedede;}















.login-form input[type="submit"]{background:#3fb7a9; color:#fff;border: none;padding: 15px;}















.login-form input[type="submit"]:hover{background:transparent; color:#3fb7a9; border:1px solid #3fb7a9;}















.section-commersial{margin-bottom: 50px;}















.commersial-text p{text-align:center;padding: 0 7%;}















.commersial-text{margin-bottom:30px;}































/*Excel Data*/















.excel-left ul li {LIST-STYLE-TYPE: NONE;}















.excel-left ul li:last-child{border-bottom:none;}







.child li i { margin-left: 10px;    margin-right: 5px;}















.excel-left {PADDING: 0 30PX 0 0PX;}















.excel-left ul li a{color:#363636; text-decoration:none; display:block; padding:10px 0; border-bottom:1PX SOLID #d0d0d0;}















.excel-left ul li a:hover{color:#3fb7a9}







.excel-left .cat-active a{color:#3fb7a9;}















.excel-page-left { padding-right: 7.5px;margin-bottom: 15px;}















.excel-page-right{padding-left:7.5px;margin-bottom: 15px;}















.excel-page-right img {width: 100%;min-height: 245px;}































/*full page content*/































.excel-page-left img{    width: 100%;    max-height: 245px;}















.title { font-size: 26px;    margin-bottom: 20px;    color: #55beb2;}















.full-content p{font-size:16px;}























.full-content p{    width: 100%;







    display: block;







    clear: both;}















.full-content p img {







    float: none;







    margin: auto;







}







.full-content p strong {







    margin: 10px 0;







}







/*product-page*/















.product-title { font-size: 26px;    color: #363636;    margin-bottom: 10px;}















.product-cost {    font-size: 36px;    color: #3fb7a9;}















.product-wrapper {    background: #eeeeee;padding: 20px 7px;min-height: 263px;}















.product-image {    padding-right: 1.5px;}















.product-descrption {  padding-left: 1.5px;}















.product-main { margin-bottom: 30px;}















.product-descrption p{font-size:16px;margin-bottom: 15px;line-height: 28px;}















.buy_now a { display: block;    width: 165px;    background: #3fb7a9;    padding: 10px;    color: #fff;    text-align: center;    text-decoration: none;}















.buy_now a:hover{background:none; border:1px solid #3fb7a9; color:#3fb7a9;}















.product-main:last-child{margin-bottom:0;}































/*About Us*/















.about-left p{font-size:16px; line-height:27px; margin-bottom:15px;}















.about-left li {display: inline-block;      padding: 0 50px;    border-right: 1px solid #4e4e4e;    text-align: center; font-size:18px;}















.about-left li span{/* display: block;    font-size: 28px;   */ color: #3fb7a9;}















.about-left li:first-child{padding-left:0;}















.about-left li:last-child{border-right:0;}















.about-bottom{background:#eeeeee;padding: 3.5% 0;}















#comments-title { margin-bottom: 30px;}















.commentlist {list-style-type: none;}















.comment-author.vcard img { margin-bottom: 15px;    margin-right: 15px;}















.fn {color: #3fb7a9;    font-size: 18px;}















.comment-author.vcard { float: left;}























/*page settings*/















.full-content ul,.full-content ol { margin-left: 30px;    margin-top: 10px; margin-bottom:15px;}















.comment-form p { width: 49.4%  ; display: inline-block;    text-align: left;    margin: 0 auto 10px; vertical-align:top;}







@-moz-document url-prefix() { .comment-form p {width:32.9%;}}































.col-sm-12.nopadding.comment-form {    text-align: center;}















textarea#comment {    width: 99%;    padding: 15px;    height: 100px;    resize: none;    outline: 0;    border: 1px solid #cfcfcf;}















p.comment-form-comment {    width: 100%;}















p.cptch_block {width: 100%;    text-align: left;}















p.form-submit {    width: 100%;}















.form-submit input {    width: 160px;    margin-left: 0;    float: left;background: #3fb7a9;color: #fff;text-transform: uppercase;border: none;}















#comments .commentlist{float:left; width: 100%;}















.commentlist>.comment{float: left; margin-bottom:30px; width:100%;}















.commentlist article{float: left;clear: both; width:100%; margin-bottom:50px;}















.commentlist ul.children{float: left;margin-left: 10%; clear:both;width: 90%;}















p.comment-notes { width: 100%;    text-align: left;}















.comment-form {    padding: 15px 0;}















#reply-title{ text-align: left;   margin-bottom: 10px;}















.comment-content .acoment p { text-align: left;width: 100%;margin-bottom: 30px; word-wrap:break-word;}















.ainfo { margin-bottom: 15px;}















.children li{list-style-type:none;}















.children{clear:both;}















.acoment { width: 90%;    margin-left: 10%;}















a.comment-reply-link { background: #3fb7a9;    color: #fff;    padding: 7px 15px; text-decoration:none; border:1px solid}















a.comment-reply-link:hover{color:#3fb7a9; background:none; border:1px solid #3fb7a9;}















.comment-content { text-align: left;}















img {max-width: 100%;    height: auto;    display: block;}







.post-active {  background: #3fb7a9; color:#fff; /*min-height:245px;*/min-height:170px;}







.post-active h3 a{color:#fff;}







.post-active .continue a{ color:#fff; border-right:1px solid #fff;}







.post-active .continue a:hover{color:#000;}







.post-active .continue a:last-child{border-right:none;}







.continue {  position: absolute;    bottom:15px;}







.breadcrom-search{text-align:right;}







.search-abc { width: 300px;    float: right;    border: 1px solid #fff;}







input.bread-search-box{ width: 85%;    padding: 10px;    float: left;    border: none;    background: transparent;}







 .bread-search-button{ width: 15%;    float: right;    padding: 10px;    border: none;    background-color: #fff; background-image: url(images/search-iconb.png);background-repeat: no-repeat; background-position: center;}







input.bread-search-box::-webkit-input-placeholder { /* Safari, Chrome and Opera */  color: #fff;}







input.bread-search-box:-moz-placeholder { /* Firefox 18- */  color: #fff;}







input.bread-search-box::-moz-placeholder { /* Firefox 19+ */  color: #fff;}







input.bread-search-box:-ms-input-placeholder { /* IE 10+ */  color: #fff;}







input.bread-search-box::-ms-input-placeholder { /* Edge */  color: #fff;}







input.bread-search-box:placeholder-shown { /* Standard one last! */  color: #fff;}







.search-farm { background: #eeeeee;    padding: 15px; margin-bottom:30px;}







.main-search-text {width: 93%;    padding: 10px;    border: none; float:left}







.main-search-submit {width: 7%;    padding: 10px;    border: none; float:right; background-color:#3fb7a9; background-image:url(images/search_icon.png); background-repeat:no-repeat; background-position:center;}







.abc-search { border: 1px solid #3fb7a9;}



.panel-body a {

    text-decoration: none;

    color: #000;

}

.panel-body a:hover {

    color: #fff;

}



.search_title {font-size:18px; margin-bottom:20px;}







.pagination{width:100%;}







.pagination ul{text-align:center;}







.pagination ul li { display: inline-block;    text-align: center;    border: 1px solid #3fb7a9;    margin: 0px 5px;width: 50px;height: 50px;}







.pagination ul li a{display:block; text-decoration:none; color:#3fb7a9;padding: 14px 0;}







.footer ul li a  img.normal_effec,.top-wrapper ul li a  img.normal_effec{display:block;}







.footer ul li:hover a  img.normal_effect,.top-wrapper ul li:hover a  img.normal_effect{display:none;}







.footer ul li a  img.hover_effect,.top-wrapper ul li a  img.hover_effect{display:none;}







.footer ul li:hover a  img.hover_effect,.top-wrapper ul li:hover a  img.hover_effect{display:block;}







.smpdf>a>img {    max-width: 50px;    width: 100%;}







.smpdf {    padding: 30px 0 20px;}







.smpexcel {    padding: 30px 0 20px;}







.smpexcel>a>img {    max-width: 50px;    width: 100%;}







.alignright>a:after {







    font-family: FontAwesome;







    font-size: 22px;







    font-weight: normal;







    line-height: 32px;







    position: relative;







    top: 2px;







    color: #55beb2;







    left: 4px;







    text-align: center;text-decoration: none;







    content: "\f178";







}















.alignright>a {







    color: #55beb2;text-decoration: none;







    font-size: 20px; text-decoration: none;







}















.alignright {







    float: right;text-decoration: none;







    text-align: right;







}







.alignleft >a:hover:after,.alignright >a:hover:after {







    color: #000;







    text-decoration: none;







}







.alignleft >a:hover,.alignright >a:hover {    color: #000;







    text-decoration: none;}







.alignleft >a:after {







    font-family: FontAwesome;







    font-size: 22px;







    font-weight: normal;







    line-height: 32px;







    position: relative;







    top: 2px;







    color: #55beb2;







    left: 4px;







    text-align: center;







    content: "\f178";text-decoration: none;







}















.alignleft >a {







    color: #55beb2;







    font-size: 20px; text-decoration: none;







}















.alignleft  {







    float: left;







    text-align: left;







}







.ainfo>a>time {font-size: 12px;}







.entry-content p {    margin-bottom: 10px;}







span.watu_num {   font-weight: 700;}







.post-wrapper h3 a {    margin: 0;    padding: 0;}







.wpp-list li a {







    font-size: 14px;







    line-height: 20px;







    color: #3fb7a9;







}















.wpp-list li {







    margin-bottom: 10px;







}







div#side_boxNew h6 {







    font-size: 22px;







    line-height: 30px;







    margin-bottom: 10px;







}















ul.wpp-list {







    list-style: none;







}















.wpp-list li span {







    font-size: 14px;







    line-height: 20px;







    color: #000;







}







input#action-button {







    background: #000;







    border: none;







    color: #fff;







    padding: 10px 15px;







    border-radius: 5px;







    width: 150px;







}















input#action-button:hover {







    background: #3FB7A9;







    color: #000;







}















.question-content p {







    font-size: 16px;







    font-weight: 400;







    line-height: 20px;







    margin-bottom: 10px;







}







input.answer {    margin: 5px;    }







.answer span { font-weight: 400;}







header.entry-header {







    margin-bottom: 15px;







}







.postinnerimage {







    width: 100%;







    display: block;







    clear: both;







    text-align: center;







    margin: 30px auto;







}















.postinnerimage img {







    float: none;







    margin: auto;







}







.full-content ul li,.full-content ol li {







    font-size: 15px;







    line-height: 20px;







    margin-bottom: 5px;







}







.custom_nav { padding-top: 15px;}







.full-content h1 {







    font-size: 25px;







    margin-bottom: 15px;







    line-height: 30px;







}







.middle-section .container {    overflow: hidden;}







.pagination ul li a:hover {background: #3fb7a9;color: #fff;}







.mybreadcrumb>span>a {    color: #fff;}































.filter select.auto_submit_item {







    background-color: #ffffff;







    border: 1px solid #cccccc;







    width: 320px;







    height: 40px;







    line-height: 40px;







    padding: 6px 20px;







    float: right;







}















.filter  select.auto_submit_item option {







    position: relative;







    display: inline-block;







    vertical-align: top;







}















.filter {







    padding-top: 0;







    position: relative;







    display: block;







    padding: 15px 0;







}















.filter form {







    position: absolute;







    right: 0;







    top: 5px;







}







#divBottomRight a {







    display: inline-block;







}







.home-cat.right-section {







    margin-top: 15px;







}







.home-cat.right-section li {







    padding-bottom: 10px;







}







.home-cat.right-section li:last-child{







	padding-bottom:0;







	margin-bottom:0;







}







.excel-page-right{display:none;}







.wrapper-post:nth-child(even) {







    padding-left: 7.5PX;







	padding-right:0;







}







.excel-page-left {







    padding-right: 0;







    margin-bottom: 15px;







    padding-left: 7.5px;







}







.banner-section .tips{







	display:none;







}







.recent-post-section , .detail-category{







	margin-left:30px;







}















div#respond.comment-respond {







    clear: both;







}















.comment-form p.logged-in-as {







    width:  100%;







}















.comment-form p.form-allowed-tags {







    width: 100%;







}







.form-submit input{







	padding:10px 0;







}







.comment-form label {







    display: block;







}







.comment-form input[type="text"] {







    height: 35px;







    padding: 0 10px;







    box-sizing: border-box;







    width: 100%;







}







.comment-form{text-align:left;}







.si_captcha_small {







    width: 175px;







    height: auto;







    padding-top: 10px;







    padding-bottom: 10px;







    display: inline-block;







    vertical-align: top;







    text-align: left;







}







p.form-submit{margin-top:10px;}







#si_captcha_code_p label, #si_captcha_code_p .required{display:none;}







.error {







    color: red;







}







.container-fluid.mainHead {







    margin-top: 30px;







}







h1.archive-title {







    display: none;







}







.list-row{







	margin-top:30px	;







}







.comment-form p.form-allowed-tags{display:none;}







li.post.pingback {







    display: none;







}







span.edit-link {







    display: none;







}







.single-post .full-content p,.archive.category .cat-desciption p{padding-bottom:15px; clear:both;}







.single-post .full-content h2,.single-post .full-content h2 span,.archive.category .cat-desciption h2,.archive.category .cat-desciption h2 span {







    margin: 15px 0 10px;







    font-weight: 700!important;







    font-size: 27px;







}







.single-post .full-content table,.archive.category .cat-desciption table {







    background-color: #3fb7a9;







    display: block;







    padding: 15px;







    margin: 15px 0;







    border-radius: 5px;







    box-shadow: inset 1px 1px 10px -1px #434343;







}















.single-post .full-content h4,.single-post .full-content h4 span,.archive.category .cat-desciption h4,.archive.category .cat-desciption h4 span {







    padding: 0;







    margin: 15px 0 15px;







    border: none;







    display: block;







    font-weight: 700!important;







}















.single-post .full-content table tr span,.single-post .full-content table tr,.archive.category .cat-desciption table tr span,.archive.category .cat-desciption table tr {







    color: #fff;







    font-size: 18px;







}















.single-post .full-content p img,.archive.category .cat-desciption p img {







    margin: 15px 0 15px;







    box-shadow: 2px 2px 2px 2px #777;







    border-radius: 5px;







    border: 1px solid #777;







    padding: 5px;

clear:both;

Float: none !important;







}







.single-post .full-content .title,.archive.category .cat-desciption .title {







    font-size: 30px;font-weight:700







}







.single-post .full-content table.nostyle tr td,.archive.category .cat-desciption table.nostyle tr td {







    border: 1px solid #000;







    padding: 5px;







}















.single-post .full-content table.nostyle,.archive.category .cat-desciption table.nostyle {







    background-color: transparent;







    padding: 0;







    box-shadow: none;







}







.single-post .full-content table.nostyle tr,.archive.category .cat-desciption table.nostyle tr{color:#000}







.single-post .full-content .explanation-style p,.archive.category .cat-desciption .explanation-style p {







    padding-bottom: 5px;







}







.codingstyle td {







    font-family: courier;







    line-height: 28px;







    color: #000;







}







.single-post .full-content .codingstyle table,.archive.category .cat-desciption .codingstyle table {







    background-color: transparent;







    box-shadow: none;







    border: 1px solid #000;







}







.full-content ol li,.cat-desciption ol li {







    line-height: 26px;







}







div#accordion .panel-heading {







    background-color: #3fb7a9;







}















div#accordion .panel-heading h4 {







    margin: 5px 0;







    color: #fff;







}















div#accordion .panel-heading h4 a {







    display: block;







    text-decoration: none;







}















div#accordion .panel-body, div#accordion .panel-collapse,div#accordion .panel {







    border: none!important;box-shadow: none;







}







.more-less {







        float: right;







        color: #fff;







    }











/*.bbbb{ font-weight: bold; border: 2px solid #000; padding: 10px 20px; text-align:center; margin-bottom: 10px; }*/







/*.bbbb {



    font-weight: bold;



    padding: 20px 20px;



    text-align: center;



    margin-bottom: 10px;



    background: #99a3a4 ;



box-shadow: inset 1px 1px 10px -1px #616a6b ;



    color: #fff;



}*/







.bbbb {

    font-family: arial;

    font-size: 20px;

    padding: 20px 20px;

    text-align: left;

    margin-bottom: 10px;

    background: #41675b;

    border-radius: 15px;

    box-shadow: inset 1px 1px 10px 2px #0404049e;

    color: #fff;

    overflow: hidden;

    word-break: normal;
    margin-right: 10% ;
}

.bbbb a{ color:#fff !important; }


.panel-body td { padding: 5px 10px; font-size: 17px;



border: 1px solid #fff;}



.panel-body td:nth-child(odd){width: 25%;  word-break: break-all;}

.panel-body td:nth-child(even){width: 50%;}



table.custom-design {

    

    background-color: #fff !important;

    color: #000;

    box-shadow:none !important;

text-align:center;

}



table.custom-design tr td {

    border: 1px solid #000;

    padding: 10px;

    color: #000;

}

table.custom-design td {width:400px;}

.custom-outer-border {

    border: 2px solid #000;

    padding: 10px;

}

.custom-img img {

    float: right;

    width: 60%;

}

.custom-excel-icon a {

    text-decoration: none;

}

.custom-excel-icon i {

    font-size: 30px;

}