/* ====================== FOR ALERTS ========================== */ .rhinoinfo, .rhinosuccess, .rhinowarning, .rhinoerror, .rhinovalidation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .rhinoinfo { color: #00529B; background-color: #BDE5F8; background-image: url('info.png'); } .rhinosuccess { color: #4F8A10; background-color: #DFF2BF; } .rhinowarning { color: #9F6000; background-color: #FEEFB3; background-image: url('warning.png'); } .rhinoerror { color: #D8000C; background-color: #FFBABA; background-image: url('error.png'); } input[readonly] { background: #CCC; color: #333; border: 1px solid #666 } /* ====================== FOR List Tickets ========================== */ .Rhinolistdiv .table { border-collapse: collapse; } .Rhinolistdiv a { color: #0069d2; } .Rhinolistdiv .table tbody tr td, .scriptDemo .table thead tr { background: #fff; border: solid 1px #ccc; padding: 6px 8px; color: #444; } .Rhinolistdiv .table thead tr th { background: #ccc; color: #444; text-align: left; border: solid 1px #ccc; padding: 6px 8px; } #seemoretext { text-decoration: none; width:100px; font-size:11px; line-height:20px; color:#ffffff; background:#51504f; text-align:center; margin: 10px; padding:6px; } /* ====================== FOR Create Tickets ========================== */ .rhinobox { border: 1px solid #dddddd; padding: 15px 20px; background-color: #fafafa; margin-bottom: 40px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4x; width: 80%; } .rhinobox footer { background:#eff4f6; border-top:1px solid #fff; padding:22px 26px; overflow:hidden; height:32px; } .rhinobox label { display:block; font:14px/22px Arial, Helvetica, Sans-serif; margin:10px 0 0 6px; } .rhinobox footer label{ float:left; margin:4px 0 0; } .rhinobox footer input[type=checkbox]{ vertical-align:sub; *vertical-align:middle; margin-right:10px; } .rhinobox a{color:#999;} .rhinobox a:hover, .rhinobox a:focus{text-decoration:underline;} .rhinobox a:active{color:#f84747;} .disabler_text { opacity: 0.7; background-color: #E8E8E8 !important; } .width_300 { width:400px; } /* ====================== Settings Page ========================== */ .rhinorow { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; } /* To fix the grid into a certain size, set max-width to width */ .rhinorow .rhinorow { min-width: 0; } .rhinocolumns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } .rhinorow .rhino-five { width: 39.1%; } .rhinorow .rhino-six { width: 47.8%; } .rhinorow .rhino-offset-by-one { margin-left: 13.1%; } .rhinorow .centered { float: none; margin: 0 auto; } .rhinorow .rhino-offset-by-one:first-child { margin-left: 8.7%; } /*img, object, embed { max-width: 100%; height: auto; }*/ img, { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img {max-width: none!important;} /* Nicolas Gallagher's micro clearfix */ .rhinorow:before, .rhinorow:after, .clearfix:before, .clearfix:after { content:""; display:table; } .rhinorow:after, .clearfix:after { clear: both; } .rhinorow, .clearfix { zoom: 1; } /* -------------------------------------------------- Labels -------------------------------------------------- */ .labelcircle { padding: 0 4px 2px; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #00a6fc; } .labelcircle.radius { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .labelcircle.round { padding: 1px 7px 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* Colors ---------- */ .blue.labelcircle { background-color: #00a6fc; } .orange.labelcircle { background-color: #ffa600; } .red.labelcircle { background-color: #e91c21; } .green.labelcircle { background-color: #7fae00; } .white.labelcircle { background-color: #e9e9e9; color: #333; } .black.labelcircle { background-color: #141414; } /* ====================== FOR Hosted Buttons ========================== */ .rhinohostedbutton { -moz-box-shadow: -3px 3px 6px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: -3px 3px 6px 0px rgba(0, 0, 0, .2); box-shadow: -3px 3px 6px 0px rgba(0, 0, 0, .2); -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff; display:inline-block; position: relative; top: -100px; left: -80px; font-family:arial; font-size:18px; line-height: 1.3; font-weight:bold; padding:10px 30px 10px 30px; text-decoration:none; -moz-transform: scale(1) rotate(-90deg) translate(0px, 0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(-90deg) translate(0px, 0px) skew(0deg, 0deg); -o-transform: scale(1) rotate(-90deg) translate(0px, 0px) skew(0deg, 0deg); -ms-transform: scale(1) rotate(-90deg) translate(0px, 0px) skew(0deg, 0deg); transform: scale(1) rotate(-90deg) translate(0px, 0px) skew(0deg, 0deg); } .rhinohostedbutton:hover { color: #ffffff !important; position: relative; top: -100px; left: -78px; } .rhinohostedbutton:active { position: relative; top: -98; left: -77px; -moz-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, .4); -webkit-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, .4); box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, .4); } /*.hostedbutton:visited { color:#E3F4FC !important; }*/ .rhinohostedbutton.white { color: #333333 !important; background: #F7F7F7; /* Old browsers */ background: -moz-linear-gradient(top, #F7F7F7 0%, #F7F7F7 50%, #ECECEC 51%, #ECECEC 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(50%,#F7F7F7), color-stop(51%,#ECECEC), color-stop(100%,#ECECEC)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F7F7F7 0%,#F7F7F7 50%,#ECECEC 51%,#ECECEC 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F7F7F7 0%,#F7F7F7 50%,#ECECEC 51%,#ECECEC 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #F7F7F7 0%,#F7F7F7 50%,#ECECEC 51%,#ECECEC 100%); /* IE10+ */ background: linear-gradient(top, #F7F7F7 0%,#F7F7F7 50%,#ECECEC 51%,#ECECEC 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#ECECEC',GradientType=0 ); /* IE6-9 */ text-shadow: -1px 1px 0px #FFFFFF; } .rhinohostedbutton.white:hover { color: #333333 !important; } .rhinohostedbutton.white:active { background: #E0E0E0; /* Old browsers */ background: -moz-linear-gradient(top, #E0E0E0 0%, #E0E0E0 50%, #DADADA 51%, #DADADA 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(50%,#E0E0E0), color-stop(51%,#DADADA), color-stop(100%,#DADADA)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E0E0E0 0%,#E0E0E0 50%,#DADADA 51%,#DADADA 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E0E0E0 0%,#E0E0E0 50%,#DADADA 51%,#DADADA 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E0E0E0 0%,#E0E0E0 50%,#DADADA 51%,#DADADA 100%); /* IE10+ */ background: linear-gradient(top, #E0E0E0 0%,#E0E0E0 50%,#DADADA 51%,#DADADA 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E0E0E0', endColorstr='#DADADA',GradientType=0 ); /* IE6-9 */ color: #000000; } .rhinohostedbutton.white:visited { color: #333333 !important; } .rhinohostedbutton.blue { background: #2EB6FC; /* Old browsers */ background: -moz-linear-gradient(top, #2EB6FC 0%, #2EB6FC 50%, #00A6FC 51%, #00A6FC 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2EB6FC), color-stop(50%,#2EB6FC), color-stop(51%,#00A6FC), color-stop(100%,#00A6FC)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2EB6FC 0%,#2EB6FC 50%,#00A6FC 51%,#00A6FC 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2EB6FC 0%,#2EB6FC 50%,#00A6FC 51%,#00A6FC 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2EB6FC 0%,#2EB6FC 50%,#00A6FC 51%,#00A6FC 100%); /* IE10+ */ background: linear-gradient(top, #2EB6FC 0%,#2EB6FC 50%,#00A6FC 51%,#00A6FC 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2EB6FC', endColorstr='#00A6FC',GradientType=0 ); /* IE6-9 */ color:#E3F4FC; text-shadow: 1px -1px 0 #0593dc; } .rhinohostedbutton.blue:active { background: #2ea5e3; /* Old browsers */ background: -moz-linear-gradient(top, #2ea5e3 0%, #2ea5e3 50%, #0192dd 51%, #0192dd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ea5e3), color-stop(50%,#2ea5e3), color-stop(51%,#0192dd), color-stop(100%,#0192dd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2ea5e3 0%,#2ea5e3 50%,#0192dd 51%,#0192dd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2ea5e3 0%,#2ea5e3 50%,#0192dd 51%,#0192dd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2ea5e3 0%,#2ea5e3 50%,#0192dd 51%,#0192dd 100%); /* IE10+ */ background: linear-gradient(top, #2ea5e3 0%,#2ea5e3 50%,#0192dd 51%,#0192dd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea5e3', endColorstr='#0192dd',GradientType=0 ); /* IE6-9 */ } .rhinohostedbutton.blue:visited { color:#E3F4FC !important; } .rhinohostedbutton.red { background: #EC4449; /* Old browsers */ background: -moz-linear-gradient(top, #EC4449 0%, #EC4449 50%, #E91C21 51%, #E91C21 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EC4449), color-stop(50%,#EC4449), color-stop(51%,#E91C21), color-stop(100%,#E91C21)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #EC4449 0%,#EC4449 50%,#E91C21 51%,#E91C21 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #EC4449 0%,#EC4449 50%,#E91C21 51%,#E91C21 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #EC4449 0%,#EC4449 50%,#E91C21 51%,#E91C21 100%); /* IE10+ */ background: linear-gradient(top, #EC4449 0%,#EC4449 50%,#E91C21 51%,#E91C21 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC4449', endColorstr='#E91C21',GradientType=0 ); /* IE6-9 */ color:#E3F4FC; text-shadow: 1px -1px 0 #b90b0b; } .rhinohostedbutton.red:active { background: #D83C40; /* Old browsers */ background: -moz-linear-gradient(top, #D83C40 0%, #D83C40 50%, #D01217 51%, #D01217 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D83C40), color-stop(50%,#D83C40), color-stop(51%,#D01217), color-stop(100%,#D01217)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #D83C40 0%,#D83C40 50%,#D01217 51%,#D01217 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #D83C40 0%,#D83C40 50%,#D01217 51%,#D01217 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #D83C40 0%,#D83C40 50%,#D01217 51%,#D01217 100%); /* IE10+ */ background: linear-gradient(top, #D83C40 0%,#D83C40 50%,#D01217 51%,#D01217 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D83C40', endColorstr='#D01217',GradientType=0 ); /* IE6-9 */ } .rhinohostedbutton.red:visited { color:#ffffff !important; } .rhinohostedbutton.black { background: #3E3E3E; /* Old browsers */ background: -moz-linear-gradient(top, #3E3E3E 0%, #3E3E3E 50%, #141414 51%, #141414 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3E3E3E), color-stop(50%,#3E3E3E), color-stop(51%,#141414), color-stop(100%,#141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3E3E3E 0%,#3E3E3E 50%,#141414 51%,#141414 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3E3E3E 0%,#3E3E3E 50%,#141414 51%,#141414 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3E3E3E 0%,#3E3E3E 50%,#141414 51%,#141414 100%); /* IE10+ */ background: linear-gradient(top, #3E3E3E 0%,#3E3E3E 50%,#141414 51%,#141414 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E3E3E', endColorstr='#141414',GradientType=0 ); /* IE6-9 */ color:#ffffff; text-shadow: 1px -1px 0 #000000; } .rhinohostedbutton.black:active { background: #2E2E2E; /* Old browsers */ background: -moz-linear-gradient(top, #2E2E2E 0%, #2E2E2E 50%, #000000 51%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2E2E2E), color-stop(50%,#2E2E2E), color-stop(51%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2E2E2E 0%,#2E2E2E 50%,#000000 51%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2E2E2E 0%,#2E2E2E 50%,#000000 51%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2E2E2E 0%,#2E2E2E 50%,#000000 51%,#000000 100%); /* IE10+ */ background: linear-gradient(top, #2E2E2E 0%,#2E2E2E 50%,#000000 51%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E2E2E', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .rhinohostedbutton.black:visited { color:#f8f8f8 !important; } .rhinohostedbutton.orange { background: #FFB52E; /* Old browsers */ background: -moz-linear-gradient(top, #FFB52E 0%, #FFB52E 50%, #FFA500 51%, #FFA500 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFB52E), color-stop(50%,#FFB52E), color-stop(51%,#FFA500), color-stop(100%,#FFA500)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FFB52E 0%,#FFB52E 50%,#FFA500 51%,#FFA500 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FFB52E 0%,#FFB52E 50%,#FFA500 51%,#FFA500 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FFB52E 0%,#FFB52E 50%,#FFA500 51%,#FFA500 100%); /* IE10+ */ background: linear-gradient(top, #FFB52E 0%,#FFB52E 50%,#FFA500 51%,#FFA500 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFB52E', endColorstr='#FFA500',GradientType=0 ); /* IE6-9 */ color:#ffffff; text-shadow: 1px -1px 0 #e59500; } .rhinohostedbutton.orange:active { background: #F0AC2E; /* Old browsers */ background: -moz-linear-gradient(top, #F0AC2E 0%, #F0AC2E 50%, #ED9A00 51%, #ED9A00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0AC2E), color-stop(50%,#F0AC2E), color-stop(51%,#ED9A00), color-stop(100%,#ED9A00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F0AC2E 0%,#F0AC2E 50%,#ED9A00 51%,#ED9A00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F0AC2E 0%,#F0AC2E 50%,#ED9A00 51%,#ED9A00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #F0AC2E 0%,#F0AC2E 50%,#ED9A00 51%,#ED9A00 100%); /* IE10+ */ background: linear-gradient(top, #F0AC2E 0%,#F0AC2E 50%,#ED9A00 51%,#ED9A00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0AC2E', endColorstr='#ED9A00',GradientType=0 ); /* IE6-9 */ } .rhinohostedbutton.orange:visited { color:#ffffff !important; } .rhinohostedbutton.green { background: #78BB51; /* Old browsers */ background: -moz-linear-gradient(top, #78BB51 0%, #78BB51 50%, #5BAD2B 51%, #5BAD2B 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78BB51), color-stop(50%,#78BB51), color-stop(51%,#5BAD2B), color-stop(100%,#5BAD2B)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #78BB51 0%,#78BB51 50%,#5BAD2B 51%,#5BAD2B 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #78BB51 0%,#78BB51 50%,#5BAD2B 51%,#5BAD2B 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #78BB51 0%,#78BB51 50%,#5BAD2B 51%,#5BAD2B 100%); /* IE10+ */ background: linear-gradient(top, #78BB51 0%,#78BB51 50%,#5BAD2B 51%,#5BAD2B 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78BB51', endColorstr='#5BAD2B',GradientType=0 ); /* IE6-9 */ color:#ffffff; text-shadow: 1px -1px 0 #509926; } .rhinohostedbutton.green:active { background: #66A044; /* Old browsers */ background: -moz-linear-gradient(top, #66A044 0%, #66A044 50%, #458C1C 51%, #458C1C 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66A044), color-stop(50%,#66A044), color-stop(51%,#458C1C), color-stop(100%,#458C1C)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #66A044 0%,#66A044 50%,#458C1C 51%,#458C1C 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #66A044 0%,#66A044 50%,#458C1C 51%,#458C1C 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #66A044 0%,#66A044 50%,#458C1C 51%,#458C1C 100%); /* IE10+ */ background: linear-gradient(top, #66A044 0%,#66A044 50%,#458C1C 51%,#458C1C 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66A044', endColorstr='#458C1C',GradientType=0 ); /* IE6-9 */ } .rhinohostedbutton.green:visited { color:#ffffff !important; } /* ====================== Tooltip Hover ========================== */ #rhino_tooltip{ font:80% Arial, Helvetica, sans-serif; position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none; } /* ====== BOOTSTRAP TABLES, POPOVER AND PAGINATION ====== */ /*Change the size here*/ .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 600px; padding: 1px; text-align: left; white-space: normal; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } table { background-color: transparent; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #428bca; border-color: #428bca; } .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; cursor: not-allowed; background-color: #ffffff; }