.table-data{ border-left: 1px solid rgba(0, 0, 0, 0.25); border-right: 1px solid rgba(0, 0, 0, 0.25); background-color: rgba(63, 63, 63, 0.9); } .table-data h2{ color: rgb(186, 186, 186); font-size: 16px; font-weight: bold; padding: 15px 20px; text-align: left; text-shadow: -1px 1px rgb(0, 0, 0); text-transform: uppercase; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.15); margin-bottom: 15px; background-color: rgba(255, 255, 255, 0.04); border-top: 1px solid rgba(0, 0, 0, 0.15); } #btnSearch{ background: rgb(36, 36, 36) url("/img/cmsn/svg/search.svg") no-repeat scroll center center / 24px auto; cursor: pointer; height: 30px; right: 20px; position: absolute; top: 10px; width: 30px; opacity: 0.4; border-radius: 3px; transition: opacity .2s ease; } #btnSearch:hover{ opacity: 0.8; } /* SEARCH LI BOXES */ .search { padding-top: 10px; } .search .search-head { color: #9d9d9d; font-size: 10px; margin: 0 20px; overflow: hidden; } .search .search-head label { } .search .search-head .rcount { float: right; } .search .table-rows { position: relative; } .search .table-rows ul.dxr { border-bottom: 1px solid rgb(56, 56, 56); border-top: 1px solid rgb(66, 66, 66); height: 32px; overflow: hidden; background-image: -webkit-linear-gradient(to bottom, rgb(42, 41, 41) 30%, rgba(2, 2, 2, 0.8) 70%); background-image: -moz-linear-gradient(to bottom, rgb(42, 41, 41) 30%, rgba(2, 2, 2, 0.8) 70%); background-image: -o-linear-gradient(to bottom, rgb(42, 41, 41) 30%, rgba(2, 2, 2, 0.8) 70%); background-image: linear-gradient(to bottom, rgb(42, 41, 41) 30%, rgba(2, 2, 2, 0.8) 70%); } .search .table-rows ul.dxr li > div { padding: 0; margin: 0; position: relative; } .search .table-rows ul.dxr li.csearchAct { background: none repeat scroll 0 0 rgb(68, 68, 68) !important; box-shadow: 2px -1px 6px rgb(44, 42, 42) inset; } .search .table-rows ul.dxr li input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; box-sizing: border-box; color: rgb(224, 224, 224); display: block; font-size: 12px; height: 100%; line-height: 22px; padding: 6px 10px; resize: none; width: 100%; z-index: 2; position: relative; cursor: pointer; box-shadow: none; transition: all 100ms ease-in-out; } .search .table-rows ul.dxr li.csearchAct input { cursor: text; } .search .table-rows ul.dxr li label, .search .table-rows ul.dxr li.last a, .search .table-rows ul.dxr .dropBox span{ box-sizing: border-box; color: rgb(114, 114, 114); display: block; font-size: 11px; height: 100%; left: 0; cursor: pointer; line-height: 22px; margin: 0; padding: 5px 10px; position: absolute; text-shadow: -1px 1px 0 rgb(0, 0, 0); text-transform: uppercase; top: 0; z-index: 1; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s ease-in-out; } .search .table-rows ul.dxr li.last a.cc, .search .table-rows ul.dxr li:hover label, .search .table-rows ul.dxr li.last a:hover, .search .table-rows ul.dxr .dropBox.ddAct span, .search .table-rows ul.dxr .dropBox:hover span{ color: rgb(227, 227, 227); } .search .table-rows ul.dxr > li { } .search .table-rows ul.dxr li.last { border-right: 0 none; } .search .table-rows ul.dxr li.last div{ line-height: 30px; padding: 0 20px 0 8px; } .search .table-rows ul.dxr li.last a { display: inline-block; position: relative; width: auto; padding: 5px 10px; } .search .table-rows ul.dxr li.last a.close { background: transparent url("/img/cmsn/svg/close.svg") no-repeat scroll center center / 18px auto; height: 14px; left: auto; padding: 0; position: absolute; right: 5px; top: 9px; width: 14px; opacity: 0.7; transition: opacity .2s linear; } .search .table-rows ul.dxr li.last a.close:hover{ opacity: 1; } .search .table-rows ul.dxr li.last a:first-child::after { border-left: 1px solid rgba(255, 255, 255, 0.2); content: ""; height: 50%; position: absolute; right: 0; top: 28%; width: 0; } /* SEARCH BOX DROP DOWN */ .search .table-rows ul.dxr li.dropBox { /*box-shadow: 0 0 3px rgba(134, 137, 134, 0.2) inset;*/ cursor: pointer; overflow: visible; } .search .table-rows ul.dxr .dropBox span{ overflow: hidden; padding: 5px 22px 5px 10px; text-overflow: ellipsis; } .search .table-rows ul.dxr .dropBox.ddAct div{ background: none repeat scroll 0 0 rgb(68, 68, 68) !important; box-shadow: 2px -1px 6px rgb(44, 42, 42) inset; } .search .table-rows ul.dxr li.dropBox div:after{ background: transparent url("/img/cmsn/svg/white-arrow.svg") no-repeat scroll center center / 20px auto; content: ""; height: 14px; position: absolute; right: 8px; top: 10px; width: 14px; transition: all 0.2s ease-in-out; transform: rotate(-90deg); opacity: 0.5; } .search .table-rows ul.dxr li.dropBox:hover div:after{ opacity: 0.9; } .search .table-rows ul.dxr .dropBox.ddAct div::after { background-position: -5px center; } .search .table-rows ul.dxr .dropBox > ul { background-color: rgb(57, 57, 57); border-bottom: 1px solid rgb(71, 71, 71); border-left: 1px solid rgb(71, 71, 71); border-right: 1px solid rgb(71, 71, 71); border-top: 1px solid rgb(77, 77, 77); margin-left: -1px; max-height: 270px; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; text-align: left; top: 34px; width: inherit; z-index: 10; border-radius: 0 0 3px 3px; box-shadow: 2px 2px 4px rgba(41, 41, 41, 0.6); } .search .table-rows ul.dxr .dropBox > ul li { border-bottom: 1px solid rgb(71, 71, 71); color: rgb(176, 176, 176); display: block; float: none; font-size: 11px; height: auto; line-height: 18px; padding: 5px 10px; transition: background 0.3s ease; border-right: 0; } .search .table-rows ul.dxr .dropBox > ul li.fe{ border-top: 0 none; } .search .table-rows ul.dxr .dropBox > ul li.le{ border-bottom: 0; border-radius: 0 0 3px 3px; } .search .table-rows ul.dxr .dropBox > ul li:hover{ background-color: rgba(255, 255, 255, 0.1); } .search .table-rows ul.dxr .ddAct{ background-color: white; box-shadow : 0 0 3px rgba(134, 137, 134, 0.7) inset; } /* TABLE STYLE */ .table-rows{ border-bottom: 1px solid rgba(87, 87, 87, 0.6); border-top: 1px solid rgba(87, 87, 87, 0.6); margin: 5px 20px; } .table-rows .w1{width: 10px;} .table-rows .w2{width: 20px;} .table-rows .w3{width: 30px;} .table-rows .w4{width: 40px;} .table-rows .w5{width: 50px;} .table-rows .w6{width: 60px;} .table-rows .w7{width: 70px;} .table-rows .w8{width: 80px;} .table-rows .w9{width: 90px;} .table-rows .w10{width: 100px;} .table-rows .w11{width: 110px;} .table-rows .w12{width: 120px;} .table-rows .w13{width: 130px;} .table-rows .w14{width: 140px;} .table-rows .w15{width: 150px;} .table-rows .w16{width: 160px;} .table-rows .w17{width: 170px;} .table-rows .w18{width: 180px;} .table-rows .w19{width: 190px;} .table-rows .w20{width: 200px;} .table-rows .w21{width: 210px;} .table-rows .w22{width: 220px;} .table-rows .w23{width: 230px;} .table-rows .w24{width: 240px;} .table-rows .w25{width: 250px;} .table-rows .w26{width: 260px;} .table-rows .w27{width: 270px;} .table-rows .w28{width: 280px;} .table-rows .w29{width: 290px;} .table-rows .w30{width: 300px;} .table-rows .w31{width: 310px;} .table-rows .w32{width: 320px;} .table-rows .w33{width: 330px;} .table-rows .w34{width: 340px;} .table-rows .w35{width: 350px;} .table-rows .w36{width: 360px;} .table-rows .w37{width: 370px;} .table-rows .w38{width: 380px;} .table-rows .w39{width: 390px;} .table-rows .w40{width: 400px;} .table-rows .w41{width: 410px;} .table-rows .w42{width: 420px;} .table-rows .w43{width: 430px;} .table-rows .w44{width: 440px;} .table-rows .w45{width: 450px;} .table-rows .w46{width: 460px;} .table-rows .w47{width: 470px;} .table-rows .w48{width: 480px;} .table-rows .w49{width: 490px;} .table-rows .w50{width: 500px;} .table-rows .w51{width: 510px;} .table-rows .w52{width: 520px;} .table-rows .w53{width: 530px;} .table-rows .w54{width: 540px;} .table-rows .w55{width: 550px;} .table-rows .w56{width: 560px;} .table-rows .w57{width: 570px;} .table-rows .w58{width: 580px;} .table-rows .w59{width: 590px;} .table-rows .w60{width: 600px;} .table-rows .w63{width: 630px;} .table-rows .w73{width: 730px;} .table-rows .w85{width: 850px;} /* SEARCH FIELDS -12px padding */ .search .table-rows .w4 input{width: 28px;} .search .table-rows .w5 input{width: 38px;} .search .table-rows .w6 input{width: 48px;} .search .table-rows .w7 input{width: 58px;} .search .table-rows .w8 input{width: 68px;} .search .table-rows .w9 input{width: 78px;} .search .table-rows .w10 input{width: 88px;} .search .table-rows .w11 input{width: 98px;} .search .table-rows .w12 input{width: 108px;} .search .table-rows .w13 input{width: 118px;} .search .table-rows .w14 input{width: 128px;} .search .table-rows .w15 input{width: 138px;} .search .table-rows .w16 input{width: 148px;} .search .table-rows .w17 input{width: 158px;} .search .table-rows .w18 input{width: 168px;} .search .table-rows .w19 input{width: 178px;} .search .table-rows .w20 input{width: 188px;} .search .table-rows .w21 input{width: 198px;} .search .table-rows .w22 input{width: 208px;} .search .table-rows .w23 input{width: 218px;} .search .table-rows .w24 input{width: 228px;} .search .table-rows .w25 input{width: 238px;} .search .table-rows .w26 input{width: 248px;} .search .table-rows .w27 input{width: 258px;} .search .table-rows .w28 input{width: 268px;} .search .table-rows .w29 input{width: 278px;} .search .table-rows .w30 input{width: 288px;} .search .table-rows .w31 input{width: 298px;} .search .table-rows .w32 input{width: 308px;} .search .table-rows .w33 input{width: 318px;} .search .table-rows .w34 input{width: 328px;} .search .table-rows .w35 input{width: 338px;} .search .table-rows .w36 input{width: 348px;} .search .table-rows .w37 input{width: 358px;} .search .table-rows .w38 input{width: 368px;} .search .table-rows .w39 input{width: 378px;} .search .table-rows .w40 input{width: 388px;} .search .table-rows .w41 input{width: 398px;} .search .table-rows .w42 input{width: 408px;} .search .table-rows .w43 input{width: 418px;} .search .table-rows .w44 input{width: 428px;} .search .table-rows .w45 input{width: 438px;} .search .table-rows .w46 input{width: 448px;} .search .table-rows .w47 input{width: 458px;} .search .table-rows .w48 input{width: 468px;} .search .table-rows .w49 input{width: 478px;} .search .table-rows .w50 input{width: 488px;} .search .table-rows .w51 input{width: 498px;} .search .table-rows .w52 input{width: 508px;} .search .table-rows .w53 input{width: 518px;} .search .table-rows .w54 input{width: 528px;} .search .table-rows .w56 input{width: 548px;} .search .table-rows .w57 input{width: 558px;} .search .table-rows .w58 input{width: 568px;} .search .table-rows .w59 input{width: 578px;} .search .table-rows .w60 input{width: 588px;} /* SEARCH FIELDS MERGE BORDER FIX */ .search .table-rows .m2{padding-right: 1px} .search .table-rows .m3{padding-right: 2px} .table-rows ul.dxr{ background-color: rgb(83, 83, 83); border-top: 1px solid rgba(255, 255, 255, 0.2); color: rgba(218, 218, 218, 0.9); display: block; overflow: hidden; font-size: 11px; } .table-rows ul.dxr.deleted_row { background-color: rgba(119, 21, 21, 0.4); } .table-rows ul.dxr.deleted_row.odd { background-color: rgba(119, 21, 21, 0.2); } .table-rows ul.dxr > li > div > a { color: rgb(255, 255, 255); font-size: 12px; } .table-rows ul.dxr li{ display: block; float: left; text-overflow: ellipsis; } .table-rows .actions{ float: right!important; } .table-rows ul.dxr li.editable { background-color: rgba(33, 33, 33, 0.41); border-right: 1px solid rgba(255, 255, 255, 0.4); border-left: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); cursor: pointer; } /* ROW HEIGHT */ .table-rows .single, .table-rows .single li{ height: 32px; line-height: 32px; overflow: hidden; } .table-rows .single li > div{ display: block; overflow: hidden; padding: 0 10px; height: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } /* THEAD STYLE */ .table-rows ul.thead{ border-top: 1px solid #FFE1C8; color: white; text-shadow: -1px 1px 0 #A74E14; background-image: -webkit-linear-gradient(to bottom, rgb(204, 126, 82) 0%, rgb(186, 67, 0) 100%); background-image: -moz-linear-gradient(to bottom, rgb(204, 126, 82) 0%, rgb(186, 67, 0) 100%); background-image: -o-linear-gradient(to bottom, rgb(204, 126, 82) 0%, rgb(186, 67, 0) 100%); background-image: -ms-linear-gradient(to bottom, rgb(204, 126, 82) 0%, rgb(186, 67, 0) 100%); background-image: linear-gradient(to bottom, rgb(204, 126, 82) 0%, rgb(186, 67, 0) 100%); } .table-rows ul.thead li{ border-right: 1px solid rgba(255, 255, 255, 0.35); } .table-rows ul.thead li.csort{ cursor: pointer; } .table-rows ul.thead li.csort div{ padding-right: 20px; } .table-rows ul.thead li.csort div{ position: relative; } .table-rows ul.thead li.csort div::before, .table-rows ul.thead li.csort div::after{ position: absolute; content: ""; right: 0; width: 18px; height: 100%; top: 0; opacity: 0.4; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .table-rows ul.thead li.csort div::before{ background: transparent url("/img/cmsn/svg/arrows_left.svg") no-repeat scroll center center / 18px auto; } .table-rows ul.thead li.csort div::after{ opacity: 0; background: transparent url("/img/cmsn/svg/arrow_left.svg") no-repeat scroll center center / 20px auto; } .table-rows ul.thead li.sort div::after{ opacity: 1; } .table-rows ul.thead li.sortDesc div::after{ opacity: 1; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } /* TBODY STYLE */ .table-rows ul.odd{ background-color: rgba(87, 87, 87, 0.6); } .table-rows ul .even{ background-color: rgba(5, 5, 5, 0.1); } .table-rows ul.bggreen.odd { background-color: rgba(51, 155, 29, 0.25); } .table-rows ul.bggreen { background-color: rgba(58, 194, 29, 0.25); } .table-rows ul.bggreen li.even { background-color: rgba(0, 0, 0, 0.1); } .table-rows ul.bgred.odd { background-color: rgba(183, 34, 34, 0.25); } .table-rows ul.bgred { background-color: rgba(219, 45, 45, 0.25); } .table-rows ul.bgred li.even { background-color: rgba(0, 0, 0, 0.1); } .table-rows ul li{ border-right: 1px solid rgba(255, 255, 255, 0.1); } .table-rows ul li.first{ } .table-rows ul.last{ } .table-rows .single .actions > div{ display: block; height: 100%; } .table-rows .thead .actions > div{ display: inline; height: 100%; padding-top: 0; } .table-rows .thead .actions > a{ display: inline-block; padding: 0 5px; border-right: 1px solid rgba(119, 62, 12, 0.43); } .table-rows .thead .actions > a.dd{ border-left: 1px solid rgba(255, 255, 255, 0.36); cursor: pointer; float: right; height: 100%; width: 10px; border-right: none; } .table-rows .thead .actions > a.dd::after{ position: relative; content: ""; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid transparent; border-top: 8px solid rgb(224, 223, 222); margin: 0 auto; top: 13px; display: block; } .table-rows .thead .actions.active{ border-right: 1px solid rgb(96, 96, 96); } .table-rows .thead .actions.active > a.dd{ background-color: rgb(96, 96, 96); border-left: 1px solid rgba(165, 165, 165, 0.36); box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.55); } .table-rows .thead .actions.active > a.dd::after{ border-top: 8px solid rgb(255, 255, 255); } .table-rows li.actions{ background: none!important; text-align: right; } .table-rows ul.hover, /*.table-rows ul.dxr:hover,*/ .table-rows ul.selected{ background-color: rgba(255, 255, 255, 0.2) !important; } /* TABLE BUTTONS */ .tree-ico { cursor: pointer; display: inline-block; margin: 0 3px; outline: medium none; overflow: hidden; text-decoration: none; width: 18px; opacity: 0.7; text-indent: 50px; height: 100%; } .list-ico { cursor: pointer; display: block; outline: medium none; overflow: hidden; position: relative; text-decoration: none; } .tree-ico:hover, .list-ico:hover { opacity: 1; } #ledit{ background: transparent url("/img/cmsn/svg/edit2.svg") no-repeat center center / 22px auto; } #lsend{ background: transparent url("/img/cmsn/svg/send_mail.svg") no-repeat center center / 22px auto; } #lview{ background: transparent url("/img/cmsn/svg/view.svg") no-repeat center center / 20px auto; } #ldelete{ background: transparent url("/img/cmsn/svg/delete_forever.svg") no-repeat center center / 24px auto; } /* CHECK BOX */ .table-rows .chk{ background: url("/img/cmsc/cms-checkbox.png") no-repeat scroll -4px -5px transparent; cursor: pointer; overflow: hidden; padding: 0 1px; width: 62px; vertical-align: top; margin-top: 2px; border-radius: 16px; } .table-rows .chk .slider{ display: block; overflow: hidden; padding: 1px 0; white-space: nowrap; } .table-rows .chk .slider > div{ display: inline-block; font-size: 12px; height: 22px; line-height: 23px; text-align: center; vertical-align: top; width: 40px; } .table-rows .chk .slider .on{ margin-right: -9px; padding-right: 10px; color: #F8F3F0; text-shadow: -1px 1px #8F410D; text-indent: 5px; border-radius: 16px 0 0 16px; box-shadow : 0 1px 4px #8F3900 inset; background-image: linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%); background-image: -o-linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%); background-image: -moz-linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%); background-image: -webkit-linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%); background-image: -ms-linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%); } .table-rows .chk .slider .off{ color: gray; margin-left: 10px; padding-left: 12px; text-indent: -5px; text-shadow: -1px 1px white; border-radius: 0 16px 16px 0; box-shadow : 0 1px 3px gray inset; background-image: -webkit-linear-gradient(bottom, rgb(218,217,217) 50%, rgb(234,234,234) 50%); background-image: -moz-linear-gradient(bottom, rgb(218,217,217) 50%, rgb(234,234,234) 50%); background-image: -ms-linear-gradient(bottom, rgb(218,217,217) 50%, rgb(234,234,234) 50%); background-image: -o-linear-gradient(bottom, rgb(218,217,217) 50%, rgb(234,234,234) 50%); background-image: linear-gradient(bottom, rgb(218,217,217) 50%, rgb(234,234,234) 50%); } .table-rows .chk .slider .switch{ background: url("/img/cmsc/cms-checkbox.png") no-repeat scroll -7px -50px transparent; border: 1px solid #F7F7F7; height: 20px; margin-left: -62px; overflow: hidden; width: 19px; border-radius: 16px; box-shadow : 0 3px 5px #7D7D7D; } /* TABLE ACTION DROP-DOWN */ .table-rows .table-actions{ border-radius: 0 0 0 2px; height: auto !important; padding: 10px 0 !important; position: absolute; right: 20px; min-width: 165px; width: auto; z-index: 100; box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.55); background-image: -webkit-linear-gradient(left, rgb(116, 116, 116) 33px, rgb(134, 134, 134) 33px, rgb(96, 96, 96) 100%); background-image: -moz-linear-gradient(left, rgb(116, 116, 116) 33px, rgb(134, 134, 134) 33px, rgb(96, 96, 96) 100%); background-image: -ms-linear-gradient(left, rgb(116, 116, 116) 33px, rgb(134, 134, 134) 33px, rgb(96, 96, 96) 100%); background-image: -o-linear-gradient(left, rgb(116, 116, 116) 33px, rgb(134, 134, 134) 33px, rgb(96, 96, 96) 100%); background-image: linear-gradient(left, rgb(116, 116, 116) 33px, rgb(134, 134, 134) 33px, rgb(96, 96, 96) 100%); } .table-rows .table-actions ul{ display: block; } .table-rows .table-actions ul li{ float: none; display: block; height: auto; border-right:none; } .table-rows .table-actions li, .table-rows .table-actions li a{ border: none; display: block; } .table-rows .table-actions li a{ color: rgb(224, 224, 224); font-size: 11px; text-align: left; position: relative; height: 20px; line-height: 20px; padding: 5px 15px 5px 41px; text-shadow: 0 1px 1px rgba(27, 27, 27, 0.6); transition: background-color .2s linear; } .table-rows .table-actions li.active a, .table-rows .table-actions li a:hover{ color: #ffffff; transition: background-color .1s linear; background-color: rgba(255, 255, 255, 0.28); } .table-rows .table-actions .sep{ border-bottom: 1px solid rgba(255, 255, 255, 0.19); border-top: 1px solid rgba(0, 0, 0, 0.19); display: block; height: 0; margin-bottom: 0; overflow: hidden; } .table-rows .table-actions .nico-add{ background: url("/img/cmsn/svg_action_menu/new.svg") no-repeat 5px center / 24px auto } .table-rows .table-actions .nico-delete{ background: url("/img/cmsn/svg_action_menu/delete.svg") no-repeat 4px center / 25px auto } .table-rows .table-actions .nico-delete-all{ background: url("/img/cmsn/svg_action_menu/delete_sel.svg") no-repeat 4px center / 25px auto } .table-rows .table-actions .nico-clone{ background: url("/img/cmsn/svg_action_menu/clone.svg") no-repeat 5px center / 23px auto } .table-rows .table-actions .nico-dl{ } .table-rows .table-actions .nico-upl{ } .table-rows .table-actions .admin-folder{ background: url("/img/cmsn/svg_action_menu/folder.svg") no-repeat 7px center / 18px auto } .table-rows .table-actions .nico-clear{ background: url("/img/cmsn/svg_action_menu/clear_cache.svg") no-repeat 7px center / 18px auto } /* BASE CHECKBOX NEW */ .table-rows .ncheckbox .chk { background: rgb(239, 239, 239); border: 1px solid rgb(0, 0, 0); border-radius: 2px; cursor: pointer; display: inline-block; font-size: 1px; height: 15px; outline: 0 none; padding: 0; position: relative; vertical-align: text-bottom; width: 15px; box-shadow: 1px 1px 0 rgba(217, 217, 217, 0.1); } .table-rows .single .ncheckbox .chk { margin: 8px 0 0 1px; } .table-rows .double .ncheckbox .chk { margin: 19px 0 0 1px; } .table-rows .triple .ncheckbox .chk { margin: 33px 0 0 1px; } .table-rows .ncheckbox .chk > div { width: 11px; height: 11px; margin: auto; border-radius: 1px; top: 2px; position: relative; left: 0; background: transparent; transition: background 0.2s ease; } .table-rows .ncheckbox .chk:hover > div{ background: rgb(168, 168, 168); } .table-rows .ncheckbox .chked > div, .table-rows .ncheckbox .chk.chked:hover > div{ background: rgb(212, 77, 1); } .table-rows .thead .chkall .ncheckbox .chk{ border: 1px solid #a05a00; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.42); opacity: 0.45; } .table-rows .thead .chkall .ncheckbox .chk:hover { opacity: 0.8; } /* TABLE PAGER */ .pager{ display: inline-block; float: right; margin-bottom: 20px; margin-right: 20px; text-align: right; } .pager ul{ display: inline-block; overflow: hidden; white-space: nowrap; } .tpager ul{ margin-bottom: 10px; } .pager ul li{ margin-left: 2px; vertical-align: top; } .pager ul li.first{ } .pager ul li.last{ } .pager ul li.first a{ } .pager ul li.last a{ } .pager ul li a{ background-color: #de7133; box-sizing: border-box; color: white; display: block; font-size: 12px; line-height: 13px; min-height: 25px; min-width: 25px; padding: 6px 4px; text-align: center; opacity: 0.6; transition: opacity .15s linear; } .pager ul li a.prev, .pager ul li a.next{ font-size: 16px; line-height: 10px; } .pager ul li a.hover, .pager ul li.sel a{ background-color: #de7133; color: #ffffff; opacity: 1; } .pager .rcount{ color: #9d9d9d; font-size: 10px; margin-bottom: 10px; text-align: right; } .tpager .rcount{ margin-bottom: 0; } .noresults{ color: rgba(198, 198, 198, 1); font-size: 12px; padding: 20px 15px; text-align: center; background-color: rgba(255, 255, 255, 0.05); } /* TABLE BOTTOM ACTION BUTTONS */ .table-data .table-bactions{ float: left; margin-bottom: 10px; margin-left: 20px; margin-top: 5px; } /* TABLE BOTTOM ACTION BUTTONS */ .table-data span.ind-ok { float: right; display: block; width: 10px; height: 10px; background-color: #04b904; border-radius: 50%; top: 10px; position: relative; }