@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	 }



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block; }

	

a{text-decoration:none; color:#000; /* transition */ -webkit-transition: 1s;-moz-transition: 1s;transition: 1s; text-decoration:none; }

 

 .clear{ clear:both; }

.align{ text-align:center;}





::-webkit-input-placeholder {

   color: #6c6c6c;

}



:-moz-placeholder { /* Firefox 18- */

   color: #6c6c6c;  

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #6c6c6c;  

}



:-ms-input-placeholder {  

   color: #6c6c6c;  

}

/*----------------------------------------------*/

/* 1.2 General Styles or Base CSS*/ 

/*----------------------------------------------*/



body { font-family: 'Open Sans', sans-serif; position:relative;      }



#wrapper{width:100%;float:left}

.container{width:1037px;margin:auto}

.tickets{width:100%;float:left;box-sizing:border-box;background:#f5f5f5;border:#e7e7e7 solid 1px;padding:9px;margin:120px 0}

.yds-pagination{text-align:center;padding:30px 0;font-size:13px;color:#313132}

.yds-pagination span{display:inline-block}

.ui-tabs-vertical{width:100%}

.ui-tabs-vertical .ui-tabs-nav{float:left;border:#e7e7e7 solid 1px;width: 20%;border-right:none;}

.ui-tabs-vertical .ui-tabs-nav li{clear:left;width:100%;border-bottom-width:1px!important;border-right-width:0!important;list-style:none;border-bottom:#e7e7e7 solid 1px}

.ui-tabs-vertical .ui-tabs-nav li:last-child{border:none}

.ui-tabs-vertical .ui-tabs-nav li a{display:block;background:#313132;padding:18px 16px;font-size:14px;color:#fff;position:relative}

.ui-tabs-vertical .ui-tabs-nav li a i{padding-right:15px}

.ui-tabs-vertical .ui-tabs-nav li a:focus{outline:none;border:none}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active{padding-bottom:0;border-right-width:1px}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a{background-color:#fff;color:#313132}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a:after{content:url(../images/active-aarrow.png);width:9px;height:19px;position:absolute;top:17px;right:-1px}

.ui-tabs-vertical .ui-tabs-panel{float:right;background:#fff;width:80%;border:#e7e7e7 solid 1px;box-sizing:border-box}

.ul.yds-pagination{display:inline-block;padding:0;margin:0}

ul.yds-pagination li{display:inline-block}

ul.yds-pagination li a{color:#313132;float:left;text-decoration:none;transition:background-color .3s;padding:2px 4px;border-radius:2px}

ul.yds-pagination li a.active{background-color:#f5f5f5}

ul.yds-pagination li a:hover:not(.active){background-color:#F5F5F5}

.tab-content{padding:14px}

.ydstickets-table{width:100%;border-collapse:collapse;font-size:13px}



.ydstickets-table tr:last-child{ border-bottom:none;}.ydstickets-table tr{border-collapse:collapse;border-bottom:#e6e6e6 solid 1px;  cursor:pointer;}

.ydstickets-table tr:last-child{ border-bottom:none;}

.ydstickets-table td{border-collapse:collapse;padding:12px 18px}

.ydstickets-table th{border-collapse:collapse;background-color:#313132;color:#fff;padding:12px 18px}.

ydstickets-table th:first-child{-webkit-border-top-left-radius:2px;-moz-border-radius-topleft:2px;border-top-left-radius:2px}

.ydstickets-table th:last-child{-webkit-border-top-right-radius:2px;-moz-border-radius-topright:2px;border-top-right-radius:2px}

.closed{color:#9e9e9e}

.open{color:#13ad03}

.tab-content h2{color:#313132;font-size:24px;border-bottom:#f1f1f1 solid 2px;margin-bottom:24px;padding-bottom:15px}

.form-group{padding-bottom:25px;display:block;width:100%;float:left; position:relative;}

.form-group em.icon{position:absolute;top: 10px;right: 10px;color:#acacac;}

.form-group .field{width:49%;float:left}

.form-group .field + .field{float:right}

.form-control{width:100%;background-color:#fafafa;border-radius:5px;border:#e2e2e2 solid 1px;height:45px;padding:0 10px;color:#6c6c6c;font-size:13px;font-family:'Open Sans',sans-serif;outline:none;box-sizing:border-box}

textarea.form-control{height:120px;padding:10px;resize:none}

.ydsCreate-button{outline:none;border:none;cursor:pointer;background:#313132;border-radius:5px;color:#fff;padding:12px 35px}

 

.tickets-popup{ clear:both; background-color:#f5f5f5;  width:364px;}

.tickets-popup .popup-header{ background-color:#313132;  color:#ffffff; font-size:13px; height:61px;-webkit-border-top-left-radius:2px;-moz-border-radius-topleft:2px;border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-topright:2px;border-top-right-radius:2px;   padding:0 30px; line-height:61px;}  

.tickets-popup .popup-body{ padding:25px;}

.tickets-popup .form-control{background-color:#f0f0f0;padding-right: 30px;}

.f-text{ color:#313132; font-size:13px; }

.f-text a{ color:#007acc;  }

.wait{display:none;}



.categoriesformSection table td{border-collapse:collapse;padding: 12px 0px;}

.categoriesformSection table,.viewticketDetail table{width:100%;border-collapse:collapse;font-size:13px}

.categoriesformSection table tr ,.viewticketDetail table tr{border-collapse:collapse;border-bottom:#e6e6e6 solid 1px;}

.viewticketDetail table td{border-collapse:collapse;padding:12px 18px}

.categoriesformSection table th,.viewticketDetail table th{border-collapse:collapse;background-color:#313132;color:#fff;padding:12px 18px}

 

a.Reply{float:right;text-decoration: none;box-shadow: none;background-color: #313132;color: #fff;padding: 10px 15px;font-size: 12px;font-weight: normal;} 



.adminticketdetailSection {display: block;}

.adminticketdetailSection .adminGravtar{

    float: left;

    padding-right: 17px;

}

.adminticketdetailSection .adminGravtar img{width: 60px;height: 60px;}

.adminticketdetailSection {display: block;font-size: 13px;position: relative;border-bottom: #e6e6e6 solid 1px;padding-bottom: 25px;margin-bottom: 25px;}

.adminticketdetailSection .adminticketMsg{

    line-height: 22px;

}

.threadUserName {

    font-size: 16px;

    font-weight: bold;

}

.threadMsg {

    width: 100%;

    margin-top: 20px;

}

.adminticketdetailcontent{padding-top: 25px;}

 

.ticket-row{display: block;margin-bottom: 25px;}

.attachment-row .dashicons-plus-alt{}

.ticket-row label{font-size: 13px;display: block;padding-bottom: 7px;}

 





.wp-editor-container{border: #E5E5E5 solid 1px;}



.attachment-row{ padding-bottom:10px; }

.yds_form label{ di}

.yds_form p{padding-bottom: 25px;}

.yds_form#yds_registration_form{ display:none;}

input[name="attachment[]"]{

    font-size: 11px;

    width: 168px;

    float: left;

}

.supportadminHeader h2 span{

    font-weight: normal;

    font-size: 14px;

}



.threadAttachment{display: table;}

a.attachment_link{display: table-cell;vertical-align: top;padding-left: 13px;box-shadow: none;}

.attachment_link img{

    width: 80px;

    height: 80px;

}



.cursorPointer{cursor:pointer;}

.wait_replyticket{display:none;}