.form-data .p20{ padding: 20px; } .doc{ position: relative; 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); } .form-data{ padding: 10px 20px; } .form-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: 0 -20px; background-color: rgba(255, 255, 255, 0.04); border-top: 1px solid rgba(0, 0, 0, 0.15); } .form-data h3{ border: 1px solid rgb(231, 138, 77); color: rgb(255, 255, 255); font-size: 13px; font-weight: normal; letter-spacing: 0.05em; margin-top: 6px; position: relative; text-align: left; text-shadow: 0 1px 1px rgb(80, 37, 9); text-transform: uppercase; border-radius: 3px; transition: background 0.2s ease; background-image: -webkit-linear-gradient(to right, rgba(255, 136, 57, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -moz-linear-gradient(to right, rgba(255, 136, 57, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -ms-linear-gradient(to right, rgba(255, 136, 57, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(to right, rgba(255, 136, 57, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(255, 136, 57, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%); } .form-data h4.sub-group{ color: rgb(132, 132, 132); background-color: rgb(41, 41, 41); padding: 10px 20px; margin: 20px 0 5px; position: relative; } .form-data h2 .record-info{ display: block; font-size: 10px; color: rgb(176, 176, 176); font-weight: normal; text-shadow: 1px 1px 0 rgb(47, 47, 47); } .form-data h2 .record-info li{ margin-right: 6px; padding-right: 6px; border-right: 1px solid rgb(44, 43, 43); } .form-data h2 .record-info li:last-child{ border-right: none; } .form-data h2 .record-info li span{ color: rgb(255, 117, 0); margin-left: 2px; } .form-data .sub-group-data{ display: block; padding: 5px 10px; } .buttons_top .title { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .buttons_top .title h2{ border-bottom: 1px solid rgb(0, 0, 0); color: rgb(186, 186, 186); padding: 8px 20px; text-align: right; text-shadow: -1px 1px rgb(0, 0, 0); text-transform: uppercase; } .form-data h3 a{ color: inherit; cursor: pointer; display: block; font-size: 12px; padding: 9px 0 9px 26px; text-shadow: inherit; } .form-data h3 a::after { background: url("/img/cmsn/svg/white-arrow.svg") no-repeat center center / 20px auto; content: ""; display: block; height: 20px; left: 4px; position: absolute; top: 7px; width: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: all .2s linear; } .form-data .hide > h3 > a::after { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .form-data .hide > h3, .form-data h3:hover{ box-shadow: 0 0 3px rgba(231, 133, 68, 0.4); background-color: #000; } .form-data .hide > h3, .form-data h3:hover a{ color: #ffffff; text-shadow: 0 1px 1px #a0521e; } .form-data .hide > div, .form-data .show > div{ padding: 20px; } /* FORM FORMATTING */ .form-data label{ color: rgb(157, 157, 157); display: block; padding: 4px 0; text-shadow: 0 1px 1px rgb(0, 0, 0); } .form-data .validate{ display: inline-block; margin-right: 25px; position: relative; } .form-data .v-ok > input, .form-data .v-ok select, .form-data .v-ok textarea{ background: rgb(131, 131, 131) url("/img/cmsn/svg/ok.svg?v=4") no-repeat scroll right 4px center / 22px auto; } .form-data .v-error > input, .form-data .v-error select, .form-data .v-error textarea{ background: rgb(131, 131, 131) url("/img/cmsn/svg/error2.svg?v=18") no-repeat scroll right 4px center / 22px auto; } .form-data span.input{ display: block; } .form-data input, .form-data select, .form-data textarea, .form-data span.input{ border: 1px solid rgb(107, 107, 107); color: rgb(219, 219, 219); padding: 10px 26px 8px 7px; border-radius: 3px; box-shadow: -1px 1px 3px rgb(69, 69, 69) inset; background-color: rgb(131, 131, 131); overflow: hidden; transition: border 0.2s ease; font-size: 1.1em; font-family: 'Duru Sans', "Lucida Grande", Helvetica, Arial, Verdana, Tahoma, sans-serif; } .form-data input:focus, .form-data select:focus, .form-data textarea:focus{ border: 1px solid rgba(203, 203, 203, 0.5); color: rgb(219, 219, 219); } .form-data .short{width: 80px;} .form-data .normal{width: 160px;} .form-data .long{width: 260px;} .form-data .slong{width: 369px;} .form-data div.short{width: 113px;} .form-data div.normal{width: 193px;} .form-data div.long{width: 293px;} .form-data div.slong{width: 402px;} .form-data select{ padding-right: 25px; text-overflow: ellipsis; background-position: 50px center; } .form-data select.short{ width: 95px; } .form-data select.normal{ width: 175px; background-position: 130px center; } .form-data select.long{ width: 275px; background-position: 230px center; } .form-data textarea:disabled, .form-data span.disabled-input, .form-data input[type="text"]:disabled{ box-shadow: -1px 1px 3px rgb(47, 47, 47) inset; background-color: rgb(72, 72, 72); color: rgb(158, 158, 158); } .form-data .cpl{ color: rgb(247, 98, 0); font-size: 12px; } /* CHECK BOX */ .form-data .chk{ cursor: pointer; margin-left: 15px; overflow: hidden; width: 62px; float: right; border-radius: 3px; } .form-data ul.pblocks li div.chk-slider{ margin: 7px 10px 0!important; } .form-data .chk .slider{ display: block; overflow: hidden; white-space: nowrap; margin-left: -62px; transition: margin 0.3s ease; } .form-data .chk .slider > div{ display: inline-block; font-size: 12px; height: 22px; line-height: 23px; text-align: center; vertical-align: top; width: 62px; box-sizing: border-box; } .form-data .chk .slider .on{ color: #F8F3F0; text-shadow: -1px 1px #8F410D; padding-right: 22px; box-shadow: 0 1px 4px #8F3900 inset; background-image: -webkit-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: -ms-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: linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%); } .form-data .chk .slider .off{ color: rgb(35, 35, 35); padding-left: 22px; text-shadow: -1px 1px white; 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%); } .form-data .chk .slider .switch{ border: 1px solid RGB(247, 247, 247); height: 18px; margin-left: -60px; overflow: hidden; width: 18px; border-radius: 3px; box-shadow: 0 3px 5px RGB(125, 125, 125); top: 2px; position: relative; box-sizing: border-box; transition: margin 0.3s ease; 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%); } .form-data .chk .slider.sw0, .form-data .chk .slider.sw0 .switch{ transition: margin 0s ease; } .form-data .chk .slider.sw-on{ margin-left: 0; } .form-data .chk .slider.sw-on .switch{ margin-left: -82px; } /* BASE CHECKBOX NEW */ .form-data .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); margin: 2px 0 0 0; } .form-data .ncheckbox .chk > div { width: 11px; height: 11px; margin: auto; border-radius: 1px; top: 2px; position: relative; left: 0px; background: transparent; transition: background 0.2s ease; } .form-data .ncheckbox .chk.radio { border-radius: 50%; width: 17px; height: 17px; margin: 0; } .form-data .ncheckbox .chk.radio > div{ border-radius: 50%; width: 13px; height: 13px; } .form-data .ncheckbox .chk:hover > div{ background: rgb(168, 168, 168); } .form-data .ncheckbox .chked > div, .form-data .ncheckbox .chk.chked:hover > div{ background: rgb(212, 77, 1); } .form-data .ncheckbox .chked.disabled > div, .form-data .ncheckbox .chk.chked.disabled:hover > div { background: rgba(212, 77, 1, 0.7); cursor: default; } .form-data .thead .chkall .ncheckbox .chk:hover { opacity: 0.8; } /* BREAK IN COLUMNS */ .form-data ul.col2, .form-data ul.col3, .form-data ul.col4, ul.colX, ul.col1{ width: 100%; } .form-data ul.col1 > li, .form-data ul.col3 > li, .form-data ul.col2 > li, .form-data ul.col4 > li{ display: block; float: left; margin-bottom: 8px; max-width: 350px; min-width: 280px; margin-right: 8px; vertical-align: top; } .form-data ul.colX > li{ display: block; float: left; margin-bottom: 8px; max-width: 350px; min-width: 110px; margin-right: 8px; } .form-data ul.col1 li:nth-child(n+2){ clear: left; } .form-data ul.col2 li:nth-child(2n+3){ clear: left; } .form-data ul.col3 li:nth-child(3n+4){ clear: left; } .form-data ul.col4 li:nth-child(4n+5){ clear: left; } .form-data ul.col1 li.lih label, .form-data ul.col2 li.lih label, .form-data ul.colX li.lih label{ /*color: #747474;*/ /*text-shadow: -2px 2px 0 #E8E8E8;*/ } /* PBLOCKS */ .form-data ul.pblocks, .form-data ul.pblocks.long, .form-data ul.pblocks.short, .form-data ul.pblocks.normal{ width: auto; } .form-data ul.pblocks li{ border: 1px dashed rgb(144, 144, 144); display: inline-block; margin: 3px 1px; padding: 6px 0 5px 6px; width: 340px; cursor: pointer; text-align: left; border-radius: 3px; height: 50px; box-sizing: border-box; vertical-align: top; } .form-data ul.pblocks.short li, .form-data ul.pblocks li.short{ width: 180px; } .form-data ul.pblocks.normal li, .form-data ul.pblocks li.normal{ width: 240px; } .form-data ul.pblocks.long li, .form-data ul.pblocks li.long{ width: 294px; } .form-data ul.pblocks li.dummy{ border-bottom: medium none; border-top: medium none; margin: 0 1px; padding: 0 0 0 6px; visibility: hidden; height: 0; } .form-data ul.pblocks li div.chk{ display: inline-block; margin: 10px 10px 0; vertical-align: top; } .form-data ul.pblocks li p{ color: #979797; display: block; font-family: 'Duru Sans',sans-serif; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .form-data ul.pblocks li label{ color: rgb(219, 219, 219); font-size: 14px; margin-bottom: 3px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: block; } .form-data ul.pblocks li .bchk-cnt { float: right; margin-right: 10px; margin-top: 9px; } .form-data .no-data, .form-data ul.pblocks li.noresults{ border: 1px solid #d97575; color: rgb(242, 155, 155); padding: 20px; text-align: center; text-shadow: 0 1px 1px rgb(53, 52, 52); text-transform: uppercase; visibility: visible; width: 100%; box-sizing: border-box; background-color: rgba(128, 0, 0, 0.13); border-radius: 2px; cursor: default !important; display: inline-block; height: auto; } /* CHK-BLOCKS */ .form-data li.ckhblock{ padding: 3px; width: 340px; text-align: left; } .form-data .ncheckbox.simple label{ cursor: pointer; padding: 4px 4px 4px 25px; box-sizing: border-box; } .form-data .ncheckbox.simple .chk{ float: left; } .form-data li.ckhblock div.chk{ display: inline-block; margin: 6px 10px 0; vertical-align: top; float: right; } .form-data li.ckhblock p{ color: #818181; display: inline-block; font-family: 'Duru Sans',sans-serif; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 210px; } .form-data li.ckhblock label{ color: #565656; font-size: 14px; margin-bottom: 3px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 210px; } .form-data li.ckhblock .bchk-cnt { float: right; margin-right: 10px; margin-top: 9px; } /* PBLOCK SEARCH STYLE */ .form-data .pp-search{ background: rgb(36, 36, 36) url("/img/cmsn/svg/search.svg") no-repeat scroll center center / 24px auto; box-shadow: none; box-sizing: border-box; float: left; height: 36px; overflow: hidden; padding: 0; width: 36px; position: relative; cursor: pointer; opacity: 0.7; border-radius: 3px; transition: opacity .2s linear; } .form-data .pp-search:hover, .form-data .pp-search.open, .form-data .pp-close:hover{ opacity: 1; } .form-data .pp-search > *, .form-data .pp-search > .pp-close{ opacity: 0 !important; } .form-data .pp-search.open > *{ opacity: 1 !important; transition: opacity .2s ease-in; display: inline-block; } .form-data .pp-search.open { cursor: default; background-position: 5px center; background-size: 32px auto; display: block; height: auto; padding: 5px 15px 5px 53px; white-space: nowrap; text-align: left; width: 100%; transition: width .2s linear, opacity .2s linear; } .form-data .pp-search.open > div { position: relative; } .form-data .pp-search label{ display: inline-block; font-size: 11px; margin: 0 10px 0 0; text-shadow: -1px 1px 0 rgba(23, 23, 23, 0.5); text-transform: uppercase; cursor: pointer; } .form-data .pp-search input{ font-size: 12px; padding: 10px 10px 7px; } .form-data .pp-close, .form-data .pp-search.open > .pp-close{ background: transparent url("/img/cmsn/svg/close.svg") no-repeat scroll center center / 20px auto; content: ""; display: block; height: 15px; position: absolute; right: 2px; top: 2px; cursor: pointer; width: 15px; opacity: 0.6 !important; } .form-data .pp-search a.clf{ background: transparent url("/img/cmsn/svg/close.svg") no-repeat scroll center center / 20px auto; display: block; height: 16px; position: absolute; right: 10px; top: 10px; width: 16px; cursor: pointer; opacity: 0.6; transition: opacity 0.2s ease; } .form-data .pp-search a.clf:hover, .form-data .pp-search.open > .pp-close:hover{ opacity: 1 !important; } /* CHECK ALL SUB ITEMS */ .form-data .only_sel, .form-data .ckh_all{ color: rgb(255, 255, 255); cursor: pointer; display: inline-block; float: left; font-size: 14px; line-height: 18px; margin: 4px 0 4px 5px; padding: 6px 0 5px 6px; opacity: 0.5; transition: opacity .2s linear; } .form-data .only_sel .chk, .form-data .ckh_all .chk{ margin: 3px 0 0 6px; } .form-data .only_sel:hover, .form-data .ckh_all:hover{ opacity: 1; } .form-data .only_sel label, .form-data .ckh_all label{ cursor: pointer; display: inline-block; } .form-data ul.pblocks li:hover:not(.noresults):not(.disabled), .form-data ul.pblocks li.lih:not(.noresults):not(.disabled){ background-color: rgba(255, 255, 255, 0.08); } .form-data ul.pblocks li.lih span{ /*color: #6D6D6D;*/ /*box-shadow : 0 1px 2px rgba(222, 131, 27, 0.42);*/ /*border: 1px solid #BEBEBE;*/ /*margin-left: 5px;*/ /*margin-top: 5px;*/ /*overflow: hidden;*/ /*border-radius: 3px;*/ /*box-shadow : 0 1px 2px rgba(167, 167, 167, 0.33);*/ /*border: 1px solid #FBFBFB;*/ /*color: #9C9C9C;*/ /*display: block;*/ /*font-size: 10px;*/ /*padding: 3px 6px;*/ /*text-shadow: -1px 1px 0 #EDEDED;*/ /*border-radius: 3px;*/ } /* BUTTON STYLE FOR BLANK DATA */ .cnt-shadow .btn{ border-top: 1px solid rgb(0, 0, 0); text-align: right; position: relative; box-shadow: 0px -2px 8px -6px rgba(0, 0, 0, 0.7); background-image: -webkit-linear-gradient(to right, rgb(29, 29, 29) 0, rgb(39, 39, 39) 100%); background-image: -moz-linear-gradient(to right, rgb(29, 29, 29) 0, rgb(39, 39, 39) 100%); background-image: -ms-linear-gradient(to right, rgb(29, 29, 29) 0, rgb(39, 39, 39) 100%); background-image: -o-linear-gradient(to right, rgb(29, 29, 29) 0, rgb(39, 39, 39) 100%); background-image: linear-gradient(to right, rgb(29, 29, 29) 0, rgb(39, 39, 39) 100%); } .cnt-shadow .btnt{ border-top: none; text-align: right; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); } .cnt-shadow .btn ul{ border-top: 1px solid rgba(255, 255, 255, 0.12); display: block; padding: 12px 20px 8px; } .cnt-shadow .btnt ul{ border-top: none; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .cnt-shadow .btn ul li{ margin-left: 5px; } /* BASE CHECKBOX */ .form-data .bchk-cnt{ background: url("/img/cmsc/cms-checkboxes.png") no-repeat scroll 0 -26px transparent; display: inline-block; height: 18px; width: 18px; } .form-data .bchecked{ background-position: 0 0; } .form-data .bchk-cnt input{ display: block; height: 18px; width: 18px; } .form-data .single .bchk-cnt{ margin-top: 5px; } /* RATING STARS */ .star-f{ background: url("/img/cms/pager_arrows.png") no-repeat scroll -6px -134px transparent; display: inline-block; height: 17px; margin-right: 4px; width: 19px; } .star-e{ background: url("/img/cms/pager_arrows.png") no-repeat scroll -6px -160px transparent; display: inline-block; height: 17px; margin-right: 4px; width: 19px; } /* TABS */ .tabs{} .tabs .tab-cnt{ border: 1px solid rgb(107, 107, 107); overflow: hidden; border-radius: 3px 3px 3px 0; box-shadow : 0 1px 3px rgb(26, 26, 26); background-image: -webkit-linear-gradient(to right, rgb(33, 32, 32) 0, rgba(47, 47, 47, 0.9) 100%); background-image: -moz-linear-gradient(to right, rgb(33, 32, 32) 0, rgba(47, 47, 47, 0.9) 100%); background-image: -o-linear-gradient(to right, rgb(33, 32, 32) 0, rgba(47, 47, 47, 0.9) 100%); background-image: -ms-linear-gradient(to right, rgb(33, 32, 32) 0, rgba(47, 47, 47, 0.9) 100%); background-image: linear-gradient(to right, rgb(33, 32, 32) 0, rgba(47, 47, 47, 0.9) 100%); } .tabs .tab-cnt .sbox{ display: block; overflow: hidden; padding: 20px; } .tabs .tab-btn{ margin-top: -1px; padding: 0 5px; margin-left: -5px; margin-right: -5px; padding-bottom: 5px; } .tabs .tab-btn ul{ white-space: nowrap; vertical-align: top; margin-right: 5px; } .tabs .tab-btn ul li{ position: relative; vertical-align: top; margin-right: -5px; overflow: hidden; z-index: 5; border-radius: 0 0 3px 3px; box-shadow: 0 1px 3px rgb(29, 29, 29); } .tabs .tab-btn ul li a{ background-color: rgb(75, 75, 75); border: 1px solid rgb(107, 107, 107); color: rgb(157, 157, 157); display: block; overflow: hidden; padding: 5px 20px; text-shadow: 0 1px 1px rgb(42, 42, 42); border-radius: 0 0 3px 3px; } .tabs .tab-btn ul li.ts{ position: relative; z-index: 10; } .tabs .tab-btn ul li.ts a{ background-color: rgb(33, 32, 32); border-top: medium none; padding: 10px 20px; color: rgb(157, 157, 157); background-image: none; text-shadow: 0 1px 1px rgb(0, 0, 0); } /* CHOSEN OVER WRITE CSS */ .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid rgb(186, 186, 186); background: rgb(68, 68, 68); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } .chosen-container .chosen-results li.highlighted { background-color: rgba(255, 255, 255, 0.13); color: rgb(255, 255, 255); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .chosen-container-active .chosen-single span { color: #7b471a; } .chosen-container-single .chosen-drop { margin-top: 0; } .chosen-container-single .chosen-single { border: 1px solid rgb(107, 107, 107); border-radius: 3px; box-shadow: -1px 1px 3px rgb(41, 41, 41); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box; background: rgba(0, 0, 0, 0) -moz-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box; background: rgba(0, 0, 0, 0) -ms-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box; background: rgba(0, 0, 0, 0) -o-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box; background: rgba(0, 0, 0, 0) linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid rgb(186, 186, 186); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box; background: rgba(0, 0, 0, 0) -moz-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box; background: rgba(0, 0, 0, 0) -ms-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box; background: rgba(0, 0, 0, 0) -o-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box; background: rgba(0, 0, 0, 0) linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box; } .chosen-container-single .chosen-single span { height: 35px; color: rgb(219, 219, 219); } .v-error .chosen-container-single .chosen-single div { background: transparent url("/img/cmsc/statuses/nerr.png?v=3") no-repeat scroll right center / 26px auto !important; } .chosen-container-single .chosen-single div{ background-position: 0 10px; background-size: 20px auto; transition: none; } .chosen-container-active.chosen-with-drop .chosen-single div { background-position: 0 12px; transition: background .15s linear; } .chosen-container .chosen-results { max-height: 242px; color: rgb(188, 188, 188); } .chosen-container .chosen-results li{ border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .chosen-container .chosen-results li:last-child{ border-bottom: none; } /* AA STYLE */ span.tiny{ font-size: 8px; } /* MULTI SELECT BOX SEARCH LINKER STYLE */ .selector{ overflow: hidden; position: relative; width: 760px; } .selector .available, .selector .chosen { background: none repeat scroll 0 0 rgb(35, 35, 35); border: 1px solid rgb(75, 75, 75); float: left; width: 366px; border-radius: 3px; } .selector .available > div, .selector .chosen > div{ overflow: hidden; border-radius: 3px; } .selector .available h2, .selector .chosen h2 { border-bottom: 1px solid rgb(8, 8, 8); color: rgb(186, 186, 186); font-size: 10px; letter-spacing: 1px; line-height: 13px; margin: 0; padding: 7px; text-align: center; text-shadow: -1px 1px 0 rgb(20, 20, 20); } .selector .selector-filter { background: rgb(36, 36, 36) url("/img/cmsn/svg/search.svg") no-repeat scroll 12px center / 24px auto; border-bottom: 1px solid rgba(255, 255, 255, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.07); color: #666666; padding: 3px 5px 2px 2px; text-indent: 25px; } .selector .selector-filter input[type="text"] { box-sizing: border-box; margin: 0; max-width: 308px !important; position: relative; width: 308px !important; padding: 5px 4px; margin-left: 18px; } .selector select[multiple="multiple"] { height: 200px; margin: 0 0 0 -1px; max-width: 366px !important; padding: 3px; width: 366px !important; border-bottom: 1px solid rgb(15, 15, 15); border-left: none; border-right: none; border-top: none; outline: none; overflow: auto; } .selector select option { color: rgb(222, 222, 222); font-family: Arial,sans-serif; font-size: 13px; font-weight: normal; line-height: 14px; padding: 4px 6px; outline: none; } .selector select option::selection, .selector select option::-moz-selection{ background-color: #FC6500; color: white; } .selector div.subbtns { border-top: 1px solid rgba(255, 255, 255, 0.2); margin: 0; padding: 3px 7px 5px; } .selector div.subbtns a{ color: #7E7E7E; font-size: 11px; font-weight: bold; line-height: 13px; text-shadow: -1px 1px 0 rgb(20, 20, 20); float: left; } .selector div.subbtns a:hover{ text-decoration: underline; } .selector div.subbtns .count{ color: #B4B4B4; float: right; font-size: 11px; text-shadow: -1px 1px 0 rgb(20, 20, 20); } .selector ul.selector-chooser { float: left; margin: 128px 2px 0; padding: 0; width: 18px; list-style: none outside none; } .selector a.selector-add, .selector a.selector-remove { background: transparent url("/img/cmsn/svg/arrow_left.svg") no-repeat scroll -17px center / 35px auto; color: transparent !important; display: block; height: 24px; width: 18px; opacity: 0.7; transition: opacity 0.2s ease; } .selector a.selector-remove { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .selector a.selector-add:hover, .selector a.selector-remove:hover { opacity: 1; } .form-data .v-text .errMsg, .form-data .v-error .errMsg { opacity: 0; background: #ffeb80; position: absolute; bottom: -22px; font-size: 12px; line-height: 22px; padding: 2px 15px; color: rgb(71, 71, 71); white-space: nowrap; left: 50%; transform: translateX(-50%); z-index: 5; pointer-events: none; width: auto !important; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2); transition: opacity 0.12s ease-in-out, bottom 0.12s ease-in-out; } .form-data .v-text .errMsg::after, .form-data .v-error .errMsg::after{ content: ""; margin: 0 auto; border-left: 4px solid rgb(255, 235, 128); border-top: 4px solid rgb(255, 235, 128); border-bottom: 4px solid transparent; border-right: 4px solid transparent; height: 0; width: 0; display: block; transform: rotate(45deg); top: -4px; position: absolute; left: 0; right: 0; } .form-data .v-text:hover .errMsg, .form-data .v-error:hover .errMsg { opacity: 1; bottom: -35px; } .form-data .v-text .errMsg.black, .form-data .v-error .errMsg.black{ background: rgba(0, 0, 0, 0.5); color: rgb(191, 191, 191); border-radius: 3px; } .form-data .v-text .errMsg.black::after, .form-data .v-error .errMsg.black::after{ border-left: 4px solid rgba(0, 0, 0, 0.5); border-top: 4px solid rgba(0, 0, 0, 0.5); } /* DISABLED LI BLOCKS */ .form-data ul.pblocks li.disabled{ position: relative; opacity: 0.6; cursor: default; } .form-data ul.pblocks li.disabled::after{ content: ""; position: absolute; background-color: rgba(8, 8, 8, 0.04); left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } /* UPLODIFY - IMG STYLE */ #add-img{ } .prod-img div.click-to-addimg { background: url("/img/cmsn/svg/finger.svg") no-repeat scroll center center rgb(54, 54, 54); border: 1px solid rgb(47, 47, 47); border-radius: 3px; box-shadow: 0 1px 3px rgb(77, 75, 75) inset; height: 100px; margin: 10px 0 0 0; max-width: 229px; overflow: hidden; padding: 5px; position: relative; width: 134px; } .prod-img li{ margin: 0 10px; overflow: hidden; position: relative; text-align: center; vertical-align: top; padding: 5px; } .prod-img li label{ color: rgb(222, 222, 222); display: inline-block; vertical-align: top; } .prod-img li .bchk-cnt{ margin-top: 2px; vertical-align: top; } .prod-img li .placeh > span.delete { background: transparent url("/img/cmsn/svg/close.svg") no-repeat scroll center center / 20px auto; height: 16px !important; right: 1px; width: 16px !important; display: block; position: absolute; cursor: pointer; z-index: 10; top: 11px; } #cnt_files .placeh { background-color: rgb(39, 39, 39); border-radius: 5px; box-shadow: 2px 2px 2px rgb(47, 47, 47); box-sizing: border-box; display: none; overflow: hidden; padding: 10px; position: absolute; right: calc(-100% + 20px); top: -15px; z-index: 15; } div#cnt_files .placeh > span { display: inline-block; cursor: pointer; height: 20px !important; width: 20px !important; margin-right: 7px; position: unset; cursor: pointer; opacity: 0.6 !important; transition: opacity 0.2s ease; } div#cnt_files .placeh > span:hover{ opacity: 1 !important; } #cnt_files.prod-img li .placeh > span.delete { background: transparent url("/img/cmsn/svg/close.svg") no-repeat scroll center center / 22px auto; } .prod-img li .placeh > span.download { background: url("/img/cmsn/svg/download.svg") no-repeat scroll center center / 24px auto; } .prod-img li .placeh > span.pic { background: transparent url("/img/cmsn/svg/media_image.svg") no-repeat scroll center center / 20px auto; } .prod-img li .placeh > span.youtube { background: transparent url("/img/cmsn/svg/youtube.svg") no-repeat scroll center center / 20px auto; } .prod-img li .placeh > span.link { background: transparent url("/img/cmsn/svg/link.svg") no-repeat scroll center center / 24px auto; } .prod-img li .inline > span.link { background: transparent url("/img/cmsn/svg/link.svg") no-repeat scroll center center / 24px auto; } .prod-img li .opchange, .prod-img li .bchk-cnt{ opacity: 0.6; } .prod-img .upper{ z-index: 10; } .prod-img .uploadifyQueue{ display: none; } .prod-img .click-to-addimg img { background-color: #eaeaea; display: block; height: 91%; left: 5px; position: absolute; top: 5px; width: 93%; z-index: 5; } .prod-img .click-to-addimg > a{ display: none; position: absolute; top: -20px; z-index: 1; } .prod-img .click-to-addimg object { left: 5px; position: absolute; top: 5px; z-index: 11; } .loadable-dd .pblocks{ text-align: center; } .file-upload { bottom: 0; cursor: pointer; display: block; opacity: 0; position: absolute; right: 0; top: 0; z-index: 6; height: 100%; width: 100%; padding: 0; cursor: pointer; } .list-data > ul > li { vertical-align: top; } .del-btn { background: transparent url("/img/cmsc/add-remove.png") repeat scroll -1px -88px; display: block; height: 26px; margin-left: 10px; margin-top: 3px; width: 26px; } select option:disabled{ text-decoration: line-through; } .cnt_file_url{ display: none; margin: 5px 25px; } .cnt_file_url > label{ display: inline-block; box-sizing: border-box; overflow: hidden; padding: 10px; text-align: right; text-overflow: ellipsis; vertical-align: top; width: 15%; } .cnt_file_url > input#c_f_url{ background-color: rgba(241, 241, 241, 0.9); border: medium none; box-shadow: none; box-sizing: border-box; margin-left: 10px; margin-right: -20px; padding: 12px 20px; vertical-align: top; width: 85%; -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; transition: background-color 0.5s linear; } .cnt_file_url > input#c_f_url.update{ background-color: #aaf89d; } .displayNone{ display: none !important; } /* UPLOADED FILE EXT. */ #cnt_files .file { background: #ffffff url("/img/cmsc/ico-sprites.jpg") no-repeat scroll 134px 100px; } #cnt_files .doc {} #cnt_files .docx {} #cnt_files .pdf {} #cnt_files .rar {} #cnt_files .zip {} #cnt_files li { overflow: visible; } #cnt_files div.click-to-addimg { overflow: hidden; } #cnt_files li:not(.upp):hover .placeh{ display: block; } /* MEDIA QUERIES */ @media screen and (max-width: 1024px) { .form-data { padding: 10px 0px; } .form-data h2{ margin: 0; } } @media screen and (max-width: 960px) { } @media screen and (max-width: 915px) { } @media screen and (max-width: 790px) { }