/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,600|Raleway:400,500,600,700');
body { margin:0;font-family:system-ui, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-weight:400; line-height:1.5; text-align:left; color: #414042; background-color:#fff;}
a,applet,b,blockquote,body,caption,center,dd,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,u,ul,var{border:0;margin:0;padding:0}img{border:none}a{text-decoration:none !important;outline:0 !important;color:inherit}* html,* html body{padding-top:0}* css{margin:0;padding:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .clearfix{height:1%}.clearfix{display:block}html{height:100%}.clearBoth{clear:both}.nomargin{margin:0!important;padding:0!important}.mr40{margin-right:40px}input,select{color:#58595B;line-height:18px;}
* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a:hover, a:focus { color:inherit;}
img { max-width: 100%; height: auto; vertical-align: middle;}

.cboth {clear:both;}
.margin-small-top{margin-top:20px!important}
.margin-medium-top{margin-top:50px!important}
.margin-large-top{margin-top:80px!important}
.margin-small-bottom{margin-bottom:20px!important}
.margin-medium-bottom{margin-bottom:50px!important}
.margin-large-bottom{margin-bottom:80px!important}

.margin-small-right{margin-right:20px!important}
.margin-medium-right{margin-right:50px!important}
.margin-large-right{margin-right:80px!important}
.margin-small-left{margin-left:20px!important}
.margin-medium-left{margin-left:50px!important}
.margin-large-left{margin-left:80px!important}
.align-center{text-align:center!important}
.align-left{text-align:left!important}
.align-right{text-align:right!important}

.page-content  { font-size:13px; line-height: 23px; display:table; width:100%; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.page-content a { color:#67a8ef}
.page-content  ul { padding-left:20px;}
.page-content  ol { padding-left:20px;}
.page-content  iframe {max-width:100%; min-height:200px}
.page-content  img:not(.img-right):not(.img-left) { max-width:100%; height:auto !important}
.page-content  .img-right { padding-right:0; margin-bottom:15px;}
.page-content  .img-left { padding-left:0; margin-bottom:15px;}
.page-content table { max-width:100%; height:auto;}
.page-content p { margin-bottom: 1em;}
.page-content a.collapsible-item-title-link {color:inherit;font-size:16px;position: relative;padding-left: 10px;}
.page-content a.collapsible-item-title-link::after {content:'\f105';float:left;margin-right:4px;font:normal normal normal 14px/1 FontAwesome;position: absolute;width: 5px;height: 14px;left: 0;top: 3px;}

a.hidden-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 9;}

h1.gbslk{ margin: 0 0 15px 0; font-weight: 700; font-size: 20px; padding-bottom: 10px; position: relative;font-family: 'Raleway', sans-serif;color: #0e539e;}
h1.gbslk.aff:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width:100%; height: 2px; background-color: #0e539e;}


.form-group {margin-bottom:1rem}
.form-control {  display: block; width: 100%; padding: 0.375rem 0.75rem;  font-size: 13px;  line-height: 1.5;  color: #495057;  background-color: #fff;  background-clip: padding-box;  border: 1px solid #ced4da;  border-radius: 0;  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-control::-ms-expand {background-color:transparent;border:0}
.form-control:focus {color:#495057;background-color:#fff; border-color:#80bdff; outline:0; box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.form-control::-webkit-input-placeholder {color:#6c757d;opacity:1}
.form-control::-moz-placeholder {color:#6c757d;  opacity:1}
.form-control:-ms-input-placeholder {color:#6c757d; opacity:1}
.form-control::-ms-input-placeholder {color:#6c757d; opacity:1}
.form-control::placeholder {color:#6c757d;opacity:1}
.form-control:disabled,.form-control[readonly] {background-color:#e9ecef; opacity:1}
select.form-control { height: 38px;}

.btn-1 { float: right; border: none; background-color: #000; color: #fff; font-weight: bold; font-size: 15px; padding: 10px 25px; border-radius: 8px}

.primary-color { color: #004EA2;}
.primary-bg-color { background-color: #004EA2;}

.header { background-color: #eeeeee; display:table; width: 100%;}
.header .info { width: 100%;border-bottom: 1px solid #dddddd; color: #9b9b9e; font-size: 13px; display: table;}
.header .info ul.dil { float: left;}
.header .info ul.dil li { margin-left:0; margin-right: 5px;}
.header .info ul { list-style: none; float: right; padding: 5px 0; }
.header .info ul li { float: left; margin-left: 20px;}
.header .info a.sepet { float: right; margin-left: 20px; display: table; padding: 5px 15px; background-color: #0e539e; color: #fff;}
.header .logobar { padding: 10px 0; width: 100%;}
.header .logobar .logo img { height: 85px; width: auto;}
.header .logobar .arama { border:1px solid #0e539e; background-color: #fff; height:40px; width: 420px; overflow: hidden; position: relative;}
.header .logobar .arama input { width: 100%; height: 40px;; text-indent: 45px;}
.header .logobar .arama .icon {position: absolute;left: 0;top: 0;height: 40px;line-height: 38px;font-size: 18px;padding: 0 10px;color: #6c757d;}
.header .logobar .arama .icon::after {content: '';display: block;position: absolute;height: 21px;right: -2px;top: 10px;width: 1px;background-color: #6c757d;}
.header .logobar .arama button { height: 40px; position: absolute; right: 0; top: 0; padding: 0 15px; font-weight: bold; color: #fff; font-size: 14px; background-color: #0e539e; border: none;}
.header .logobar .iletisim { text-align: right; font-size: 13px;}
.header .logobar .iletisim h5 { font-weight: bold; color: #0e539e; font-size: 18px}
.header .logobar .iletisim i.fa-whatsapp {color: #45bd28;font-weight: bold;}
.header .menu { width: 100%; display: table; background-color: #272727; padding: 10px 0}
.header .menu ul.m { list-style: none; float: left;}
.header .menu ul.m li {  float: left;}
.header .menu ul.m li:first-child a { padding-left: 0}
.header .menu ul.m li a { color: #fff; font-weight: bold; font-size: 15px; padding: 0 12px ;text-transform: uppercase}
.header .menu ul.social { list-style: none; float: right;}
.header .menu ul.social li {  float: left; margin-left: 10px; color: #d4d4d4}
.header .menu ul li.mobile { display: none;}
.header .menu ul li.mobile i { font-size: 35px; color: #e0e0e0;}



.markalar { padding: 30px 0 0;}
.markalar .grup { padding: 15px;}
.markalar .grup1 { border: 1px solid #0e539e;  position: relative;}
.markalar .grup2 { border: 1px solid #00853e; position: relative;}
.markalar .gbaslik {position: absolute;left: 0;right: 0;top: -19px;}
.markalar .gbaslik h4 {margin: 0 auto;display: table;font-size: 15px;font-weight: bold;padding: 5px;text-align: center;background-color: #fff;}

.markalar .grup1 .gbaslik h4 { color: #0e539e;}
.markalar .grup2 .gbaslik h4 { color: #00853e;}
.markalar .amarka .item img{ max-height: 270px; width: 100%}


.krs { padding: 30px 0;}
.krs .tanitim h5 { font-size: 16px}
.krs .tanitim { font-size: 13px;}
.krs .haberler { background-color: #0e539e; color: #fff; padding: 10px; position: relative; min-height: 270px}
.krs .haberler::after { content: ''; display: block; position: absolute; bottom: -20px; height: 20px; width: 100%; background: url('/assets/img/golge.png') no-repeat top center; background-size: 100%; left: 0}
.krs .haberler h5 { font-weight: bold; font-size: 17px; text-align: center; margin-bottom: 10px; text-transform: uppercase;}
.krs .haberler ul { list-style: none; width: 80%; margin: 0 auto;;}
.krs .haberler ul li { margin-bottom: 15px;}
.krs .haberler ul li h6 { font-weight: bold; font-size: 13px; margin-bottom: 5px;}
.krs .haberler ul li .ozet { font-size: 11px; height: 34px; overflow:hidden;}
.krs .haberler .mCustomScrollbar { max-height: 300px}

.neden { width: 100%; padding: 40px 0; background: url('/dosyalar/nedenbg.jpg') no-repeat top center; background-size: 100%;}
.neden .nedensatek { height: 50px; margin: 0 auto; display: block;}
.neden .nedenlist h5 { color: #000; font-weight: bold; width: 50%; font-size: 19px; float: left}
.neden .nedenlist .dt {color: #b7b7b7;font-size: 50px;float: right;width: 50%;line-height: 44px;font-weight: bold;text-align: right;}
.neden .nedenlist .detay { font-size: 13px; text-align: justify}


.bulten { width: 100%; padding: 23px 0; background:#0d529d url('/assets/img/bultenbg.jpg') no-repeat top center; background-size: 100%; color: #fff; position: relative;}
.bulten::before { content: ''; display: block; position: absolute; top:0px; height: 20px; width: 100%; background: url('/assets/img/golge2.png') no-repeat top center; background-size: contain; left: 0}
.bulten h5 { font-weight: bold; font-size: 23px;}
.bulten p { font-size: 13px; margin-bottom: 8px}
.bulten .bultenInput {border:1px solid #0e539e;background-color: #fff;height: 42px;width: 420px;overflow: hidden;position: relative;}
.bulten .bultenInput input {width: 100%;height: 42px;text-indent: 45px;font-size: 13px;}
.bulten .bultenInput .icon {position: absolute;left: 0;top: 0;height: 42px;line-height: 42px;font-size: 16px;padding: 0 10px;color: #6c757d;}
.bulten .bultenInput .icon::after {content: '';display: block;position: absolute;height: 20px;right: -2px;top: 11px;width: 1px;background-color: #6c757d;}
.bulten .bultenInput button {height: 42px;position: absolute;right: 0;top: 0;padding: 0 15px;font-weight: bold;color: #0d529d;font-size: 14px;background-color: #ffffff;border: none;border-left: 1px solid #d2d2d2;}
.bulten .social { text-align: right;}
.bulten .social ul.social { float: right;}
ul.social { list-style: none;}
ul.social li { float: left; margin: 0 3px;}
ul.social li img { height: 22px;}



.footer { background-color: #000; color: #fff; font-size: 13px; }
.footer .pad { padding: 15px}
.footer .haritabg { background: url('/assets/img/footerbg.png') no-repeat center right; background-size:auto  90%;}
.footer h4 { font-weight: bold; font-size: 15px; margin-bottom: 10px}
.footer ul { list-style: none;}
.footer ul li a { font-size: 13px; position: relative;}
.footer ul li { position: relative; padding-left: 10px}
.footer ul li::before {position: absolute; left: 0; top: 11px; content:''; display: block; width: 3px; height: 3px; background-color: #fff; border-radius: 50%;}
.footer address {font-style: normal}
.footer address span { height: 40px; display: table; float: left;}
.footer i { margin-right: 8px}
.footer i.fa-fax { font-size: 12px }
.footer i.fa-mobile { font-size: 21px; margin-left: 2px;}
.footer p { margin-bottom: 6px}
.footer .hk  { background-color: #2d2d2d; position: relative; height: 100%; padding: 15px; font-size: 13px; text-align: justify;}

.footer .hk img { width: auto; height:70px; display: block; margin: 0 auto; margin-bottom: 10px}


.page { padding: 40px 0; font-family: 'Montserrat', sans-serif;}
.page .sol h4 { margin: 0 0 15px 0; font-weight: 700; font-size: 19px; padding-bottom: 10px; position: relative;font-family: 'Raleway', sans-serif;}
.page .sol h4::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width:30%; height: 2px; background-color: #0e539e;}
.page .sol .smenu ul { list-style: none;}
.page .sol .smenu ul li { margin-bottom: 2px;}
.page .sol .smenu ul li a { display: block; font-family: 'Raleway', sans-serif; font-size: 14px;padding: 8px 12px; background-color: #F1F2F2; margin-bottom: 2px;}
.page .sol .smenu ul li a:hover, .page .sol .smenu ul li a.active{ background-color: #0e539e; color: #fff;}

.page .sol .smenu ul li ul { padding-left: 15px}
.page .sol .smenu ul li ul li { margin-bottom: 2px;}
.page .sol .smenu ul li ul li:last-child { margin: 0}
.page .sol .smenu ul li ul li a { font-size: 13px}


.urungrup .grup h2 { font-size: 20px,}
.urungrup .grup h2{ margin: 0 0 15px 0; font-weight: 700; font-size: 20px; padding-bottom: 10px; position: relative;font-family: 'Raleway', sans-serif;}
.urungrup .grup h2:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width:100%; height: 2px; background-color: #0e539e;}
.urungrup .grup.grp1 h2 { color: #004EA2;}
.urungrup .grup.grp1 h2:after { background-color: #004EA2;}

.urungrup .grup.grp2 h2 { color: #00853F;}
.urungrup .grup.grp2 h2:after { background-color: #00853F;}

.urungrup .grps .item { margin-bottom: 30px}
.urungrup .grps .item img { width: 100%; height:auto;}

.urunler .urun{ margin-bottom: 30px;}
.urunler .urun .kps { padding: 10px; background-color: #f1f2f2;}
.urunler .urun .kps .rsm { margin-bottom: 10px;  border-bottom: 6px solid #0d529d; position: relative;}
.urunler .urun .kps .rsm img { width: 100%;}
.urunler .urun .kps .rsm .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 78, 162, 0.452); display: none;}
.urunler .urun .kps .rsm .incele { color: #fff; background-color: #004EA2; border: 1px solid #fff; border-radius: 10px; font-size: 12px; padding: 3px 15px;}
.urunler .urun .kps h6 { color: #0d529d; text-align: center; font-size: 14px; font-family: 'Raleway', sans-serif; margin-bottom: 10px;}
.urunler .urun .kps .incele { border: 2px solid #004EA2; background-color: #fff; font-size: 13px; padding: 3px 10px; color: #004EA2; margin: 0 auto; display: table; font-weight: bold;}
.urunler .urun:hover .kps .rsm .overlay { display: -ms-flexbox; display: flex;}


.urund { position: relative;}
.urund .marka { position: absolute; right: 0; top: -35px; padding: 10px; background-color: #fff;}
.urund .marka img { width: auto; height: auto; max-width: 70px;}
.urund .urun-resim { width: 100%; height: auto;}
.urund .urun-resim img { width: 100%; height: auto;}
.urund .urun-bilgi span.primary-color strong { font-size: 15px;}
.urund .urun-bilgi { font-size: 13px;}
.urund .urun-bilgi p { margin-bottom: 1em;}
.urund .urun-bilgi .sepet { padding: 6px 10px; color: #fff; border-radius: 7px; font-size: 14px;}


ul.pdf { list-style:none;}
ul.pdf li { margin-bottom:35px;}
ul.pdf li img { display:block; margin:0 auto; margin-bottom:10px;}
ul.pdf li .baslik { font-weight:bold; text-align:center;}

.tabm { width: 100%;  margin-top: 50px}
.tabm ul.tbmenu { list-style: none;border-bottom: 1px solid #004EA2; display: table; width: 100%;}
.tabm ul.tbmenu li { float: left; padding: 10px 10px; font-size: 15px; text-transform: uppercase; position: relative; cursor: pointer; font-weight: 600 }
.tabm ul.tbmenu li::after { content: ''; display: block; position: absolute; right:0; top: 13px; width: 1px; height: 15px; background-color: #004EA2;}
.tabm ul.tbmenu li.aktif { color: #004EA2;}
.tabm ul.tbmenu li:last-child::after { display: none;}
.tabm .tab-container { width: 100%; margin-top: 15px;}
.tabm .tab-container .tb { display: none; padding: 10px}
.tabm .tab-container .tb.aktif { display: block;}


.haberler { width: 100%;}
.haberler .haber-detail { width: 100%; position: relative; margin-bottom: 30px}
.haberler .haber-detail img { width: 100%; height: auto;}
.haberler .haber-detail .tarih { padding:5px 10px; background-color: #004EA2; font-size: 14px; font-weight: bold; top: 0; right: 0; position: absolute; color: #fff; display: table;}
.haberler .haber-detail .bilgi { padding: 10px; width: 100%; bottom: 0; position: absolute; background-color: rgba(0, 0, 0, 0.43); color: #fff; font-size: 12px;}


.page.iletisim { font-size: 15px;}
.page.iletisim h5 { font-size: 17px; font-weight: bold}
.page.iletisim span { margin-right: 15px;}
.page.iletisim p { margin-bottom: 5px;}

.blog-post .post { margin-bottom: 35px;}
.blog-post .post .kps { width: 100%; background-color: #f1f2f2; position: relative;}
.blog-post .post .kps .resim img { width: 100%; height: auto;}
.blog-post .post .kps .detay h4 { margin: 15px 0; padding-right: 15px;}
.blog-post .post .kps .detay .ozet { font-size: 13px; padding-right: 15px;}
.blog-post .post .kps .detay .tarih {padding: 5px 12px;color: #fff;background-color: #0E539E;font-size: 12px; display: table;}


.etiketler ul { list-style: none;}
.etiketler ul li { float: left; margin-right: 2px; margin-bottom: 2px;}
.etiketler ul li a { padding: 3px 6px; background-color: #f1f2f2; font-size: 12px;}

.refs .item {padding:0}
.refs .item .item-refs {padding:15px 40px; display: flex;  align-items: center; text-align: center; justify-content: center; }


.trsm { position: relative;}
.trsm img { width: 100%;}
.trsm .tarih {position: absolute;padding: 5px 12px;color: #fff;background-color: #0E539E;font-size: 11px;top: 10px;right: 25px;}

.socialShare { font-size: 13px; padding-top: 10px; border-top: 1px solid #d2d2d2;}
.socialShare p { margin-bottom: 10px}



.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline; cursor: pointer;}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#151e28;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius: 0px;border-bottom-right-radius: 0px;}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:pointer;background-color: #151e28;border-color: #151e28;}



.cquery { width:100%; height:100vh; position:fixed; z-index:100000; top:0; left:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center; justify-content:center; align-items:center; align-content:center;}
.cquery .bg { position:absolute; z-index:100001; background:rgba(0,0,0,0.80); width:100%; height:100%; top:0; left:0; cursor:pointer; display:none;}
.cquery .content { position:relative; z-index:100002; display:table; max-width:80%; max-height: 90%; max-height: 90vh; display:none; margin:0 auto;}
.cquery .content a.kapat {position:absolute;top: -23px;right: -15px;color: #fff;}
.cquery .content img {width:auto; height:auto; max-width: 100%; max-height: 90%; max-height: 90vh;}

.slideout-menu{position:fixed;top:0;bottom:0;width:256px;min-height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:0;display:none}
.slideout-menu-left{left:0}
.slideout-menu-right{right:0}
.slideout-panel{position:relative;z-index:1;will-change:transform;min-height:100%;min-height:100vh; overflow:hidden; background-color:#fff;}
.slideout-open,.slideout-open body,.slideout-open .slideout-panel{overflow:hidden}
.slideout-open .slideout-menu{display:block}
.slideout-menu{background-color:#1D1F20;background-image: linear-gradient(145deg,#262e39,#2d2c83);}
.slideout-menu a{color:#fff}
.slideout-menu a:hover{text-decoration:underline}
.menu-section{margin:25px 0}
.menu-section-title{text-transform:uppercase;color: #f6f6f8;font-weight: bold;font-size: 17px;letter-spacing:1px;padding: 0 20px 10px 20px;/* margin: 0 0 10px 0; */border-bottom: 1px solid #272727;}
.menu-section-list{padding:0;margin:10px 0;list-style:none}
.menu-section-list a{display:block;padding:8px 20px}
.menu-section-list a:hover{background-color:rgba(255,255,255,0.1);text-decoration:none}



.sepet-gonder {padding-top:10px;padding-bottom:15px}
.sepet-gonder .adet {position:relative;width:100px;float:left;display:block;margin-right:20px;margin-bottom:15px}
.sepet-gonder .adet .adet-input { padding: 16px; height: 50px; border: 1px solid #DDDDDD; margin: 0; -webkit-appearance: none !important;-moz-appearance: textfield !important;width: 100%;min-width: 80px;text-align: center;padding-left: 10px;padding-right: 35px;}
.adet .adet-input,.adet .adet-input:focus,.adet .adet-input:hover {margin:0;-webkit-appearance:none!important;-moz-appearance:textfield!important;width:100%;min-width:80px;border-color:#ddd;text-align:center;padding-left:10px;padding-right:35px}
.adet-btn {position:absolute;right:0;cursor:pointer;height:25px;width:30px;margin:0 auto;text-align:center}
.adetminus-btn,.adetplus-btn {border-left:1px solid #ddd}
.adetplus-btn:before {height:100%;position:relative;width:100%;display:block;text-align:center;line-height:1.3;font-size:18px;content:"+"}
.adetplus-btn {bottom:0}
.adetminus-btn {border-bottom:1px solid #ddd;top:0}
.adetminus-btn:before {content:"-"}

.sepetTable {width: 100%;color: #000;border: 1px solid #f4f4f4;}
.sepetTable thead {border-bottom: 1px solid #f4f4f4;background: #f4f4f4;}
.sepetTable thead th {padding: 10px 12px 12px 12px; font-weight: 500;}
.sepetTable tr td {padding: 10px 12px 12px 12px;color: #000;font-weight: normal;font-size: 13px;vertical-align:middle}
.sepetTable tbody tr { border-bottom: 1px solid #f1f1f1}
.sepetTable tbody .resim img {max-width:72px;max-height:72px}
.sepetTable tbody .sil {text-align:center}
.sepetTable tbody .sil i { font-size: 17px}

.table{border-collapse:collapse!important}
.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}

#form-output-global {position:fixed;bottom:30px;left:15px;visibility:hidden;transform:translateX(-500px);transition:.3s all ease;z-index:9999999;background:#414042;color:#fff}
#form-output-global p {margin:0;padding:10px}
#form-output-global.active {transform:translateX(0);visibility:visible}
@media (min-width:576px) {#form-output-global {left:30px}}