/*Delete Account page */
.delete_ac_section1{background-color:#FCFCFC;border: 1px solid #ccc;border-radius:4px;-webkit-box-shadow: 0 0 10px #dedede; box-shadow: 0 0 10px #dedede;-moz-box-shadow:0 0 10px #dedede;}
.delete_account{padding: 30px 15px 20px 0; width: 95%;}
.delete_ac_section1 h5{margin: 0;padding: 0}
.delete_account > label{ font-size: 14px; font-weight: 600;line-height: 25px;float:left;}
.delete_ac_section1 .text-center{ font-style: italic; padding: 30px 0 0; text-align: center; font-size: 19px; font-weight: 600; line-height: 24px; }
.feedback{padding: 15px 0 0 95px;}
.middle_wrapper .section-1 .left {float: left; width: 30%;}
.middle_wrapper .section-1 .right {float: right; width: 70%!important;}
.page-team-index .middle_wrapper .section-1 .right {float: right; width: 70%!important; display: flex; justify-content: flex-end; flex-wrap: wrap; font-size: 0;}

.form-control{ color: #000;border-color:#ccc;}
.feedback > label{font-size: 14px; font-weight: 600;line-height: 25px;float:left;}
.page-team-index .middle_wrapper .section-1 .left h2 {padding: 2px 0 22px;}
.feedback .text_area{left: 24px;  position: relative;}
.feedback .text_area textarea{border: 1px solid #ccc;  height: 129px;  width: 586px;}
.delete_btn{padding:0 0 0 218px;}
.delete_btn > p{font-size: 13px;letter-spacing: 0.5px;line-height: 20px;color: #ff0000;}
.delete_btn button{  background: #263959 none repeat scroll 0 0;border: medium none; border-radius: 3px; color: #fff; cursor: pointer; font-size: 15px; font-weight: 600; padding: 6px 24px;margin: 0 0 50px;}
.DA_wrapper h2{color: #263959;padding:10px 0 32px;}
.DA_wrapper .delete_account .row1 .lbl{box-sizing: border-box;clear: both;vertical-align: middle;display: table-cell;padding: 0 10px 0 0;text-align: right;width: 34%;}
.DA_wrapper .delete_account .row1 .lbl label{font-size: 14px;font-weight:600; line-height: 25px;}
.DA_wrapper .delete_account .row1 .txt_bx p{color: #ff0000; font-size: 12px; letter-spacing: 0.5px;line-height: normal;}
.DA_wrapper .delete_account .row1 .txt_bx .form-group {margin-bottom: 0;}
.DA_wrapper .delete_account .row1{display: table;padding: 0 0 20px;width: 100%;}
.DA_wrapper .delete_account .row1.feedback {padding-bottom: 10px;}
.DA_wrapper .delete_account .row1 .txt_bx{display: table-cell;}
.DA_wrapper .delete_account .row1 .txt_bx .leftt {font-size: 14px;}
.DA_wrapper .delete_account .row1 .txt_bx textarea{width:100%;outline:0;height:129px;padding: 10px 10px 13px;border: 1px solid #ccc;}
.delete_account .form-group.has-error{height:auto;}
.delete_ac_main .vertical-alignment .lbl {padding-top: 10px !important;vertical-align: top !important;}
span.txt_bx .leftt { float: left; }

/* Change Password page */
.change_pw_section1{background-color: #fcfcfc; border-radius: 4px; box-shadow: 0 0 10px #dedede; padding: 55px 0 56px;margin: 0 0 37px;border: 1px solid #ccc;}
.change_pw_section1 .row1 .txt{ margin: 0;outline: 0 none;padding: 12px 10px;width: 50%;}
.change_pw_section1 .row1{ text-align: center; padding: 10px 0; display: table;margin: 0 auto;width: 100%;}
.change_pw_section1 .row1 .lbl {box-sizing: border-box;display: table-cell;padding:15px 10px 0 0 ;text-align: right;vertical-align: top;width: 35%;}
.change-password-wrapper {margin: 0 auto;width: 70%;}
.change_pw_section1 .row1 .txt_bx {display: table-cell;text-align: left;}
.change_pw_section1 .row1 label {color: #010101;font-size: 14px;font-weight: 600;}
.change_pw_section1 .row1 label span{color:red;}
.change_pw_section1 .row_btn{padding: 10px 0 0; text-align: center;width:93%;}
.change_pw_section1 .row_btn button:hover{background:#384a65;}
.CHP_wrapper{box-sizing: border-box;margin: 0 auto;padding: 0 20px;width: 100%;}
.change_pw_main h2{margin: 0;padding: 10px 0 34px;;text-align: left;color: #263959;}
.DA_wrapper{box-sizing: border-box;margin: 0 auto;padding: 0; width: 100%;} 
.Logout_wrapper{box-sizing: border-box; margin: 0 auto; padding: 0; width: 677px;}
.Logout_wrapper .section1{background-color: #fcfcfc; border-radius: 4px;box-shadow: 0 0 10px #dedede;max-height:245px;height:245px;margin: 105px 0 42px 0;text-align:center;}
.Logout_wrapper .section1 img{vertical-align: middle;padding: 0 10px;}
.Logout_wrapper .middle{padding:104px 0;font-size: 20px; line-height: 52px;}

/*Update Company Details*/
.company_update_wrapper{ margin: 0 auto; padding: 0; width: 100%;}
.page-profile-change-email .change_pw_section1 .row1 .lbl { vertical-align: initial; }
/*.page-firm-update .middle_wrapper .section-1 .right,.page-profile-update .middle_wrapper .section-1 .right{width: 60%;}*/
.page-profile-update .middle_wrapper .section-1,.page-firm-update .middle_wrapper .section-1{width: 100%;padding: 0 25px;}
.company_update_wrapper h2{padding:10px 0 32px;color: #263959;}
.company_update_wrapper .section-1{display: table; margin: 0 auto;width:60%;padding:0;}
.company_update_wrapper .section-1 .company-logo {padding-bottom: 23px;text-align: center;}
.company_update_wrapper .section-1 .left{display: inline-block;width: 25%;vertical-align: middle;margin:0;}
.company_update_wrapper .section-1 .right{display: inline-block; text-align: left; vertical-align: middle; width: 74%; }
.company_update_wrapper .Company_section1{ background-color: #fcfcfc;border-radius: 4px;box-shadow: 0 0 10px #dedede;margin:0;border: 1px solid #ccc;padding: 30px 0 20px;}
.company_update_wrapper .section-2{letter-spacing: 0.3px;padding: 0 20px; width: 100%;}
.company_update_wrapper .section-2 .row1 input[type="text"]{box-sizing: border-box;box-shadow: none; padding: 9px 10px;  width:100%}
.company_update_wrapper .section-2 .row1{display: table; padding: 0 0 20px;width: 100%;}
.company_update_wrapper .section-2 .row1 .lbl{box-sizing: border-box;clear: both;display: table-cell;padding: 0 10px 0 0;text-align: right;vertical-align: middle; width: 35%;}
.company_update_wrapper .section-2 .row1 .lbl .logo-sec,
.company_update_wrapper .section-2 .lbl .signature-sec {padding-right: 20px;}
.company_update_wrapper .section-2 .row1 .lbl .logo-sec .img-circle{max-width: 190px;max-height: 190px;}
.company_update_wrapper .vertical-alignment .lbl {padding-top: 10px !important;vertical-align: top !important;}
.company_update_wrapper .section-2 .row1 .txt_bx{ display: table-cell;vertical-align: middle;width: 70%;font-size: 14px; color: #333;}
.company_update_wrapper .section-2 .row1 .txt_bx select.form-control{height: 45px;}
.company_update_wrapper .section-2 .row1 .txt_bx .linktocase label{margin-right: 10px;}
.company_update_wrapper .section-2 .row1 .txt_bx .linktocase label input[type="radio"]{margin: 0;vertical-align: middle;}
.company_update_wrapper .section-2 .row1 .txt_bx .form-control{color:#333;border-color:#ccc;box-shadow: none;}
.company_update_wrapper .section-2 .row1.sec-1 .txt_bx {vertical-align: middle;font-size: 13px;letter-spacing: normal;}
.company_update_wrapper .vertical-alignment .txt_bx .help-block{}

.mobile-no-pre{display: table-cell; margin-left: 3px;}
.mobile-no-pre input{border-bottom-left-radius: 0; border-left: 0 none !important; border-top-left-radius: 0; height: 45px; padding-left: 51px;} 
.mobile-no-pre .help-block{margin-left:-3px;}
.company_update_wrapper .section-2 .row1 textarea{box-sizing: border-box; font-size: 14px;height: 74px; width: 100%;padding: 6px 10px;}
.company_update_wrapper .section-2 .row1 label.country{width: 250px;}
.lbl span{color: #ff0000;}
.company_update_wrapper .section-2 .row1 input[type="text"].mobile { width: 200px;height: 20px; padding-right: 50px;}
.company_update_wrapper .section-2 .row1 input[type="submit"] { background: #ececec none repeat scroll 0 0; border: 0 none; color: #000; height: 38px; margin-left: -251px;width: 50px;}
.company_update_wrapper .section-2 .row1 .input-group{padding-bottom: 0px;}
.company_update_wrapper .section-2 .row1 .input-group .input-group-addon:first-child{border-right: 0 none;vertical-align: middle; z-index: 99999}
.company_update_wrapper .section-2 .row1 .input-group .input-group-addon{background-color: #eceeef; border: 1px solid #ccc;color: #55595c;line-height: 1; padding:10px;text-align: center;}
.company_update_wrapper .section-2 .row1 .input-group .form-control{float: left;color: #333;margin-bottom: 0; padding-left: 10px;position: relative; width:100%; z-index: 2;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-color:#ccc;}
.form-control:focus{border-color: #aaaaaa #cccccc #cccccc #aaaaaa;box-shadow:none;}
.company_update_wrapper .section-2 .row1 input[type="submit"].save-details{background: #263959 none repeat scroll 0 0; border-radius: 3px;color: #fff; font-size: 14px;height: auto; margin:18px 0;padding: 6px 11px;width: auto;cursor:pointer;}
.company_update_wrapper .section-2 .row1 input[type="submit"].save-details:hover{background:#2D405F;color: #fff;cursor:pointer;}
.page-firm-update div.selector,.page-profile-update div.selector{height: 44px;padding: 5px 10px;border-color:#ccc;}
.phone-inner-wrap {display: table; width: 100%;height: 40px;}
.phone-inner-wrap .input-group-addon {
    display: table-cell;/*border-right: 1px solid #ccc;*/border: 1px solid #ccc;border-right: 0;
}
.page-team-update .phone-inner-wrap .input-group-addon{border-right: 1px solid #ccc;}
.phone-inner-wrap .form-control {border-bottom-left-radius: 0; border-top-left-radius: 0; display: table-cell;height: 40px; }
.contact-no .has-error .input-group-addon {
    background: #eee;
    border: 1px solid #ccc;
    color: #555;
}

.contact-no .has-success .input-group-addon {
    background: #eee;
    border: 1px solid #ccc;
    color: #555;
}
.company_update_wrapper .section-2 .row1 .txt_bx .has-error .input-group-addon {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #555;border-right: 0;
}

.company_update_wrapper .section-2 .row1 .txt_bx .has-success .input-group-addon {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #555;border-right: 0;
}

div.has-success .form-control:focus{border: 1px solid #ccc !important;}

/*Update Profile*/
.Update_Profile_wrapper {margin:0 auto; padding: 0; width: 958px;}
.Update_Profile_wrapper h2{border-bottom: 1px solid #DCDCDC; line-height: 25px; margin: 0 auto; padding: 28px 0 34px; text-align: center; width: 97%;}
.Update_Profile_wrapper .section-1{display: table; margin: 0 auto;width: 602px;padding: 30px 0 0;}
.Update_Profile_wrapper .section-1 .left{display: table-cell;vertical-align: middle;margin:0 0;}
.Update_Profile_wrapper .section-1 .right{display: table-cell;vertical-align: middle;}
.Update_Profile_wrapper .profile_section1{ background-color: #fcfcfc;border-radius: 4px;box-shadow: 0 0 10px #dedede;margin: 63px 0 0;}
.Update_Profile_wrapper .section-2{font-size: 13px;letter-spacing: 0.3px; line-height: 25px; margin: 0 auto; padding: 30px 0 0;width:700px;}
.Update_Profile_wrapper .section-2 .row1 input[type="text"]{width:468px;padding: 9px 10px;}
.Update_Profile_wrapper .section-2 .row1 label{display: inline-block; float: left; padding: 0 49px 0 0;  text-align: right; vertical-align: top; width: 155px;}
.Update_Profile_wrapper .section-2 .row1{padding: 0 0 20px;}
.Update_Profile_wrapper .section-2 .row1 textarea{height: 74px;width: 468px;padding: 5px 10px;font-size: 13px;}
.Update_Profile_wrapper .section-2 .row1 label.country{width: 250px;}
.Update_Profile_wrapper .section-2 .row1 .state div.selector{left: 0;margin-top: 20px;width: 478px !important;background-image: url("/themes/app/images/sprite.png"); background-repeat: no-repeat;background-position: 460px 15px; height: 37px; line-height: 26px;margin-bottom: 0;}
.Update_Profile_wrapper .section-2 .row1 input[type="text"].mobile { width: 200px;height: 20px; padding-right: 50px;}
.Update_Profile_wrapper .section-2 .row1 input[type="submit"] { background: #ececec none repeat scroll 0 0; border: 0 none; color: #000; height: 38px; margin-left: -251px;width: 50px;}
.Update_Profile_wrapper .section-2 .row1 .input-group{display: table; position: relative;}
.Update_Profile_wrapper .section-2 .row1 .input-group .input-group-addon:first-child{border-right: 0 none;display: table-cell;vertical-align: middle;}
.Update_Profile_wrapper .section-2 .row1 .input-group .input-group-addon{background-color: #eceeef; border: 1px solid #ccc;color: #55595c;line-height: 1; padding: 0.375rem 0.75rem;text-align: center;}
.Update_Profile_wrapper .section-2 .row1 .input-group .form-control{float: left;border: 1px solid #abadb3;margin-bottom: 0; padding-left: 10px;position: relative; width: 420px; z-index: 2;}
.Update_Profile_wrapper .section-2 .row1 input[type="submit"].save-details{background: #263959 none repeat scroll 0 0; border-radius: 3px;color: #fff;font-size: 14px;height: auto; margin:18px 0;padding: 6px 11px;width: auto;cursor:pointer;}
input[type='file'] { height:25px;cursor: pointer;}
#val {  width: 400px; height:25px; position: absolute; top: 0;left: 0;font-size:13px; line-height: 25px; text-indent: 10px; pointer-events: none;}
#button { background-attachment: scroll; background-clip: border-box; background-image: url("/themes/app/images/file_upload_icon.png"); background-origin: padding-box; background-position: 0 0;background-repeat: no-repeat; background-size: auto auto; border-radius: 30px; color: #000; cursor: pointer; display: block; font-size: 11px; height: 21px; line-height: 23px; right: 0; text-align: center; top: 0; transition: all 500ms ease 0s; width: 84px;margin-top: -30px;}
#button:hover { background-color: blue;}
.section-1 .profile-picture {width: 190px;height:190px;}
.lbl-short-desc {font-size: 11px;font-style: italic;display: block;}
/*.save-details{margin: 0 5px;}*/
.company_update_wrapper .section-2 .row1 .txt_bx .save-details{margin: 0 6px 0 0;}
.change_pw_section1 .row1 .txt_bx .save-details.submitbutton {margin: 0 10px 0 0;}
.show-change-delete-button a {text-decoration: none;}
.hideButton{display:none;}
.showButton{display:block;}
.signature-section .img-circle{max-width: 190px;max-height: 190px;}
.signature-section .right p{font-size: 13px;letter-spacing: normal;}
.hide-input-signature{display:none}

/* Team List */
.deleteYourself{cursor:pointer;}
.section-2 .grid-view table.bordered th.action-column{width: 15%;}
#w0 table th{border-left: 1px solid #ccc;} 
#w0 table th:first-child {border-left: 0 none;border-top-left-radius: 3px;}
#w0 table th:last-child{border-top-right-radius: 3px;}
.empty {padding: 10px 0 0;color:#000;}
.empty a {color: #273758;font-weight: 600;}
table tr:nth-last-child(1) > td:last-child {border-bottom-right-radius: 3px;}
.bordered.add-member-table-2 td, .bordered.add-member-table-2 th {border-bottom: 1px solid #ccc;}
.add_team_wrapper_container .bordered .add-member-table-2 th:first-child{border-left: 1px solid #ccc;}
.add-member-table-2 td.tax_details_col {border-left: 1px solid #ccc;}
#w1 .bordered th{background-color: #e0dfdd;border-top: medium none;font-size: 15px;font-weight: bold;padding:10px;}
.add_team_wrapper_container .bordered th label{margin-bottom: 0;}

/*** Table ***/
.page-team-index table.bordered td{vertical-align: middle;}
.page-team-index .team-actions-section .sprite{top:0px;height: 25px;}
.page-team-index .team-actions-section .sprite {}
.page-team-index .sprite.view_icon{background-position: -298px -110px; height: 16px; width: 24px;}
.page-team-index .sprite.icon-edit-item{background-position: -99px -14px; height: 20px; width: 24px;}
.page-team-index .sprite.icon-delete-item{background-position: -72px -14px; height: 18px; width: 13px;}
.page-team-index .sprite.delete_icon_disabled{ background-position: -473px -111px; height: 17px; width: 17px;}
.page-team-index .team-actions-section a{display: inline-flex; margin:0 2px 0 0; vertical-align: middle;}
.page-team-index .team-actions-section a:last-child {margin-left: 0;} 
.page-team-index .sprite.icon-renew-item{background-position: -300px -180px;height: 20px; width: 24px;}
.page-team-index .add_team_member_error_message, .page-team-add .add_team_member_error_message{float:right;font-size: 12px;font-style: italic;color: red;}

/* Add Team Member */
.add_team_wrapper_container{box-sizing: border-box; padding: 0; width: 100%;}
.add_team_wrapper{ margin: 0 auto; padding: 0; width: 100%;}
.add_team_wrapper h2{padding-bottom: 32px;padding-top: 12px;text-align: left;}
.add_team_wrapper .section1{background-color: #fcfcfc; border-radius: 4px; box-shadow: 0 0 10px #dedede; margin: 0; padding: 30px 0 0;}
.add_team_wrapper .section1 .Row1{display: table;font-size: 13px;line-height: 20px;padding: 34px 10px 0;width: 100%;}
.add_team_wrapper .section1 .Row1 .lbl{box-sizing: border-box;display: table-cell;padding: 8px 10px 0; width: 12%;}
.add_team_wrapper .section1 .Row1.team-company-element{width:50%;}
.add_team_wrapper .section1 .Row1.team-company-element .lbl{text-align: right; width:150px;}
.add_team_wrapper .section1 .Row1.team-company-element .txt_bx { width: 40%;}
.add_team_wrapper .section1 .Row1 .txt_bx{display: table-cell; padding: 0 10px 0 0;width: 38.5%;}
.add_team_wrapper .section1 .Row1 input[type="text"]{box-sizing: border-box; height: 44px; outline: 0 none; padding: 0 10px; width: 100%;}  
.add_team_wrapper .section1 .Row2{font-size: 13px; line-height: 20px;  padding: 0 20px; overflow: auto;}
.page-team-add .bordered.AddingMemberTable {padding: 0 0px 0 0;}
.add_team_wrapper .section1 .Row3{font-size: 13px; line-height: 20px;  padding: 0 20px 62px;}
.add_team_wrapper_container .bordered td input[type="text"]{height: 35px; width: 100%;box-shadow: none;}
.add_team_wrapper_container .bordered td input[type="text"]:focus{border:1px solid #ccc !important;}
.page-team-add .row-2-right .add-more-button{float:right;}

/* START: View Team CSS */
.page-team-view .section1_wrp .row1 {
    display: table;
    padding: 15px 15px;
    border-radius: 4px;
    width: 100%;
}
.page-team-view .section1_wrp .row1:nth-child(even) { background: #f5f5f5; }
.page-team-view .section1_wrp .row1.team-action { background: transparent; padding-left: 0; }

.page-team-view .section1_wrp .row1 .lbl {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 28%;
}
.page-team-view .section1_wrp .row1 .txt_bx {
    display: table-cell;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 0;
    word-break: break-all;
    vertical-align: middle;
}
/* END: View Team CSS */

.page-team-view .section1_wrp .row1 .lbl .cancelbutton {margin-top: 20px;}
.add_team_wrapper_container .bordered span{display: block;text-align: center;}
.add_team_wrapper_container .bordered span.value{color: #000;font-family:'Open Sans', sans-serif;font-size: 18px;line-height: 20px;text-decoration: line-through;font-weight:600;}
.add_team_wrapper_container .bordered span.txt{color: #263959;font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 20px;font-weight:600;}
.add_team_wrapper_container .bordered td input[type="submit"].add{background: rgba(0, 0, 0, 0) url("green_plus.png") no-repeat scroll 0 0;border: 0 none;padding: 5px 13px;cursor:pointer;text-indent: -999px;}
.add_team_wrapper_container .bordered td input[type="submit"].close{background: rgba(0, 0, 0, 0) url("/themes/app/images/red_minus.png") no-repeat scroll 0 0; border: 0 none;padding: 5px 13px;cursor:pointer;text-indent: -999px;}
.add_team_wrapper_container .bordered th{padding-left: 15px; text-align: left;}
.page-team-add .bordered.AddingMemberTable td.title_td,.page-team-add .bordered.AddingMemberTable td.size_td,.page-team-add .bordered.AddingMemberTable td.case_td,.page-team-add .bordered.AddingMemberTable td.upload_td{vertical-align: top;}
.page-team-add .bordered.AddingMemberTable td.action-td, .page-team-add .bordered.AddingMemberTable td.price-month{vertical-align: middle;}
.add_team_wrapper_container .bordered th.tax_th{max-width: 60%;width: 854px;}   
.add_team_wrapper_container .bordered th.subtotal_th{max-width: 30%; width: 263px;text-align: right;}
.add_team_wrapper_container .bordered th.rs_th{max-width: 10%; width: 147px;text-align: center;}
.add_team_wrapper_container .bordered td.tax_det{text-align:right;}
.add_team_wrapper_container .bordered td.tax_details_col{font-size: 13px;text-align: left;text-transform: none;}
.add_team_wrapper_container .bordered td.total{font-family: open sans !important; font-weight: bold;text-align: right;border-left: 1px solid #ccc;}
.add_team_wrapper_container .bordered td{font-size: 14px;text-align: center;vertical-align: inherit;}
.add_team_wrapper_container .bordered td.text-center{vertical-align:middle;}
.page-team-add .bordered.AddingMemberTable td {padding: 25px 10px;/*width: 25%;*/}
.add_team_wrapper_container .bordered td .form-group {margin: 0;}
.add_team_wrapper_container .add-member-table-2 td {padding: 10px;}
.bordered.AddingMemberTable td,.bordered.AddingMemberTable th {border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-top:0;}
.add_team_wrapper_container .bordered td:last-child{border-right: 1px solid #ccc;}
.add_team_wrapper_container .section_3_main{padding: 39px 0 0;}
.add_team_wrapper_container .section_3_left{float:left;width:100%;}

.add_team_wrapper_container .section_3_right{float:right;padding: 10px 0 0 0;}
.add_team_wrapper_container .section_3_right button[type="submit"]{margin: 0 10px 0 0;}
.add_team_wrapper_container .section_3_right a.cancelbutton{}
.add_team_wrapper_container .bordered td p.mandatory{box-sizing: border-box; margin: 0;padding: 105px 0 0;vertical-align: bottom;}
.add_team_wrapper_container .bordered td p span{display:inline-block;color: #ff0000;}
.ac_btn a{text-decoration:none;outline: 0;}
.add_team_wrapper .section1 .Row2 .row-2-right{text-align: right;padding:10px 0 15px;}
.add_team_wrapper_container .bordered td.tax_details_col p { padding: 15px; box-sizing: border-box; -webkit-transform: rotate(345deg); -moz-transform: rotate(345deg);-ms-transform:rotate(345deg); width: 350px; margin-top: -58px; color: #5cb85c; font-size: 14px; line-height: 24px; text-align: center; font-weight: 600;}

/* edit member profile */
.page-team-update .new_client_wrapper .section1_wrp .row1.last_updated_team{border: 0; text-align: right; width: 100%; font-style: italic; padding-right: 15px; margin-top: -10px;}
.page-team-update .new_client_wrapper .section1_wrp .row1.last_updated_team .last_updated_team_label{font-weight: bold;}
.page-team-update .new_client_wrapper .section1_wrp .row1 {display:inline-block;vertical-align: top;width:49%;}
.page-team-update .new_client_wrapper .section1_wrp .row1 .lbl {box-sizing: border-box; clear: both; float: left; padding: 10px 10px 0 0; text-align: right; width:42%;}
.page-team-update .new_client_wrapper .section1_wrp .row1 .txt_bx {float:left;padding-bottom:15px;width:58%;}
.row1 .txt_bx .input-group.contact-no {width: 100%;}
.page-team-update .new_client_wrapper .section1_wrp .row1 .txt_bx button{margin-right:5px;}
.page-team-update .page-action-container {margin: 0 auto; padding: 0; text-align: right; width: 97%; }
.page-team-update .page-action-container button.save-details{margin-right: 10px;}
.page-team-update select.form-control{background-position: 96% 50%;}
.alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; margin-bottom: 10px; }
/* edit member profile */

/* Edit User */
.new_client_wrapper{ margin: 0 auto; padding: 0; width: 100%;}
.page-team-update h2, .page-team-view h2{padding:12px 0 7px;}
.page-team-update h2{padding:11px 0 7px;}
.page-team-update .new_client_wrapper .alert {margin: 26px 0 0;}
.new_client_container{box-sizing: border-box; padding: 0 0 0 0; width: 100%;}
.new_client_wrapper .section1{background-color: #fcfcfc; border-radius: 4px; box-shadow: 0 0 10px #dedede; margin:0;}
.section1_wrp{ border: 1px solid #ccc;border-radius: 3px;font-size: 14px;line-height: 20px;margin: 25px 0 0;padding: 15px 20px;}
.new_client_wrapper .section1_wrp .row1 .txt_bx .form-control{margin: 0 0 15px;height: 44px;padding: 8px 12px;}
.new_client_wrapper .section1_wrp .row1 input[type="text"]{box-sizing: border-box; height: 44px; outline: 0 none; padding: 0 10px; width: 100%;}        
.new_client_wrapper .section1_wrp .row2{padding: 0 ;}
.page-team-edituser .new_client_wrapper .section1_wrp .row2 .lbl{width: 15%;}
.page-team-edituser .new_client_wrapper .section1_wrp .row2 .txt_bx{width: 85%;}
.new_client_wrapper .section1_wrp .row2 .lbl{box-sizing: border-box; clear: both; float: left; padding: 8px 0 0; width: 12%; }
.new_client_wrapper .section1_wrp .row2 .txt_bx{float: left;padding-bottom: 31px; width: 86%;}
.new_client_wrapper .section1_wrp .row2 textarea{ box-sizing: border-box; font-size: 14px;height: 109px;outline:0;  width: 100%;}   
.new_client_wrapper .section1_wrp .row2 .txt_bx input[type="submit"]{ background: #263959 none repeat scroll 0 0; border: 0 none; border-radius: 3px; color: #fff;font-size: 14px;line-height: 25px; outline: 0 none; padding: 5px 13px;cursor:pointer;}    
.new_client_wrapper .section1_wrp .row2 .txt_bx input[type="submit"]:hover{background: #384a65;}
.new_client_wrapper .section1_wrp .row1 .txt_bx div.selector{height: 44px;padding: 5px 10px;}
.page-team-view .new_client_wrapper .section1_wrp .row2 .txt_bx{padding-top: 20px;}
.page-team-view .new_client_wrapper .section1_wrp .row2 .txt_bx{padding-bottom: 0;}
.page-team-view .new_client_wrapper .section1 { margin-top: 25px; }
.page-team-view .section1_wrp {
    padding: 30px 20px 5px;
    width: 100%;
    display: inline-block;
    border: 1px solid #ccc;
    margin: 0;
}

.page-team-update .new_client_wrapper .section1_wrp .row1 .txt_bx .form-control{margin: 0;box-shadow: none;}
.add_team_wrapper .add-member-table-2.tbl-responsive{display: none;}
.add_team_wrapper .add-member-table-2.tbl-desktop{display: table;}
.content-responsive {display: none;}
.popup-close span { right: -25px; top: -35px;}
/* Success/Error Message - Start */
.help-block {color:#E12222;margin: 0;line-height: 17px;}
.has-error .form-control{border-color: #ccc;}
.leftt{ display: block;float: none;}
.rightt{float:right;}
.margin-left{margin-left:10px;}
.read-only-text-box{background-color: #ECEEEF;}
#input-file{margin-top: 20px;}
.show-input-file{display:block;}
.show-input-file input[type="file"] {width: 183px;}
.page-profile-update .Company_section1 .section-2 .show-input-signature input[type='file'] { width: 183px; margin-top: 0px !important; }
.show-input-file .changebutton, .show-input-file .cancelbutton{ margin: 0 10px 0 0;}
.hide-input-file{display:none;}
.changebutton{ margin: 0 0px 0 0;}

/* newly update code */
.page-team-update div.has-success .form-control:focus{border:1px solid #ccc !important;}

.loading_icon_btn_group .loading-icon{height: 65px;}

/* 
* START: Groups 
*/

/* Start: Add New (Filter) */
.page-groups-index .doc-advance-filter-elements.clicked{margin-top: -21px;}
.page-groups-index .doc-advance-filter-elements.clicked input[type="text"]{color: #333;padding: 3px 10px;height: 45px;}
.page-groups-index .doc-advance-filter-elements .col-md-4{display: inline-block;vertical-align: top; width: 30%;}
.page-groups-index .doc-advance-filter-elements .col-md-4.custom-dropdown-wrapper {width: 39%;}
.page-groups-index .doc-advance-filter-elements .custom-dropdown dd label{width: 85%;}

.page-groups-index .doc-advance-filter-elements .row .col-md-4{padding-bottom: 10px;float: none;}
.page-groups-index .doc-advance-filter-elements .row .col-md-4.causelist-form-controls{display: block;padding-top: 10px;}
.page-groups-index .doc-advance-filter-elements .row .col-md-4.causelist-form-controls .comingsoontext{color: #ff0000;font-size: 18px;}
.page-groups-index .form-group{margin-bottom: 0;}
.page-groups-index .doc-advance-filter-elements .row .col-md-4 .hasDatepicker{background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll 95% 50%;}
.page-groups-index .doc-advance-filter-elements.clicked div.selector select{top:0;}
.page-groups-index .doc-advance-filter-elements { background: #fff none repeat scroll 0 0;border: 1px solid #fd933d;margin:10px 0 30px;padding:20px 20px 10px;}
.page-groups-index .client_search {
    border: 1px solid #fd933d;display: inline-block;height: 35px;padding: 6px 0;
    vertical-align: top;position: relative;top: 0px;right: 0;
}
.page-groups-index .client_search span {color: #de972b;cursor: pointer;font-size: 14px;padding: 8px 10px 9px;transition: all 1s ease-in-out 0s;}
.page-groups-index .client_search span:hover{background: #fd933d;color:#fff;}
.page-groups-index .client_search.clicked {background-color: #fff;border-bottom: none;height: 52px;}
.page-groups-index .view-case-filter-actions.col-md-4 {padding-top: 25px;}
.page-groups-index .doc-advance-filter-elements .row .col-md-4 .submitbutton {margin-right: 5px;}
.page-groups-index .doc-advance-filter-elements .row .col-md-4.comingsoontext {
    color: #ff0000;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
     padding: 30px 0 0;
    vertical-align: middle;
}
.page-groups-update .side-bar {padding: 70px 20px 0 0;}
.view_group_member_popup table tr td:nth-child(1){width:10%}
div.has-success .form-control:focus{border: 1px solid #ccc !important;}
/* End: Add New (Filter) */

/*** EDIT: Custom Drop Down ***/
.custom-dropdown-wrapper {width: 262px;}
.custom-dropdown dd,.edit-custom-dropdown dt { margin: 0px; padding: 0px;}
.custom-dropdown ul {margin: -1px 0 0 0;}
.custom-dropdown dd {position: relative;}
.custom-dropdown a,.edit-custom-dropdown a:visited {color: #fff;text-decoration: none;outline: none;font-size: 14px;}
.custom-dropdown dt a {background: #263959 url("/themes/app/images/arrow-white.png") no-repeat scroll 97% 50%;border: 0 none;display: block;line-height: 24px; min-height: 25px;overflow: hidden;padding: 5px 10px;width: 100%;}
.page-groups-index .cause-option-list #add-group-form .custom-dropdown-wrapper .custom-dropdown dt a,
.page-groups-update .section1_wrp #update-group-form .custom-dropdown-wrapper .custom-dropdown dt a { padding: 12px 10px 0px; }
.page-groups-update .section1_wrp #update-group-form input#groups-group_name { height: 45px; }
label {font-family: 'Open Sans', sans-serif, sans-serif;font-size: 14px; font-weight: 600;margin: 0;}
.page-timesheets-update #mytimesheet-form #casetimesheets-is_effective label { margin-right: 20px; }
.custom-dropdown dt a p{margin: 0;font-weight: normal;}
.custom-dropdown dd .create-client:hover{text-decoration: underline !important;}
.custom-dropdown dd input[type="checkbox"] {line-height: normal; margin: 3px 5px 0 0; padding: 0; vertical-align: top; width: 10%;}
.custom-dropdown dd label {line-height: 20px;margin: 0;padding: 0;text-align: left;vertical-align: top;width: 90%;}
.multiSelect ul li{padding:5px 10px;}
.custom-dropdown dt a span,.multiSel span {cursor: pointer;display: inline-block;padding: 0 3px 2px 0;font-weight: normal;}
.custom-dropdown dd ul {background-color:#002432;border: 0;color: #fff;display: none;left: 0px;padding:8px 7px 10px 7px;position: absolute;width: 100%;list-style: none;height: 100px;overflow: auto;}
.custom-dropdown span.value {display: none;}
.custom-dropdown dt a{min-height:37px;cursor: pointer;}
/*** EDIT: Custom Drop Down ***/

.page-groups-update .custom-dropdown-wrapper{width:100%;}
.page-groups-update .custom-dropdown dd input[type="checkbox"] {width:20px; margin: 1px 0 0 0;}
.group_row{margin-bottom:20px;width:100%;clear:both;}
.group_col_label{width:30%;float:left;font-weight:bold;}
.group_col_value{width:70%;float:left;}

.page-groups-update .alert-success, .page-groups-update .alert-warning{margin-top:10px;}
.page-groups-index .empty b{cursor: pointer;}
/* 
* END: Groups 
*/

.timesheet-advance-filter-elements{diplay: none;}
.my-timesheet .table table td {border-collapse: collapse;border-bottom: none;border-top: 1px solid #ccc;padding: 8px 10px;}
#mytimesheet-form .field-casetimesheets-time_spend_hour{position: initial;}
#mytimesheet-form .field-casetimesheets-time_spend_hour .help-block{position: absolute;}
.my-timesheet .custom-dropdown-wrapper{width: 100%;}
.my-timesheet .custom-dropdown dd ul{height: 200px;}
.advance-filter-elements .col-md-3.action-btns { float: none;  clear: both; }
.action-btn {display: inline-block;color: #333;padding: 0 6px;position: relative;width: 100px;}
.action-btn p {background: #fff url('/themes/app/images/select-arrow.png') no-repeat scroll 86% center;border-radius: 3px;border: 1px solid #ccc;}
.action-btn .exportas {font-weight: normal; cursor: pointer;padding: 5px 33px 0px 10px;height: 33px;line-height: 23px;}
.action-btn ul.exportas-items {display: none;position: absolute;padding: 0;text-align: left;border: 1px solid #ccc;background: #fff;width: 88px;z-index: 10;}
.action-btn ul.exportas-items li {list-style: none;cursor: pointer;}
.action-btn ul.exportas-items li:hover, ul.exportas-items li:hover { background-color: #337ab7; color: #ffffff; }
.action-btn ul.exportas-items a {color: #333333;transition: none;cursor: pointer;padding: 2px 8px 2px 8px;font-size: 14px;margin: 0;display: inline-block;}
.action-btn ul.exportas-items a:hover, ul.exportas-items a:hover { color: #ffffff; }
.my-expenses .custom-dropdown-wrapper{width: 90%;}
.white-bg{padding: 10px;background: #fff;float: right;margin-top: 10px;}

.page-timesheets-index .mutliSelect ul li.exclude-item  { margin: 10px 0 10px; }
.my-expenses #expenses-search .case-filter-clients-section label{margin: 0 0 0px 0px;}

/** Start: Memebrships **/
.cut_value{text-decoration:line-through;}
.membership_pay_total .has-success .help-block{color:green !important;}

.subscription .section-2,
.renewal .section-2,
.membership_add_team,
.subscription_total_main_div,
.select_paymt_cover,
.subsrp_cover,
.mem_mod_bill_details,
.mem_mod_gst_details,
.account_details,
.his_tab_cover{
    background-color: #fcfcfc;
    border-radius: 4px;
    box-shadow: 0 0 10px #dedede;
    margin: 0;
    padding: 0 30px 30px;
}
.subscription .section-2 > h3,
.renewal .section-2 > h3,
.subscription .section-2 > p,
.renewal .section-2 > p,
#memberships-addteammember,
.membership_add_team .field-company-company_name,
#memberships-is_free_trial,
.field-inputCouponValue,
.field-inputCouponValue *,
#memberships-payment_type, 
.field-memberships-payment_type{
    display: inline-block;
}

.subscription .section-2 > h3, .renewal .section-2 > h3, .subscription_page_heading h3{
    color: #89CE8D;
    text-transform: uppercase;
}
.subscription .section-2 > h3 span, .renewal .section-2 > h3 span,
.subscription_page_heading h3 span{
    color: #263959;
}
.subscription .section-2 > p,
.renewal .section-2 > p{
    color: #334E57;
    font-size: initial;
}
.subscription .section-2 .grid-view,
.renewal .section-2 .grid-view{
    margin-top: 25px;
    border-radius: 0px;
}
.subscription .section-2 .bordered th,
.renewal .section-2 .bordered th,
.bordered.AddingMemberTable th,
.his_tab_cover .grid-view th{
    padding: 15px 10px;
    font-size: 14px;
}
.subscription .section-2 .grid-view table.bordered td,
.renewal .section-2 .grid-view table.bordered td,
.bordered.AddingMemberTable td,
.his_tab_cover .grid-view td{vertical-align: top; padding: 15px 10px; border-bottom: none; }
.bordered.AddingMemberTable td .form-group{margin-bottom: 0px; }

.subscription_page_heading { float: left; }
.subscription_details_table { float: right; padding: 25px 0 0; }
.subscription_details_table table { border: none; }
.subscription_details_table table tr td { font-size: 12px; font-weight: 600; line-height: 16px; color: #263959; text-transform: uppercase; border: none; padding: 3px 5px; }
.subscription_details_table table tr td:first-child { text-align: right; }
.subscription_details_table table tr td:last-child { padding-right: 0; color: #000; }

/*.subscription .section-2 .grid-view table.bordered tr td:last-child,
.renewal .section-2 .grid-view table.bordered tr td:last-child{
    text-align: right;
}*/
.subscription .section-2 .grid-view table.bordered tr td:last-child .value,
.AddingMemberTable tr td:last-child .cut_value,
.subtotal_colvalue .cut_value{
    font-weight: bolder;
    font-size: 18px;
    color: #253A57;
    width: 100%;
    display: inline-block;
}
.subscription .section-2 .grid-view table.bordered tr td:last-child .cut_value,
.AddingMemberTable tr td:last-child .cut_value{
    font-weight: bold;
}
.AddingMemberTable tr td:last-child{
    text-align: center;
    border-right: 1px solid #ccc;
}
.AddingMemberTable{
    margin-bottom: 10px;
}
.bordered.AddingMemberTable td{
    border-bottom: 1px solid #ccc;
    padding: 15px;
    vertical-align: top;
}
.field-memberships-addteammember,
.field-memberships-is_free_trial{
    padding: 0 30px;
    margin: 30px 0px;
}
.field-memberships-addteammember label,
.field-memberships-is_free_trial label{
    font-size: 17px;
    color: #263B5A!important;
    margin-right: 15px;
}
.membership_add_team .team-company-element .lbl label{
    font-size: 17px;
    margin-right: 15px;
    color: #000; 
    vertical-align: top;   
}
.membership_add_team,
.subscription_total_main_div,
.select_paymt_cover,
.mem_mod_bill_details,
.mem_mod_gst_details,
.account_details,
.his_tab_cover{
    padding-top: 30px;
}
.sub_amt_table_one{
    border: 1px solid #E0DFDD;
}
.sub_amt_table_one > tbody > tr,
.subsrp_cover table > tbody > tr{
    border-bottom: 1px solid #E0DFDD;
}
.sub_amt_table_one .subtotal_row.border_bottom,
.sub_amt_table_one .subtotal_row{
    background-color: #E0DFDD;
}
.sub_amt_table_one .subtotal_row td{
    padding: 0px 15px;
    font-weight: bolder;
    font-size: 14px;
    height: 58px;
}
.subsrp_cover table td,
.subsrp_cover table th{
    padding: 15px;
}
.subsrp_cover table td + td, 
.subsrp_cover table th + th{
    border: none;
}
.subsrp_cover table th{
    background-color: #5cb85c;
    color: #fff;
    font-size: 16px;
}
.subsrp_cover table td{
    font-size: 14px;
}
.subsrp_cover table tbody tr td{
    border-bottom: 1px solid #E0DFDD;
}
.subsrp_cover table tbody tr:last-child td{border-bottom: none;}
.sub_amt_table_one .subtotal_row td:first-child,
.select_paymt_cover h5,
.mem_mod_bill_details h5,
.mem_mod_gst_details h5,
.account_details h5,
.his_tab_cover h5{
    color: #263B5A;
    font-size: 16px;
    font-weight: bolder;
}
.sub_amt_table_one .subtotal_row td:nth-child(2){
    width: 170px;
    text-align: right;
    text-transform: uppercase;
}
.sub_amt_table_one .subtotal_row td:nth-child(3),
.subsrp_cover table td:nth-child(4),
.subsrp_cover table td:nth-child(2),
.subsrp_cover table td:nth-child(3){
    text-align: center;
    width: 170px;
}
.field-inputCouponValue *{margin-right: 10px;}
#btnApplyCoupon{
    background-color: #5cb85c;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    margin-right: 10px;
    vertical-align: top;
}
.field-inputCouponValue{margin-right: 10px;}
.field-inputCouponValue input[type='text']{width: 150px;}
.field-inputCouponValue .help-block{display: block;text-align: right;margin-right: 0px;}
.subscription_total_main_div table,.subsrp_cover table{width: 100%;}
.sub_amt_table_two td{padding: 15px;}
.sub_amt_table_two tbody tr td{border-bottom: 1px solid #E0DFDD;}
.sub_amt_table_two tbody tr:last-child td{border-bottom: none; font-size: 14px; line-height: 22px; }
.sub_amt_table_two tbody tr td:first-child{text-align: right;}
.sub_amt_table_two tbody tr td,.sub_amt_table_one .subtotal_row td:nth-child(3){width: 170px;}
.sub_amt_table_two tbody tr td:last-child{text-align: center;}
.select_paymt_cover,
.mem_mod_bill_details,
.mem_mod_gst_details,
.account_details{
    margin: 20px 0;
    overflow: auto;
}
.mem_mod_bill_details .customer_billing_details,
.customer_gst_details{
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
}
.mem_mod_bill_details .customer_billing_details > div,
.customer_gst_details > div{
    width: 32%;
    margin-bottom: 0px;
}
.mem_mod_bill_details .customer_billing_details > div:nth-child(-n+3),
.customer_gst_details > div:nth-child(-n+6){
    margin-bottom: 15px;
}
.subsrp_cover table th{text-align: center;}
.subsrp_cover table th:first-child{text-align: left;}
#memberships-payment_type{display: inline-block;}
.field-memberships-payment,.field-memberships-payment_type{display: block;}
#memberships-payment_type > label{margin-right: 10px;}
.select_paymt_cover h5,
.mem_mod_bill_details h5,
.mem_mod_gst_details h5,
.account_details h5,
.his_tab_cover h5{
    margin-bottom: 20px;
    margin-top: 0px;
    text-transform: uppercase;
}
.receivedBy,.chequeDetails > div{width: 32%;float: left;margin-right: 15px;}
#btnPayNow{
    background-color: #5cb85c;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    padding: 5px 20px;
    margin-right: 10px;
    display: inline-block;
    clear: both;
}
.frm_sub_btn{margin-top: 10px;}
.frm_sub_btn button{
    background-color: #5cb85c;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    padding: 5px 20px;
    margin-right: 10px;
}
#member_login_form{width:100%;margin: 0 auto;text-align: center; max-width: 415px; padding: 20px;}
#member_login_form > div{margin-bottom: 30px;}
#member_login_form .form-control{background-color: #ebebeb;height:45px;border-radius: 0px;color: #000 !important;font-size: 14px;}
#member_login_form button{
    background-color: #5db75d;
    padding: 10px 20px 10px 45px;
    border: none;
    color: #fff;
    font-size: 16px;
    background-image: url("/themes/app/images/mem_login_icon.png");
    background-repeat: no-repeat;
    background-position: 10px;  
    font-weight: bolder;
}
.adm_login_cover{padding: 70px 0;background-color: #fff; text-align: center;}
.subscription .section-2 .grid-view table td:first-child,
.subscription .section-2 .grid-view table td:last-child,
.renewal .section-2 .grid-view table.bordered td:first-child,
.renewal .section-2 .grid-view table.bordered td:last-child,
.bordered.AddingMemberTable td:first-child,
.bordered.AddingMemberTable td:last-child{vertical-align: middle;}
.subsrp_cover .subsrp_top_head{
    padding: 20px 0;background-color: #263959;border-top: 5px solid #5cb85c;
}
.subsrp_cover .subsrp_top_head h1{
    text-align: center;color: #fff;text-transform: uppercase;margin: 0px;
}
.subsrp_cover{padding-top: 30px;}
.divSubscriptionComment,
.divSubscriptionUserDetails,
.divSubscriptionFootNote{
    margin: 20px 0px;
    text-align: center;
    font-size: 16px;
}
.divSubscriptionUserDetails .divHeading{
    color: #5cb85c;
    font-weight: bolder;
    margin: 30px 0px 15px;
    font-size: 21px;
}
.divSubscriptionUserDetails .divUserInfo *{
    margin-bottom: 5px;
    font-weight: bolder;
}
.account_details p label{
    color: #263B5A;
    font-size: 15px;
}
.account_details{
    margin-top: 0px;
}
.account_details p{font-size: 15px;}
.subscription_period_label p{margin-bottom: 0px;}
#subscription_form .cancelbutton{border: 0 none;border-radius: 3px;color: #fff; font-size: 15px;padding: 8px 15px;display: inline-block; }

.membership_add_team #subscription_form .cancelbutton{ font-size: 13px; padding: 8px 20px; }

.purchase_licenses_column_div, .purchase_licenses_calculation_div{float:left;}
.purchase_licenses_div .plus_licenses, .purchase_licenses_div .minus_licenses{float:left;cursor:pointer;}
.purchase_licenses_div .licenses_textbox{ float:left; width: 70px;}
.licenses_left_span{display:none;}

.purchase_licenses_calculation_div { border: 1px solid #5bb85d; border-radius: 4px; }
.purchase_licenses_div { display: table; width: 100%; }
.purchase_licenses_column_div { display: inline-block; margin: 3px 10px 0 0; color: #273b5c; font-size: 18px; line-height: 22px; font-weight: 600; }
.licenses_textbox input { border: none; border-left: 1px solid #5bb85d; border-right: 1px solid #5bb85d;  border-radius: 0px; text-align: center; font-size: 18px; height: 30px; }
.purchase_licenses_div .plus_licenses,
.purchase_licenses_div .minus_licenses { border-radius: 4px; position: relative; width: 35px; height: 30px; background: #f6f6f8; }
.purchase_licenses_div .plus_licenses img, .purchase_licenses_div .minus_licenses img { display: none; }

.purchase_licenses_div .minus_licenses:before { position: absolute; content: ""; background: #000000; height: 3px; width: 13px; text-align: center; top: 13px; left: 0; right: 0; margin: 0 auto; }
.purchase_licenses_div .plus_licenses:before { position: absolute; content: "+"; color: #000000; font-size: 26px; font-weight: bold;  text-align: center; top: -4px; left: 0; right: 0; margin: 0 auto; }



/** End: Memebrships **/    

/*Membersihp module testing alterations*/

.for_period_info{font-size: 12px;float: right;margin-right: 0px;}
.subscription_period_details > span{display: block;}
.your_exis_team_head{margin: 10px 0px;}
.field-company-company_name{width: 330px;}
.customer_billing_details input[type="text"], 
.customer_billing_details input[type="password"], 
.customer_billing_details textarea,
.customer_gst_details input[type="text"], 
.customer_gst_details input[type="password"], 
.customer_gst_details textarea{padding: 9px 10px;height: auto;}
.subscription .section-2 .usersList th:last-child,
.subscription .section-2 .usersList tr td:last-child,
.renewal .section-2 .usersList th:last-child,
.renewal .section-2 .usersList tr td:last-child{text-align: right;}
.hi_text_login{font-size: 24px;}
.member_login_buttons a,
.account_details_btngroup a,
.memLogoutBtns{
    background-color: #5cb85c;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    margin: 0px 5px 10px;
    display: inline-block;
}
.account_details_btngroup a, .memLogoutBtns{margin-right: 0px;}
.account_details h5{ text-align: center; display: table; margin: 0 auto 20px; width: 100%;} 
.account_details_btngroup{float: right;}
.middle_wrapper .section-1 .right.memLogoutBtns_cover{
    width: auto;
    display: inline-block;
    margin-top: 10px;
}
.renewal_delete_account{float: right;}
.renewal_delete_account a{color: red;font-size: 13px;display: block;margin-top: 8px;}
.renewal_delete_account a:hover{text-decoration: underline;}
.mem_mod_bill_details_head h5{display: inline-block;}
.mem_mod_bill_details_head span{
    color: #263B5A;
    font-style: italic;
    margin-left: 5px;
}
.success_mem_pymt, .error_mem_pymt{
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.success_mem_pymt{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.error_mem_pymt{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.success_mem_pymt .message-content,
.error_mem_pymt .message-content{
    font-size: 15px;
    margin-left: 10px;
}
.memLogoutBtns:hover{color: #fff;}
#mytimesheet-form .field-casetimesheets-particulars_at #casetimesheets-particulars_at{
    background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll 96% 13px;
}
.page-white-container #myexpenses-form .row1{height: auto;}
.page-white-container #myexpenses-form div.selector, .page-white-container #myexpenses-form input[type="text"]{
    height: 45px;
    padding-top: 5px;
}
.field-casetimesheets-particulars textarea,
.field-caseexpenses-particulars textarea, 
.field-casefeereceived-particulars textarea{min-height: 45px;padding-top: 12px;}
.my-timesheet .advance-filter-elements .custom-dropdown dt a,
.my-expenses .advance-filter-elements .custom-dropdown dt a{
    min-height: 45px;padding-top: 10px; padding-bottom: 0;
}


/*update company profile table style*/

.company_update_wrapper .pointsofcontact_div .table table{width: 100%;border-collapse: collapse;}
.company_update_wrapper .pointsofcontact_div .table table th{
    padding: 5px 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
}
.company_update_wrapper .pointsofcontact_div .table table th:nth-child(3),
.company_update_wrapper .pointsofcontact_div .table table th:nth-child(2){width: 19%;}
.company_update_wrapper .pointsofcontact_div .table table th:nth-child(4){width: 13%;}
.company_update_wrapper .pointsofcontact_div .table table th:nth-child(5){width: 16%;}
.company_update_wrapper .pointsofcontact_div .table table td{
    border-collapse: collapse;
    border-bottom: none;
    border-top: 1px solid #ccc;
    font-size: 14px;
    padding: 8px 10px;
    vertical-align: top;
}
.company_update_wrapper .pointsofcontact_div .table table td .form-group{margin-bottom: 0px;}
.company_update_wrapper .pointsofcontact_div .table table tr th:first-child,
.company_update_wrapper .pointsofcontact_div .table table tr td:first-child{
    border-left: 1px solid #ccc;
}
.company_update_wrapper .pointsofcontact_div .table table tr th:last-child,
.company_update_wrapper .pointsofcontact_div .table table tr td:last-child{border-right: 1px solid #ccc;}
.company_update_wrapper .pointsofcontact_div .table table tfoot tr td{border: none!important;}
.company_update_wrapper .pointsofcontact_div .table table tbody td{border-bottom: 1px solid #ccc;}

.view_comp_addr .table table{width: 100%;border-collapse: collapse;}
.view_comp_addr .table table th{padding: 5px 10px;font-weight: bold;border-top: 1px solid #ccc;}
.view_comp_addr .table table th:nth-child(3),
.view_comp_addr .table table th:nth-child(2){width: 19%;}
.view_comp_addr .table table th:nth-child(4){width: 13%;}
.view_comp_addr .table table th:nth-child(5){width: 16%;}
.view_comp_addr .table table td{
    border-collapse: collapse;
    border-bottom: none;
    border-top: 1px solid #ccc;
    font-size: 14px;
    padding: 8px 10px;
    vertical-align: top;
}
.view_comp_addr .table table td .form-group{margin-bottom: 0px;}
.view_comp_addr .table table tr th:first-child,
.view_comp_addr .table table tr td:first-child{border-left: 1px solid #ccc;}
.view_comp_addr .table table tr th:last-child,
.view_comp_addr .table table tr td:last-child{border-right: 1px solid #ccc;}
.view_comp_addr .table table tfoot tr td{border: none!important;}
.view_comp_addr .table table tbody td{border-bottom: 1px solid #ccc;}
.company_update_wrapper .pointsofcontact_div tfoot tr td{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.field-YesSignature,#NoSignature{margin-top: 20px;font-size: 13px;/*width: 183px;display: inline-block;*/}
#input-signature{text-align: center;/*display: block;*/}
#signature-available  .changebutton-signature, #signature-available .cancelbutton-signature{margin-right: 10px; font-size: 13px;}
#signature-available  .deletebutton-signature{font-size: 13px;}

.field-caseexpenses-notes textarea, 
.field-casefeereceived-notes textarea{min-height: 45px;padding-top: 12px;}

#myexpenses-form .row1{
    margin-left: 5px!important;
    margin-right: 5px!important;
}
#myexpenses-form .row1 .row1 {margin-left: 0!important;}
.app-body-container .page-white-container #myexpenses-form .row1{width: 48%;}
.app-body-container .page-white-container #myexpenses-form .row1:last-child{width: 100%;}

.page-expenses-update .lbl { display: block; margin: 0 0 10px; }
.page-expenses-update .expenses-attachment-listing { display: block; width: 100%; margin: 0 0 10px; }
.page-expenses-update .expenses-attachment-labels { margin: 0 10px 0 0; display: inline-block; width: auto; max-width: 65%; vertical-align: top; }
.page-expenses-update .expenses-attachment-labels .doc-chk-icons { display: table-cell; vertical-align: top; width: 30px; }
.page-expenses-update .expenses-attachment-labels .doc-title { display: table-cell; vertical-align: top; word-break: break-all; }
.page-fee-received-update .doc-title .file-name, .page-expenses-update .expenses-attachment-labels .file-name { font-size: 14px;color: #000; line-height: 18px; }
.page-expenses-update .expenses-attachment-listing .doc-remove { display: inline-block; vertical-align: top; }

.page-expenses-index .popup-content table td:first-child { width: 4%; }
.page-expenses-index .popup-content .expenses-attachment-listing .doc-chk-icons { width: 30px; display: inline-block; vertical-align: top; }
.page-expenses-index .popup-content .expenses-attachment-listing .doc-title { display: inline-block; vertical-align: top;  width: 80%; word-break: break-all; }



/* Start: Table Sorting Classes */
.page-team-index table.dataTable thead th,
.page-timesheets-index table.dataTable thead th,
.page-expenses-index table.dataTable thead th,
table.dataTable.no-footer{border-bottom: none;}
#main table.dataTable thead th{
    font-size: 13px;
}
.page-groups-index #main table.dataTable thead th{
    border-bottom: none;
}
/* End: Table Sorting Classes */

.page-timesheets-index .overlay-loading-screen,
.page-expenses-index .overlay-loading-screen {z-index: 999;}
.page-timesheets-index .overlay-loading-screen-loader,
.page-expenses-index .overlay-loading-screen-loader {z-index: 1000;}


/*START: ajax dropdown style*/

#mytimesheet-form .select2-container--krajee .select2-selection--single .select2-selection__arrow,
#myexpenses-form .select2-container--krajee .select2-selection--single .select2-selection__arrow{
    border-left: none;
    top: 6px;
}
#mytimesheet-form .select2-container--krajee .select2-selection--single,
#myexpenses-form .select2-container--krajee .select2-selection--single{
    height: 45px;
    padding: 11px 24px 6px 12px;
    border-color: rgb(204, 204, 204);
    box-shadow: none;
}

.page-fee-received-update    .select2-container .select2-selection--single .select2-selection__rendered , .page-fee-received-create .select2-container .select2-selection--single .select2-selection__rendered {white-space: initial; height: 21px; }

#mytimesheet-form .select2-container--krajee .select2-selection--single .select2-selection__clear,
#myexpenses-form .select2-container--krajee .select2-selection--single .select2-selection__clear{
    display: none;
}
.select2-container--krajee .select2-dropdown,
.select2-container--krajee .select2-selection:focus,
.select2-container--krajee .select2-dropdown,
.select2-container--krajee .select2-selection{
    border-color: rgb(204, 204, 204)!important;
    box-shadow: none!important;
}
.select2-container--krajee .select2-results__option--highlighted[aria-selected]{
    background-color: #263959!important;
}


#timesheet-search .custom-dropdown-wrapper .custom-dropdown dd label{margin-bottom: 8px;}
/*END: ajax dropdown style*/

.page-team-index .popup-wrapper{
    /*width: 580px;*/
    top: 50%!important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
/*.page-team-index .popup-wrapper .popup-content{max-height: 500px;}*/
.team_main.document_main table.dataTable thead th{padding: 10px 10px;}
.page-timesheets-index table.case-timesheet-list{border-collapse: collapse; }
.page-team-index .popup-content table tbody tr > td:first-child{border-left: 2px solid #ccc;}
.page-team-index .popup-content .view-client-cases-wrapper-popup table tbody tr > td:first-child{ border-left: 1px solid #ccc; }
#ucsettings-account_type label{display: block;}
/*
.page-team-index .open-export-elements.clicked,
#expenses-search .open-export-elements.clicked,
#timesheet-search .open-export-elements.clicked{
    margin-top: -1px;
}
*/
.page-membership-index .his_tab_cover td.invoice-actions-section a{
    background-color: #5cb85c;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
}
.page-membership-index .his_tab_cover td.invoice-actions-section a:hover{
   background-color: #4f964f;
}
.page-membership-subscription input[type="radio"]{
    position: relative;
    top: -1px;
}

.page-team-index .view-case-row { cursor: pointer; }

.membership_pay_total .sub_amt_table_two td{padding: 20px 15px;}
.membership_pay_total .field-memberships-place_of_service { padding: 10px 10px 10px 0; box-sizing: border-box; width: 100%; float: right; }
.field-memberships-place_of_service  .control-label { display: inline-block; }
.membership_pay_total .field-memberships-place_of_service div.selector { text-align: left; display: inline-block; width: 100% !important; max-width: 230px; padding: 0 10px; height: 34px; margin-left: 10px; }
.membership_pay_total .field-inputCouponValue { width: auto; max-width: 450px; }

.membership_pay_total .payment-option-div .form-group { /* margin-bottom: 0; */ width: 100%; }
.membership_pay_total .form-group.field-memberships-payment_received_date .input-group { width: 100%; }
.membership_pay_total .form-group.field-memberships-payment_received_date .input-group #memberships-payment_received_date.form-control { border-radius: 4px; }

.payment-option-div { /* display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; flex-wrap: wrap;
    -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; justify-content: space-between;
    -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; */ } 
.payment-option-div > div {  width: 32%;  vertical-align: top; display: inline-flex; margin-right: 15px; }
.payment-option-div > div:last-child { margin-right: 0; }
.payment-option-div input[type="text"] { height: auto; padding: 9px 10px; }
.payment_neft_details { margin: 0 0 20px; }

.green_button{ background-color: #5cb85c;border: 0 none;border-radius: 3px; color: #fff;font-size: 14px; padding: 5px 15px; margin: 0 5px 10px 0; display: inline-block;}
.green_button:hover { color: #fff;}

.account_details_info .green_button { margin: 10px 0 0; padding: 10px 15px; font-weight: 600; display: block; text-align: center; }
.page-expenses-update .sprite.delete-expenses-attachment, .page-fee-received-update .sprite.delete-expenses-attachment {background-position: -72px -14px; height: 18px; width: 13px; cursor:pointer; }

.account_details_info { display: table; width: 100%; margin: 0 auto; } 
.account_details_info .account_details_left{width:50%;float:left; position: relative;}
.account_details_info .account_details_right{width:auto;float:right; padding: 44px 0 0; }
.account_details_info .account_details_left:after { width: 1px; height: 100%; position: absolute; content: ""; right: 0; top: 0; border-right: 1px dotted #000; }

.account_details_info table { border: none; }
.account_details_info table tr td { font-size: 13px; font-weight: 600; line-height: 16px; color: #263959; text-transform: uppercase; border: none; padding: 3px 5px; }
.account_details_info table tr td:first-child { text-align: right; }
.account_details_info table tr td:last-child { padding-right: 0; color: #000; }
.account_details_info table tr:last-child td .subscription_table_heading { display: table; margin: 0 auto; }

/*START: Profile Update CSS */
.page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details { display: inline-block; padding-top: 60px; }
.page-profile-update .loggedin_user_personal_details label span { color: #ff0000; }
.page-profile-update #profile-form input[type="text"], .page-profile-update #profile-form input[type="password"] { height: 45px; }
.page-profile-update  #profile-form textarea  { height: 74px; }
.page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details [class^="col-"] { margin-bottom: 20px; /*height: 70px;*/ }
.page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details [class^="col-"].change-email-div { margin-bottom: 20px; }
.page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details [class^="col-"] a { float: right; margin-top: 5px; margin-bottom: -20px; }
.page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details [class^="col-"]  label { margin-bottom: 5px; }
.page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details [class^="col-"].country-div {  display: flex;  align-items: center;  }
.page-profile-update .loggedin_user_personal_details .col-md-6 { height: 70px;   }
.page-profile-update .Company_section1 .section-2 .row1.form-submit-btn-group { padding: 0px 15px; }
.page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details 
[class^="col-"].country-div [class^="col-"] { padding: 35px 0px 0px !important; }
.page-profile-update .loggedin_user_personal_details textarea { padding: 10px 10px; }
.page-profile-update .field-profileform-mobile.required.has-success .phone-inner-wrap .input-group-addon { background: #eee; color: #555; }
.page-profile-update .loggedin_user_personal_details .select-price.field-profileform-state div.selector { height: 45px; }
.page-profile-update .has-error .help-block { height: 20px; display: inline-block;}
.page-profile-update .Company_section1 #profile-form .section-2 .row1.sec-1 { width: 51%; float:left; border-right: 1px solid #ccc; padding-right: 10px; padding-bottom: 0px; }
.page-profile-update .Company_section1 #profile-form .section-2 .row1.signature-section { width: 48%; float: right; padding: 15px 0px 0px 10px !important; }
.page-profile-update .Company_section1 #profile-form .section-2 .row1.signature-section .txt_bx .right h1 { margin-top: 5px; }
.page-profile-update .company_update_wrapper .section-2 .row1 .txt_bx { vertical-align: top; }
.page-profile-update .Company_section1 #profile-form .section-2 .row1 .lbl .logo-sec,
.page-profile-update .Company_section1 #profile-form .section-2 .row1 .lbl .signature-sec { padding-right: 0px; }
.page-profile-update .company_update_wrapper .section-2 .row1 .lbl .logo-sec .img-circle { max-width: 160px;  }
.page-profile-update .signature-section .img-circle { max-width: 160px; position: relative; top: -15px; }
.page-profile-update .company_update_wrapper .section-2 .row1 .txt_bx .right .show-input-file .show-input-file { position: absolute; }
.page-profile-update .company_update_wrapper .section-2 .row1 .txt_bx .right  .show-input-signature .field-YesSignature { position: absolute; }

/*END: Profile Update CSS */

/*START: Update Company Profile CSS*/
.page-firm-update .firm_personal_details label span { color: #ff0000; }
.page-firm-update .section-2 .firm_personal_details { display: inline-block; padding-top: 30px; }
.page-firm-update .section-2 .firm_personal_details .txt_bx.field-company-company_name { width: 100%; }
.page-firm-update .section-2 .firm_personal_details input[type="text"], 
.page-firm-update .section-2 .firm_personal_details input[type="password"] { height: 45px; }
.page-firm-update .section-2 .firm_personal_details textarea { height: 74px; }
.page-firm-update .section-2 .firm_personal_details [class^="col-"] { margin-bottom: 20px; }
.page-firm-update .section-2 .firm_personal_details [class^="col-"] label { margin-bottom: 5px; }
.page-firm-update .section-2 .pointsofcontact_div.clients-models-details, 
.page-firm-update .section-2 .row1 { padding: 0px 15px; }
.page-firm-update .section-2 .pointsofcontact_div.clients-models-details 
.Row8 .bordered.opponents-attorney-container-items textarea.form-control { height: 45px; }
.page-firm-update .section-2 .Company_section1 #company-form { height: 70px; }
/*END: Update Company Profile CSS*/
/*Start: Update Team Page CSS*/
.page-team-update .section1 .section1_wrp { padding: 25px 5px; }
.page-team-update .section1 .section1_wrp  [class^="col-"] label { margin-bottom: 5px; }
.page-team-update .section1 .section1_wrp .col-md-6 { height: 85px; }
.page-team-update .new_client_wrapper .section1_wrp .row1.team-action { padding-left: 15px; }
.page-team-update .section1 .section1_wrp #update-form .user-personal-details {  }
.page-team-update .section1 .section1_wrp #update-form .user-personal-details .input-group.contact-no { width: 100%; }
.page-team-update .section1 .section1_wrp #update-form .user-personal-details .mobile-no-pre input { padding-left: 10px; }
.page-team-update .section1 .section1_wrp #update-form .user-personal-details label span { color: #ff0000 }
.page-team-update .form-group input[type="text"], .page-team-update .form-group input[type="password"] { height: 45px; }
.page-team-update textarea { height: 74px; }
.page-team-update .section1 .section1_wrp #update-form .user-personal-details [class^="col-"].country-div [class^="col-"] { padding: 36px 0px 25px !important; }
.page-team-update .section1 .section1_wrp #update-form .user-personal-details [class^="col-"].change-email-div a {
    float: right;
    margin-top: -15px;
}
.page-team-update .section1 .section1_wrp  .select-price.field-profileform-state { margin-bottom: 15px; }
/*END: Update Team Page CSS*/
.member_subscription #member_login_form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
.member_subscription #member_login_form .form-group {
    display: inline-block;
    max-width: 300px;
    width: 100%;
    margin: 0 20px 20px 0;
    text-align: left;
}
.member_subscription #member_login_form .form-group label {
    margin: 0 0 5px 0; display:block;
}
.member_subscription #member_login_form .form-group input {
    height: auto;
    padding: 9px 10px;
    border-radius: 4px;
}
.trial_period_class input[type=text] {margin-bottom: 20px;}
body {font-family: Arial, Helvetica, sans-serif;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.form-group.field-memberships-jbk_invoice {display: flex; flex-wrap: wrap;}
.form-group.field-memberships-jbk_invoice > label {margin: 0 20px 0 0;}
#memberships-jbk_invoice label {    margin-right: 13px;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: middle;
}
.form-group.field-memberships-jbk_invoice_id {    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.form-group.field-memberships-jbk_invoice_id label {    display: inline-block;
    margin: 0 20px 0 0;
}
.form-group.field-memberships-jbk_invoice_id input {width: 210px;}
.get_uc_id {margin-bottom: 30px; margin-top: 30px; }



#edit_coupon .payment-option-div,#update-user-details .payment-option-div {display: flex; flex-wrap: wrap; width: 100%; font-size: 0;}
#edit_coupon .payment-option-div .payment_bank_name,#update-user-details .payment-option-div .payment_bank_name {display: inline-block; flex: 1;}
#edit_coupon .payment-option-div .payment_bank_name .form-group,#update-user-details .payment-option-div .payment_bank_name .form-group {width: 100%;}
#edit_coupon .payment-option-div .payment_bank_name div.selector {height: 40px;}
#edit_coupon .payment-option-div .payment_bank_name div.selector span {height: 28px;}
#edit_coupon .payment-option-div .payment_bank_name .input-group ,#update-user-details .payment-option-div .payment_bank_name .input-group {width: 100%;}
#edit_coupon .payment-option-div #btnPayNow , #update-user-details .payment-option-div #btnPayNow {margin-top: 20px; margin-bottom: auto; min-height: 40px;}

.page-membership-access-coupon-code .his_tab_cover .green_button { margin-bottom: 20px; float: right;}
.page-membership-access-coupon-code .his_tab_cover h5 {display: inline-block; width: 80%;}
.page-membership-access-coupon-code .his_tab_cover .grid-view {clear: both;}


.get_uc_id_modal {display: flex; flex-wrap: wrap; width: 100%; align-items: center;}
.get_uc_id_modal label {width: 120px; text-align: left;}
.get_uc_id_modal .form-control {width: calc(100% - 120px); display: inline-block; margin: 0;}


#add_coupon  {display: flex; flex-wrap: wrap; width: 100%;}
#add_coupon .payment-option-div {width: 48%; font-size: 0; display: flex; flex-wrap: wrap;}
#add_coupon .payment-option-div > div {display: flex; flex-wrap: wrap; flex: 1; margin-right: 15px;}
#add_coupon .payment-option-div label {display: block; width: 100%;}
#add_coupon .payment-option-div input {display: block; width: 100%;}
#add_coupon .payment-option-div .input-group {width: 100%;}
#add_coupon .clear {display: none;}


.page-white-container form .row1 .txt_bx .select2-container--krajee-bs3 {top: -2px; position: relative;}

body .add-selectcs .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {display: none;}
#settings-configuration-custom_css, #settings-configuration-custom_js {
    height: 140px!important;
}

.add_custom_css_js h2 {
    margin-bottom: 10px !important;
}
.update-user-sales-data .form-group {width: 100%;}
.sprite.sales-edit-icon {background-position: -131px -227px; margin-left: 7px !important;}
.btn-mtop {
    margin-top: 20px;
}
.dashboard-count-list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    list-style: none;
    
}
.dashboard-count-list ul li{
    display: inline-block;
    padding: 0 0 0 15px;
    font-size:17px !important;
    font-weight: bold;
    position: relative;
    color: #263959
}
.dashboard-count-list {
    margin-top: 8px;
}
.page-membership-payment-by-admin .div_renewal_uc_settings_info_row.dashboard-custom-count {
    justify-content: flex-end !important;
}
.adm_login_cover{padding-top: 20px !important;}
.dashboard-count-list ul li:after {
    content: "";
    background: #263959;
    width: 2px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left:6px;
    top: 1px;
}

.dashboard-count-list ul li:first-child:after {
    display: none;
}

/* added css for support calling page */
/* .page-membership-support-calling-details .panel-primary > .panel-heading{color: #131313; background-color: #FCFCFC; text-transform: uppercase; padding-left: 0;}
.page-membership-support-calling-details .panel-primary { border-color : #ccc;}

.section-2 .his_tab_cover .grid-view {overflow-x: hidden!important;}

.panel-footer {display: none;}
.panel-heading.panel-primary{padding: 15px 100px 15px 15px;}
.page-membership-support-calling-details .panel-primary {position: relative; border-color: transparent;}
 .kv-panel-before {position: absolute;top: 0; right: 0; padding-right: 0!important;}
 .page-membership-support-calling-details .panel-primary > .panel-heading {position: relative; padding: 15px 100px 15px 15px;} 

.page-membership-support-calling-details .btn-group.btn-group .btn.btn-default.btn.dropdown-toggle.btn{border: 1px solid #000;color: #000; border-radius: 0;}
.page-membership-support-calling-details .btn-group.btn-group .btn.btn-default.btn.dropdown-toggle.btn:hover{color: #fff; background: #000;}
.table-responsive.kv-grid-container{border: 1px solid #ccc} */


.payment_bank_name.check-wrap.min-height-field { min-height:48px; vertical-align: bottom;}
.payment_bank_name.check-wrap.min-height-field .form-group{margin-bottom: 0;}

.payment_bank_name textarea.form-control{height: 45px; padding: 11px 10px;}

@media only screen and (min-width: 1255px){ 
    .page-team-update .new_client_wrapper .section1_wrp .row1:nth-child(7) .txt_bx { padding-top: 10px; }
}
@media only screen and (max-width: 1255px){ 
    .page-profile-update .Company_section1 #profile-form .section-2 .row1.signature-section .txt_bx .right p { min-height: 53px; } 
}
@media only screen and (max-width: 1282px) and (min-width: 1256px){         
    .page-profile-update .Company_section1 #profile-form .section-2 .row1.signature-section .txt_bx .right p { min-height: 53px; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .add_team_wrapper_container .bordered th.create_th label{width: 150px;}
    .add_team_wrapper_container .bordered th.action_th label{width: 100px;}
}

/* Responsive Start */
@media only screen and (max-width: 1300px){ 
    .section-2 .grid-view table.bordered td.team-actions-section { padding: 10px 8px; }
    .page-team-index .team-actions-section a { margin:0 3px 0 0; }
}

@media (max-width:1206px){
  .section-2 .grid-view table.bordered th.action-column {width: auto;}
  #myexpenses-form .row1.otherPaymentMethodTextBox + .row1{ margin-left: 3%; }
    #myexpenses-form .row1:last-child{margin-left: 0px; }
} 

@media (max-width:1160px){
    .page-team-update .new_client_wrapper .section1_wrp .row1 .lbl{width: 49%;}
    .page-team-update .new_client_wrapper .section1_wrp .row1 .txt_bx{width: 50%;}
    .company_update_wrapper .section-1 .left.profile-img,.company_update_wrapper .section-1 .left.company-logo{width: 30%;}
    .company_update_wrapper .section-1 .right{ width: 69%;}
    .advance-filter-elements .col-md-3 {  width: 27%; }
    .advance-filter-elements .col-md-1 { width: 10.333%; }
    /*START: Profile Update CSS */
    .page-profile-update .Company_section1 #profile-form .section-2 .row1.sec-1 { width: 100%; float: none; margin-bottom: 50px; border: none; }
    .page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details { padding-top: 50px; }
    .page-profile-update .Company_section1 #profile-form .section-2 .row1.signature-section { width: 100%; float: none; padding: 15px 0px 0px 0px !important; }
    .page-profile-update .Company_section1 #profile-form .section-2 .row1 .lbl .logo-sec, 
    .page-profile-update .Company_section1 #profile-form .section-2 .row1 .lbl .signature-sec { padding-right: 20px; }
    .page-profile-update .Company_section1 #profile-form .section-2 .row1.signature-section .txt_bx .right p { min-height: auto; } 
    /*.page-profile-update .signature-section .img-circle { max-height: initial; top: 0px; }*/
    .page-profile-update .company_update_wrapper .section-2 .row1 .lbl .logo-sec .img-circle { max-width: 190px; }
    .page-profile-update .signature-section .img-circle { max-width: 190px; }
    /*END: Profile Update CSS */
}

@media (max-width:1085px){
    .page-firm-update .middle_wrapper .section-1 .right, .page-profile-update .middle_wrapper .section-1 .right {width: 60%;padding: 0;}
}

@media (max-width:1023px){  
    .my-timesheet .action-btns{margin-top: 0;}
    .page-team-index .middle_wrapper .section-1 .left,.page-team-index .middle_wrapper .listpage-no-records .section-1 .left {display: block;width: 100%;}
    
    .add_team_wrapper .add-member-table-2.tbl-desktop{display: none;}
    .add_team_wrapper .add-member-table-2.tbl-responsive{display: table;border-collapse:collapse;width: 100%;}
    .add_team_wrapper .add-member-table-2.tbl-responsive tbody tr:first-child {background-color: #e0dfdd;}
    .add_team_wrapper .add-member-table-2.tbl-responsive td{border:1px solid #ccc; padding: 10px; }
    .add_team_wrapper .add-member-table-2.tbl-responsive td.title{text-align: right; width: 83%;}
    .add_team_wrapper .add-member-table-2.tbl-responsive td.value {text-align: right;}
    .add_team_wrapper .add-member-table-2.tbl-responsive td.rs_th.showSubTotalCost span.value{text-decoration: line-through;}
    .page-team-add .tbl-responsive td{ left: 0;padding: 0;display: table-cell;} 

    td + td, th + th{border-left: 0;}
    .bordered.add-member-table-2 td, .bordered.add-member-table-2 th {border-bottom: 0;}
    .add_team_wrapper .section1 .Row2 .row-2-right{display: table;padding:10px 0;width: 100%;padding-bottom: 20px;}
    .content-responsive {display: table-cell;padding: 0 00px 0 0; text-align: left; vertical-align: middle;}
    .content-responsive-btn {display: table-cell;text-align: right;vertical-align: top;width:110px;}
    .content-responsive p{color: #5cb85c;}
    .add_team_wrapper_container .section_3_main{padding: 0;}
    .company_update_wrapper .section-1 .left {padding: 0 10px;} 
    .page-team-add .tbl-responsive td::before {display: none;padding: 0;}
    /*label{font-size: 13px;}*/
    .page-profile-update .middle_wrapper .section-1, .page-firm-update .middle_wrapper .section-1 {margin: 0 auto;width: 650px;padding: 0 10px;}
    .add_team_wrapper_container .bordered td.tax_details_col p{transform: none;margin-top: 0;width: 100%;text-align: left;}
    
    .dynamicform_wrapper .content-responsive-btn { margin: 10px 0 0; float: right; }

    .change_pw_section1 .row1 .lbl{width: 35%;}
    .add_team_wrapper_container .bordered th{padding-left: 10px;}
    .show-input-file {display: block;margin-left: 0;}
    .company_update_wrapper .section-2 .row1 .input-group{padding-bottom:0;}
    .company_update_wrapper .section-2 .row1 .input-group .input-group-addon{}
    .mobile-no-pre input{height: 40px;}
    .change_pw_section1 .row1 .lbl{padding: 12px 10px 0 0;}
    .page-team-add .bordered td.upload_td {width: 20%;}
    .mobile-no-pre .help-block{top: 38px;}  
    .section-1 .profile-picture{max-width: 100%;height: 100%;} 
    .page-team-update h2{padding: 11px 0 7px;}
    .company_update_wrapper h2{padding:10px 0 32px;}  
    /*.section-1 .profile-picture{height: 100%;width: 100%;}*/
    .company_update_wrapper .section-2 .row1 .input-group .input-group-addon:first-child { height: 40px;}
    .my-expenses .custom-dropdown-wrapper { width: 100%; }
    .page-groups-index .doc-advance-filter-elements .row .col-md-4 { max-width: 350px;  width: 100%; }

    .membership_pay_total .field-memberships-place_of_service div.selector {     max-width: 220px; }
    .dynamicform_wrapper .row-2-right { margin: 0 0 10px; }
    .page-team-index .add_team_member_error_message, 
    .page-team-add .add_team_member_error_message { display: table; width: 100%; float: none; margin: 15px 0 0; }
 
    .subscription_page_heading { float: none; display: table; width: 100%; margin: 0 0 10px; }
    .subscription_details_table { float: none; padding: 0 0 20px; display: table; width: 100%; }
    .account_details_info .account_details_left { margin: 0 5% 0 0; }
    .account_details_info .account_details_right { float: left; }
    .account_details_info .account_details_left:after { right: -3%;  }
    .payment-option-div > div { margin-right: 10px; }
    .page-profile-update .Company_section1 #profile-form .section-2 .row1.signature-section { padding: 15px 0px 0px 0px !important; }
    
     #edit_coupon .payment-option-div .payment_bank_name {flex: inherit; width: 48.4%; margin-right: 21px;}
    #edit_coupon .payment-option-div .payment_bank_name:nth-child(2n) {margin-right: 0;}
    
    #add_coupon .payment-option-div {width: 100%;}
    .middle_wrapper .section-1 .right {width: 100% !important; display: flex !important;}
    .page-team-index .middle_wrapper .section-1 .right {width: 100%!important;}
    .team_member_wrapper {display: flex; flex-wrap: wrap; flex: 1;}
    .team_member_wrapper .list-page-search-container {display: flex!important; flex-wrap: wrap; width: 57.75%; justify-content: space-between; margin-left: auto; flex: 1;}
    .team_member_wrapper .list-page-search-container .list-page-search-txtbox {width: calc(100% - 67px)!important;}
    .export_wrapper {display: flex; flex-wrap: wrap;}

}

@media (max-width:980px){   
    .advance-filter-elements .col-md-3, .advance-filter-elements .col-md-1 { width: 100%; }
    .page-timesheets-index .advance-filter-elements .col-md-3.field-casetimesheetssearch-filter_month { width: 100%; padding: 0 15px !important; margin: 0 auto 15px;  }
    .page-timesheets-index .advance-filter-elements .case-filter-clients-section .control-label { padding: 0 0 0 0px; }
    .page-timesheets-index .advance-filter-elements #timesheet-search .case-filter-clients-section .control-label { padding: 0 0 0 0px; }
    .page-timesheets-index #uniform-casetimesheetssearch-filter_year { margin: 0 auto 15px; }
    .page-timesheets-index .my-timesheet .custom-dropdown-wrapper { width: 100%; }
    .membership_pay_total .field-memberships-place_of_service { padding: 10px 10px 8px; width: 100%; float: none; }
    .membership_pay_total .field-inputCouponValue { margin: 0; padding: 0 10px 8px; }
    .membership_pay_total .subscription_total_main_div #btnApplyCoupon { margin-bottom: 10px; }
    .page-timesheets-index #timesheet-search .col-md-6.field-casetimesheetssearch-filter_date_to { margin-top: 20px; }
    .page-team-index .team-actions-section a { margin: 5px 0 0 5px; }
}

@media (max-width:768px){    
    .side-bar-section .todos-img-left {display: block;}
    .page-team-update .page-action-container {width: 285px;margin: 0 auto;}
    div.middle_wrapper .section-1 .left {width: 40%;}
    .page-team-update .new_client_wrapper .section1_wrp .row1 .txt_bx button{padding:8px;}
    .page-team-update .new_client_wrapper .section1_wrp .row1 .txt_bx a.cancelbutton{padding:8px;}
    
    .page-team-index .team-actions-section a:first-child {
        margin-left: 5px;
    }
    .change_pw_section1 .row1 .txt, .change_pw_section1 .row1 .txt{ width: 100%; }
}

@media (max-width:767px){
    div.middle_wrapper .section-1 .left,div.middle_wrapper .section-1 .right{width: 100%;}
    .DA_wrapper .delete_account .row1{padding: 0 0 10px;}
    .company_update_wrapper .section-2 .row1.sec-1 {padding-bottom: 25px;}
    .page-firm-update .middle_wrapper .section-1 .left,.page-profile-update .middle_wrapper .section-1 .left{display: block;text-align: center;width: 100%;}
    .page-firm-update .middle_wrapper .section-1 .right {display: block;text-align: center;width: 100%;}
    .page-profile-update .middle_wrapper .section-1 .left{display: block;text-align: center;width: 100%;}
    .page-profile-update .middle_wrapper .section-1 .right {display: block;text-align: center;width: 100%;}
    .company_update_wrapper .section-2 .row1 .lbl,.change_pw_section1 .row1 .lbl{display: block;width: 100%;text-align: left;}
    .company_update_wrapper .section-2 .row1 .txt_bx,.change_pw_section1 .row1 .txt_bx{display: block;width: 100%;}
    .company_update_wrapper .section-2 .row1 .lbl.dummy{display: none;}
    .page-profile-changepassword .row1 .lbl.dummy{display: none;}
    .delete_account {padding: 5px 20px;width:100%; overflow: hidden;}
    .DA_wrapper .delete_account .row1 .lbl{display: block;width: 100%;text-align: left;}
    .DA_wrapper .delete_account .row1 .txt_bx{display: block;width: 100%;text-align: left;}
    .DA_wrapper .delete_account .row1 .lbl.dummy {display: none;}
    .company_update_wrapper .section-2 .row1.sec-1 .lbl{padding-right: 0;}
    .company_update_wrapper .section-2 .row1 .lbl .logo-sec{text-align: center;padding-right:0;}
    .company_update_wrapper .section-2 .row1 .txt_bx .right{text-align: center;}
    .page-team-index .sprite.icon-edit-item { background-position: -99px -10px;}
    .add_team_wrapper .section1 .Row1.team-company-element {padding: 0 20px; width: 100%;}
    .add_team_wrapper .section1 .Row1.team-company-element .lbl{display: none;}
    .add_team_wrapper .section1 .Row1.team-company-element .txt_bx::before {content: attr(data-th) ": ";font-size: 14px; font-weight: 600;}
    .add_team_wrapper .section1 .Row1.team-company-element .txt_bx{padding: 0;width: 100%;}
    /* add team responsive table*/
    .page-team-add .section1 table.bordered{border-collapse: collapse;}
    .page-team-add .section1 table.bordered thead tr th{display: none;}
    .page-team-add .section1 table.bordered thead tr{display: none;}
    .page-team-add .section1 table.bordered td{border: 0 none; display: block; position: relative; width: 60%;text-align: left;}
    .page-team-add .section1 table.bordered td:before{content: attr(data-th) ": "; font-weight: 600;}
    .page-team-add .section1 table.bordered td{width: 100%; border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc; padding: 10px;}
    .page-team-add .section1 table.bordered td:first-child {border-top: 1px solid #ccc;}
    .page-team-add .section1 table.bordered tfoot td{text-align: right;}
    .page-team-add .section1 table.bordered tfoot td:before{content: "";}
    .page-team-add .section1 table.bordered tr td:last-child {margin-bottom: 0px;}
    .page-team-add .section1 table.bordered tr{ display: block; margin: 0 0 10px;}
    .page-team-add .section1 table.bordered tr{}
    .add_team_wrapper .section1 {border: 1px solid #ccc;}
    .page-team-add .section1 table.bordered tr:first-child{border-top:0;}
    .add_team_wrapper_container .bordered td .form-group{width: 100%;}
    .add_team_wrapper_container .bordered span{text-align: left;}
    .page-team-update .new_client_wrapper .section1_wrp .row1.team-action {border-left: 0;border-right: 0;}
    .page-team-update .new_client_wrapper .section1_wrp .row1 {width: 100%;border: 1px solid #ccc;border-bottom: 0;padding: 10px;}
    .page-team-update .new_client_wrapper .section1_wrp .row1 .lbl{width: 100%;display: block;float: none;text-align: left;padding:0 0 10px;}
    .page-team-update .new_client_wrapper .section1_wrp .row1 .txt_bx{display: block;float: none;width: 100%;padding-bottom:0;}
    .page-team-update .new_client_wrapper .section1_wrp .row1 .txt_bx .select-price{margin-bottom: 15px;}
    .page-team-view .section1_wrp{padding:20px 10px 10px;}
    .page-team-update .page-action-container{width: auto;padding: 0;}
    .company_update_wrapper .vertical-alignment .lbl{padding-top:0px !important;}
    .company_update_wrapper .section-2 .row1 .input-group{padding-bottom: 0;}
    .change_pw_section1 .row1{ padding:0 0 13px;}
    .change_pw_section1 .row1.action-btn {padding-top: 10px;}
    .change_pw_section1 .row1 .lbl:first-child{padding:0 ;}
    .change_pw_section1{padding:20px 0;margin:0;}
    .DA_wrapper .delete_account .row1 .txt_bx .margin-left{margin-left: 10px;}
    .change_pw_section1 .row1 label, .DA_wrapper .delete_account .row1 .lbl label{padding-bottom: 2px;}
    .DA_wrapper .delete_account .row1,.company_update_wrapper .section-2 .row1{display: block;width: 100%;}
    .company_update_wrapper .div.has-success .form-control:focus{border:1px solid #ccc;}
    .show-input-file {display: block;margin: 0 auto;width: 185px;}
    .page-profile-update .middle_wrapper .section-1, .page-firm-update .middle_wrapper .section-1{width: 100%;}
    .show-change-delete-button {float: left;margin-bottom: 10px;}
    #signature-available .show-change-delete-button{float: none; margin-left: -15px;}
    .page-team-add .bordered.AddingMemberTable td{padding:0 0 10px;}
    .company_update_wrapper .section-2 .row1 .lbl, .change_pw_section1 .row1 .lbl{padding-bottom: 3px;}
    .company_update_wrapper .section-2 .row1 .input-group {padding-bottom: 0px;}
    .mobile-no-pre .help-block{top: 40px;}
    .change-password-wrapper{width: 100%;}
    .change_pw_section1{padding: 20px;}
    .add_team_wrapper_container .section_3_right{padding: 30px 0 0;}
    .page-team-add .section1 table.bordered tbody tr.house-item:first-child::before {border: 0 none;}
    .company_update_wrapper .section-2 .row1 .update-submit-wrapper {padding-top: 10px;}
    .add_team_wrapper .section1 .Row1.team-company-element .lbl label{font-size: 16px;}
    .add_team_wrapper .section1 .Row1.team-company-element .txt_bx input[type="text"]{  height: 35px;}
    .page-team-update .new_client_wrapper .section1_wrp .row1 .txt_bx .contact-no {margin-bottom: 15px; width: 100%;}
    .new_client_container{padding: 0;}
    .company_update_wrapper .section-1 .right p{font-size:12px;}
    .company_update_wrapper .section-2 {padding: 30px 20px 0; width: 100%;}
    .page-team-view .section1_wrp .row1 .lbl{text-align: left;width: 30%;}
    .page-team-update .page-action-container{text-align: left;}
    .empty{padding: 0;} 
    .add_team_wrapper .add-member-table-2.tbl-responsive td.title{text-align: right; width: 70%;}
    .page-team-add .section1 table.bordered td a{display: block;}
    .company_update_wrapper .section-2 .row1.sec-1 .txt_bx{font-size: 12px;}
    .page-team-view .section1_wrp .row1 { 
        display: block;
        float: none;
        width: 100%;
    }
    .page-team-view .section1_wrp .row1.team-action {border-left: 0;border-right: 0; padding-left: 15px;}
    .company_update_wrapper .section-1 .company-logo{padding-bottom: 0;}
    .delete_ac_section1 .text-center { padding:30px 20px 0; text-align: left}
    .DA_wrapper .delete_account .row1 { float: left;}
    .company_update_wrapper .section-2 .row1 { padding: 0 0 12px 0}
    .page-team-view .section1_wrp .row1 .lbl, .page-team-view .section1_wrp .row1 .txt_bx {display: block;overflow-wrap: break-word; text-align: left;width: 100%;word-break: unset;}
    .page-team-add .section1 table.bordered tr:nth-child(even){background: hsla(0, 0%, 93%, 0.5) none repeat scroll 0 0;}
    .section-2 .grid-view{ padding: 0;}
    .add_team_wrapper h2 {padding-bottom: 29px;padding-top: 6px;}
    .page-team-update h2, .page-team-view h2 {padding: 6px 0 4px;}
    .company_update_wrapper h2 {padding: 6px 0 29px;}
    .add_team_wrapper .section1 {padding: 20px 0 0;}
    .sprite.icon-view-case{background-position: -7px -77px;}
    .page-team-index .sprite.icon-delete-item{background-position: -72px -12px;}
    table.popup-table{border:0;}
    table.popup-table thead tr{display: none;}
    table.popup-table tbody tr {border: 0 none; display: block; margin-top:10px;}
    table.popup-table tbody tr:first-child{margin-top:0px;padding-top: 0;}
    table.popup-table tbody tr:nth-child(2n){background: hsla(0, 0%, 93%, 0.5) none repeat scroll 0 0;}
    table.popup-table tbody tr td:last-child{border-bottom: 1px solid #ccc;}
    .view_group_member_popup table tr td:nth-child(1) { width: 100%; }
    .page-groups-index .doc-advance-filter-elements .row .col-md-4 { width: 100%; max-width: inherit; }
    #case-timesheet-tab table.case-timesheet-list td { border-top: none;}
    .page-groups-index .client_search.clicked { height: 36px; }
    .page-groups-index .middle_wrapper .doc-advance-filter-elements .section-2 { padding-top: 0; }
    .page-groups-index .custom-dropdown-wrapper .custom-dropdown { margin-bottom: 0;  }
    
    .page-team-index .popup-content table tbody tr > td:first-child{
        border-width: 1px;
    }
    .page-team-index .popup-content table tbody tr > td:last-child{
        border-bottom: 1px solid #ccc; width: 100%;
    }
    .membership_pay_total .field-memberships-place_of_service { padding-top: 0; padding-bottom: 0; margin-bottom: 0px; }
    .membership_pay_total .field-memberships-place_of_service div.selector {  padding: 0px 10px; width: 100% !important; margin: 0; }
    .membership_pay_total .field-inputCouponValue { padding-bottom: 5px; }
    /*START: Profile Update CSS */
    .page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details [class^="col-"].country-div { height: auto; display: block; }
    .page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details [class^="col-"].change-email-div { margin-bottom: 20px; }
    .page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details [class^="col-"].country-div [class^="col-"] { padding: 0px !important; }
    .page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details [class^="col-"] { height: auto; }
    .page-profile-update .company_update_wrapper .section-2 { padding: 30px 0px 0; }
    .page-profile-update #no-signature .form-group { width: 183px; margin: auto; }
    .page-profile-update #no-signature .form-group #NoSignature { margin-top: 0px; }
    /*END: Profile Update CSS */
    /*START: Update Company Profile CSS*/
    .page-firm-update .section-2 .firm_personal_details { display: block; }
    .page-firm-update .section-2 .row1 { padding: 0px 15px; }
    .page-firm-update .section-2 { padding: 30px 5px 0; }
    .page-profile-update .Company_section1 #profile-form .section-2 .row1.signature-section { position: relative; top: 40px; margin-bottom: 50px; }
    .page-profile-update .Company_section1 #profile-form .section-2 .row1.signature-section .txt_bx .right p { padding: 0px 10px; }
    .page-profile-update .company_update_wrapper .section-2 .row1 .txt_bx .right .show-input-file .show-input-file { margin-top: 45px !important; }
    .page-profile-update .company_update_wrapper .section-2 .row1 .txt_bx .right .show-input-signature .field-YesSignature { left: 0; right: 0; margin-top: 15px; }

    /* START: View Team CSS */
    .page-team-view .section1_wrp .row1:nth-child(even) { background: transparent; }
    .page-team-view .section1_wrp .row1 .txt_bx { padding-left: 0; }
    .page-team-view .section1_wrp .row1 { padding: 10px 15px; }
    /* END: View Team CSS */
    
    
    #edit_coupon .payment-option-div .payment_bank_name {width: 100%; margin-right: 0;}
    .page-membership-access-coupon-code .his_tab_cover h5 {display: block; width: 100%;}
    .page-membership-access-coupon-code .his_tab_cover .green_button {float: left;}
    
    #add_coupon .payment-option-div {width: 100%; display: block;}
    #add_coupon .payment-option-div > div {display: block; margin-right: 0; width: 100%;}
    
    .page-profile-update .Company_section1 .section-2 .loggedin_user_personal_details {width: 100%;}
    .export_wrapper {width: 100%; margin: 10px 0 0 0; justify-content: flex-end;}
}



@media (max-width:580px){
    div.middle_wrapper .section-1 .left {display: block;padding-bottom:10px;width: 100%;}
    .page-team-index div.middle_wrapper .section-1 .right{padding-bottom: 0;}
    div.middle_wrapper .section-1 .right {display: block; /*padding-bottom: 15px;*/ text-align:right;width: 100%;}

    .page-team-add .bordered.AddingMemberTable{padding:0 20px 0 0;}
    .add_team_wrapper_container .bordered td.tax_details_col p{ width: auto; }
    .add_team_wrapper_container .section_3_left{overflow-y: auto;}
    .add_team_wrapper_container .section_3_left .bordered{width: 550px;height: 230px;}
    .page-profile-update .middle_wrapper .section-1, .page-firm-update .middle_wrapper .section-1 {margin: 0 auto;padding: 0 10px; width: 100%;}
    .mobile-no-pre .help-block{top: 44px;}  
}

@media (max-width:480px){
    .delete_ac_section1 .text-center{line-height: 20px;padding:10px 20px 0;}
    .middle_wrapper .section-1 .right .client_search { padding-top: 15px;}    
    .page-team-add .section1 table.bordered td:before{word-wrap: break-word;font-size: 14px;}
    .leftt{display: block;float: none;margin-bottom:0px;}
    .DA_wrapper .delete_account .row1 .txt_bx .margin-left{margin-left:0px; }
    .mobile-no-pre .help-block {font-size: 12px;}
    .help-block{font-size: 12px;}
    .page-team-view .new_client_wrapper .section1_wrp .row2 .txt_bx {padding-top: 0; width: 100%;}
    .add_team_wrapper .section1 .Row1 .lbl {box-sizing: border-box;display: table-cell;padding: 8px 10px 0; width: 55%;}
    .add_team_wrapper .section1 .Row1 .txt_bx {display: table-cell;padding: 0 10px 0 0;width: 42%;}
    .page-profile-deleteaccount .leftt{display: inline-block;padding-right: 10px;}    
    .page-firm-update div.selector span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .content-responsive{display: block;padding: 0;}
    .content-responsive-btn{display: block; width: 100%;}
    .dynamicform_wrapper .content-responsive-btn { float: none; }
    .page-team-index .middle_wrapper .section-1 .right .client_search {padding-top: 0px;position: relative;top: 0px;float: none;width: 120px; margin-top: 0px; display: inline-block;}
    .add_btn .add_client{top: 0;}
    .middle_wrapper .section-1 .right .list-page-search-container input[type="text"]{top: 0;}
        .middle_wrapper .section-2 {padding-top: 20px;}
    div.middle_wrapper .section-1 .right .add_btn{ /*width: 45%;*/text-align: center;vertical-align: top;float: none; margin-right: 0;}
    div.middle_wrapper .section-1 .right .client_search{width: 50%;}
    .middle_wrapper .section-1 .right .list-page-search-container input[type="text"]{width:100%;padding-right: 45px;}
    .middle_wrapper .section-1 .right .list-page-search-container .list-page-search-txtbox {width: auto;}
    .search-btn-div {display: inline-block;position: absolute;right: 0;top: 0px;}
    .search-btn-div button,.search-btn-div button:hover{background: #263959 url("/themes/app/images/search_icon.png") no-repeat scroll 10px 7px;padding: 0 20px;text-indent: -999px;}
    .middle_wrapper .section-1{padding-bottom: 10px;}
    div.middle_wrapper .section-1 .right{padding-bottom: 0;}
    .page-team-index .team-actions-section .sprite{top:0;}
    .add_team_wrapper .section1 .Row1.team-company-element .lbl label{font-size: 13px;}    
    .page-team-view .section1_wrp .row1.team-action{padding-bottom: 7px; }
    .page-team-view .section1_wrp .row1.team-action .txt_bx {display: none;}
    .page-team-index .middle_wrapper .section-1 .left h2 {padding: 6px 0;}
    .page-groups-index .doc-advance-filter-elements.clicked { margin-top: -25px; }
    .page-groups-index .middle_wrapper .section-1 .right .client_search { padding-top: 6px; width: auto;margin-top: 5px;}
    .my-expenses #expenses-search .case-filter-clients-section label{margin-bottom: 5px;}
    .my-expenses #expenses-search .case-filter-clients-section .col-md-3{margin-bottom: 10px;}
    .bordered.AddingMemberTable td:last-child{
        border-right: none;
        border-bottom: none;
    }
    .page-team-index .middle_wrapper .section-1 .right .export_div{
        float: right;
        margin-top: 20px;
        margin-right: 0px;
        margin-left: 20px;
    }
    .SwitchAccountClass.user-secondary .section-1 .right .export_div { margin-top: 0px; margin-right: 0px; margin-left: 20px; }
/*
    .page-team-index .open-export-elements.clicked{
        margin-top: -1px;
    }
*/
    .export_div {margin: 0 0 0 5px!important;}
 .team_member_wrapper .add_btn {margin: 0!important;}
 .team_member_wrapper .list-page-search-container .list-page-search-txtbox {width: calc(100% - 40px) !important;}
}

@media (max-width:414px){
    .add_team_wrapper .add-member-table-2.tbl-responsive td.title{width: 50%;}
    /*.page-team-index .section-2 .grid-view table.bordered td{ padding-left: 43%;}*/
}

@media (max-width:320px){
    .new_client_wrapper h2{font-size: 16px;}
    .page-profile-deleteaccount .leftt {float: none;padding-bottom: 10px;}
}
@media (max-width:439px){
 .team_member_wrapper .list-page-search-container {width: 100%!important; margin: 5px 0 0 0!important; flex: auto;}
 .team_member_wrapper .list-page-search-container input[type="text"] {margin: 0!important;}
 .team_member_wrapper .add_btn {flex: 1;}
}

/* Responsive end */



/*START: Nikhil Responsive Code*/

@media screen and (max-width: 1024px){
    .sub_amt_table_one .subtotal_row td,
    .sub_amt_table_two tbody tr td{
        border-left: 1px solid #ccc;
    }
    .sub_amt_table_one .subtotal_row td:nth-child(2),
    .sub_amt_table_two tbody tr td, 
    .sub_amt_table_one .subtotal_row td:nth-child(3){
        width: 150px;
    }
    .receivedBy, 
    .chequeDetails > div{
        margin-right: 15px;
    }
    .receivedBy{
        margin-right: 0px;
    }
}

@media screen and (max-width: 1023px){
    .for_period_info{
        float: none;
        display: block!important;
        margin-top: 10px;
    }
    .content, .main-content{
        /*min-height: auto;*/
    }
}

@media only screen and (max-width:905px){
    /*zoomin style*/
    .overlay-loading-screen{
        z-index: 999;
    }
    .overlay-loading-screen-loader{
        z-index: 9999;
    }
    /*zoomin style end*/
}

@media (max-width: 892px){
    .his_tab_cover .grid-view th{
        font-size: 12px;
        padding: 15px 5px;
    }
    .his_tab_cover .grid-view table.bordered td{
        font-size: 12px;
        padding: 10px 5px;
    }
    .company_update_wrapper .pointsofcontact_div .table table td + td, 
    .company_update_wrapper .pointsofcontact_div .table table th + th{
        border-left: 1px solid #ccc;
    }
}

@media only screen and (max-width: 768px){
    .page-team-index .middle_wrapper .section-1 .left, 
    div.middle_wrapper .section-1 .left,
    div.middle_wrapper .section-1 .right{display: inline-block; width: auto;}
    .page-team-index .middle_wrapper .section-1 .left h2{padding: 10px 0}
    #update-group-form .field-groups-group_name{margin: 5px 0 15px;}
    #update-group-form label{margin-bottom: 5px;}
    .company_update_wrapper .section-2 .row1 .lbl .logo-sec .img-circle{max-width: 140px; max-height: 140px;}
/*
    .middle_wrapper .section-1{
        padding-bottom: 10px;
    }
*/
    .subscription .section-2, 
    .renewal .section-2, 
    .membership_add_team, 
    .subscription_total_main_div, 
    .select_paymt_cover, 
    .subsrp_cover{padding: 0 20px 20px;}
    .subscription .section-2 .grid-view, 
    .renewal .section-2 .grid-view{margin-top: 15px;}
    .field-memberships-addteammember, 
    .field-memberships-is_free_trial {padding: 0 20px;margin: 20px 0px;}
    .membership_add_team, .subscription_total_main_div, .select_paymt_cover {padding-top: 20px;}
    .membership_add_team .content-responsive{padding-right: 0px;}
    .membership_add_team, 
    .subscription_total_main_div, 
    .select_paymt_cover, 
    .mem_mod_bill_details, 
    .mem_mod_gst_details, 
    .account_details, 
    .his_tab_cover {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }.select_paymt_cover h5, 
    .mem_mod_bill_details h5, 
    .mem_mod_gst_details h5, 
    .account_details h5, 
    .his_tab_cover h5{
        margin-bottom: 15px;
    }
    
    .receivedBy, 
    .chequeDetails > div{
        width: 31%;
    }

    .company_update_wrapper .pointsofcontact_div .table *,
    .company_update_wrapper .view_comp_addr .table *{ 
        display: block; 
    }
    .company_update_wrapper .pointsofcontact_div thead tr,
    .company_update_wrapper .view_comp_addr thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .company_update_wrapper .pointsofcontact_div tr,
    .company_update_wrapper .view_comp_addr tr { border: 1px solid #ccc; }
    .company_update_wrapper .pointsofcontact_div td,
    .company_update_wrapper .view_comp_addr td { 
        border: none; 
        position: relative;
        padding-left: 50%; 
    }
    .company_update_wrapper .pointsofcontact_div td:before,
    .company_update_wrapper .view_comp_addr td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: bold;
    }
    .company_update_wrapper .pointsofcontact_div td:nth-of-type(1):before,
    .company_update_wrapper .view_comp_addr td:nth-of-type(1):before { content: "Address"; }
    .company_update_wrapper .pointsofcontact_div td:nth-of-type(2):before,
    .company_update_wrapper .view_comp_addr td:nth-of-type(2):before { content: "City"; }
    .company_update_wrapper .pointsofcontact_div td:nth-of-type(3):before,
    .company_update_wrapper .view_comp_addr td:nth-of-type(3):before { content: "State"; }
    .company_update_wrapper .pointsofcontact_div td:nth-of-type(4):before,
    .company_update_wrapper .view_comp_addr td:nth-of-type(4):before { content: "Postal Code"; }
    .company_update_wrapper .pointsofcontact_div td:nth-of-type(5):before,
    .company_update_wrapper .view_comp_addr td:nth-of-type(5):before { content: "Office No (+91)"; }
    .company_update_wrapper .pointsofcontact_div td:nth-of-type(6):before { content: "Action";text-align: left; }
    .company_update_wrapper .pointsofcontact_div .table table tbody td,
    .company_update_wrapper .view_comp_addr .table table tbody td{
        padding-top: 35px;
    }
    .company_update_wrapper .pointsofcontact_div .table table td + td,
    .company_update_wrapper .view_comp_addr .table table td + td, 
    .company_update_wrapper .pointsofcontact_div .table table th + th,
    .company_update_wrapper .view_comp_addr .table table th + th,
    .company_update_wrapper .pointsofcontact_div .table table tr th:first-child, 
    .company_update_wrapper .view_comp_addr .table table tr th:first-child, 
    .company_update_wrapper .pointsofcontact_div .table table tr td:first-child,
    .company_update_wrapper .view_comp_addr .table table tr td:first-child,
    .company_update_wrapper .pointsofcontact_div .table table td + td,
    .company_update_wrapper .view_comp_addr .table table td + td, 
    .company_update_wrapper .pointsofcontact_div .table table th + th,
    .company_update_wrapper .view_comp_addr .table table th + th{
        border-left: none;
    }
    .company_update_wrapper .pointsofcontact_div tr,
    .company_update_wrapper .view_comp_addr tr{
        margin-bottom: 10px;
    }
    .company_update_wrapper .pointsofcontact_div tr:last-child,
    .company_update_wrapper .view_comp_addr tr:last-child{
        margin-bottom: 0px;
    }
    .company_update_wrapper .pointsofcontact_div .table table,
    .company_update_wrapper .view_comp_addr .table table{
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 5px;
    }
    .company_update_wrapper .pointsofcontact_div .table table tfoot td:nth-of-type(1):before{
        display: none;
    }
    .company_update_wrapper .pointsofcontact_div .table table tr td,
    .company_update_wrapper .view_comp_addr .table table tr td{
        border-top: none;
    }
    .signature-section .img-circle{
        max-width: 140px;
        max-height: 140px;
    }
    .company_update_wrapper .section-2 .lbl .signature-sec {
        text-align: right;
    }
    .signature-available .show-change-delete-button{
        float: none;
    }
    .company_update_wrapper .pointsofcontact_div tfoot tr,
    .company_update_wrapper .view_comp_addr tfoot tr{
        border: none;
    }
    .company_update_wrapper .pointsofcontact_div tfoot tr td{
        padding-top: 15px;
    }
    .company_update_wrapper .pointsofcontact_div .table table tr th:last-child,
    .company_update_wrapper .view_comp_addr .table table tr th:last-child, 
    .company_update_wrapper .pointsofcontact_div .table table tr td:last-child,
    .company_update_wrapper .view_comp_addr .table table tr td:last-child{
        border-right: none;
        border-bottom: none;
    }
    .field-YesSignature input[type='file'], #NoSignature input[type='file']{
        width: 183px;
        font-size: 12px;
    }
    .team_main table thead tr th:nth-child(4){
        width: 75px;
    }
    .mem_mod_gst_details .field-memberships-company_name label,
    .mem_mod_gst_details .field-memberships-company_address label{
        margin-bottom: 20px;
    }
    /*START: Update Team Page CSS*/
    .page-team-update .section1 .section1_wrp #update-form .user-personal-details [class^="col-"].country-div [class^="col-"] { padding: 35px 0px 25px !important; }
    /*END: Update Team Page CSS*/
    .page-groups-index .doc-advance-filter-elements.clicked { margin-top: -11px; }
}
@media only screen and (max-width: 767px){
    .mem_mod_gst_details .field-memberships-company_name label,
    .mem_mod_gst_details .field-memberships-company_address label{
        margin-bottom: 0px;
    }
    .subscription .section-2 .grid-view table.bordered tr td:last-child, 
    .renewal .section-2 .grid-view table.bordered tr td:last-child{
        border-bottom: 1px solid #ddd;
        text-align: left;
    }
    .membership_add_team table, 
    .membership_add_team thead, 
    .membership_add_team tbody, 
    .membership_add_team th, 
    .membership_add_team td, 
    .membership_add_team tr {
        display: block;
    }
    .membership_add_team thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .membership_add_team tr{
        border: 1px solid #ccc;
    }
    .membership_add_team td{
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%;
    }
    .membership_add_team td:before { 
        white-space: nowrap;
        display: block;
        font-weight: bold;
        font-size: 14px;
        display: block;
        color: #000;
        content: attr(data-th) ": ";
    }
    .field-YesSignature input[type='file'], #NoSignature input[type='file']{
        margin: auto;
    }
    .membership_add_team table{
       padding: 15px;
       border: 1px solid #ccc;
    }
    .bordered.AddingMemberTable td, .bordered.AddingMemberTable th{
        border-left: none;
    }
    .bordered.AddingMemberTable td, 
    .bordered.AddingMemberTable th,
    .bordered.AddingMemberTable td:last-child{
        text-align: left;
    }
    .mem_mod_bill_details .customer_billing_details > div, 
    .customer_gst_details > div{
        width: 48%;
    }
    .receivedBy, .chequeDetails > div {
        width: 48%;
    }
    .chequeDetails .field-memberships-cheque_no{
        margin-right: 0px;
    }
    .receivedBy{
        clear: left;
    }
    .company_update_wrapper .section-2 .lbl .signature-sec {
        text-align: center;
    }
    .page-team-add .bordered.AddingMemberTable{
        padding:15px 15px 5px 15px;
    }
    .page-team-add .section1 table.bordered td{
        border-right: none;
        border-left: none;
    }
    .field-company-company_name{
        width: 100%;
        margin-top: 10px;
    }
    .page-firm-update .field-company-company_name{
        margin-top: 0px;
    }
    #myexpenses-form .row1.otherPaymentMethodTextBox + .row1{
        margin-left: 0%;
    }
    .app-body-container .page-white-container #myexpenses-form .row1{
        width: 100%;
        margin-left: 0px!important;
    }
    .section-2 .grid-view table.bordered td{
        width: auto;
    }
    .page-timesheets-index div.middle_wrapper .section-1 .right,
    .page-expenses-index div.middle_wrapper .section-1 .right{
        display: block;
        width: 100%;
    }
    .view_group_member_popup table tbody tr td:first-child{
        display: none;
    }
    .page-expenses-index .popup-content table td:first-child { width: 100%; }

    .account_details_info .account_details_left,
    .account_details_info .account_details_right { display: table; width: 100%; float: none; margin: 0 0 20px; }
    .account_details_info .account_details_right { margin: 0; padding: 0; }
    .account_details_info .account_details_left:after { display: none; }

    /*START: Update Team Page CSS*/
    .page-team-update .section1 .section1_wrp #update-form .user-personal-details [class^="col-"] { height: auto; margin-top: 15px; }
    .page-team-update .section1 .section1_wrp #update-form .user-personal-details [class^="col-"].country-div [class^="col-"] { padding: 0px 0px 0px !important; }
    .page-team-update .new_client_wrapper .section1_wrp .row1.team-action { border: none; }
    /*END: Update Team Page CSS*/
    .page-groups-index .doc-advance-filter-elements.clicked { margin-top: -23px; }
    
    .get_uc_id_modal label {display: block; width: 100%; text-align: left; padding: 0 0 10px 0;}
    .get_uc_id_modal .form-control {width: 100%;}

}
@media only screen and (max-width: 480px){
    .mem_mod_bill_details .customer_billing_details > div, 
    .customer_gst_details > div, .payment-option-div > div{
        width: 100%;
        margin-bottom: 15px;
    }
    .payment-option-div > div { margin-bottom: 0; }

    .receivedBy, .chequeDetails > div {
        width: 100%;
    }
    #memberships-payment_type > label{
        display: block;
        margin-bottom: 5px;
    }
    .subsrp_cover .subsrp_top_head h1{
        font-size: 20px;
    }
    .subsrp_cover .subsrp_top_head{
        padding: 15px 0px;
    }
    .divSubscriptionComment, .divSubscriptionUserDetails, .divSubscriptionFootNote{
        font-size: 14px;
    }
    .divSubscriptionUserDetails .divHeading {
        margin: 20px 0px 15px;
        font-size: 18px;
    }
    .divUserInfo *,
    .subsrp_cover table th{
        font-size: 13px;
    }
    .subsrp_cover table td, .subsrp_cover table th {
        padding: 12px;
    }
    .subsrp_cover table td {
        font-size: 12px;
    }
    .subscription_extended_period{
        display: block;
        margin-top: 10px;
    }
    .hi_text_login{
        font-size: 19px;
    }
    .registered_on{
        margin-bottom: 5px;
    }
    .page-expenses-update .page-white-container{
        display: block;
    }
    .page-expenses-update .page-white-container .row1, 
    .page-expenses-update .page-white-container .row1:nth-child(2n){
        display: block;
    }
    .field-YesSignature,
    #NoSignature{
        font-size: 12px;
    }
    /*new css for choose file, update profile*/
    .form-group.field-NoSignature {
        width: 175px;
        margin-left: auto;
        margin-right: auto;
    }
    div.middle_wrapper .my-expenses .section-1 .left{
        padding-bottom: 0px;
    } 
    .my-expenses .custom-dropdown-wrapper,
    .my-expenses .advance-filter-elements .row .col-md-4 {
        width: 100%;
    }
    .section-2 .grid-view table.bordered td{
        width: auto;
    }
    
    .my-timesheet .section-2 .grid-view table.bordered tr { border-bottom: 1px solid #ccc;  }
    
    .account_details_info table { width: 100%; display: table; }
    .account_details_info table tr:last-child td .subscription_table_heading { display: table; margin: 0 auto; width: 100%; }
    .page-groups-index .doc-advance-filter-elements.clicked { margin-top: -32px; }

}
@media only screen and (max-width: 414px){
    .sub_amt_table_one .subtotal_row td, .sub_amt_table_two tbody tr td{
        font-size: 10px;
    }
    .middle_wrapper .section-1 .left h2 {
        padding: 12px 0 10px;
    }
    .select_paymt_cover, 
    .mem_mod_bill_details, 
    .mem_mod_gst_details, 
    .account_details{
        margin: 15px 0;
    }
    .sub_amt_table_one .subtotal_row td{
        padding: 10px 5px;
    }
    .sub_amt_table_one .subtotal_row td:first-child{
        font-size: 13px;
    }
    .sub_amt_table_one .subtotal_row td:nth-child(2), 
    .sub_amt_table_two tbody tr td, 
    .sub_amt_table_one .subtotal_row td:nth-child(3){
        width: 110px;
    }
    .field-inputCouponValue{
        margin-bottom: 10px;
    }
    .field-inputCouponValue label,
    .field-inputCouponValue input[type="text"],
    .field-inputCouponValue #btnApplyCoupon,
    .help-block{
        font-size: 12px;
    }
    .sub_amt_table_two td {
        padding: 20px 15px;
    }
    .field-inputCouponValue input[type='text']{
        width: 100px;
    }
    .adm_login_cover{
        padding: 30px 0;
    }
    .sub_amt_table_one .subtotal_row td:nth-child(2),
    .sub_amt_table_one .subtotal_row td:nth-child(3),
    .sub_amt_table_two tbody tr:last-child td{
        font-size: 13px;
    }
    #btnApplyCoupon{
        font-size: 12px;
    }
    .sub_amt_table_two td {
        padding: 15px 15px;
    }
    .membership_add_team table tbody tr:nth-child(even){
        background: hsla(0, 0%, 93%, 0.5) none repeat scroll 0 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .field-inputCouponValue label, .field-inputCouponValue input[type="text"], 
    .field-inputCouponValue #btnApplyCoupon, .help-block, .field-memberships-place_of_service .control-label{
        font-size: 10px;    
    }
    .field-inputCouponValue {
        margin-bottom: 3px;
    }
    #btnApplyCoupon {
        font-size: 11px;
    }
    .subsrp_cover .subsrp_top_head h1 {
        font-size: 18px;
    }
    .subsrp_cover .subsrp_top_head {
        padding: 12px 0px;
    }
    .divSubscriptionComment, .divSubscriptionUserDetails, .divSubscriptionFootNote {
        font-size: 13px;
    }
    .field-inputCouponValue input[type="text"]{
        font-size: 9px;
        padding: 5px;
        width: 96px;
    }
    .account_details_btngroup a{
        font-size: 12px;
    }
    .account_details_btngroup{
        float: none;
        display: block;
        margin-bottom: 15px;
        position: absolute;
        bottom: 10px;
    }
    .account_details{
        position: relative;
        padding-bottom: 65px;
    }
    .page-groups-index .doc-advance-filter-elements.clicked { margin-top: -25px; }
    .membership_pay_total .subscription_total_main_div #btnApplyCoupon { margin-bottom: 0; }
    .membership_pay_total .field-memberships-place_of_service div.selector { max-width: 100px; height: 24px; }
    .membership_pay_total div.selector span { padding-top: 0; height: 24px; font-size: 10px; line-height: 20px; }
}
@media only screen and (max-width: 396px){
    .subscription .section-2, 
    .renewal .section-2, 
    .membership_add_team, 
    .subscription_total_main_div, 
    .select_paymt_cover, 
    .subsrp_cover{
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-team-index div.middle_wrapper .section-1 .right .add_btn { margin-right: 0;  }
    .page-team-index .middle_wrapper .section-1 .right .client_search {
        width: 110px; margin-left: 5px;
    }
    .sub_amt_table_two tbody tr:last-child td {  font-size: 12px; }
    .purchase_licenses_column_div { font-size: 16px; line-height: 20px; margin-bottom: 10px; }
    .subscription_details_table table tr td {  padding: 3px 3px; font-size: 11px; line-height: 14px; } 

}
@media only screen and (max-width: 384px){
    .sub_amt_table_one .subtotal_row td:nth-child(2), 
    .sub_amt_table_two tbody tr td, 
    .sub_amt_table_one .subtotal_row td:nth-child(3){
        width: 104px;
    }
    .field-inputCouponValue label, 
    .field-inputCouponValue input[type="text"], 
    .field-inputCouponValue #btnApplyCoupon,
    .help-block {
        font-size: 10px;
    }
     .field-inputCouponValue label { font-size: 9px; }

    .field-inputCouponValue input[type='text'] {
        width: 96px;
        font-size: 9px;
    }
    #btnApplyCoupon {
        font-size: 10px;
    }
    .subsrp_cover .subsrp_top_head h1 {
        font-size: 17px;
    }
    .divSubscriptionComment, .divSubscriptionUserDetails, .divSubscriptionFootNote {
        margin: 15px 0px;
    }
    .divSubscriptionUserDetails .divHeading {
        font-size: 16px;
    }
    .divUserInfo *, .subsrp_cover table th {
        font-size: 12px;
    }
    .subsrp_cover table td, 
    .subsrp_cover table th {
        padding: 10px;
    }
    .subsrp_cover table td {
        font-size: 11px;
    }
    .middle_wrapper .section-1 .right.memLogoutBtns_cover{
        width: 100%;
        display: block;
        margin-top: 0px;
        margin-bottom: 10px;
        text-align: left;
    }
    .mem_mod_bill_details_head h5{
        margin-bottom: 5px;
    }
    .mem_mod_bill_details_head span{
        display: block;
        margin-left: 0px;
    }
    .mem_mod_bill_details_head{
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 366px){
    .sub_amt_table_one .subtotal_row td, .sub_amt_table_two tbody tr td {
        font-size: 9px;
    }
    .sub_amt_table_one .subtotal_row td:first-child {
        font-size: 11px;
    }
    .sub_amt_table_one .subtotal_row td:nth-child(2), .sub_amt_table_two tbody tr td, .sub_amt_table_one .subtotal_row td:nth-child(3) {
        width: 98px;
    }
   

}
@media only screen and (max-width: 359px){
    .SwitchAccountClass.user-secondary .section-1 .right .client_search { width: 65%; margin-top: 0px; margin-bottom: 20px; }

    .page-team-index .middle_wrapper .section-1 .right .client_search   {
        width: 70%;
        margin-top: 20px;
        margin-right: 0px;
        margin-left: 0;
    }
    .page-team-index .middle_wrapper .section-1 .right .export_div { margin-left: 10px; }
    .page-team-index div.middle_wrapper .section-1 .right .add_btn { margin-right: 0;  }
    .sub_amt_table_two tbody tr:last-child td { line-height: 16px; }
    .SwitchAccountClass.user-secondary.page-team-index .middle_wrapper .team_main.document_main .section-1 .right { display: flex; align-items: center; }
    .SwitchAccountClass.user-secondary .page-team-index .middle_wrapper .team_main.document_main .section-1 .right .export_div { margin-left: 0px; }
    .SwitchAccountClass.user-secondary .page-team-index .open-export-elements.clicked { margin-top: -13px; }
}
@media only screen and (max-width: 348px){
    .sub_amt_table_two td {
        padding: 15px 5px;
    }
    .sub_amt_table_one .subtotal_row td:nth-child(2), 
    .sub_amt_table_two tbody tr td, 
    .sub_amt_table_one .subtotal_row td:nth-child(3) {
        width: 85px;
    }
    .sub_amt_table_one .subtotal_row td:nth-child(2), 
    .sub_amt_table_one .subtotal_row td:nth-child(3),
    .sub_amt_table_two tbody tr:last-child td {
        font-size: 11px;
    }
    .divSubscriptionUserDetails .divHeading {
        margin: 15px 0px 10px;
        font-size: 15px;
    }
    .subsrp_cover table th{
        font-size: 11px;
    }
    .subsrp_cover table td {
        font-size: 10px;
    }
    .app-body-container .page-white-container #myexpenses-form .row1{
        margin-right: 0px!important;
    }
      
}

@media only screen and (max-width: 321px){
    .subsrp_cover table td, .subsrp_cover table th{
        padding: 8px;
    }
    .green_button { font-size: 13px; }
}
@media only screen and (min-width: 480px)and (max-width: 1024px){
    .view_case_wrapper .case-team-tab .case-team-wrapper,
    .page-groups-update .custom-dropdown-wrapper .custom-dropdown{
        width: 304px;
    }
    .page-groups-update .section1_wrp #update-group-form .custom-dropdown-wrapper .custom-dropdown { width: 100%; }
    .page-groups-update .section1_wrp #update-group-form .custom-dropdown-wrapper { margin-top:15px; }
}


/*END: Nikhil Responsive Code*/

/*START: Nikhil Landscape Responsive Code*/

@media (max-width: 768px) and (orientation: landscape){
    .page-team-index .middle_wrapper .section-1 .left h2{padding: 6px 0;}
    .middle_wrapper .section-1 .right .add_btn{padding: 0px 1px;}
}

@media (max-width: 667px) and (orientation: landscape){
    .page-team-index .middle_wrapper .section-1 .left{width: 100%;}
    .page-team-index .middle_wrapper .team_main.document_main .section-1 .right{float: left; margin-top: 6px;}
}