/*========== search form css start ====================*/
/* paginatedata css start */
#paginatedata { width: 100%; float: left;}
#paginatedata span.right{letter-spacing: -4px;color: transparent;}
#paginatedata .right span{letter-spacing: initial;}
#paginatedata .right span a, #paginatedata .right span.prev, #paginatedata .right span.next, #paginatedata .right span.current, #paginatedata .right span.current{position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;}
	
#paginatedata .right span.prev, #paginatedata .right span.next {cursor: not-allowed !important;
    border: 1px solid #ddd !important;}
#paginatedata .right span.prev a, #paginatedata .right span.next a, #paginatedata .right span.prev, #paginatedata .right span.next{
    cursor: pointer;
    border: none;
    min-width: 80px;
    text-align: center;
    background: transparent;
    cursor: pointer;
    height: 34px;
    padding: 0 0 0 0;
    line-height: 33px;
}

#paginatedata .right span.current{
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
#paginatedata .right span a:focus, 
#paginatedata .right span a:hover, 
#paginatedata .right span:focus, 
#paginatedata .right span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
/* paginatedata css end */
.popboxcontent{border: none !important;    padding: 0 0 0 0 !important;}
.forminternal { border: 1px solid #d2d2d2; padding: 10px;float: left;width:100%;}

.forminternal form div.input, .forminternal form div.checkbox, .forminternal.customformwidth .submitnow { float: left;padding: 0px 0px 15px 0px;width: 100%;margin-bottom:0px;}

.forminternal form .indexpagesubmit label, .forminternal form .btn_font{ display: none;}
.forminternal form .input.submit .submit { padding: 0px;}
input:focus, textarea:focus, select:focus { outline-offset: 0px;outline: none;}

.forminternal form div.input label {
    display: inline-block;
    max-width: 25%;
    margin-bottom: 5px;
    font-weight: normal;
    float: left;
    color: #686868;
    font-size: 13px;
}

.popboxcontent .forminternal form .submitnow{margin-left:25%;}
.popboxcontent .forminternal .toggleTextarea button#submitnow{margin-left:25% !important;}


.forminternal form .checkbox input[type=checkbox] {float: right; position: relative;width: 20px;cursor:pointer;}
.forminternal form .checkbox label {margin-left: 0px;padding-left: 0px;}

.forminternal input, 
.forminternal select,
.forminternal textarea, 
.forminternal .resetbtn a,
.forminternal #reportrange,
.forminternal .chosen-container .chosen-single,
.forminternal .chosen-container-multi .chosen-choices
{
    margin: 0px;
    display: table-cell;
    font-family: "Lato", sans-serif;
    max-width: 75%;
    min-height: 35px;
    border-radius: 0px;
    border: 1px solid #e5e5e5;
    position: relative;
    z-index: 2;
    float: right;
    width: 100%;
    background-color: #f8f8f8;
    box-shadow: none;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857;
    color: #a7a7a7;
    background-image: none;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	background: #e7e7e7;
}
.forminternal input:focus, 
.forminternal select:focus,
.forminternal textarea:focus, 
.forminternal .chosen-container .chosen-single:focus,
.forminternal .chosen-container-multi .chosen-choices:focus{background: #fafafa;}

.forminternal .chosen-container {min-width: 195px; padding-right: 0px;}
.forminternal .chosen-container .chosen-drop{padding: 0 15px 15px;}
.forminternal .rescal {position: relative;}
.forminternal .rescal label.fa.fa-calendar { position: absolute;right: 25px;top: 11px;z-index: 3; cursor: pointer;}
.displaynone{display:none;}

.forminternal input[type="submit"], .forminternal input[type="button"], .forminternal button, .slidebtn, .actions a, .forminternal.customformwidth .input.resetbtn.marginleft #upload22, #contentcopy +div .download a, #summaryModal .sendnow button{
    font-size: 13px;
    font-weight: 400;
    border: none;
    padding: 8px 20px;
    border-radius: 0px;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
    background-color: #72af46;
    line-height: 21px;
    background: #72af46;
    border: 1px solid #72af46;
    color: #fff;
}

.forminternal input[type="submit"]:hover, .forminternal input[type="button"]:hover, .forminternal button:hover, .forminternal button:hover, .slidebtn:hover, .actions a:hover,.importfile #upload22:hover, .forminternal.customformwidth .input.resetbtn.marginleft #upload22:hover, #contentcopy +div .download a:hover,
#summaryModal .sendnow button:hover {
    border-color:#72af46;
    color: #72af46;
	background:none;
}
.forminternal input:required, .forminternal .must {
    background-image: url(../img/red_asterisk.gif);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 8px;
}

.chosen-container.chosen-container-multi{float: right;width: 75%;}
.multiDocument .chosen-container.chosen-container-multi, .resend .chosen-container.chosen-container-multi{float: right; width: 75% !important;}
.forminternal .chosen-container-multi .chosen-choices, .resend .chosen-container-multi .chosen-choices {width: 100%;max-width: 100%;padding: 0 0 0 0 ;}
.popboxcontent .forminternal .chosen-container {float: right;}
.popboxcontent .forminternal .chosen-container a.chosen-single, .popboxcontent .forminternal .chosen-container .chosen-results, .popboxcontent .forminternal .chosen-container-single .chosen-search input[type=text] {max-width: 100% !important;width:100%;}

.forminternal.resend .max_icon{display:none}  .forminternal.resend .right .max_icon{display:block;}
.clear {clear: both;}
.forminternal.resend .sendnow, .forminternal.resend .schedulesms {padding-top: 15px;padding-right: 15px;}
.forminternal.resend textarea#SmsSmscontent {max-width: 100%;}
.forminternal.resend .smscontent{ padding-bottom: 0px;}
.nopadding {padding: 0 0 0 0;}
.modal-header button.close, .modal-header button.close:hover {background: none;color: #595959; opacity: 1; font-size: 20px; padding: 0 0 0 0;}
.forminternal.resend #counttxt, .forminternal.resend #character, .forminternal.resend .smscounter.left, .forminternal.resend .max_icon.right{font-size:12px; color:#959595;}
table.message_alert {width: 100%;}
.simplecheckbox input#split_sms {width: 16px;}
#schedulepopup .modal-backdrop.fade.in { display: none;}
#schedulepopup .dtpcalendar{position:relative;}
#schedulepopup .dtp {
    background: url(../img/date.png) no-repeat center right !important;
    background-size: 15px 15px !important;
    cursor: pointer;
    opacity: .8;
    background-position: 96% 9px !important;
}

.forminternal.customformwidth input::placeholder, .forminternal.customformwidth textarea::placeholder {
    color: #a7a7a7;
}
.forminternal.customformwidth input:focus, .forminternal.customformwidth select:focus, .forminternal.customformwidth textarea:focus
{
    border-left-color: #cb4040;	
}
/* breadcrumb for popmodel for user */
#breadcrumb { overflow: hidden;min-width:450px;margin-bottom: 10px;}
#breadcrumb ul{margin:0px;}
#breadcrumb li { float: left; list-style-type: none; }
#breadcrumb li a {
    text-transform: capitalize;
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 36px;
    color: white;
    padding: 0 10px 0 40px;
    background: #cb4040;
    position: relative;
}
#breadcrumb li a:after { 
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #cb4040;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}	
#breadcrumb li a:before { 
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}	
#breadcrumb li.last a:before {border-left: 30px solid #cb4040;margin-left: 0;}
#breadcrumb li:last-child a:after { border: 0; }
#breadcrumb li a:hover li.last a:before { color:#fff; }
#breadcrumb li.first a{margin-left:-40px}

table tr td a{color:#0B6B7B;}
table.listing thead th, table.listing th  a{color:#2971AE!important;}
table.listing .link a{color:#333}
table.listing th:last-child{color:#2971ae !important;}
table.listing {    width: 100%;
border: 1px dotted #A5A5A5;}
table tr:nth-child(2n+1){background:#fff !important}
table tr{background:# !important
}
table tr td {
border: 1px dotted #A5A5A5;
    font-size: 13px;
    padding: 6px;
}
table.listing.misreporttbl tr td {
word-break: break-all;
padding: 5px;
}

table tr:nth-child(2n+1){background:#fff !important}

.forminternal .expirydate{position:relative;}
.forminternal label.fa.fa-calendar {
    z-index: 9;
    top: 10px;
    position: absolute;
    right: 0px;
    width: 20px;
    cursor: pointer;
}
.forminternal label.fa-calendar:before {content: "\f073";font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;}
.forminternal .halfpart.showpwdbtn { float: right;text-align: right; margin-top: -15px;}	
/*  autosearch */
.ui-autocomplete .ui-menu-item {list-style-image: none; background: #3c8dbc;}
.ui-autocomplete .ui-menu-item a {color: #fff;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{background:#367fa9 !important;border-color:transparent!important;cursor:pointer;}
/* ========= search form css end ============== */

/* datepicker */
.ui-datepicker { background: #fff;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #367fa9;}
.ui-datepicker .ui-widget-header { background: #3c8dbc;
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(60, 141, 188)), to(#367fa9));
    background-image: -webkit-linear-gradient(top, rgb(60, 141, 188), #367fa9);
    background-image: -moz-linear-gradient(top, rgb(60, 141, 188), #367fa9);
    background-image: -ms-linear-gradient(top, rgb(60, 141, 188), #367fa9);
    background-image: -o-linear-gradient(top, rgb(60, 141, 188), #367fa9);
    background-image: linear-gradient(top, rgb(60, 141, 188), #367fa9);
}
.ui-datepicker select{color: #000;
    font-weight: normal;
    font-size: 14px !important;}
/*-/- datepicker */

table.controlbtn {
    width: 100%;
}
fieldset.display_notify {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 15px;
}
.display_notify  legend {
    color: #1591cd;
    padding: 5px;
    border: 1px solid #CCC;
    font-size: 1em;
    font-weight: bold;
    text-transform: capitalize;
    font-family: Verdana, Arial, sans-serif;
    border-radius: 4px;
}
.onefourth {width: 25%; float: left;min-height: 1px;}
.halfpart{min-height: 1px; width: 50%;float: left;}
.left{float:left;}
.right{float:right;}
.displaybox .actions { padding-top: 15px;padding-bottom: 15px;}
.displaybox .halfpart.actions { text-align: center;}
.submitnow{ float: left;padding: 0;}
.alert.alert-success, .alert.alert-error, .alert.alert-message {position: relative;
    z-index: 9;
    width: 50%;
    float: none;
    margin: 0 auto;
    padding: 10px 15px;
    min-width: 300px;}
.alert.alert-message{background-color: #dd4b39;color: #fff;}
.alert .close { color: #fff; opacity: 1; text-decoration: none;}

.forminternal .intl-tel-input .flag-container {left: 25%; margin-left: 3px;}
.btn_font.fa {display: none;}

/* import file css */
.importfile #upload22{width: 115px;text-align: center;float: right;margin-top: -50px;background: #1591cd;
    color: white;}
.forminternal p.small { clear: both;text-align: right;}
.forminternal #btnSearch { width: auto;float: left;}

.daterangepicker { border-color: #dddddd; background: #ecf0f5;}
.daterangepicker .ranges {float: left !important;}
.daterangepicker .ranges .btn-primary, .daterangepicker .ranges .btn-primary:hover, .daterangepicker .ranges .btn-primary:focus { background-color: #0088cc !important; color: #fff;}

.forminternal .input.select .chosen-container.chosen-container-single{min-width:75%;width:75% !important;}

/* api bulder */
 input[type=radio] {float: left; position: relative;width: 20px;cursor:pointer;min-height:20px;}
.input.select.route.halfpart {width: 100%;}
.smstype {padding-top: 15px;display: block;float: right;}
.forminternal .smstype label {float: left; padding-right: 15px;}
.droptime, .onethird{width: 33.33%; float: left;}
#httpscheduleapi .input.type.expirydate.rescal, #httpscheduleapi .droptime select{padding:0;}
#httpscheduleapi .col-lg-6{width:50%; float:left;}
#httpscheduleapi .col-lg-6 input, #httpscheduleapi .col-lg-6 select{max-width:100%;}

.forminternal form .input.text.smscontent{ padding-bottom: 0px;}
.forminternal form .input.text.smscontent textarea, .forminternal form input#ftime, .forminternal form input#ttime{max-width:100%;}

#RouteEditForm .timepicker {display: block; float: left;padding-bottom: 15px;width:100%;}

.forminternal form .smscounter{padding-bottom: 15px !important;}

.error-message {color: #dd4b39; clear: both; float: right;}
.input.password.required.error .error-message { width: 75%;}


/*  no colorbox css */
.nocolorbox{position: absolute; top: 0px;right: 0;left: 0; background-color: #000; filter: alpha(opacity = 50);opacity: 0.9;
    height: 100%; padding: 0 0 0 0; width: 100%;font-family: "Open Sans",sans-serif;color: #777; line-height: 1.4em; border:none;}
.nocolorbox form{width: 100%; margin: 10% auto; max-width: 500px; display: table; background-color: #fff; padding: 7.5px 15px;
}
.nocolorbox .header { padding: 10px 0px; border-bottom: 1px solid #e5e5e5;margin-bottom: 15px;}
.nocolorbox .header a.goback, #timer{float: right; transition: color .1s ease-in-out,background .1s ease-in-out;color: #999;font-size: 13px;}
.text-danger {color: #db502e;}
.input.text.input-otp { margin-top: 15px;}
.nocolorbox .left.input.submitnow {max-width: 150px;}
/*-/-  no colorbox css */


/* shared template */
.sharedtemplatelist div#paginatedata { clear: both;padding: 15px 0;line-height: 34px;}
.sharedtemplatelist .forminternal form div.input{margin-right: 15px;padding-bottom: 0px;width: auto;}
.sharedtemplatelist .forminternal form div.input label{display:none;}
.sharedtemplatelist .forminternal form div.input input, .sharedtemplatelist .forminternal form .input.resetbtn a{max-width: 100%;}
.sharedtemplatelist table.listing th{ text-align: left;border: 1px dotted #a6a6a5;cursor: pointer;
    vertical-align: bottom;padding: 8px;color: #333 !important;}
.sharedtemp #charsnotifybtn {display: none;}	

/* whitelabelling  */
.whitelabelling .input small{width: 75%; max-width: 75%;clear: both;float: right;}
.whitelabelling .input.file {position: relative;}
.whitelabelling  .input.file img{position: absolute;top: 25px;max-height: 30px;}
/*-/-  whitelabelling  */

/*  Manage fields in manage group  */
#GroupfieldManagegroupForm div.input label{display:none;}
#GroupfieldManagegroupForm div.input input{max-width: 100%;}
#GroupfieldManagegroupForm a.addoption { clear: both;margin-bottom: 10px;}
#GroupfieldManagegroupForm span.additionalop {clear: both;float: left; width: 100%;}
#GroupfieldManagegroupForm .additionalop .arrange .left.nomargin.height50 {display: none;}
#GroupfieldManagegroupForm .additionalop .arrange span.left.itemRow {position: absolute; line-height: 35px; padding-left: 5px;}
#GroupfieldManagegroupForm .additionalop .arrange a.deletebtn {cursor: pointer;}
#GroupfieldManagegroupForm .addoption .col-lg-12, .clear.col-lg-12.arrange {padding-left: 0;clear: both;}
/*-/-  Manage fields in manage group  */

/* importfile  */
.submitnow {width: auto !important;}
.forminternal.customformwidth p.small { clear: both;float: right;}
.forminternal.customformwidth .input.resetbtn.marginleft #upload22{max-width: 102px;}
.forminternal.customformwidth .input.download.nopadding.nomargin a.font12{max-width: 112px;float:right;}
.forminternal.customformwidth .left.input.submitnow {max-width: 50%;}
/*-/- importfile  */
.cursor {
    cursor: pointer;
}

#contentcopy +div{clear:both}
form#SpamkeywordAddForm {float: left;width: 100%;}
#SmstemplateCreatetemplateForm #charsnotifybtn{display:none;}
#SmstemplateCreatetemplateForm .submitnow.col-lg-12{width:100% !important;}
#RouteAddForm .submitnow.col-lg-12{margin-top:15px;}

.g-recaptcha {
    margin: 0px 0px 20px 0px;
    transform: scale(1.06);
    transform-origin: 0 0;
}

.forminternal #UserAddForm .chosen-container,.forminternal #UserEditForm .chosen-container { min-width: 75%;}
.checkbox.switch{ margin-top: auto;}
.bottomlinks table tr td{padding: 0px;}
.bottomlinks table tr td a {font-size: 12px;}
.anchor{color: #cb4040 !important; cursor:pointer;}

.sms-content.preview hr {margin-top: 2px; margin-bottom: 2px;}
.sms-content.preview label { width: 125px;float: left; color: #333333;font-size: 13px;font-weight: 700; margin-bottom: 3px;line-height: 30px;}
.sms-content.preview span {line-height: 30px;font-size: 13px;}
#summaryModal .modal-backdrop.in {opacity: 0;}
#summaryModal .sendnow button{margin:0 7.5px;}

#summaryModal .left.sendnow {float: none;display: inline-block;}
#summaryModal .center {text-align: center;width: 100%;}

 small.max{display:none;}
.resend small.max{display:block;padding-right: 0px !important;}

#character, #smscount, #count, .smscounter, .max_icon { cursor: inherit;}
.forminternal .input.file span, #character, #smscount, #count, .smscounter, .max_icon { padding-right: 5px;
    font-size: 12px; color: #959595; cursor: pointer;}
.smsContent #smscount, .smsContent #count, .smsContent #status { color: #000;padding-right: 5px;}

.permissions table th, .permissions table td{
    padding: 8px;
    color: #333;
	border: 1px solid #f4f4f4;
}
.permissions .input.checkbox{ padding: 0 0 0 0;max-width: 25px;}
.permissions form .checkbox input[type=checkbox] {float: left; margin-left: 0;}
.permissions h2 {font-size: 18px;margin-top: 0px;}
.permissions table.listing th:last-child {color: #343434 !important;}
.permissions .submit label{display: none !important;}
.permissions .submit #btnSearch{margin-top: 15px;}
#KeywordAddsubkeywordForm .expirydate label{text-indent: 5px; overflow: hidden;}




/* textarea suggestion css start */
.composer, .quick-moreButton{ position: relative;}
.composer .toolbar div {margin-bottom: 0px;}
.toolbar {bottom: 17px;position: absolute;display: block;height: auto;padding: 1px;margin-bottom: 0px;z-index: 9;max-width: 75%;right: 0;}
.toolbar.hide {display:none;	}
.quick-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  justify-content: center;}
.frmbtn {
    color: #6c6767;
    margin: 0 2px;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #dddddd;
    cursor: pointer;
    display: inline-flex;
    min-width: 40px;
    text-align: center;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    padding: 2px;
    font-size: 11px;
    }
.frmbtn:focus, .frmbtn:hover {border-color: #1591cd;color: #1591cd;background: #fff;outline: none;}
.quick-dropdown { padding: 0px; display: block; height: auto; position: absolute;width: auto; background: #fff; 
     border-radius: 3px; border: 1px solid #dddddd; right: 0px; bottom: 40px;}
.quick-dropdown .menu { max-width: 300px; min-width: 150px;padding: 0 0;}
.quick-dropdown .menu:focus {outline: none;}
.quick-dropdown .menu .menuItem {display: block; height: auto; padding: 0 10px;text-align: left;
    line-height: 30px;font-weight: normal;cursor:pointer;}
.quick-dropdown .menu .menuItem:hover {background-color: #1591cd; color: #fff;fill: #fff;}
.quick-dropdown.hide, .hide { display: none;}
/* textarea suggestion css end */

.popboxcontent table.subbtn-tbl {
    background-color: transparent;
    overflow-x: scroll;
    display: block;
    padding: 7px 0;
}

	
.popboxcontent .forminternal { border: none; padding: 0px;}	
.total_sms, #charsnotifybtn{display:none;}
.control-label{font-weight:normal}
.smscontent{    margin-bottom: 15px !important;}
.data-token{position: absolute;
    right: 18px;
    margin-top: 50px;}
/* 27-09-2019 */
/* calculate price */
.calculate_price{
    margin: 0px auto;
    border-radius: 4px;
    color: #000;
    text-align:center
}
.calculate_price .common { width: 48%;
    clear: none;
    height: 118px;
    margin: auto 0;
    border: 3px dotted #dcdcdc;}
.calculate_price .common p{padding: 5px 0;}
.calculate_price p.amtVal{background: #494342; color: #fff;}
 #pricebox{top:23%;}
 #cal_price .routediv{width:100%;}
/*-/- calculate price */
#reportrange,
a.chosen-single,
#cartForm input,#parambox input,
#cartForm textarea,
#cartForm select,

#cartForm .chosen-container-single .chosen-search input[type=text],
#cartForm .chosen-container .chosen-results li.active-result,
#cartForm .submit input[type="submit"],
#cartForm .chosen-container-single .chosen-single,
.exl span#upload22,
#cartForm .multi-select .chosen-container-multi,.halfpart label.labelSearchBtn,#parambox .resetbtn a {
    height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #f8f8f8;
    border: 3px solid #ddd;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    /* line-height: 50px;*/
    
    color: #888;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

 #cartForm div {
	margin-bottom: 0.5em !important;
}
.popboxcontent .input.select.selectlabel {
    float: left;
    width: 100%!important;
}
#cartForm .chosen-container-single .chosen-single div {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    display: block !important;
    width: 25px !important;
    height: 100% !important;
}
#cartForm .chosen-container.chosen-with-drop .chosen-drop {
    width: 100%;
    left: 0px;
    border: 3px solid #DDD;
    box-shadow: none;
}
#cartForm .chosen-container-active.chosen-with-drop .chosen-single {
    border: 3px solid #DDD;
    border-bottom: none;
}
#cartForm .chosen-container {
    padding: 0;
}
#cartForm a.chosen-single,
#cartForm .chosen-container-single .chosen-search input[type=text],
#cartForm .chosen-container .chosen-results li.active-result,
#cartForm .chosen-container-single .chosen-single,
#cartForm .chosen-container-multi
{
	height: 50px !important;
	padding: 0 20px !important;
	background: #f8f8f8 !important;
	border: 3px solid #ddd !important;
	color: #888 !important;
	-moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	 -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
	line-height: 50px !important;
	font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}
#cartForm .chosen-container .chosen-results li.active-result {
    border: none !important;
}
#cartForm .chosen-container-single .chosen-search input[type=text], .chosenlook input[type=text]{
    background: url(../img/chosensearch.png) 99% 10px no-repeat  #fff!important;
    background-size: 30px !important;
}
#cartForm .chosen-container .chosen-results li.highlighted {
    background: #DB502E !important;
    color: #fff !important;
}
#cartForm input,#cartForm textarea {width:100%;}
#country_name_chosen,#CartProduct_chosen{width:100% !important;}
#currency {
    margin: 6px 0 0;
    float: right;
}
#currency ul, #currency li {
    margin: 0 7.5px;
    list-style: none;
}
#currency li {
    margin: 0;
    padding: 0 0;
    width: 34px;
    float: left;
}
#currency li a.active {
    color: #f8f8f8;
    background: #cb4040;
    border-color: #bf4528;
    cursor: default;
}
#currency li a {
    font-weight: 400;
    padding: 3px 4px 2px;
    background: #f7f7f7;
    border: 1px solid #dcdcdc;
    width: 100%;
    float: left;
    line-height: 15px;
    color: #888;
    font-size: 12px;
    transition-duration: .5s;
	text-decoration:none;
}
#cartForm .submit input[type="submit"],
#cartForm .submitbtn input[type="submit"],
#cartForm button,
#cartForm .center input[type="submit"],
#cartForm label.labelSearchBtn,#parambox .resetbtn a {
    border: 0;
    line-height: 50px;
    color: #fff !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    display: inline-block;
    font-weight: normal;
    float: left;
    cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
	background: #cb4040;
    border-bottom: 3px solid #c42e08;
	height:47px;
}
#cartForm .col-lg-12{width:100%;}
.nopadding{padding:0 0 0 0;}
.nomargin{margin:0 0 0 0;}
.noclear{clear:none;}
#user-fullview-menu{border-radius: 5px; margin: 15px 15px 0 15px; position: relative;}
#user-fullview-menu li{display: inline-block; margin: 0 5px 0 0;}	
#user-fullview-menu .tabdrop {position: relative; margin: 0;}	
#user-fullview-menu li li i{ visibility: hidden;}
#user-fullview-menu .hide { display: none;}	
#user-fullview-menu li a, #user-fullview-menu .dropdown-toggle {
    display: inline-block;
    background: #eee;
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -webkit-linear-gradient(top, #fff, #eee);
    background: -ms-linear-gradient(top, #fff, #eee);
    border: 1px solid #DAD1CF;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    padding: 10px 20px;
    font-weight: normal;
    }
#user-fullview-menu li a:hover,#user-fullview-menu li.active  a{
    color: #f8f8f8;
    background: #db502e;
    box-shadow: inset 1px 1px 20px 1px rgba(0, 0, 0, 0.46);
    transition: all .3s ease-in-out;
    }
	
ul#user-fullview-menu + #container{ border: 1px solid #DAD1CF;
    margin: 0px 16px 16px 16px !important;
    border-radius: 4px;
    padding: 7px;
    border-top-left-radius: 0;
    display: inline-block;
    width: 97.4%;}	
	
/*  full-view-menu default table css  */
ul#user-fullview-menu + div#container .popboxcontent table tr td, .cleantable table{border: 1px solid #ddd; color: #333;}	
ul#user-fullview-menu + div#container .popboxcontent table tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #f7f7f7;
}
ul#user-fullview-menu + div#container .popboxcontent table tr:nth-child(even) {background: #f9f9f9;}
ul#user-fullview-menu + div#container .popboxcontent table tr td{font-size:12px;}
ul#user-fullview-menu + div#container .popboxcontent table.listing tbody tr.checked td,
ul#user-fullview-menu + div#container .popboxcontent table.listing tbody tr:hover td,
ul#user-fullview-menu + div#container .popboxcontent table.listing tbody tr.hover td {
    background-color: #FFF0E1;
}
/*-/- full-view-menu default table css  */

/* tabs */
/*#user-fullview-menu ul.dropdown-menu{ z-index: 2;} */
#user-fullview-menu ul.dropdown-menu li {width: 100%; margin: 0 0 0 0 !important; padding: 0 5px;}
#user-fullview-menu  ul.dropdown-menu li a{display:block;}
#user-fullview-menu .tabdrop .caret {
    border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    color: #444444;
    margin: -4px 6px 0px 10px;
}
#user-fullview-menu .dropdown-toggle {padding: 7px 20px 13px 20px;cursor:pointer;}
#user-fullview-menu .dropdown-toggle:hover{box-shadow: inset 1px 1px 20px 1px rgba(0, 0, 0, 0.46);
    transition: all .3s ease-in-out;border-color: rgba(0, 0, 0, 0.43);}
/*-/- tabs */

	/* clean table css */
		/*  full-view-menu clean table css  */
		ul#user-fullview-menu + div#container .popboxcontent .cleantable table tr td, ul#user-fullview-menu + div#container .popboxcontent .cleantable table{border:none;color: #888;}
		ul#user-fullview-menu + div#container .popboxcontent .cleantable table tr td:first-child {width: 200px; font-size: 14px;min-width:100px;}
		ul#user-fullview-menu + div#container .popboxcontent .cleantable table tr td:first-child  strong {font-weight: normal;color: #6c6767;}
		.save .submit{padding:0;}
		.hideDiv {display: none;}
		ul#user-fullview-menu + div#container .popboxcontent .cleantable table tr td:first-child { line-height: 50px;}
		
		ul#user-fullview-menu + div#container .popboxcontent .cleantable table.listing tbody tr.checked td,
		ul#user-fullview-menu + div#container .popboxcontent .cleantable table.listing tbody tr:hover td,
		ul#user-fullview-menu + div#container .popboxcontent .cleantable table tr:nth-child(even),
		ul#user-fullview-menu + div#container .popboxcontent .cleantable table tr:nth-child(odd) {
			background-color: transparent;
		}
		ul#user-fullview-menu + div#container .popboxcontent .cleantable table.listing tbody tr td{font-size:14px;}
		.cleantable .switch > [type="checkbox"]:checked + label, .cleantable .switch > [type="checkbox"]:not(:checked) + label {color:#888;}
		/*  full-view-menu clean table css  */
	 .cleantable .chosen-container { margin-bottom: 0;}

	 .toggleInputCss input, .toggleInputCss select, .toggleInputCss a.chosen-single, .toggleInputCss .chosen-container,.smallInput .chosen-container-single .chosen-single,.toggleInputCss div.checkbox label, .toggleInputCss textarea {
		pointer-events: none;
		border-color: transparent !important;
		background: none !important;
	}
	.toggleInputCss .submit input[type="submit"], .toggleInputCss .cancel, .toggleInputCss .chosen-container-single .chosen-single div b, 
	ul#user-fullview-menu + div#container .popboxcontent .toggleInputCss label.fa.fa-calendar,
	.toggleInputCss .switch > [type="checkbox"]:checked + label:after,
	.toggleInputCss .switch > [type="checkbox"]:not(:checked) + label:after,
	.toggleInputCss span.switch-knob
	{display:none !important}
	.toggleInputCss select {-webkit-appearance: none;-moz-appearance: none; text-indent: 1px; text-overflow: '';}
	.toggleInputCss .switch > [type="checkbox"]:checked + label, .toggleInputCss .switch > [type="checkbox"]:not(:checked) + label {text-indent: 16px;}
	
	.toggleInputCss textarea {height: 50px;padding-top: 12px !important;overflow-y: hidden;}
	/*-/- clean table css */
	ul#user-fullview-menu + div#container .popboxcontent label.fa.fa-calendar { display: block;}
	
	
	/*  credits  */
	.border{border: 1px solid #dad1cf;}
	.noborder{border:none;}
	.padding{padding:15px;}
	h3.title {
       color: #DB4722;
    border-radius: 0;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 15px;
    background: white;
    margin: 0 0 0 0;
    line-height: 23px;
}
button:focus,.resetbtn a {
    outline:none !important;
}
.trigsmsbox .tablesaw {margin-top: 33px !important;}

.trigsmsbox .tablesaw th {
    padding: 0 10px !important;
    border-right: 1px solid #c13535 !important;
}
.trigsmsbox h2{
	color: #535255;
    font-family: 'Gill Sans', 'lucida grande', helvetica, arial, sans-serif;
    font-size: 1.2em;
    border-bottom: 1px solid #DB502E;
}
.marginbottom{height: 530px;
}
#mce_13 button{background:none !important;background-color:none !important;border:none !important;}
table.tablesaw {
    empty-cells: show;
    max-width: 100%;
    width: 100%;
}
.tablesaw {
    border-collapse: collapse;
    width: 100%;
}
/* Structure */

.tablesaw {
    border: 0;
    padding: 0;
}
.tablesaw th,
.tablesaw td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em .7em;
}
.tablesaw thead tr:first-child th {} .tablesaw-enhanced .tablesaw-bar .btn {
    border: 1px solid #ccc;
    background: none;
    background-color: #fafafa;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    color: #4a4a4a;
    clear: both;
    cursor: pointer;
    display: block;
    font: bold 20px/1 sans-serif;
    margin: 0;
    padding: .5em .85em .4em .85em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
    /* Theming */
    
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba( 255, 255, 255, .1)), color-stop(50%, rgba( 255, 255, 255, .1)), color-stop(55%, rgba( 170, 170, 170, .1)), to(rgba( 120, 120, 120, .15)));
    background-image: -webkit-linear-gradient(top, rgba( 255, 255, 255, .1) 0%, rgba( 255, 255, 255, .1) 50%, rgba( 170, 170, 170, .1) 55%, rgba( 120, 120, 120, .15) 100%);
    background-image: linear-gradient( top, rgba( 255, 255, 255, .1) 0%, rgba( 255, 255, 255, .1) 50%, rgba( 170, 170, 170, .1) 55%, rgba( 120, 120, 120, .15) 100%);
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    border-radius: .25em;
}
.tablesaw-enhanced .tablesaw-bar a.btn {
    color: #1c95d4;
}
.tablesaw-enhanced .tablesaw-bar .btn:hover {
    text-decoration: none;
}
/* Default radio/checkbox styling horizonal controlgroups. */

.tablesaw-enhanced .tablesaw-bar .btn:active {
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba( 100, 100, 100, .35)), to(rgba( 255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba( 100, 100, 100, .35) 0%, rgba( 255, 255, 255, 0) 70%);
    background-image: linear-gradient( top, rgba( 100, 100, 100, .35) 0%, rgba( 255, 255, 255, 0) 70%);
}
.tablesaw-enhanced .tablesaw-bar .btn:hover,
.tablesaw-enhanced .tablesaw-bar .btn:focus {
    color: #208de3;
    background-color: #fff;
    outline: none;
}
.tablesaw-bar .btn:focus {
    -webkit-box-shadow: 0 0 .35em #4faeef !important;
    box-shadow: 0 0 .35em #4faeef !important;
}
.ie-lte8 .tablesaw-bar .btn:hover,
.ie-lte8 .tablesaw-bar .btn:focus {
    color: #208de3;
    background-color: #fff;
    border-color: #aaa;
    outline: none;
}
.tablesaw-bar .btn-select select {
    background: none;
    border: none;
    display: block;
    position: absolute;
    font-weight: inherit;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    min-height: 1em;
}
.tablesaw-bar .btn-select select {
    opacity: 0;
    filter: alpha(opacity=0);
    display: inline-block;
    color: transparent;
}
.tablesaw-bar .btn select option {
    background: #fff;
    color: #000;
    font-family: sans-serif;
}
.tablesaw-enhanced .tablesaw-bar .btn.btn-select {
    color: #4d4d4d;
    padding-right: 2.5em;
    min-width: 7.25em;
    text-align: left;
    text-indent: 0;
}
.ie-lte8 .tablesaw-bar .btn-select {
    min-width: 6.1em;
}
.tablesaw-bar .btn.btn-small,
.tablesaw-bar .btn.btn-micro {
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    top: 0;
}
.tablesaw-bar .btn.btn-small {
    font-size: 1.0625em;
    line-height: 19px;
    padding: .3em 1em .3em 1em;
}
.tablesaw-bar .btn.btn-micro {
    font-size: .8125em;
    padding: .4em .7em .25em .7em;
}
.tablesaw-enhanced .tablesaw-bar .btn-select {
    text-align: left;
}
.tablesaw-bar .btn-select:after {
    background: #e5e5e5;
    background: rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 2px rgba(255, 255, 255, .25);
    box-shadow: 0 2px 2px rgba(255, 255, 255, .25);
    content: " ";
    display: block;
    position: absolute;
}
.tablesaw-bar .btn-select.btn-small,
.tablesaw-bar .btn-select.btn-micro {
    padding-right: 1.5em;
}
.tablesaw-bar .btn-select:after {
    background: none;
    background-repeat: no-repeat;
    background-position: .25em .45em;
    content: "\25bc";
    font-size: .55em;
    padding-top: 1.2em;
    padding-left: 1em;
    left: auto;
    right: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    width: 1.8em;
}
.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
    width: 1.2em;
    font-size: .5em;
    padding-top: 1em;
    padding-right: .5em;
    line-height: 1.65;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left-width: 0;
}
/* Column navigation buttons for swipe and columntoggle tables */

.tablesaw-advance .btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 1px 0 #fff;
    border-radius: .25em;
}
.tablesaw-advance .btn.btn-micro {
    font-size: .8125em;
    padding: .3em .7em .25em .7em;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
    display: inline-block;
    overflow: hidden;
    width: 1.8em;
    height: 1.8em;
    background-position: 50% 50%;
    margin-left: .5em;
    position: relative;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
    content: "\0020";
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
    left: .5em;
    top: .65em;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #808080;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
    left: .5em;
    top: .65em;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #808080;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
    top: .45em;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
    left: .6em;
    border-right: 5px solid #808080;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
    left: .7em;
    border-left: 5px solid #808080;
}
.tablesaw-advance a.tablesaw-nav-btn.disabled {
    opacity: .25;
    filter: alpha(opacity=25);
    cursor: default;
    pointer-events: none;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
    clear: none;
}
/* Table Toolbar */

.tablesaw-bar {
    clear: both;
    font-family: sans-serif;
}
.tablesaw-toolbar {
    font-size: .875em;
    float: left;
}
.tablesaw-toolbar label {
    padding: .5em 0;
    clear: both;
    display: block;
    color: #888;
    margin-right: .5em;
    text-transform: uppercase;
}
.tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .btn {
    margin-top: .5em;
    margin-bottom: .5em;
}
.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
    margin-bottom: 0;
}
.tablesaw-bar .tablesaw-toolbar .btn {
    margin-left: .4em;
    margin-top: 0;
    text-transform: uppercase;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    font-family: sans-serif;
    font-size: 1em;
    padding-left: .3em;
}
.tablesaw-bar .tablesaw-toolbar .btn-select {
    min-width: 0;
}
.tablesaw-bar .tablesaw-toolbar .btn-select:after {
    padding-top: .9em;
}
.tablesaw-bar .tablesaw-toolbar select {
    color: #888;
    text-transform: none;
    background: transparent;
}
.tablesaw-toolbar ~ table {
    clear: both;
}
.tablesaw-toolbar .a11y-sm {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
@media (min-width: 24em) {
    .tablesaw-toolbar .a11y-sm {
        clip: none;
        height: auto;
        width: auto;
        position: static;
        overflow: visible;
    }
}
table.tablesaw tbody th {
    font-weight: bold;
}
.tablesaw th,
.tablesaw td {
    line-height: 1em;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
}
.tablesaw td,
.tablesaw tbody th {
    vertical-align: middle;
    /* 19px */
}
.tablesaw td .btn,
.tablesaw tbody th .btn {
    margin: 0;
}
.tablesaw thead {
    border: 1px solid #DB502E;
    background: #e2dfdc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2dfdc));
    background-image: -webkit-linear-gradient(top, #fff, #e2dfdc);
    background-image: linear-gradient(to bottom, #fff, #e2dfdc);
}
.tablesaw thead th,
.tablesaw thead th a {
   text-align: left;
}
.tablesaw thead tr:first-child th {}
/* Table rows have a gray bottom stroke by default */

.tablesaw tbody tr {
    border-bottom: 1px solid #E9E7E7;
}
.tablesaw caption {
    text-align: left;
    margin-bottom: 0;
    opacity: .5;
    filter: alpha(opacity=50);
    line-height: 2.4;
}
@media (min-width: 25em) {
    .tablesaw caption {
        margin-bottom: .6em;
        line-height: 1.2;
    }
}
/* Stack */

.tablesaw-cell-label-top {
    text-transform: uppercase;
    font-size: .9em;
    font-weight: normal;
}
.tablesaw-cell-label {
    font-size: .85em;
}
@media (min-width: 40em) {
    .tablesaw td {
        line-height: 2em;
    }
}
@media only all {
    .tablesaw-swipe .tablesaw-cell-persist {
        border-right: 1px solid #e4e1de;
    }
    .tablesaw-swipe .tablesaw-cell-persist {
        -webkit-box-shadow: 3px 0 4px -1px #e4e1de;
        box-shadow: 3px 0 4px -1px #e4e1de;
    }
}
/* Table rows have a gray bottom stroke by default */

.tablesaw-stack tbody tr {
    /*border-bottom: 1px solid #dfdfdf;*/
}
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none;
}
/* Mobile first styles: Begin with the stacked presentation at narrow widths */

@media only all {
    /* Show the table cells as a block level element */
    
    .tablesaw-stack td,
    .tablesaw-stack th {
        text-align: left;
        display: block;
        clear: both;
    }
    .tablesaw-stack tr {
        clear: both;
        /*display: table-row;*/
    }
    /* Make the label elements a percentage width */
    
    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: block;
        padding: 0 .6em 0 0;
        width: 30%;
        display: inline-block;
    }
    /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
    
    .tablesaw-stack th .tablesaw-cell-label-top,
    .tablesaw-stack td .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
    }
    .tablesaw-cell-label {
        color: #DA4722;
        display: block;
    }
    /* Avoid double strokes when stacked */
    
    .tablesaw-stack tbody th.group {
        margin-top: -1px;
    }
    /* Avoid double strokes when stacked */
    
    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important;
    }
}
@media (max-width: 39.9375em) {
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none;
    }
    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
        clear: left;
        float: left;
        width: 100%;
    }
    .tablesaw-cell-label {
        vertical-align: top;
    }
    .tablesaw-cell-content {
        max-width: 67%;
        display: inline-block;
		word-break:break-all;
    }
    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
        display: none;
    }
    .tablesaw-stack tbody td {
        border-color: e5e5e5;
    }
}
/* Media query to show as a standard table at 560px (35em x 16px) or wider */

@media (min-width: 40em) {
    .tablesaw-stack tr {
        /* display: table-row;*/
    }
    /* Show the table header rows */
    
    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        /*display: table-cell;
    margin: 0;*/
    }
    /* Hide the labels in each cell */
    
    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: block;
        float: left;
    }
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none;
    }
}
@media (min-width: 940px) {
    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
        margin: 0;
    }
    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: none;
    }
}
.tablesaw-fix-persist {
    table-layout: fixed;
}
@media only all {
    /* Unchecked manually: Always hide */
    
    .tablesaw-swipe th.tablesaw-cell-hidden,
    .tablesaw-swipe td.tablesaw-cell-hidden {
        display: none;
    }
}
.btn.tablesaw-columntoggle-btn span {
    text-indent: -9999px;
    display: inline-block;
}
.tablesaw-columntoggle-btnwrap {
    position: relative;
    /* for dialog positioning */
}
.tablesaw-columntoggle-btnwrap .dialog-content {
    padding: .5em;
}
.tablesaw-columntoggle tbody td {
    line-height: 1.5;
}
/* Remove top/bottom margins around the fieldcontain on check list */

.tablesaw-columntoggle-popup {
    display: none;
}
.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
    display: block;
    position: absolute;
    top: 2em;
    right: 0;
    background-color: #fff;
    padding: .5em .8em;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    border-radius: .2em;
    z-index: 1;
}
.tablesaw-columntoggle-popup fieldset {
    margin: 0;
}
/* Hide all prioritized columns by default */

@media only all {
    .tablesaw-columntoggle th.tablesaw-priority-6,
    .tablesaw-columntoggle td.tablesaw-priority-6,
    .tablesaw-columntoggle th.tablesaw-priority-5,
    .tablesaw-columntoggle td.tablesaw-priority-5,
    .tablesaw-columntoggle th.tablesaw-priority-4,
    .tablesaw-columntoggle td.tablesaw-priority-4,
    .tablesaw-columntoggle th.tablesaw-priority-3,
    .tablesaw-columntoggle td.tablesaw-priority-3,
    .tablesaw-columntoggle th.tablesaw-priority-2,
    .tablesaw-columntoggle td.tablesaw-priority-2,
    .tablesaw-columntoggle th.tablesaw-priority-1,
    .tablesaw-columntoggle td.tablesaw-priority-1 {
        display: none;
    }
}
.tablesaw-columntoggle-btnwrap .dialog-content {
    top: 0 !important;
    right: 1em;
    left: auto !important;
    width: 12em;
    max-width: 18em;
    margin: -.5em auto 0;
}
.tablesaw-columntoggle-btnwrap .dialog-content:focus {
    outline-style: none;
}
/* Preset breakpoints if "" class added to table */
/* Show priority 1 at 320px (20em x 16px) */

@media (min-width: 20em) {
    .tablesaw-columntoggle th.tablesaw-priority-1,
    .tablesaw-columntoggle td.tablesaw-priority-1 {
        display: table-cell;
    }
}
/* Show priority 2 at 480px (30em x 16px) */

@media (min-width: 30em) {
    .tablesaw-columntoggle th.tablesaw-priority-2,
    .tablesaw-columntoggle td.tablesaw-priority-2 {
        display: table-cell;
    }
}
/* Show priority 3 at 640px (40em x 16px) */

@media (min-width: 40em) {
    .tablesaw-columntoggle th.tablesaw-priority-3,
    .tablesaw-columntoggle td.tablesaw-priority-3 {
        display: table-cell;
    }
    .tablesaw-columntoggle tbody td {
        line-height: 2;
    }
	
}
/* Show priority 4 at 800px (50em x 16px) */

@media (min-width: 50em) {
    .tablesaw-columntoggle th.tablesaw-priority-4,
    .tablesaw-columntoggle td.tablesaw-priority-4 {
        display: table-cell;
    }
}
/* Show priority 5 at 960px (60em x 16px) */

@media (min-width: 60em) {
    .tablesaw-columntoggle th.tablesaw-priority-5,
    .tablesaw-columntoggle td.tablesaw-priority-5 {
        display: table-cell;
    }
}
/* Show priority 6 at 1,120px (70em x 16px) */

@media (min-width: 70em) {
    .tablesaw-columntoggle th.tablesaw-priority-6,
    .tablesaw-columntoggle td.tablesaw-priority-6 {
        display: table-cell;
    }
}
@media only all {
    /* Unchecked manually: Always hide */
    
    .tablesaw-columntoggle th.tablesaw-cell-hidden,
    .tablesaw-columntoggle td.tablesaw-cell-hidden {
        display: none;
    }
    /* Checked manually: Always show */
    
    .tablesaw-columntoggle th.tablesaw-cell-visible,
    .tablesaw-columntoggle td.tablesaw-cell-visible {
        display: table-cell;
    }
}
.tablesaw-columntoggle-popup .btn-group > label {
    display: block;
    padding: .2em 0;
    white-space: nowrap;
}
.tablesaw-columntoggle-popup .btn-group > label input {
    margin-right: .8em;
}
.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
    position: relative;
}
.tablesaw-sortable thead tr th {
    padding-right: 1.6em;
    vertical-align: top;
}
.tablesaw-sortable th.tablesaw-sortable-head,
.tablesaw-sortable tr:first-child th.tablesaw-sortable-head {
    padding: 0;
}
.tablesaw-sortable th.tablesaw-sortable-head button {
    padding-top: .9em;
    padding-bottom: .7em;
    padding-left: .6em;
    padding-right: 1.6em;
}
.tablesaw-sortable .tablesaw-sortable-head button {
    min-width: 100%;
    color: inherit;
    background: transparent;
    border: 0;
    padding: 0;
    text-align: left;
    font: inherit;
    text-transform: inherit;
    position: relative;
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
    width: 7px;
    height: 10px;
    content: "\0020";
    position: absolute;
    right: .5em;
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
    content: "↑";
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
    content: "↓";
}
.tablesaw-sortable .not-applicable:after {
    content: "--";
    display: block;
}
.tablesaw-sortable .not-applicable span {
    display: none;
}
.tablesaw-advance {
    float: right;
}
.tablesaw-advance.minimap {
    margin-right: .4em;
}
.tablesaw-advance-dots {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.tablesaw-advance-dots li {
    display: table-cell;
    margin: 0;
    padding: .4em .2em;
}
.tablesaw-advance-dots li i {
    width: .25em;
    height: .25em;
    background: #555;
    border-radius: 100%;
    display: inline-block;
}
.tablesaw-advance-dots-hide {
    opacity: .25;
    filter: alpha(opacity=25);
    cursor: default;
    pointer-events: none;
}
.wo-menu #container {
    position: inherit
}
.tablesaw-cell-label a,
b.tablesaw-cell-label {
    font-weight: normal;
}
/************************************responsive table css end****************************************************/
table {
    border-right: 0;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
}
th {
    border: 0;
    border-bottom: 2px solid #555;
    text-align: left;
    padding: 4px;
}
th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
th a.asc:after {
    content: ' ⇣';
}
th a.desc:after {
    content: ' ⇡';
}
table tr td {
    padding: 6px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #ddd;
    font-size: 13px;
}
table tr:nth-child(even) {
    background: #f9f9f9;
}
td.actions {
    text-align: center;
    white-space: nowrap;
}
table td.actions a {
    margin: 0px 6px;
    padding: 2px 5px;
}