@import url(css/unsemantic-grid-responsive.css);
@import url(css/dropdowns.css);
@import url(css/fonts.css);
@import url(css/reset.css);
@import url(css/scrollbar.css);
@import url(css/slidebars.css);
@import url(css/animate.min.css);
@import url(css/dropify.min.css);
@import url(css/datedropper.css);
/*
Theme Name: Geek Joy Studios
Author: Geek Joy Development Team
Description: Geek Joy Studios theme for Web Dev site.
Template: gj-master
*/
/* Geekjoy Styles by Michael Laskey - http://geekjoystudios.com */
* { margin:0; padding:0; }
html { height:100%; width:100%; }
body { background:#fff; /*background:#777;*/ font-family:'Open Sans', sans-serif; font-weight:400; font-style:normal; font-size:14px; color:#112733; margin-top:0px; margin-bottom:-5px; padding:0; }
a, a:visited, a:link { color:#E41065; text-decoration:none; outline:none; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
a:hover { color:#fc7db0; text-decoration:none; outline:none; }

/* Start New UI CSS */
    header { background:#E41065; width:100%!important; height:66px; padding-left:230px!important; }
    .w230 { margin-left:230px; }
    .side { /*min-height:300px;*/ position:fixed; top:66px; left:0px; bottom:0px; max-width:236px; width:230px; /*height:173%;*/ z-index:100; float:left; /*border-right:6px solid #141a1a;*/ /*display:table;*/ /*min-height:173%;*/ }
	.main-content .logo { background:#701b3d; width:230px; height:66px; margin-bottom:-66px; position:relative; z-index:99; }
	body.v2 .main-content { float:left; position:relative; top:0px; padding-left:230px; /*background:#777;*/ height:auto; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	body.v2 .manage .search { width:auto; margin:2px 0px 0px; }
	body.v2 .manage .manage-client { width:118px; margin:0px -90px; }
	body.v2 .manage .manage-client a { color:#fff; text-decoration:none; }
	body.v2 .manage .manage-client a:hover { color:#ff91bd; text-decoration:none; }
	body.v2 .manage { width:auto; margin:11px 0px 11px 15px; }

	.side-content { /*position:absolute;*/ position:relative; top:0px; left:0px; bottom:0px; /*min-width:265px;*/ /*width:245px;*/ height:auto; /*height:100%;*/ }
	.main-content { float:left; position:relative; top:0px; /*background:#777;*/ height:850px; /*height:100%;*/ }
	    .teams { position:relative; padding-top:76px; padding-bottom:30px; /*min-width:200px;*/ height:850px; /*height:100%;*/ }

		.side-content nav { padding-top:76px; }
		.nav-side > li > a { background:transparent; display:inline; color:#fff; font-size:15px; font-weight:400; font-style:normal; text-decoration:none; width:auto; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
	body.v2 .nav-side > li > a { background:transparent; display:inline; color:#fff; font-size:13px; font-weight:400; font-style:normal; text-decoration:none; text-transform:uppercase; width:auto; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
		.nav-side > li > a:hover { background:#E41065; color:#fff; }
	body.v2 .nav-side > li > a:hover { background:#E41065; color:#fff; }
		.nav-side li li a { background:transparent; display:block; position:relative; margin:0px 0px; padding:8px 17px 8px 22px; border-bottom:1px solid #1C1C1C; color:#fff; font-size:13px; font-weight:400; font-style:normal; line-height:30px; text-align:left; text-decoration:none; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
		.nav-side li li a:hover { background:#C90C58; color:#fff; }
		.nav-side { float:left; height:auto; display:block; width:100%; margin:0 auto; }
		.nav-side li { }
		.nav-side > li > a { display:block; padding:12px 18px 12px 14px; color:#fff; text-decoration:none; }
	body.v2 .nav-side > li > a { display:block; padding:10px 18px 10px 14px; color:#fff; text-decoration:none; }
	body.v2 .nav-side > li > a span.fa { font-size:14px; text-decoration:none; }

		.nav-side > li > a:hover, .nav-side > li > a.open-side { color:#fff; }
		/*.nav-side > li.arrow-side > a:before { content:"\f078"; font-size:16px; font-family:FontAwesome; font-weight:400; font-style:normal; line-height:25px; float:right; -webkit-transition:-webkit-transform 0.4s ease-in-out; transition:transform 0.4s ease-in-out; }
		*/.nav-side > li.arrow-side > a:before { content:"\f105"; font-size:17px; font-family:FontAwesome; font-weight:400; font-style:normal; line-height:23px; float:right; -webkit-transition:-webkit-transform 0.4s ease-in-out; transition:transform 0.4s ease-in-out; }

		.nav-side > li.arrow-side > a.open-side { background-color:#E41065; }
		.nav-side > li.arrow-side > a.open-side:before { line-height:26px; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); }
	body.v2 .nav-side > li.arrow-side > a.open-side:before { line-height:26px; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
		.nav-side li ul { display:none; background:#101010; /*padding:7px 0px 10px;*/ }
		.nav-side li li a:hover, .nav-side li li:hover a { }
		.nav-side .arrow-side .sub-menu li a span { margin:0px; padding:0px 8px; border-radius:5px; display:inline-block; float:right; background:#E41065; color:#fff; font-size:11px; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
		.nav-side .arrow-side .sub-menu li a:hover span { background:#232323; color:#fff; }

		.team-side ul li { line-height:24px; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
		.team-side ul li a:hover { background:rgba(228,16,101,1); padding:3px 14px; }
		.team-side ul li a { color:#fff; font-size:13px; text-decoration:none; padding:3px 14px; width:100%; display:block; }
		.team-side ul li a:hover { color:#; }
		.team-side ul li a img.avatar { margin:0px 8px 3px 0px; border-radius:50%; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
		.team-side ul li a:hover img.avatar { box-shadow:0 0 0 2px rgba(112,27,61,0.6); }


.search-box { width:40px; height:40px; border-radius:20px; border:none; cursor:pointer; background:#ebebeb; transition:width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s; -webkit-transition:width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s; }
.search-box + label .search-icon { color:#232323; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
.search-box:hover { color:#E41065; /*background:#c8c8c8;*/ box-shadow:0 0 0 4px rgba(112,27,61,0.6); }
.search-box:hover + label .search-icon { color:#E41065; }
.search-box:focus + label .search-icon { color:#232323; }
.search-box:focus { border:none; outline:none; padding-left:15px; cursor:text; width:180px; border-radius:auto; background:#ebebeb; color:#232323; box-shadow:0 0 0 4px rgba(112,27,61,0.6); transition:width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s; -webkit-transition:width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s; }
.search-box:not(:focus) { text-indent:-5000px; }
#search-submit { position:relative; left:-5000px; }
.search-icon { position:relative; left:-31px; color:#fff; cursor:pointer; }


.click-nav { float:right; margin:0px 3px 0px 0px; width:auto; /*min-width:55%;*/ height:66px; }
.click-nav ul { position:relative; font-weight:400; }
.click-nav ul li { position:relative; list-style:none; cursor:pointer; }
.click-nav ul li ul { position:absolute; top:66px; left:30px; right:10px; z-index:10; }
.click-nav ul .clicker { float:right; position:relative; /*background:#2284B5;*/ color:#FFF; font-size:13px; font-weight:400; font-style:normal; line-height:66px; }
.click-nav ul .clicker:hover, .click-nav ul .active {/*background:#196F9A;*/}
.click-nav ul a.clicker img { position:absolute; top:13px; left:0px; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
.click-nav ul li a { display:block; padding:0px 15px 0px 55px; color:#fff; font-size:13px; font-weight:400; font-style:normal; text-decoration:none; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
.click-nav ul li ul li a { display:block; padding:10px 20px 10px 6px; background:#701B3D; color:#fff; font-size:13px; font-weight:400; font-style:normal; text-decoration:none; text-transform:uppercase; }
.click-nav ul li ul li:last-child a { border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.click-nav ul li ul li a:hover { background:#E41065; }
.click-nav ul a.clicker:hover img, .click-nav ul:hover img { box-shadow: 0 0 0 4px rgba(112,27,61,0.6); }
.click-nav .no-js ul {display:none;}
.click-nav .no-js:hover ul {display:block;}

/* dashboard homepage header */
.dashboard-header { background:#28292e; width:100%; height:auto; min-height:84px; margin-top:66px; }
.dashboard-title { height:84px; padding-left:15px; }
.dashboard-title .fa { padding:0px 13px 0px 5px; font-size:21px; display:inline-block; }
.dashboard-title h2 { color:#fff; font-weight:400; font-style:normal; text-transform:uppercase; line-height:83px; display:inline-block; letter-spacing:1px; }
.dashboard-link { border-left:0px solid #434449; height:84px; }
.dashboard-link .button { border-left:1px solid #434449; height:84px; }
.dashboard-link .button a.gj-btn { font-size:13px; text-transform:uppercase; margin:20px 30px 20px; padding:12px 20px; }
.dashboard-link .button a.gj-btn .fa { padding-right:7px; font-size:16px; }


/* dashboard client ticket page */
.client-header { background:#28292e; width:100%; height:auto; min-height:84px; margin-top:66px; }
.client-title { height:84px; padding-left:15px; }
.client-title h2 { margin-top:9px; color:#fff; font-weight:600; font-style:normal; text-transform:uppercase; line-height:37px; display:inline-block; letter-spacing:1px; }
.client-title h3 { color:#fff; font-weight:300; font-style:normal; text-transform:none; display:inline-block; letter-spacing:1px; }
.client-title h2 .fa { padding:0px 13px 0px 5px; font-size:21px; display:inline-block; }
.client-title h3 .fa { padding:0px 16px 0px 10px; font-size:21px; display:inline-block; }
.client-title h2 a { text-decoration:none; }
.client-title h2 a:hover { text-decoration:underline; }
.client-title h3 a  { color:#fc7db0; text-decoration:none; }
.client-title h3 a:hover { color:#E41065; }

.client-info-big { /*border-left:1px solid #434449;*/ /*width:110px;*/ height:84px; text-align:center; }
.client-info-big a, .client-info-big.current a.off { /*background:rgba(67,68,73,0.5);*/ font-size:11px; text-transform:uppercase; color:#fff; padding:15px 0px 11px; display:block; line-height:22px; text-decoration:none; text-align:center; }
.client-info-big .button a .fa, .client-info-big .button.current a.off .fa { color:#fff; font-size:22px; border-radius:50%; display:inline-block; width:32px; height:32px; line-height:30px; border:2px solid; text-align:center; background:rgba(67,68,73,0.5); -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
.client-info-big .button a:hover .fa, .client-info-big .button.current a.off:hover .fa, .client-info-big .button.current a .fa { text-align:center; border:2px solid rgb(228, 16,101); background:rgba(228,16,101,0.2); }
.client-info-big a:hover, .client-info-big.current a, .client-info-big.current a.off:hover { /*background:rgba(228,16,101,0.5);*/ color:#FC7DB0; }
.client-info-big .button { color:#fff; font-size:13px; text-transform:uppercase; padding:0px 4px; /*width:77px;*/ }
.client-info-big .button.current a { color:#FC7DB0; }

.client-info-sm { border-top:0px solid #434449; height:55px; }
.client-info-sm .button { float:none; display:inline-block; }
.client-info-sm .button a:hover, .client-info-sm .button.current a { color:#FC7DB0; }
.client-info-sm .button a { float:left; font-size:13px; text-transform:uppercase; color:#fff; padding:0px 0px 7px 14px; line-height:40px; text-align:center; text-decoration:none; }
.client-info-sm .button .fa { background:rgba(67,68,73,0.5); border-radius:50%; float:left; margin:3px 8px 0px 0px; width:33px; height:33px; color:#fff; font-size:18px; line-height:33px; border:2px solid #fff; padding:0px; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
.client-info-sm .button a:hover .fa, .client-info-sm .button.current a .fa { border:2px solid rgb(228, 16,101); background:rgba(228,16,101,0.2); }


.ticket-contain { width:100%; height:100%; overflow:hidden; /*border-top:1px solid #d8dbe4; background:#fff; padding:20px;*/ }
.ticket-contain #pane { border:0px!important; }

.ticket-btns { width:100%; height:auto; min-height:68px; padding-bottom:10px;/*margin-top:60px; border-top:1px solid #d8dbe4; background:#fff; padding:20px;*/ }
.ticket-btns .button a.gj-btn .fa { padding-right:7px; font-size:16px; }
.status-head .selectric-wrapper { width:134px; margin:0px 0px 0px 0px; }
.status-head .selectric { background:#E41065; border-radius:8px; }
.status-head .selectric .label { padding:13px; font-size:14px; }
.status-head .selectric .button { margin:-36px 12px 0px 0px; }
.status-head .selectric-open .selectric .button { margin:-36px 12px 0px 0px; }
.status-head .selectric-open .selectric { background:#232323; }
.status-head .selectric-items li { color:#fff; }
.status-head .selectric-items { visibility:hidden; opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px); transform:translateY(-20px); position:absolute; top:100%; left:0; background:#232323; z-index:-1; margin:8px 0; padding:10px 0; border-radius:5px; width:100%!important; }
.status-head .selectric-items:before, .status-head .selectric-items:after { content:""; position:absolute; top:-9px; left:12px; width:0; height:0; border-bottom:6px solid transparent; border-left:6px solid transparent; border-right:6px solid transparent; margin-top:3px; }
.status-head .selectric-items:before { margin-bottom:4px; border-top-color:#232323; }
.status-head .selectric-items:after { margin-top:4px; border-bottom-color:#232323; }
.status-head .selectric-above .selectric-items:before, .status-head .selectric-above .selectric-items:after { top:100%; border-bottom-width:0; border-top:6px solid #232323; margin-top:0; }
.status-head .selectric-above .selectric-items:after { border-top-color:#232323; margin-top:-1px; }

.grid-75.ticket-page-left { border-right:1px solid #d8dbe4; /*padding-bottom:20px;*/ }
.ticket-page { width:100%; height:100%; border-top:1px solid #d8dbe4; background:#fff; margin-bottom:0px; }
.ticket-page h1, .ticket-page h2, .ticket-page h3, .ticket-page h4 { padding:0px 20px 15px; }
.ticket-page h2 { font-size:17px; border-bottom:1px solid #d8dbe4; padding:20px 20px 20px 20px; margin-bottom:20px; }
.ticket-page-left h2 { font-size:17px; border-bottom:1px solid #d8dbe4; padding:20px 20px 20px 20px; }
.ticket-page-left .author-avatar h3, .ticket-page-right .author-avatar h3 { font-size:13px; font-weight:400; border-bottom:1px solid #d8dbe4; padding:10px; text-align:center; }
.ticket-page-left .author-avatar h3 .fa, .ticket-page-right .author-avatar h3 .fa { color:#E41065; }
.ticket-page-left .author-avatar .avatar, .ticket-page-right .author-avatar .avatar { float:none; margin:0px auto 0px; padding-top:12px; font-size:13px; line-height:38px; text-align:center; }
.ticket-page-left .author-avatar .avatar img, .ticket-page-right .author-avatar .avatar img { float:none; margin:0px 2px 0px 0px; width:40px; height:40px; border-radius:50%; }
.ticket-page-left .author-avatar .avatar { margin:-22px auto 0px; }

.ticket-page-left .client-social { float:none; margin:10px auto 20px; padding-bottom:9px; border-bottom:1px solid #D8DBE4; text-align:center; }
.ticket-page-right .client-social { float:none; margin:10px auto 0px; padding-bottom:9px; border-bottom:1px solid #D8DBE4; text-align:center; }
.ticket-page-left .client-social a, .ticket-page-right .client-social a { margin:0px 4px; font-size:20px; text-decoration:none; }
.ticket-page-right .attachments .update-list { background:#EBEDF9; /*background:#e0e0e0;*/ margin:0px 0px 10px!important; padding:10px 10px 12px; border-style:solid; border-color:#D8DBE4; -moz-border-top-colors:none; -moz-border-right-colors:none; -moz-border-bottom-colors:none; -moz-border-left-colors:none; border-image:none; border-width:0px 0px 1px; list-style:none; color:#595959; }
.ticket-page-right .attachments .update-list ul { margin:13px 0px 0px 6px; }
.ticket-page-right .attachments .update-list li { margin:0px 0px 15px; padding:0px; background:transparent; font-size:12px!important; list-style:none!important; line-height:16px; }
.ticket-page-right .attachments .update-list li a { font-size:12px; }
.ticket-page-right .attachments .update-list strong.title { font-size:13px!important; }
.ticket-page-right .attachments-upload, .ticket-page-left .attachments-upload { margin:-10px 0px 0px; }
.ticket-page-right .attachments-upload h3, .ticket-page-right .ticket-properties h3 { background:#F7F7F7; padding:10px 20px 10px; color:#E41065; border-bottom:1px solid #D8DBE4; }
.ticket-page-left .attachments-upload h3 { background:#F7F7F7; padding:10px 20px 10px; color:#E41065; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.ticket-page-left .ticket-save { background:#DBDBDB; margin:0px 0px -6px 0px!important; /*padding:10px 25px 9px;*/ width:100%; height:auto; display:inline-block; border-style:solid; border-color:#ccc; -moz-border-top-colors:none; -moz-border-right-colors:none; -moz-border-bottom-colors:none; -moz-border-left-colors:none; border-image:none; border-width:1px 0px 0px; list-style:none; color:#595959; }
.ticket-page-left .ticket-save a.gj-btn { padding:14px 36px; }
.ticket-page-left .ticket-properties h3 { background:#F7F7F7; padding:10px 20px 10px; color:#E41065; border-top:0px solid #ccc; border-bottom:1px solid #ccc; }
.ticket-page-left .ticket-properties .properties-align { float:none; margin:0px auto; width:100%; padding:10px 10px; }
.ticket-page-right .ticket-properties .properties-align { float:none; margin:0px auto; width:90%; padding:10px 10px; }
.ticket-properties .inline-input label { color:#595959; font-size:13px; text-align:center; }
.ticket-properties .inline-input  { margin-bottom:15px; }
.ticket-page-right .ticket-properties .inline-input .selectric-wrapper  { width:100%; }
.ticket-page-left .ticket-properties .inline-input.sm .selectric-wrapper { float:left; width:94%; }
.ticket-page-left .ticket-properties .inline-input.lg .selectric-wrapper { float:left; width:97%; }
.ticket-page-left .ticket-properties .inline-input.lg input[type="text"] { width:95.7%; }
.ticket-page-left .ticket-properties .inline-input.sm input[type="text"] { width:91%; cursor:pointer; }
.ticket-page-right .ticket-properties .inline-input input.duedate { cursor:pointer; }
.ticket-page-left .ticket-properties .inline-input input[type=text], .ticket-page-right .ticket-properties .inline-input input[type="text"] { background:#6C6C6C; width:96%; color:#fff; font-size:13px; padding:7px 0px 7px 7px; min-height:22px; border-radius:5px; border:1px solid #6C6C6C; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
.ticket-page-left .ticket-properties .inline-input input[type="text"]:focus, .ticket-page-right .ticket-properties .inline-input input[type="text"]:focus { background:#232323; border:1px solid #232323; }


.ticket-page h2 a { color:#E41065; font-size:17px; text-decoration:none; }
.ticket-page h2 a:hover { color:#fc7db0; }
.ticket-page p, .ticket-page a { font-size:13px; /*padding:0px 20px 15px;*/ }
.ticket-page ul, .ticket-page ol { font-size:13px; margin:10px 0px 10px 13px; clear:both; }
.ticket-page ul ul, .ticket-page ol ol { margin:0px 0px 0px 15px; }
.ticket-page ul li { list-style:disc; }
.ticket-page ol li { list-style:decimal; }

/* dashboard client ticket page - ticket status */
.ticket-status { background:#f7f7f7; border-bottom:1px solid #d8dbe4; padding:0px 20px; margin:-20px auto 20px; }
.ticket-status .ticket-meta.single { margin:0px; padding:0px; }
.ticket-status .ticket-meta { overflow:hidden; clear:both; font-size:13px; list-style:none; }
.ticket-status .ticket-meta li { margin:0px 8px 0px 0px; padding:0px 10px 10px 0px; border-right:1px solid #EEEEED; float:left; list-style:none!important; height:50px; font-size:13px; }
.ticket-status .ticket-meta small { margin-bottom:-3px; display:block; font-size:11px; font-weight:700; }
.ticket-status .ticket-meta a { font-size:13px; }
.ticket-page-align { padding:0px 20px 15px; }
.ticket-page-align .attachments .update-list { background:#EBEDF9; /*background:#e0e0e0;*/ margin:10px -20px -35px!important; padding:10px 25px 12px; border-style:solid; border-color:#ccc; -moz-border-top-colors:none; -moz-border-right-colors:none; -moz-border-bottom-colors:none; -moz-border-left-colors:none; border-image:none; border-width:1px 0px 0px; list-style:none; color:#595959; }
.ticket-page-align .attachments .update-list ul { margin:13px 0px 0px 13px; }
.ticket-page-align .attachments .update-list li { margin:0px 0px 10px; padding:0px; background:transparent; font-size:12px!important; list-style:none!important; line-height:16px; }
.ticket-page-align .attachments .update-list li a { font-size:12px; }
.ticket-page-align .attachments .update-list strong.title { font-size:13px!important; }

.client-notes { background:#F7F7F7; border-top:1px solid #ccc; padding:0px; margin-top:20px; margin-bottom:0px; }
.client-notes .ticket-list { margin:0px!important; padding:0px; list-style:none; }
.client-notes .ticket-list .ticket { margin:0px; padding:10px 10px 0px 20px; border-bottom:1px solid #CCC; overflow:hidden; }
.client-notes .ticket-list .comment { /*background: #F1F5F8 none repeat scroll 0% 0% !important;*/ }
.client-notes .ticket-list p { font-size:13px!important; color:#232323; padding:0px 20px 9px!important; }
.client-notes .ticket-list .ticket-gravatar { width:35px; float:left; }
.client-notes .ticket-list .ticket-gravatar img.avatar { border-radius:50%; }
.client-notes .ticket-list .ticket-info { margin:3px 0px 0px 28px; padding:3px 0px; }
.client-notes .ticket-list .comment .ticket-author { margin:0px; float:none; color:#666; padding:0px 20px 12px!important; }
.client-notes .ticket-list .ticket-author { margin:-5px 0px 10px; float:right; color:#666; font-size:0.92em; }
.client-notes .ticket-list .reply { color:#595959; line-height:21px; }
.client-notes .ticket-list .comment .update-list { opacity:1; }
.client-notes .ticket-list .update-list, .ticket-page-align .update-list { background:#DBDBDB; margin:10px -10px -10px -50px!important; padding:10px 25px 9px; border-style:solid; border-color:#ccc; -moz-border-top-colors:none; -moz-border-right-colors:none; -moz-border-bottom-colors:none; -moz-border-left-colors:none; border-image:none; border-width:1px 0px 0px; list-style:none; color:#595959; }
.client-notes .ticket-list .update-list li, .ticket-page-align .update-list li { margin:0px 0px 8px; padding:0px; background:transparent; font-size:13px!important; list-style:none!important; }

.client-respond { background:#F7F7F7; padding:20px; margin-top:0px; }
.client-notes h3, .client-respond h3 { padding:0px 0px 20px; color:#E41065; }
.client-respond input[type="text"], .client-respond input[type="password"], .client-respond textarea, .client-respond select { margin:0px 0px 8px 0px; padding:1%; width:98%; border:2px solid #CCC; display:block; font:1em Helvetica,Arial,sans-serif; }

.ticket-client-info { padding:0px 0px 0px 10px; }
.ticket-client-info h3 { color:#E41065; }
.ticket-client-info ul.info { margin:-13px 0px 20px 26px; }
.ticket-client-info ul li { list-style:none; }
.ticket-client-info ul li .fa { color:#6B6B6B; }
.ticket-client-info ul li .fa.fa-facebook, .client-social .fa.fa-facebook { color:#3b5998; }
.ticket-client-info ul li .fa.fa-twitter, .client-social .fa.fa-twitter { color:#00aced; }
.ticket-client-info ul li .fa.fa-google-plus, .client-social .fa.fa-google-plus { color:#dd4b39; }
.ticket-client-info ul li .fa.fa-youtube-play, .client-social .fa.fa-youtube { color:#bb0000; }
.ticket-client-info ul li .fa.fa-instagram, .client-social .fa.fa-instagram { color:#125688; }
.ticket-client-info ul li .fa.fa-linkedin, .client-social .fa.fa-linkedin { color:#007bb5; }

.dropify-wrapper { padding:5px 0px!important; border-top:0px!important; border-left:0px!important; border-right:0px!important; border-bottom:1px solid #D8DBE4!important; }
.dropify-wrapper .dropify-message span.file-icon { color:#E41065!important; font-size:60px!important; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
.dropify-wrapper .dropify-message { top:46%!important; padding:0px 40px; }


.ticket-edit-title h3 { background:#F7F7F7; padding:10px 20px 10px; color:#E41065; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.ticket-edit input[type="text"], .ticket-edit input[type="password"], .ticket-edit textarea, .ticket-edit select { margin:0px 0px 8px 0px; padding:1%; width:98%; border:2px solid #CCC; display:block; font:1em Helvetica,Arial,sans-serif; }
.ticket-edit textarea { margin-bottom:93px; }
.ticket-edit label { color:#595959; font-size:13px; text-align:center; }

.ticket-edit.basic input[type="text"], .ticket-edit.basic input[type="email"], .ticket-edit.basic input[type="tel"], .ticket-edit.basic input[type="url"], .ticket-edit.basic input[type="password"], .ticket-edit.basic textarea, .ticket-edit.basic select { margin:0px 0px 8px 0px; padding:2%; width:96%; border:2px solid #CCC; display:block; font:1em Helvetica,Arial,sans-serif; }
.ticket-edit.basic .phone input, .ticket-edit.basic .email input { padding:4% 2%; }
.ticket-edit.basic .city input, .ticket-edit.basic .state input, .ticket-edit.basic .zip input { padding:3% 2%; }

.sales .selectric-wrapper { margin:0px 0px 0px 0px; }
.sales .selectric { background:#6c6c6c; border-radius:8px; }
.sales .selectric .label { padding:13px; font-size:14px; }
.sales .selectric .button { margin:-36px 12px 0px 0px; }
.sales .selectric-open .selectric .button { margin:-36px 12px 0px 0px; }
.sales .selectric-open .selectric { background:#232323; }
.sales .selectric-items li { color:#fff; }
.sales .selectric-items { visibility:hidden; opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px); transform:translateY(-20px); position:absolute; top:100%; left:0; background:#232323; z-index:-1; margin:8px 0; padding:10px 0; border-radius:5px; width:100%!important; }
.sales .selectric-items:before, .sales .selectric-items:after { content:""; position:absolute; top:-9px; left:12px; width:0; height:0; border-bottom:6px solid transparent; border-left:6px solid transparent; border-right:6px solid transparent; margin-top:3px; }
.sales .selectric-items:before { margin-bottom:4px; border-top-color:#232323; }
.sales .selectric-items:after { margin-top:4px; border-bottom-color:#232323; }
.sales .selectric-above .selectric-items:before, .sales .selectric-above .selectric-items:after { top:100%; border-bottom-width:0; border-top:6px solid #232323; margin-top:0; }
.sales .selectric-above .selectric-items:after { border-top-color:#232323; margin-top:-1px; }

.ticket-page input, .ticket-page textarea { -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
.ticket-page input:focus, .ticket-page textarea:focus { background:#e2e2e2; border:2px solid #6c6c6c; /*color:#fff;*/ }
.ticket-page-align.ticket-edit.font13 input { width:96%; padding:2%; }

.ticket-list .box-post { border:1px solid #d8dbe4; border-radius:8px; background:#fff; /*padding: 10px 20px;*/ margin:20px auto; width:96%; float:none; }
.ticket-list .box-post .ticket-status { border-top:1px solid #d8dbe4; margin:17px auto 20px; }
.ticket-list .box-post .ticket-status { background:#F7F7F7; padding:0px 20px; margin:0px auto 0px; border-bottom:0px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.ticket-list .box-post .ticket-status .ticket-meta li { padding:5px 10px 10px 0px; }
.ticket-list .box-post .ticket-status .ticket-meta li img.avatar { margin:0px 2px; }
.ticket-list .box-post .ticket-title-client { font-size:14px; }
.ticket-list .box-post .author-title { padding:11px 18px; }
.ticket-list .box-post .author-avatar { padding:0px 18px 0px 0px; }
.ticket-list .box-post .author-avatar .avatar { float:none; margin:-4px -10px 14px 0px; /*margin:0px auto;*/ /*padding-top:14px;*/ font-size:13px; line-height:38px; text-align:right; /*float:right;*/ }
.ticket-list .box-post .author-avatar a { font-size:13px; }
.ticket-list .box-post .author-avatar .avatar img { float:none; margin:0px 2px 0px 0px; width:40px; height:40px; border-radius:50%; }
.ticket-list .box-post .author-avatar h3 { font-size:13px; font-weight:400; /*border-bottom: 1px solid #D8DBE4;*/ padding:0px 0px 0px 0px; text-align:right; /*float:right; line-height:63px;*/ line-height:46px; margin:1px 0px 1px; }
.ticket-list .box-post .author-avatar h3 .fa { color:#E41065; }
.ticket-list .box-post .btns-mobile .status-post { width:134px; margin:7px 0px 7px 0px; }
.ticket-list .box-post .btns-mobile .buttons a.gj-btn { width:100px; }
.ticket-list .box-post .btns-mobile .buttons { margin:7px -11px 7px -11px; }

.status-post .selectric-wrapper { width:134px; margin:0px 0px 0px 0px; }
.status-post .selectric { background:#E41065; border-radius:8px; }
.status-post .selectric .label { padding:13px; font-size:14px; }
.status-post .selectric .button { margin:-36px 12px 0px 0px; }
.status-post .selectric-open .selectric .button { margin:-36px 12px 0px 0px; }
.status-post .selectric-open .selectric { background:#232323; }
.status-post .selectric-items li { color:#fff; }
.status-post .selectric-items { visibility:hidden; opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px); transform:translateY(-20px); position:absolute; top:100%; left:0; background:#232323; z-index:-1; margin:8px 0; padding:10px 0; border-radius:5px; width:100%!important; }
.status-post .selectric-items:before, .status-post .selectric-items:after { content:""; position:absolute; top:-9px; left:12px; width:0; height:0; border-bottom:6px solid transparent; border-left:6px solid transparent; border-right:6px solid transparent; margin-top:3px; }
.status-post .selectric-items:before { margin-bottom:4px; border-top-color:#232323; }
.status-post .selectric-items:after { margin-top:4px; border-bottom-color:#232323; }
.status-post .selectric-above .selectric-items:before, .status-post .selectric-above .selectric-items:after { top:100%; border-bottom-width:0; border-top:6px solid #232323; margin-top:0; }
.status-post .selectric-above .selectric-items:after { border-top-color:#232323; margin-top:-1px; }
/* End New UI CSS */


	nav { position:relative; }



	/* Site Slidebars */
	html, body, #sb-site, .sb-site-container, .sb-slidebar { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	    html, body { width:100%; overflow-x:hidden; }
		html { height:100%; }
		body { min-height:100%; height:auto; position:relative; margin-bottom:-5px; }
		html.sb-scroll-lock.sb-active:not(.sb-static) { overflow:hidden; }
		html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position:absolute; }
		#sb-site, .sb-site-container { width:100%; position:relative; z-index:1; }
		.sb-slide, #sb-site, .sb-site-container, .sb-slidebar { -webkit-transition:-webkit-transform 400ms ease; -moz-transition:-moz-transform 400ms ease; -o-transition:-o-transform 400ms ease; transition:transform 400ms ease; -webkit-transition-property:-webkit-transform, left, right; -webkit-backface-visibility:hidden; }
		.sb-hide { display:none; }
		.sb-left-shadow { width:18px; height:100%; position:absolute; right:0px; z-index:100; box-shadow:inset -6px 0px 8px 0px rgba(0,0,0,0.20); }
		.sb-right-shadow { width:18px; height:100%; position:absolute; left:0px; z-index:100; box-shadow:inset 6px 0px 8px 0px rgba(0,0,0,0.20); }
		a.sb-close.close { background:#701B3D; width:100%; position:relative; display:block; padding:18px 0px; color:#fff; font-size:16px; font-weight:400; font-style:normal; line-height:29px; text-align:left; text-decoration:none; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
		a:hover.sb-close.close { background:#a71a53; }
		a.sb-close.close i { float:right; margin-top:0px; line-height:20px; font-size:17px; transform:rotate(-45deg); }
		#push-grid { width:100%; padding:0em 0em 2.3em; text-align:center; }
		#push-grid input { color:#fff; background:rgba(255,255,255,0.3); margin-bottom:6px; width:73%; font-size:14px; line-height:18px; height:auto; font-weight:400; padding:8px 9px; border:1px solid #909090; border:1px solid rgba(144,144,144,.5); -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; }
		#push-grid input:focus { color:#fff; background:rgba(224,134,73,0.6); margin-bottom:6px; width:73%; font-size:14px; line-height:18px; height:auto; font-weight:400; padding:8px 9px; border:1px solid #909090; border:1px solid rgba(144,144,144,.5); }
		.sb-right a { color:#fff; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; }
		.sb-right a.support:hover { color:#579aa9; text-decoration:none; }
		.sb-right p { }
		.nav_user li a { display:block; position:relative; padding:13px 10px; color:#fff; font-size:14px; font-weight:400; font-style:normal; line-height:25px; text-align:left; text-decoration:none; transition:all 0.3s ease 0s; }
		.nav_user > li > a:hover, .nav_user li a:hover { color:#fff!important; }
		.nav_user { background:#232323; }
		.new-login { background:url(images/login-bg.jpg) left top no-repeat; }
		.new-login img.avatar { -webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.30); -moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.30); box-shadow:0px 0px 7px 0px rgba(0,0,0,0.30); }
		.mCSB_scrollTools { z-index:100; }
		#scrollbar { height:100vh; }
		.scrollbar-container { overflow:auto; }
		.scroll-top { overflow:auto; }
		.sb-slidebar { height:100%; position:fixed; top:0px; z-index:100; display:none; background-color:rgba(35,35,35,1); -webkit-transform:translate(0px); }
		.sb-slidebar.sb-right { top:66px; }
		.sb-left { left:0px; }
		.sb-right { right:0; }
		.sb-slidebar.sb-active { display:block; }
		.sb-style-overlay { z-index:999; }
		.sb-momentum-scrolling { -webkit-overflow-scrolling:touch; }
		.sb-slidebar { width:291px; }

@media only screen and (max-width: 460px) {
}
@media only screen and (max-width: 767px) {
    body.v2 .main-content, header { padding-left:0px!important; }
    body.v2 .manage { margin:11px 0px 11px 15px; }
	body.v2 .manage .manage-client { width:118px; margin:0px -90px; }
	.search-container { width:auto; position:absolute; }
	.search-box:focus { width:150px; }
	.click-nav { margin:0px 0px 0px 0px; }
	.click-nav ul li ul { left:30px; right:10px; }
	.w230 { margin-left:0px; }
	.edit-delete { width:100%; }
	.dashboard-link .button a.gj-btn { margin:20px 14px; padding:12px 8px; }
	.mobile-grid-100.ticket-page-left { border-right:0px; }
	.client-edit, .client-delete, .edit-delete .client-info { border-top:1px solid #434449; border-bottom:0px; }
	.client-edit a, .client-delete a, .edit-delete .client-info a { font-size:13px; }

	.client-title h2, .client-title h3 { float:none; width:100%; margin:5px auto 0px; text-align:center; }
	.client-info-big { float:none!important; width:100%; height:55px; margin:0px auto; text-align:center; display:inline-block; border-top:0px solid #434449; }
	.client-info-big a { float:none; display:inline-block; }
	.client-info-big .fr.mr9 { float:none; margin-right:0px; }
	.client-info-big .fr.mr9 { float:none; margin-right:0px; }
	.client-info-big .button { float:none; display:inline-block; padding:0px; }
	.client-info-big .button a:hover, .client-info-big .button.current a { color:#FC7DB0; }
	.client-info-big .button a { float:left; font-size:13px; text-transform:uppercase; color:#fff; padding:0px 0px 7px 14px; line-height:40px; text-align:center; text-decoration:none; display:inherit; }
	.client-info-big .button .fa { background:rgba(67,68,73,0.5)!important; border-radius:50%!important; float:left!important; margin:3px 8px 0px 0px!important; width:33px!important; height:33px!important; color:#fff!important; font-size:18px!important; line-height:33px!important; border:2px solid #fff!important; padding:0px!important; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
	.client-info-big .button a:hover .fa, .client-info-big .button.current a .fa { border:2px solid rgb(228, 16,101)!important; background:rgba(228,16,101,0.2)!important; }
	.client-respond { border-top:1px solid #ccc; padding:20px 20px 40px 20px; }

	.ticket-btns { padding-bottom:10px; }
	.ticket-btns .button { float:none; width:100%; margin:10px auto 0px; text-align:center; }
	.ticket-btns .button a.gj-btn { float:none; text-align:center; }
	.status-head .selectric-wrapper { margin:0px auto; }
	.status-head .selectric .label { text-align:left; }
	.status-head .selectric .button { text-align:right; }
	.ticket-page-left .ticket-save { /*border-top:0px;*/ }
	.dropify-wrapper { border-bottom:0px!important; }

	.ticket-list .box-post .author-avatar { padding: 0px 0px 0px 0px; }
	.ticket-list .box-post .author-avatar .avatar { float:none; margin:0px auto 0px; padding-top:8px; text-align:center; }
	.ticket-list .box-post .author-avatar h3 { float:none; margin:-15px auto -8px; text-align:center; }
	.ticket-list .box-post .btns-mobile { float:none; margin:0px auto; width:100%; }
	.ticket-list .box-post .btns-mobile .buttons { float:left; margin:7px -4px; text-align:center; padding:0px; }
	.ticket-list .box-post .btns-mobile .status-post { float:right; margin:7px -4px; width:50%; padding:0px; }
	.ticket-list .box-post .btns-mobile .buttons a.gj-btn { float:right; }
	.ticket-list .box-post .author-avatar h3 { line-height:63px; }
	.main-content { position:absolute; top:0px; left:0px; }
}
@media only screen and (max-width: 960px) and (min-width: 768px) {
    body.v2 .main-content, header { padding-left:0px!important; }
    body.v2 .manage { margin:11px 0px 11px 15px; }
	body.v2 .manage .manage-client { width:118px; margin:0px -90px; }
	.click-nav { margin:0px 0px 0px 0px; }
	.click-nav ul li ul { left:30px; right:10px; }
	.w230 { margin-left:0px; }
	.client-info { width:100px; }
	.edit-delete { width:180px; }
	.dashboard-link .button a.gj-btn { margin:20px 20px; }
	.client-respond { border-top:1px solid #ccc; }
	.tablet-grid-100.ticket-page-left { border-right:0px; }
	.ticket-page-left .author-avatar .avatar { float:left; margin:-9px auto 0px; text-align:left; padding:0px 0px 0px 20px; }
	.ticket-page-left .author-avatar h3 { border:0px none; float:right; margin-top:-2px; text-align:right; padding:0px 20px 0px 0px; }
    .ticket-page-left .client-social { width:100%; float:right; border-top:1px solid rgb(216, 219, 228); padding:12px 0px 9px; }
    .client-respond { padding:20px 20px 40px 20px; }
    .ticket-btns { padding-bottom:10px; }
	.ticket-page-right .attachments-upload h3 { background:#F7F7F7; padding:10px 20px 10px; color:#E41065; border-top:1px solid #D8DBE4; }
	.dropify-wrapper { border-bottom:0px!important; }

	.ticket-list .box-post .btns-mobile { float:none; margin:0px auto; width:100%; }
	.ticket-list .box-post .btns-mobile .buttons { float:left; margin:7px -4px; text-align:center; padding:0px; }
	.ticket-list .box-post .btns-mobile .status-post { float:right; margin:7px -4px; width:50%; padding:0px; }
	.ticket-list .box-post .btns-mobile .buttons a.gj-btn { float:right; }

	.ticket-list .box-post .author-avatar { padding: 0px 0px 0px 0px; }
	.ticket-list .box-post .author-avatar .avatar { float:left; margin:0px 0px 0px 7px; padding-top:11px; text-align:left; }
	.ticket-list .box-post .author-avatar h3 { margin:-2px 18px 3px 0px; line-height:63px; }

	.main-content { position:absolute; top:0px; left:0px; }
}
@media only screen and (max-width: 1024px) and (min-width: 960px) {
    body.v2 .main-content, header { padding-left:0px!important; }
    body.v2 .manage { margin:11px 0px 11px 15px; }
	body.v2 .manage .manage-client { width:118px; margin:0px -90px; }
	.click-nav { margin:0px 0px 0px 0px; }
	.click-nav ul li ul { left:30px; right:10px; }
	.w230 { margin-left:0px; }
	.client-info { width:100px; }
	.edit-delete { width:180px; }
	.dashboard-link .button a.gj-btn { margin:20px 20px; }
	.tablet-grid-100.ticket-page-left { border-right:0px; }
	.ticket-page-left .author-avatar .avatar { float:left; margin:-9px auto 0px; text-align:left; padding:0px 0px 0px 20px; }
	.ticket-page-left .author-avatar h3 { border:0px; float:right; margin-top:-2px; text-align:right; padding:0px 20px 0px 0px; }
    .ticket-page-left .client-social { width:100%; float:right; border-top:1px solid #d8dbe4; padding:12px 0px 9px; }
    .client-respond { padding:20px 20px 40px 20px; }
    .ticket-btns { padding-bottom:10px; }
	.ticket-page-right .attachments-upload h3 { background:#F7F7F7; padding:20px 20px 10px; color:#E41065; border-top:1px solid #D8DBE4; }
	.dropify-wrapper { border-bottom:0px!important; }

	.ticket-list .box-post .btns-mobile { float:none; margin:0px auto; width:100%; }
	.ticket-list .box-post .btns-mobile .buttons { float:left; margin:7px -4px; text-align:center; padding:0px; }
	.ticket-list .box-post .btns-mobile .status-post { float:right; margin:7px -4px; width:50%; padding:0px; }
	.ticket-list .box-post .btns-mobile .buttons a.gj-btn { float:right; }

	.ticket-list .box-post .author-avatar { padding: 0px 0px 0px 0px; }
	.ticket-list .box-post .author-avatar .avatar { float:left; margin:0px 0px 0px 7px; padding-top:11px; text-align:left; }
	.ticket-list .box-post .author-avatar h3 { margin:-2px 18px 3px 0px; line-height:63px; }
}
@media only screen and (max-width: 1100px) and (min-width: 1024px) {
    .dashboard-link .button a.gj-btn { margin:20px 14px; padding:12px 14px; }
	.ticket-btns { padding-bottom:10px; }
}
@media (max-width: 480px) { .sb-slidebar { width:61%; } }
@media (min-width: 481px) { .sb-slidebar { width:48%; } }
@media (min-width: 768px) { .sb-slidebar { width:34%; } }
@media (min-width: 992px) { .sb-slidebar { width:200px; } }
@media (min-width: 1200px) { .sb-slidebar { width:200px; } }