* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

/*@font-face {
    font-family: 'aniversregular';
    src: url('../font/anivers-regular-webfont.woff2') format('woff2'),
         url('../font/anivers-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/
html, body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    background: #fff !important;
    min-height: 100%;
}

h1, h2, h3, h4, h5, p, ul {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 34px !important;
}

h2 {
    font-size: 24px !important;
}

h3 {
    font-size: 18px;
}

p {
    font-size: 14px;
}

ul li {
    list-style: none;
}

a:hover {
    text-decoration: none;
}

.wrapper {
    width: 100%;
    float: left;
    min-height: 100%;
    padding-bottom: 77px;
    position: relative;
}

.header {
    width: 100%;
    padding: 0px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 77px;
    float: left;
}

.headr_left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header_logo {
    display: flex;
    margin-right: 10px;
}

.header_logo a {
    display: flex;
}

img.header_hom_btn {
    margin-right: 14px !important;
    width: 29px;
    height: 25px;
    margin-top: 15px;
}

.user_name > .project_text {
    min-height: 42px;
    padding: 9px 2px;
    text-transform: uppercase;
}


.headr_right {
    display: flex;
    justify-content: flex-end;
}

.headr_right ul li {
    display: inline-block;
    min-height: 74px;
    padding: 0px 23px;
    position: relative;
    line-height: 69px;
}

.headr_right ul li:after {
    content: "";
    position: absolute;
    right: 0;
    border-right: 1px solid #787676;
    height: 15px;
    top: 50%;
    margin-top: -9px;
}

.headr_right ul li:last-child:after {
    display: none;
}

.headr_right ul li:last-child {
    border-right: none;
}

.headr_right ul li a {
    text-transform: capitalize;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.headr_right ul li.active a {
    color: #460f1c;
    font-weight: 600;
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 0;
    text-decoration: none;
}

.border_btm_gray {
    border-bottom: 1px solid #CCC !important;
}

.headr_right ul li:hover a {
    cursor: pointer;
    text-decoration: none;
}

.hover_font_wght {
    font-weight: 600 !important;
}

.user_name {
    border-left: 1px solid #000;
    display: flex;
    flex-direction: column;
    padding-left: 12px;
}

.project_role {
    display: flex;
    flex-direction: column;
    padding-left: 11px;
    border-left: 1px solid;
}

#projectName {
    font-weight: 600;
    color: #4c1722;
    font-size: 18px;
}

span#projectRole {
    font-size: 14px;
}

.user_name span {
    font-weight: 600;
    color: #4c1722;
    font-size: 18px;
}

.user_name a {
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
}

.home_nav {
    border-right: 1px solid #000;
    padding-right: 13px;
    margin-right: 13px;
}

.default_btn {
    color: #fff;
    background: #9d9a9a;
    padding: 7px 8px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 76px;
}

.default_btn:hover {
    color: #fff;
}

/*.default_btn {*/
/*padding: 7px 8px;*/
/*border-radius: 3px;*/
/*font-size: 13px;*/
/*margin: 0 5px;*/
/*color: #000;*/
/*vertical-align: middle;*/
/*line-height: 76px;*/
/*text-transform: capitalize;*/
/*background: #ff8566;*/
/*}*/

/*.default_btn:hover {*/
/*background: #fff;*/
/*color: #fff;*/
/*background: #3c98ae;*/
/*background: -moz-linear-gradient(top, #3c98ae 0%, #4bbad3 100%);*/
/*background: -webkit-linear-gradient(top, #3c98ae 0%, #4bbad3 100%);*/
/*background: linear-gradient(to bottom, #3c98ae 0%, #4bbad3 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c98ae', endColorstr='#4bbad3', GradientType=0);*/
/*}*/

.project_col {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.product_bar {
    width: 100%;
    float: left;
    padding: 0px 20px;
    display: flex;
    height: 58px;
    align-items: center;
    background: #4bbad3;
    background: -moz-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: -webkit-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: linear-gradient(to bottom, #4bbad3 0%, #3c98ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bbad3', endColorstr='#3c98ae', GradientType=0);
}

.product_bar h3 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
}

.projct_right span {
    color: #fff;
    font-size: 14px;
    margin-right: 8px;
    text-transform: uppercase;
    font-weight: 600;
}

select.cstm_select {
    height: 33px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #a8a8a8;
    outline: none;
    color: #333;
    font-size: 14px;
    padding: 0 8px;
    background: #fff;
    margin-left: 14px;
}

.product_detail_row {
    width: 100%;
    float: left;
    padding: 40px 0px 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.prdct_detail_head {
    padding: 27px 12px 23px 12px;
    text-align: center;
    border-top: 1px solid #ddd;
    min-height: 138px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product_detail_col img {
    max-width: 100%;
    max-height: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%;
}

.product_overlay {
    background: rgba(0, 0, 0, 0.85);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 17px;
    text-align: center;
    display: none;
    transition: all .5s ease;
}

.product_detail_col:hover .product_overlay {
    display: block;
    transition: all .5s ease;
}

.prdct_detail_head h3 {
    color: #460f1c;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

.prdct_detail_head p {
    color: #000;
}

.product_detail_col {
    box-shadow: 1px 2px 10px #ccc;
    margin: 20px 15px;
    transform: translateY(0);
    transition: all .5s ease;
    width: 17.5%;
    padding: 5px 5px;
    min-height: 232px;
}

.product_detail_col a {
    display: block;
}

.icon_img {
    width: 100%;
    height: 176px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_detail_col:hover {
    transform: translateY(-5px);
    transition: all .5s ease;
    box-shadow: -1px 0px 26px rgba(0, 0, 0, .2);
}

.product_overlay ul li {
    background: #fff;
    margin-bottom: 6px;
}

.product_overlay ul li a {
    padding: 10px 5px;
    display: block;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

/*==================Footer==========================*/

.footer {
    background: #999;
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 21px 18px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.footer p {
    font-size: 12px;
}

/*==================organisation chart==========================*/
.checkbox_email [type="checkbox"]:not(:checked) + label:before, .checkbox_email [type="checkbox"]:checked + label:before {
    top: -8px;
}

.checkbox_email [type="checkbox"]:not(:checked) + label:after, .checkbox_email [type="checkbox"]:checked + label:after {
    top: -5px;
}

.new_issue_row.email_row label {
    width: 18%;
}

.fr_tbl_scroll {
    width: 100%;
    overflow-x: auto;
}

.cstm_table {
    width: 100%;
    overflow-x: auto;
}

.cstm_table .row {
    margin: 0;
    margin-bottom: 5px;
}

.cstm_table input[type="search"] {
    border: 1px solid #a8a8a8;
    border-radius: 3px;
    height: 30px;
    padding: 2px 10px;
    font-weight: 500;
    outline: none;
    width: 184px;
    margin: 4px 0px;
}

.active_team {
    float: right;
    color: #000;
    font-weight: 600;
    text-align: right;
    position: absolute;
    right: 0;
    font-size: 14px;
}

.new_issue_row.edit_parent label {
    width: 29%;
}

.new_issue_row.edit_parent label.txt_left {
    text-align: left;
    width: 73%;
    margin-right: 0;
}

.new_issue_row.email_row input {
    border: 1px solid #ccc;
    height: 33px;
    padding: 0 5px;
    outline: none;
}

.new_issue_row.email_row select.cstm_select, .new_issue_row.email_row textarea, .new_issue_row.email_row input, .new_issue_row.email_row span {
    width: 77%;
    border-radius: 4px;
}

.team_roster {
    width: 110%;
    float: left;
    margin-top: 20px;
}

.tbl_head_row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ddd;
    padding: 7px 22px;
}

.tbl_head_row h3 {
    font-weight: 600;
}

.wht_space {
    white-space: nowrap;
}

.log_summary_row {
    width: 100%;
    float: left;
    min-height: 100%;

}

.Product_sub_menu {
    width: 100%;
    float: left;
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    background: #4bbad3;
    background: -moz-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: -webkit-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: linear-gradient(to bottom, #4bbad3 0%, #3c98ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bbad3', endColorstr='#3c98ae', GradientType=0);
}

.log_summary_row ul.Product_sub_menu li {
    width: auto;
    border-right: 1px solid #fff;
}

.log_summary_row ul.Product_sub_menu li:last-child {
    border-right: none;
}

.log_summary_row ul.Product_sub_menu li a {
    color: #fff;
    display: block;
    font-size: 14px;
    margin: 0 12px;
}

.log_summary_row ul.Product_sub_menu li a:hover {
    color: #fff;
    text-shadow: 0 0 2px #000;
}

.log_summary_row ul.Product_sub_menu li.active a {
    color: #fff;
    text-shadow: 0 0 2px #000;
}

.zeus_sub_menu {
    width: 100%;
    float: left;
    display: flex;
    padding: 20px 20px;
    justify-content: center;
    background: #9a9a9a;
    background: -moz-linear-gradient(top, #9a9a9a 0%, #9a9a9a 100%);
    background: -webkit-linear-gradient(top, #9a9a9a 0%, #9a9a9a 100%);
    background: linear-gradient(to bottom, #9a9a9a 0%, #9a9a9a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a', endColorstr='#9a9a9a', GradientType=0);
}

.log_summary_row ul.zeus_sub_menu li {
    width: auto;
    border-right: 1px solid #000;
}

.log_summary_row ul.zeus_sub_menu li:last-child {
    border-right: none;
}

.log_summary_row ul.zeus_sub_menu li a {
    color: #000;
    display: block;
    font-size: 16px;
    margin: 0 12px;
}

.log_summary_row ul.zeus_sub_menu li a:hover {
    color: #000;
    text-shadow: 0 0 2px #000;
}

.log_summary_row ul.zeus_sub_menu li.active a {
    color: #000;;
    text-shadow: 0 0 2px #000;
}

.zeus_btn {
    background: #dbf0f4;
    color: #333;
    border: 1px solid #a8a8a8;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 14px;
}

#zeusCompanyLog > thead > tr > th {
    font-weight: 700;
    text-align: left;
    font-size: 13px;
}

#zeusCompanyLog > tbody > tr > td {
    text-align: left;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.create_issue_row.zeus_table_align {
    padding-left: 130px;
    padding-right: 60px;
}

.zeus_create_button {
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
}

#adminProjectListTable > thead > tr > th {
    font-weight: 700;
    text-align: left;
    font-size: 13px;
    width: 150px !important;
}

#adminProjectListTable > tbody > tr > td {
    text-align: left;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    width: 180px !important;
}

#adminProjectListTable > tbody > tr > td:last-child {
    width: 300px !important;
}

/*==============================issue page==========================*/
.organisation_row {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0;
    overflow-x: auto;
    margin-bottom: 20px;
    margin-top: 50px;
}

.container.cstm_container {
    max-width: 1250px;
    width: 100%;
}

.issue_wrap {
    display: flex;
    width: 100%;
    margin-bottom: 17px;
    justify-content: space-between;
}

.create_report {
    display: flex;
    width: 60%;
    align-items: center;
    justify-content: center;
}

#attachQueueContent a {
    word-break: break-all;
    font-size: 15px;
}

.green_btn {
    background: rgb(112, 42, 53);
    background: -moz-linear-gradient(top, rgba(112, 42, 53, 1) 0%, rgba(123, 22, 40, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(112, 42, 53, 1) 0%, rgba(123, 22, 40, 1) 100%);
    background: linear-gradient(to bottom, rgba(112, 42, 53, 1) 0%, rgba(123, 22, 40, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#702a35', endColorstr='#7b1628', GradientType=0);
    border: none;
    color: #fff;
    padding: 0px 12px;
    height: 32px;
    border-radius: 3px;
    outline: none;
    font-size: 13px;
    border: 1px solid #752230;
    line-height: 30px;
}

#org_tab_filter {
    align-items: center;
    position: relative;
}

#org_tab_filter .teamCounter {
    margin-top: 10px;
}

.dataTables_filter label {
    margin-right: 16px;
}

.green_btn.dsp_btn {
    background: rgb(227, 227, 227);
    background: -moz-linear-gradient(top, rgba(227, 227, 227, 1) 0%, rgba(208, 208, 208, 1) 99%);
    background: -webkit-linear-gradient(top, rgba(227, 227, 227, 1) 0%, rgba(208, 208, 208, 1) 99%);
    background: linear-gradient(to bottom, rgba(227, 227, 227, 1) 0%, rgba(208, 208, 208, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#d0d0d0', GradientType=0);
    border: 1px solid #a8a8a8;
    color: #000;
    line-height: 23px;
}

.green_btn.view_isue {
    width: 95px;
    display: block;
    margin-top: 7px;
}

.google-visualization-orgchart-lineleft {
    border-left: 1px solid #409fb5 !important;
}

.google-visualization-orgchart-linebottom {
    border-bottom: 1px solid #409fb5 !important;
}

.google-visualization-orgchart-lineright {
    border-right: 1px solid #409fb5 !important;
}

.green_btn.write_btn {
    background: rgb(110, 110, 110);
    border: 1px solid #5b5b5b;
    background: -moz-linear-gradient(top, rgba(110, 110, 110, 1) 0%, rgba(79, 79, 79, 1) 99%);
    background: -webkit-linear-gradient(top, rgba(110, 110, 110, 1) 0%, rgba(79, 79, 79, 1) 99%);
    background: linear-gradient(to bottom, rgba(110, 110, 110, 1) 0%, rgba(79, 79, 79, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e6e6e', endColorstr='#4f4f4f', GradientType=0);
}

.red_border_validation {
    border: 1px solid #ff0000 !important;
}

.green_btn:hover {
    background: #fff;
    border: 1px solid #752230;
    color: #752230;
}

/*.drag_and_drop_box{*/
/*display: inline-block !important;*/
/*font-weight: bold;*/
/*text-align: center;*/
/*padding: 8px;*/
/*margin: 0;*/
/*color: #555;*/
/*border: 2px dashed #b5b2b2;*/
/*cursor: default;*/
/*width: 32% !important;*/
/*position: relative;*/
/*margin-top: -37px;*/
/*margin-bottom: 8px;*/
/*margin-right: 178px;*/
/*float: right;*/
/*}*/

.drag_and_drop_box {
    font-weight: bold;
    text-align: center;
    padding: 6px 9px;
    margin: 0px 55px 0px 0px;
    color: #555;
    height: 61px;
    border: 2px dashed #b5b2b2;
    width: 56%;
    float: right;
    line-height: 44px;
    cursor: pointer;
    position: relative;
}

.detail_right_row.rmov_flex.pos_relative {
    position: relative;
}

.write_email_form {
    width: 80%;
}

.write_email_form #filedrag.drag_drop_hover {
    width: 77%;
}

.status_color_green {
    color: #008000;
    font-size: 13px;
}

.detail_right_row.rmov_flex.pos_relative.fr_sub_ssue {
    width: 57%;
    padding: 0;
}

.detail_right_row.rmov_flex.pos_relative.fr_sub_ssue.for_untracked {
    margin-left: 123px;
}

.sub_issue_discrp {
    width: 50%;
}

.choosen_row.wdth100 {
    width: 100%;
    text-align: center;
    margin-top: 8px;
}

.choosen_row .choosen_input {
    width: 100%;
}

.choosen_row.wdth100 button {
    width: 100%;
}

.dsp_flex_inner_rght .drag_and_drop_box {
    margin-right: 0;
    width: 100%;
}

.dsp_flex_inner_rght {
    display: flex;
    justify-content: space-between;
    width: 48%;
}

.project_level {
    border: 1px solid #CCC;
    text-align: center;
    padding: 8px;
    background: #f6f6f6;
    border-radius: 2px;
    margin-top: 3px;
    font-size: 14px;
    width: 263px;
}

.project_level:hover {
    background: #48b3cc;
    border: 1px solid #48b3cc;
    cursor: pointer;
}

.project_level.active {
    background: #48b3cc;
    border: 1px solid #48b3cc;
    cursor: pointer;
}

.isu_trckr_lft_col {
    margin-top: 141px;
    padding: 25px;
    margin-bottom: 48px;
}

.isu_trckr_rght_col {
    margin-top: 33px;
    padding: 25px;
    margin-bottom: 48px;

}

.issue_level_trckr_btn_div {
    margin: 0px;
    padding: 7px;
    display: flex;
    flex-direction: column;
}

.issue_level_trckr_btn_div input {
    margin-top: 10px;
    width: 126px;
}

.issue_level_trckr_btn_div button {
    margin-top: 10px;
    width: 126px;
}

.col-md-12.btn_pos_centre {
    padding: 12px 0px;
    align-items: center;
    text-align: center;
}

.cstm_input_text.issue_lvl_add_txt_fld {
    width: 177px;
}

.btn.btn-default.issue_lvl_add_btn {
    margin-top: -4px;
    width: 67px;
}

.btn.btn-default.issue_lvl_dlt_btn {
    float: right;
    width: 67px;
    margin-top: 10px;
}

.drag_drop_hover {
    padding: 17px 16px 15px 17px;
    margin: -20px 7px 0px -2px;
    color: #555;
    height: 164px;
    border: 2px dashed #CCC;
    float: right;
    line-height: 123px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    opacity: 0.8;
    background: white;
    right: 0px;
    left: 0px;
    width: 100%;
    bottom: -34px;
}

.choosen_input {
    position: absolute;
    top: 0px;
    width: 100%;
    opacity: 0;
    font-size: 31px;
    height: 32px;
}

form.form_attachmnt_row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.choosen_row {
    width: 26%;
    float: left;
    position: relative;
}

.choosen_row button {
    width: 100%;
}

.attachmnt_lnk.fr_coloumn {
    display: flex;
    flex-direction: column;
}

.create_issue_row {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    flex-direction: column;
}

.issue_col span {
    margin-bottom: 5px;
}

.cstm_search {
    position: relative;
    margin-left: 7px;
}

.cstm_search input {
    padding: 4px 25px 4px 6px;
    border: 1px solid #46adc5;
    font-size: 14px;
}

.cstm_search button {
    position: absolute;
    top: 8px;
    right: 6px;
    background: none;
    border: none;
}

.cstm_search button i {
    color: #46adc5;
}

.issue_deatil {
    width: 100%;
    float: left;
}

.issue_deatil_left {
    width: 48%;
    float: left;
}

.issue_detail_scroll {
    overflow-y: auto;
    height: 548px;
}

.issue_detail_col {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    padding: 12px 14px;
    margin-bottom: 6px;
}

.issue_detail_col:nth-child(odd) {
    background: #eee;
}

.issue_detail_col.active {
    border: 2px solid #44acc3;
}

.issue_detail_col:nth-child(even) {
    background: #fff;
}

.assigned_by {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.assigned_detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.assigned_detail p {
    width: 86%;
    color: #333;
}

.detail_right_row.flex_start {
    align-items: flex-start;
}

#discussion span {
    width: 100%;
    float: left;
    font-size: 14px;
}

#discussion .attachmnt_lnk {
    margin-bottom: 8px;
}

#discussion span.disscusion_txt {
    margin-bottom: 8px;
}

.discussion_lbl {
    font-weight: 600;
}

.attachmnt {
    font-weight: 600;
}

.digit_num {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
}

.display_inline_grid {
    font-size: 14px;
    display: inline-grid;
}

.descrip_left {
    width: 69%;
    float: left;
}

.descrip_left span {
    margin-bottom: 4px;
    display: block;
}

.detail_border.fnt13 {
    font-size: 13px;
}

.detail_border.min_height108 {
    min-height: 105px;
}

.chart_node {
    box-shadow: 2px 3px 3px #3f9fb6 !important;
    border-radius: 4px !important;
    background: rgb(73, 181, 206) !important;
    border: 1px solid #43a7bf !important;
    color: #fff !important;
    font-size: 13px !important;
    padding: 10px 10px !important;
    line-height: 20px !important;
    font-weight: 600;
}

.detail_border.review_mrg_btm10_min_hght70 {
    min-height: 70px;
    margin-bottom: 10px;
}

.attachmnt_right {
    width: 28%;
    float: right;
}

.digit_num.mgrgt10 {
    margin-right: 10px;
}

.digit_num.dsp_flex {
    display: flex;
    flex-direction: column;
}

.lght_wght {
    font-weight: 500;
    font-size: 14px;
}

.issue_detail_right {
    width: calc(100% - 50%);
    float: right;
    border: 1px solid #ccc;
    margin-left: 15px;
}

.issue_right_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 64%;
    float: left;
}

.field_row.cstm_pop_review textarea {
    width: 100%;
}

.field_row.cstm_pop_review .detail_right_row.rmov_flex.pos_relative {
    width: 36%;
    padding: 0;
}

.field_row.cstm_pop_review .choosen_row {
    width: 100%;
    margin-top: 10px;
}

.field_row.cstm_pop_review .drag_and_drop_box {
    width: 100%;
    margin-right: 0;
}

.field_row.cstm_pop_review {
    align-items: flex-start;
}

.diff_wrote_and_attchmnt.new_diffr.mgtop10 {
    margin-top: 15px;
    margin-bottom: 0;
}

.diff_wrote_and_attchmnt.new_diffr.mgtop10.botm15 {
    margin-bottom: 15px;
}

.review_commnts {
    float: left;
    font-size: 14px;
    margin-top: 10px;
}

.detail_right_row.rmov_flex.padd0 {
    padding: 0;
}

.bg_green_light {
    background: #4bbad3;
    background: -moz-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: -webkit-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: linear-gradient(to bottom, #4bbad3 0%, #3c98ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bbad3', endColorstr='#3c98ae', GradientType=0);
}

.detail_right_row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 7px 10px;
    min-height: 48px;
    align-items: center;
}

.detail_right_row.remv_flex {
    display: block;
    width: 100%;
    padding: 4px 8px;
}

.writer_name {
    font-weight: 600;
    font-size: 13px;
    margin: 5px 0;
}

.detail_border {
    border: 1px solid #ddd;
    display: block;
    padding: 5px 10px;
    border-radius: 4px;
    min-height: 35px;
    background: #eee;
    font-size: 14px;
}

.detail_right_row textarea {
    width: 100%;
    resize: none;
    padding: 10px;
    border: 1px solid #ccc;
    outline: none;
    border-radius: 4px;
}

.sub_issue_lbl {
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
}

.detail_right_row.rmov_flex {
    display: inline-block;
}

.new_issue_row .choose_col {
    width: 37%;
}

.choose_col .upload_status {
    color: #008000;
    font-size: 14px;
}

.new_issue_row .choose_col input {
    width: 100%;
}

.detail_right_row.rmov_flex h3 {
    color: #333;
    margin-bottom: 7px;
    font-size: 15px;
}

.detail_right_row h3 {
    font-weight: 600;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.issue_btn_grp {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    margin-top: 10px;
}

.issue_btn_grp.flx_direction_colmn {
    flex-direction: column;
    align-items: flex-start;
}

.pull-right.green_btn.mrg_btm_10 {
    margin-bottom: 10px;
}

.issue_btn_grp a {
    margin: 0 4px;
}

.issue_btn_grp a:hover {
    color: #752230;
}

.cstm_select.mgtop10 {
    margin-bottom: 10px;
}

.submittal_form_row.flex_dircton {
    flex-direction: column;
}

.submittal_form_row.flex_dircton p {
    margin-bottom: 7px;
    width: 100%;
}

.attchmnt_row {
    width: 100%;
    display: block;
}

.wrapp_inc_btn {
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

label.cstm_plus_circle {
    color: #3bac0b;
    font-size: 19px;
}

span.cstm_minus_circle {
    font-size: 19px;
    color: #cb0404;
}

button.btn.ulpoad_btn {
    background: #fff;
    box-shadow: none;
    border: 1px solid #b4b2b2;
}

.cstm_progress_bar .progress-bar {
    background-color: #3c99ae;
}

.cstm_progress_bar {
    width: 72%;
    margin: 0 24px;
}

.cstm_progress_bar .progress {
    margin-bottom: 0 !important;
}

.incremnt_button_grp {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

.attchment_name_word_wrap {
    display: flex;
    flex-direction: column;
}

.cstm_select.disable_select {
    background: #ccc;
    border: 1px solid #ccc;
    color: #752230;
}

.issue_btn_grp button {
    margin: 0 5px;
    padding: 0px 10px;
}

.new_issue_row {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 6px;
}

.new_issue_row .affiliate_label {
    margin-left: 15px;
    margin-right: unset;
    width: 19%;
}

.new_issue_row .affiliate_field {
    margin-right: 25px;
}

.cstm_select.sel_margin {
    margin-left: 0px;
    width: 74% !important;
}

.new_issue_row button.affiliate_button {
    width: 40%;
    margin-right: 269px;
    color: #737373;
    border: 1px solid #ccc;
}

.new_issue_row.add_remove_member {
    justify-content: flex-start;
    margin-bottom: 10px;
}

.new_issue_row.add_remove_member label {
    width: 128px;
}

.new_issue_row.add_remove_member label.width_142 {
    width: 142px;
}

.margin_left14 {
    margin-left: 14px;
}

.new_issue_row.add_remove_member input {
    width: 77%;
    height: 38px;
}

button.green_btn.cancel_btn {
    background: #ba3636;
    border: 1px solid #ba3636;
    color: #fff;
}

button.green_btn.cancel_btn:hover {
    background: #fff;
    border: 1px solid #ba3636;
    color: #ba3636;
}

button.green_btn.done_btn {
    background: #57b257;
    border: 1px solid #57b257;
}

button.green_btn.done_btn:hover {
    background: #fff;
    border: 1px solid #57b257;
    color: #57b257;
}

.new_issue_row span.usr_name {
    width: 37%;
}

.new_issue_row.add_remove_member .cstm_checkbox {
    width: 37%;
}

.new_issue_row.add_remove_member .cstm_checkbox [type="checkbox"]:not(:checked) + label:before, .new_issue_row.add_remove_member .cstm_checkbox [type="checkbox"]:checked + label:before {
    top: -8px;
}

.new_issue_row.add_remove_member .cstm_checkbox [type="checkbox"]:not(:checked) + label::after, .new_issue_row.add_remove_member .cstm_checkbox [type="checkbox"]:checked + label::after {
    top: -5px;
}

.edit_btn {
    background: transparent;
    border: none;
    color: #3c9bb1;
    margin: 0 8px;
    font-size: 14px;
    outline: none;
    cursor: pointer;
}

.view_btn {
    background: transparent;
    border: none;
    color: #d38700;
    margin: 0 4px;
    font-size: 14px;
    outline: none;
}

.add_btn {
    background: transparent;
    border: none;
    color: #109f35;
    margin: 0 7px;
    font-size: 14px;
    outline: none;
}

.delete_btn {
    background: transparent;
    border: none;
    color: #e54040;
    font-size: 14px;
    outline: none;
    cursor: pointer;
}

.admin_btn {
    cursor: pointer;
}

.admin_edit_btn {
    display: flex;
    width: 100%;
}

.closure_btn {
    background: transparent !important;
    border: 1px solid #a8a8a8;
    color: #333;
    padding: 6px;
    border-radius: 4px;
    margin-right: 10px;
}

.new_issue_row label {
    margin-bottom: 0;
    font-weight: 500;
    width: 25%;
    font-size: 14px;
    text-align: left;
    margin-right: 19px;
}

.new_issue_row.new_submittal_pop label {
    width: 30%;
    min-width: 30%;
}

.wrapp_flex {
    display: block;
    flex-direction: column;
    width: 75%;
    float: right;
}

.new_issue_row .wrapp_flex button {
    width: auto;
}

.word_brk {
    word-break: break-all;
    float: right;
    width: 100%;
}

.new_issue_row textarea, .new_issue_row input, .new_issue_row select.cstm_select, .new_issue_row .slct_grp {
    width: 75%;
    height: 33px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.new_issue_row input.scope_btn {
    width: auto;
    padding: 0 13px;
    height: 34px;
}

.new_issue_row button {
    width: auto;
}

.margin_button {
    margin-left: 7px;
}

.margin_checkbox {
    margin-left: 15px;
}

.new_issue_row textarea {
    padding: 5px;
    height: 70px;
    border: 1px solid #ccc;
    outline: none;
}

.new_issue_row.fr_align {
    align-items: flex-start;
}

.new_issue_row.view_row:nth-child(even) {
    /*background: #eee;*/
    padding: 8px 0;
}

.new_issue_row.view_row label {
    font-weight: 600;
    width: 33%;
}

.new_issue_row.view_row span button {
    width: 64%;
}

.new_issue_row.view_row span {
    width: 43%;
    font-size: 14px;
}

.new_issue_row.view_row ul {
    width: 43%;
}

.new_issue_row.view_row ul li {
    display: flex;
    justify-content: space-between;
}

.chain_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new_issue_row.rfi_chain label {
    width: 33%;
}

.new_issue_row.rfi_chain span, .new_issue_row.rfi_chain select, .new_issue_row.rfi_chain input, .new_issue_row.rfi_chain textarea {
    width: 48%;
}

.new_issue_row.rfi_chain textarea, .new_issue_row.rfi_chain input {
    border: 1px solid #ccc;
}

.new_issue_row.rfi_chain span button {
    width: 100%;
}

.checkbox_row.mylist label {
    color: #fff;
}

.issue_attachments {
    width: 100%;
    float: left;
    display: flex;
}

.issue_attachments a {
    width: 50%;
    margin-right: 30px;
}

.issue_attachments .file_button_padding {
    padding: 2px 2px !important;
}

.issue_attachments button {
    width: 10%;
    margin-left: 100px;
}

.pad_link {
    padding-top: 10px;
    padding-bottom: 15px;
}

.issue_attachments.attachmnt_margn {
    margin: 10px 10px 10px 10px;
}


.issue_attachments.cmt_attachmnt_margn {
    margin: 0px 10px 10px 0px;
}

/*===================custom check box====================*/
.checkbox_row label {
    margin-bottom: 0;
    font-weight: 500;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25em;
    height: 1.25em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 3px;
    left: 4px;
    font-size: 14px;
    line-height: 0.8;
    color: #48b3cc;
    transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/*=====================modal====================*/
.close {
    opacity: 1;
    color: #fff;
}

.close:hover {
    opacity: 1;
}

.modal-header .close {
    margin-top: 0px;
}

.modal-header {
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #4bbad3;
    background: -moz-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: -webkit-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: linear-gradient(to bottom, #4bbad3 0%, #3c98ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bbad3', endColorstr='#3c98ae', GradientType=0);
}

.pop_btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 20px 0;
}

.pop_btn button {
    margin: 0 4px;
}

.add_issue_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add_issue_row button {
    width: 32px;
    background: #ddd;
    border: 1px solid #ccc;
    font-size: 20px;
}

.add_issue_row textarea {
    width: 73%;
    border: 1px solid #ccc;
    height: 60px;
    margin: 0 11px;
}

.add_issue_row.fr_add {
    margin-top: 31px;
    border-top: 1px solid #ddd;
    padding-top: 25px;
}

#add_attachmnt .modal-dialog {
    width: 800px;
}

.digit {
    font-family: 'Open Sans', sans-serif;
}

/*=====================table====================*/

.table > tbody > tr > td span.checkbox_row {
    display: inline-block;
    position: relative;
}

.table > thead:first-child > tr:first-child > th {
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #4e1a24;
    text-transform: uppercase;
}

.table > tbody > tr > td {
    text-align: center;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.table > tbody > tr.even {
    background: #f9f9f9;
}

#org_tab > tbody > tr > td:last-child {
    white-space: nowrap;
    font-family: 'Open Sans', sans-serif;
}

.table {
    border: 1px solid #ddd;
    width: 100% !important;
}

thead {
    background: #e4e4e4;
}

.table thead th:hover {
    cursor: pointer;
}

.select_scope.table > tbody > tr > td {
    text-align: left;
}

.task_table {
    margin-top: 10px;
}

/*================Submittal page=================*/

.submittal_details_header_row {
    border-top: 1px solid #a8a8a8;
    padding: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.submittal_details_header_row .heading_title {
    border-right: 1px solid #a8a8a8;
    width: 50%;
    padding: 6px 6px 6px 13px;
    font-size: 16px;
    font-weight: 600;
}

.submittal_details_header_row .submittal_detail_wrapper {
    border-right: 1px solid #a8a8a8;
    width: 50%;
    padding: 6px 6px 6px 13px;
    font-size: 16px;
    font-weight: 600;
    height: auto;
    min-height: 200px;
}


.new_issue_row.new_submittal_pop label.font_wght_600 {
    font-weight: 600;
}

.green_text {
    color: #085808;
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn.btn-danger.dlt_file_height {
    max-height: 23px;
    max-width: 26px;
    padding: 3px 7px;
}

.ajax-file-upload-statusbar.submittal_file_upload_statusbar .extrahtml {
    color: #27849a;
    width: 100%;
}

.ajax-file-upload-statusbar.submittal_file_upload_statusbar {
    display: flex;
    padding: 4px 4px;
    border: none;
}

.ajax-file-upload-statusbar.affiliate_file_upload_statusbar {
    display: flex;
    padding: 4px 4px;
    border: none;
}

.ajax-file-upload-statusbar.submittal_file_upload_statusbar_label {
    display: flex;
    padding: 25px 4px;
    border: none;
    width: 530px;
}

.ajax-file-upload-statusbar.approve_listing_file_upload_statusbar_label {
    display: flex;
    padding: 10px 4px;
    border: none;
    width: 455px;
}

.ajax-file-upload-statusbar.approve_listing_file_upload_statusbar_label .extrahtml {
    color: #27849a;
    width: 100%;
    text-align: center;
    margin-right: 100px;
}

.ajax-file-upload-statusbar.submittal_file_upload_statusbar_label .extrahtml {
    color: #27849a;
    width: 100%;
    text-align: center;
    margin-right: 100px;
}

#notifySubmittalTable_filter input[type="search"] {
    width: 300px !important;
}

#notifySubmittalTable > thead:first-child > tr:first-child > th {
    text-align: left !important;
}

#notifySubmittalTable > tbody > tr > td {
    text-align: left !important;
}

#errorMessageDiv span {
    width: 100%;
}

.orange_banner {
    background: #f19e08 !important;
}

.blue_banner {
    background: #4cb3cf !important;
}

.green_banner {
    background: #057b05 !important;
}

.gray_banner {
    background: #949494 !important;
}

.new_issue_row.new_submittal_pop button {
    position: relative;
    left: 188px;
}

.submittal_file_upload_div_container {
    width: 71%;
}

.submittal_file_upload_div_container .ajax-file-upload-statusbar {
    width: 380px !important;
    margin: 8px 0 8px 0 !important;
}

#newSubmittalFileUpload .ajax-upload-dragdrop {
    height: 60px;
}

.submittal_attachment_label {
    align-items: flex-start;
}

#newSubmittalFileUpload {
    width: 391px;
}

.new_submittal_pop select {
    margin: 0 !important;
}

.submittal_inner_row {
    background: transparent !important;
    padding: 6px 14px !important;
}

.submittal_authorize_row {
    border-bottom: 1px solid rgb(51, 51, 51);
    align-items: center;
    padding: 10px 14px;
    background: transparent !important;
}

.filter_wrapper {
    display: flex;
    flex-direction: row;
}

.filter_div_item_margin {
    margin-left: 2px;
}

.filter_div_width {
    width: 30%;
}

.submittal_filter_col select {
    width: 90%;
    margin-top: 5px;
    margin-left: 0;
}

.width_55_per {
    width: 55% !important;
}

.add_commnt_row {
    float: left;
    width: 100%;
}

.add_commnt_row label {
    width: 100%;
    float: left;
}

.add_commnt_row textarea {
    width: 100%;
    border: 1px solid #ccc;
    height: 73px;
    padding: 5px;
    border-radius: 3px;
}

.slct_grp {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    height: auto !important;
    border: none !important;
}

.slct_grp.dsp_normal {
    display: block;
}

.field_row {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    align-items: center;
}

.field_right input.cstm_input_text.full_input {
    width: 100%;
}

.field_right {
    width: 70%;
}

.repeat_pop_bottom {
    margin-bottom: 15px;
}

.field_right [type="checkbox"]:not(:checked) + label:before, .field_right [type="checkbox"]:checked + label:before {
    top: -9px;
}

.field_right [type="checkbox"]:not(:checked) + label:after, .field_right [type="checkbox"]:checked + label:after {
    top: -4px;
}

.field_right textarea {
    width: 100%;
}

.field_row textarea {
    box-shadow: none;
    height: 88px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.fr_text_center {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.submittal_form_row .comnt_msg {
    display: block;
    font-weight: 500;
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 4px;
}

.submittal_row.dsp_betwn {
    justify-content: space-between;
    padding: 0 21px;
}

.submittal_row.dsp_betwn p {
    font-weight: 600;
    width: 100%;
}

.review_comnt {
    width: 100%;
    padding: 0 8px;
}

.review_comnt ul li {
    font-size: 14px;
}

.field_left label {
    font-size: 14px;
}

.new_issue_row input {
    border: 1px solid #ccc;
    padding: 4px 6px;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;

}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

/*.slct_grp button {*/
/*width: 100%;*/
/*}*/
.alert-label-red-color {
    color: red;
}

.white_color {
    background-color: #FFFFFF !important;
}

.providr_col {
    display: flex;
    flex-direction: column;
    width: 72%;
}

.submittal_row {
    width: 100%;
    float: left;
    margin-bottom: 14px;
    display: flex;
    padding: 0 13px;
    justify-content: space-around;
}

.submittal_row h3 {
    text-align: center;
    margin: 0 0px 20px 0;
    font-size: 16px;
}

.submittal_col {
    width: 47%;
    float: left;
    border: 1px solid #ccc;
    padding: 13px 8px;
}

.btn_comment_row {
    margin-top: 10px;
    float: right;
}

.submittal_form_row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 9px;
}

.submittal_form_row span {
    text-align: right;
    font-weight: 600;
    font-size: 14px;
}

.submittal_log_disccusion_details {
    display: block;
    position: absolute;
    border: 1px solid #CCC;
    background: white;
    padding: 12px;
    left: 0;
    right: 0;
    height: 94%;
    top: 49px;
}

.btn_cc {
    flex-direction: column;
    display: block;
    width: 100%;
}

.btn_cc button {
    float: right;
}

.btn_cc span {
    float: right;
}

.comment_row {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.issue_wrap .issue_col {
    margin-right: 8px;
    font-size: 14px;
    width: 32%;
    float: left;
    display: flex;
    flex-direction: column;
}

.issue_col select {
    width: 100%;
}

.new_submittal {
    width: 24%;
    text-align: center;
}

.issue_col.flex_end {
    justify-content: flex-end;
}

.issue_col.flex_end.open_log_width_16 {
    width: 16%;
}

.issue_col .dropbtn {
    width: 100%;
}

.comment_row textarea {
    width: 100%;
    margin-top: 3px;
    float: left;
    padding: 5px;
    border: 1px solid #ccc;
    min-height: 79px;
}

.submittal_form_row p {
    width: 60%;
}

.submittal_head {
    text-align: center;
    font-weight: 600;
    margin: 18px 0;
}

.create_report button {
    margin: 0 0px 0px 8px;
}

.mob_toggle {
    display: none;
}

.user_name.mob_user_name {
    display: none !important;
}

.headr_left .user_name {
    display: flex;
}

#chart_div table {
    border-collapse: inherit;
}

.modal-dialog.width690 {
    width: 745px;
}

.modal-dialog.width900 {
    width: 950px;
}

.green_btn.mg5 {
    margin: 0 5px;
}

.green_btn.disable_new_submittal_button {
    background: lightgray;
    border: none;
}

.cstm_select.mg_bottm10 {
    margin-bottom: 10px;
}

#edit_team_member > tbody > tr > td:first-child {
    white-space: nowrap;
}

.alert-success {
    width: 100%;
    text-align: center;
    font-size: 13px;
}

.mg_bottom10 {
    margin-bottom: 10px;
}

.notification_width {
    width: 230px;
}

.scrolly_400 {
    overflow-y: auto;
    height: 400px;
}

.scrolly_200 {
    overflow-y: auto;
    height: 200px;
}

ul.team_tab_btn li {
    display: inline-block;
}

.wdth_auto {
    padding: 6px 22px !important;
    width: auto !important;
    margin-left: 10px;
}

div#org_tab_filter .green_btn {
    margin: 0px 4px;
}

ul.team_tab_btn {
    width: 100%;
    float: left;
    padding: 0 4px;
}

.calender_bg {
    background: #bfbebe;
    width: 100%;
    margin-bottom: 12px;
    float: left;
    padding: 12px 14px;
}

.project_btn {
    margin-left: 48px;
}

.project_calendar_row {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.project_calendar_row h2 {
    color: #fff;
}

.blue_btn {
    border: none;
    color: #fff;
    padding: 7px 12px;
    height: 30px;
    border-radius: 3px;
    outline: none;
    font-size: 14px;
    background: #4bbad3;
    background: -moz-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: -webkit-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: linear-gradient(to bottom, #4bbad3 0%, #3c98ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bbad3', endColorstr='#3c98ae', GradientType=0);
}

.blue_btn:hover {
    color: #fff;
    background: #3c98ae;
    background: -moz-linear-gradient(top, #3c98ae 0%, #4bbad3 100%);
    background: -webkit-linear-gradient(top, #3c98ae 0%, #4bbad3 100%);
    background: linear-gradient(to bottom, #3c98ae 0%, #4bbad3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c98ae', endColorstr='#4bbad3', GradientType=0);
}

.left_tracker {
    width: 30%;
}

.right_tracker {
    width: 40%;
    padding-top: 10px;
}

.left_tracker input[type="text"] {

    height: 26px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 0 7px;
}

.tracker_form input[type="text"] {

    float: left;
}

.pop_btn.finish {
    display: inline-block;
    text-align: center;
    margin: 15px 0px 6px 0;
}

.tracker_form .tracker_mgmt_sbmit {
    margin-bottom: -5px;
}

.mid_tracker {
    height: 386px;
    overflow-y: auto;
}

.days_row [type="checkbox"]:not(:checked) + label, .days_row [type="checkbox"]:checked + label {
    padding-left: 25px;
}

.days_row {
    float: left;
    margin-right: 12px;
}

.cstm_input_text {
    border: 1px solid #ccc;
    padding: 4px 6px;
    height: 33px;
    border-radius: 3px;
    font-size: 13px;
}

.modal-dialog.meeting_setting .cstm_input_text {
    width: 100%;
}

.meeting_minute_content .folder_buttons {
    width: auto;
}

.user_name.setting_name {
    margin-left: 17px;
    line-height: 43px;
    border-right: 1px solid;
    padding-right: 11px;
}

.user_name.setting_name span {
    font-size: 15px;
}

.submittal_col.width100 {
    width: 100%;
}

.submittal_details_row {
    border-top: 1px solid rgb(51, 51, 51);
    padding: 10px 12px;
    width: 100%;
}

.file_text_color {
    color: blue;
}

.submittal_label_weight {
    font-weight: normal;
}

.submittal_label_weight.disp_left {
    margin-right: 10px;
}

#submittalDetailsNewAttachments .ajax-upload-dragdrop .ajax-file-upload {
    padding-top: 10px;
}

.review_border {
    border-bottom: 1px solid #a8a8a8;
    border-top: 1px solid #a8a8a8;
}

.submittal_padding_left {
    padding-left: 10px;
}

select.submittal_margin_right {
    margin-right: 80px;
}

.submittal_date_text_field {
    height: 40px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #a8a8a8;
    outline: none;
    color: #333;
    font-size: 14px;
    background: #fff;
    margin-left: 30px;
}

.width100_per {
    width: 100% !important;
}

.width10_percent {
    width: 10% !important;
}

.width15_per {
    width: 15% !important;
}

.input-group.calendar_icon {
    width: 60%;
}

.input-group.calendar_icon_width {
    width: 70%;
}

.input-group-addon.bg_color_none {
    background-color: #FFFFFF;
    border: none;
}

.marg_top {
    margin-top: 50px;
}

#submitForReviewDocumentsTable > thead > tr > th {
    font-weight: 640;
    text-align: left;
    font-size: 13px;
    border: 1px solid #ccc;
}

#submitForReviewDocumentsTable > tbody > tr > td {
    background-color: #fff;
    font-size: 13px;
    text-align: left;
    border: 1px solid #ccc;;
}

.wrap_content {
    overflow-wrap: anywhere;
}

#submitForReviewDocumentsTable_wrapper .dataTables_info {
    margin-left: 10px;
}

#submitForReviewDocumentsTable label {
    margin-bottom: 20px;
}

#submitForReviewDocumentsTable_filter input[type="search"] {
    display: none;
}

#reviewDocumentTable_filter input[type="search"] {
    display: none;
}

#reviewDocumentTable_wrapper .dataTables_info {
    margin-left: 10px;
}

#reviewDocumentTable > thead > tr > th {
    font-weight: 640;
    text-align: left;
    font-size: 13px;
    border: 1px solid #ccc;
}

#reviewDocumentTable > tbody > tr > td {
    background-color: #fff;
    font-size: 13px;
    text-align: left;
    border: 1px solid #ccc;
}

#reviewDocumentTable label {
    margin-bottom: 20px;
}

#authorizeDocumentTable_filter input[type="search"] {
    display: none;
}

#authorizeDocumentTable_wrapper .dataTables_info {
    margin-left: 10px;
}

#authorizeDocumentTable > thead > tr > th {
    font-weight: 640;
    text-align: left;
    font-size: 13px;
    border: 1px solid #ccc;
}

#authorizeDocumentTable > tbody > tr > td {
    background-color: #fff;
    font-size: 13px;
    text-align: left;
    border: 1px solid #ccc;
}

#authorizeDocumentTable label {
    margin-bottom: 20px;
}

.align_left {
    text-align: left;
}


.notification_dialog.modal-body {
    padding: 15px 15px 10px 35px;
}

/*========================custom radio=============*/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.bg-grey{
    background-color: lightgrey;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #44abc3;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

span.cstm_radio_row {
    display: flex;
    width: 37%;
}

/*============ submittal queueue ========================*/

.submittal_form_row .log_description {
    border: 1px solid #CCC;
    padding: 5px;
    width: 100%;
    min-height: 30px;
}

.rvw_cmnt_log_msg_txtarea {
    width: 96%;
    margin-top: 7px;
    margin-bottom: 8px;
}

.providr_col.submital_log {
    width: 53%;
}

.review_row {
    width: 100%;
    float: left;
    padding: 0 15px;
    margin-bottom: 10px;
}

.review_col {
    width: 100%;
    float: left;
}

.review_head {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review_row textarea {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    margin-top: 6px;
    resize: none;
    padding: 10px;
}

.view_logs_txt_area {
    width: 100%;
    margin: 4px;
    padding: 7px;
    height: 300px;
}

button#viewLogs {
    margin-top: 8px;
}

/*===========================custom drop down========================*/

#toggleFilterButton span {
    position: relative;
    left: 24px;
}

.dropbtn {
    height: 38px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #a8a8a8;
    outline: none;
    color: #333;
    font-size: 14px;
    padding: 0 8px;
    background: #fff;
    width: 100%;
}

.dropbtn:hover, .dropbtn:focus {
    /*background-color: #a5ae2b;
    color: #fff;*/
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.username_dropdown_content {
    display: none;
    position: absolute;
    background-color: white;
    overflow: auto;
    z-index: 1;
    flex-direction: column;
    top: 43px;
    left: 0;
    border: 1px solid;
    border-top: none;
    line-height: 19px;
    width: 100%;
}

.show_content {
    display: flex !important;
}

#accountDropDown {
    padding-left: 0;
}

.username_dropdown_content > a {
    font-size: 12px !important;
    font-weight: 300 !important;
    color: #333;
    padding: 4px 7px;
}

.username_dropdown_content.show_content :hover a {
    font-weight: 600 !important;
}

.padding_btm {
    padding-bottom: 4px;
    border-bottom: 1px solid #cccccc;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    background: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-content a i {
    color: #49121f;
    position: relative;
    left: 9px;
}

.dropdown a:hover {
    background-color: #eee;
}

.show {
    display: block;
}

#notificationHistoryDataTable > tbody > tr > td {
    font-size: 14px;
    text-align: left !important;
}

#notificationHistoryDataTable > thead > tr > th {
    font-size: 15px;
    text-align: left !important;
}

/*======================================login page=======================*/

.login_row {
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
}

.login_col {
    max-width: 400px;
    margin: 0 auto;
    box-shadow: 0 0 5px #ccc;
    text-align: center;
    padding: 30px 20px 20px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login_col h4 {
    font-weight: 500;
    margin-bottom: 27px;
    margin-top: 20px;
    font-size: 15px;
}

.login_field input {
    box-shadow: none;
    border-radius: 0;
    height: 38px;
    padding: 4px 7px 4px 39px;
}

.login_field {
    width: 68%;
    margin: 29px 0 29px 59px;
    position: relative;
}

.login_field i {
    position: absolute;
    left: 11px;
    top: 8px;
    font-size: 20px;
    color: #a4a2a2;
}

.login_field i:after {
    content: "";
    border-right: 1px solid #ddd;
    position: absolute;
    width: 1px;
    right: -10px;
    height: 37px;
    top: -8px;
}

.login_field.cstm_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px
}

.login_field.cstm_flex a {
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.login_col p {
    margin-top: 20px;
}

.login_col p a {
    color: #070707;
    font-weight: 500;
    text-decoration: none;
    font-size: 13px;
}

.login_check [type="checkbox"]:not(:checked) + label, .login_check [type="checkbox"]:checked + label {
    font-size: 14px;
}

.login_col p.messge {
    font-size: 13px;
    margin-top: 30px;
}

.login_alert {
    margin-bottom: 10px;
}

.login_alert span {
    font-size: 13px;
}

.logn_btn {
    margin-top: 12px;
    width: 150px;
}

/*===========================sign up filed========================*/
.login_row.sign_up_form .login_col {
    max-width: 580px;
    top: 65%;
    margin-top: 39%;
}

.sign_up_field {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.sign_up_field label {
    width: 28%;
    float: left;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
}

.sign_up_field input {
    width: calc(100% - 34%);
}

.sign_up_field .intl-tel-input {
    width: calc(100% - 34%);
}

.sign_up_field .intl-tel-input input {
    width: 100%;
}

.sign_up_field select {
    width: 72%;
    border: 1px solid #ccc;
    margin-left: 0;
    max-width: 358px;
}

.login_row.sign_up_form h3 {
    font-size: 15px;
    margin-bottom: 43px;
    margin-top: 21px;
}

.login_row.sign_up_form .login_check {
    float: left;
    margin-bottom: 15px;
}

.login_row.sign_up_form .login_check a {
    color: #0e4aca;
    font-weight: 500;
}

.basepin_account {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.basepin_account {
    width: 100%;
    float: left;
    margin-top: 20px;
    position: relative;
}

.reqired_field {
    margin: 10px 0;
    font-size: 13px;
    color: #ff0000;
    float: left;
    width: 100%;
    text-align: center;
}

.create_btns {
    width: 100%;
    float: left;
}

.create_btns a {
    padding: 6px 12px;
}

.create_btns input {
    margin-right: 10px;
}

p.pwd_error {
    font-size: 13px;
    color: red;
    margin-top: 0;
    position: absolute;
    top: 23px;
}

p.field_error {
    color: red;
    margin-top: 0;
    position: absolute;
    top: 30px;
    font-size: 13px;
    text-align: center;
    width: 100%;
}

.personal_infrmtion {
    position: relative;
}

.new_issue_row.issue_create {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.new_issue_row.issue_create label {
    margin-bottom: 18px;
    font-weight: 600;
}

.new_issue_row.issue_create ul {
    width: 100%;
}

.new_issue_row.issue_create > ul > li {
    display: block;
    width: 100%;
    margin-bottom: 12px;
}

.new_issue_row.issue_create ul li span.dsp_flex_inner {
    width: 100%;
    float: left;
    justify-content: space-between;
    display: flex;
    font-size: 14px;
}

.new_issue_row.issue_create ul li span.dsp_flex_inner .checkbox_row label {
    margin-bottom: 0;

}

.new_issue_row.issue_create ul li span.reply_commnt {
    font-size: 13px;
    font-style: italic;
    margin-left: 20px;
}

.submittal_row.flex_diectn {
    flex-direction: column;
    padding: 0 20px;
}

.submittal_row.flex_diectn p {
    font-weight: 600;
}

.bim_centre_image_size {
    width: 130px;
    height: 130px;
}

.review_comnt.dsp_flex {
    flex-direction: column;
    display: flex;
    padding: 0;
}

.review_comnt.dsp_flex a {
    font-size: 13px;
}

/*===========================custom drop down========================*/
.dropdown.bootstrap-select.cstm_select {
    width: 72% !important;
}

.dropdown.bootstrap-select.cstm_select button {
    height: 35px !important;
    color: #000 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

.dropdown.bootstrap-select.cstm_select .dropdown-menu {
    min-width: 100% !important;
    top: 34px;
}

.dropdown.bootstrap-select.cstm_select .btn-default.active, .dropdown.bootstrap-select.cstm_select .btn-default:active, .dropdown.bootstrap-select.cstm_select .open > .dropdown-toggle.btn-default {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

.diff_wrote_and_attchmnt {
    width: 100%;
    float: left;
    background: #ededed;
    padding: 8px 12px;
    border-radius: 6px;
    margin-bottom: 15px;
}

.diff_wrote_and_attchmnt.new_diffr {
    background: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.diff_wrote_lft {
    background: #ededed;
    width: 69% !important;
    float: left;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 4px;
}

.diff_wrote_rght {
    background: #ededed;
    width: 28% !important;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 4px;
}

.attachmnt_right .detail_right_row.rmov_flex {
    padding: 0;
}

span.text_area_row {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

span.lft_text_area {
    width: 69%;
}

.lft_text_area textarea {
    margin-bottom: 9px;
}

span.rght_text_area {
    width: 28%;
}

.rght_text_area .detail_right_row.rmov_flex.pos_relative {
    padding: 0;
}

form.form_attachmnt_row.flex_direc {
    flex-direction: column-reverse;
}

.rght_text_area .choosen_row {
    width: 100%;
}

.rght_text_area .drag_and_drop_box {
    width: 100%;
    margin-bottom: 11px;
    margin-right: 0;
    height: 64px;
}

/*=========================Bim center page========================*/
#clashReportTab {
    width: 100%;
    float: left;
}

.bim_tp_bttn {
    width: 100%;
    float: left;
    text-align: center;
    padding: 24px 0;
}

.comb_clash_xmlretrive {
    width: 100%;
    float: left;
    display: flex;
}

.clash_side_bar {
    width: 21%;
    float: left;
    position: relative;
    transition: .5s ease-out;
}

.xml_retrive {
    width: 100%;
    float: left;
    padding-left: 28px;
    transition: .5s ease-in;
}

.lfthead_bim {
    width: 100%;
    float: left;
    position: relative;
}

.lfthead_bim h3 {
    background: #4bbad3;
    background: -moz-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: -webkit-linear-gradient(top, #4bbad3 0%, #3c98ae 100%);
    background: linear-gradient(to bottom, #4bbad3 0%, #3c98ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bbad3', endColorstr='#3c98ae', GradientType=0);
    color: #fff;
    padding: 10px 9px;
}

.side_nav_bar .clashes span {
    font-size: 13px;
}

.side_nav_bar .clashes a {
    font-size: 14px;
    color: #999;
}

.side_nav_bar span.sel {
    font-size: 12px !important;
}

.wrap_side_bar {
    width: 100%;
    float: left;
}

span.rght_arrow {
    position: absolute;
    right: -33px;
    top: 0px;
    background: #2a8195;
    width: 34px;
    height: 39px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: center;
    padding: 7px;
    color: #fff;
    font-size: 23px;
    display: none;
    cursor: pointer;
}

.lft_arrow {
    position: absolute;
    left: -33px;
    top: 0px;
    background: #2a8195;
    width: 34px;
    height: 39px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: center;
    padding: 7px;
    color: #fff;
    font-size: 23px;
    cursor: pointer;
}

.add_to_sidebar {
    position: relative;
    left: -65px;
    width: 0;
    transition: .2s ease;
}

.add_to_wrap_side_bar {
    display: none;
}

.rght_arrow_toshow {
    display: block !important;
}

.lft_arrow_tohide {
    display: none;
}

.xml_retrive p {
    font-size: 17px;
    padding: 9px 20px;
    text-align: center;
}

.mob_submenu {
    display: none;
}

.project_role .filter_icn {
    display: none;
}

.project_role .dev_issue {
    display: flex;
    flex-direction: column;
}

span.issue_detail_cross {
    position: absolute;
    right: -5px;
    top: -8px;
    display: none;
}

.lblwdth100 {
    width: 100%;
}

.form_attachmnt_row.flex_row {
    flex-direction: row !important;
}

.form_attachmnt_row.flex_row .drag_and_drop_box.mglft0 {
    margin: 0 !important;
    width: 72%;
}

.detail_right_row.rmov_flex.wdth83 {
    width: 83%;
}

.submittal_form_row.new_submittal_form p {
    width: 23%;
    text-align: right;
}

.submittal_form_row.new_submittal_form span {
    width: 80%;
    text-align: left;
    margin-left: 17px;
    font-weight: 500;
}

button.green_btn.print {
    position: absolute;
    right: 17px;
}

.submittal_col.pos {
    position: relative;
    border: none;
    padding: 0;
    margin-top: 10px;
}

.submittal_form_row.submital_disc p {
    width: 100%;
}

.submittal_form_row.submital_disc {
    flex-direction: column;
}

.submittal_form_row.submital_disc .cstm_discrp {
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    float: left;
    height: 44px;
    border-radius: 4px;
    margin-top: 10px;
}

span.dsp_flex_inner {
    display: flex;
}

span.dsp_flex_inner p {
    width: 60% !important;
}

.submittal_form_row.new_submittal_form span.assign {
    width: 161px;
}

div#submittalDetails {
    width: 47%;
    float: right;
    position: relative;
}

div#submittalDetails .issue_detail_right {
    width: 100%;
}

.issue_right_head.wdth100 {
    width: 100%;
}

.submittal_log_disccusion_details h3 {
    margin-bottom: 10px;
}

.submittal_log_disccusion_details textarea {
    margin-bottom: 10px;
}

.sub_issu_atchmnt {
    margin: 10px 0;
    padding: 0 15px;
}

.sub_issu_atchmnt > li {
    display: inline-block;
    width: 18.9%;
    margin-bottom: 6px;
}

.sub_issu_atchmnt > li > a {
    font-size: 13px;
}

.submittal_col.width100 {
    width: 100%;
}

.submittal_col.width100.mgtop10 {
    margin-top: 14px;
}

.attchment_name_word_wrap.diff_wrote_lft.wdth100 {
    width: 100% !important;
}

.issue_complete {
    margin-bottom: 12px;
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.issue_complete .sub_issue_discrp {
    margin-right: 22px;
    width: 75%;
}

.dsp_flex_inner_rght.wdth100 {
    width: 100%;
}

.dsp_flex_inner_rght.wdth100 .add_to_discussion {
    width: 69%;
}

.dsp_flex_inner_rght.wdth100 .add_to_discussion textarea {
    width: 100%;
    height: 62px;
    margin-bottom: 7px;
}

.dsp_flex_inner_rght.wdth100 .detail_right_row {
    width: 28% !important;
    margin-top: 23px;
}

.dsp_flex_inner.flex_dircton {
    flex-direction: column;
}

.sub_tp_row {
    display: flex;
    align-items: flex-start;
}

span.sub_tp_row_rght {
    width: 30%;
}

.sub_tp_row_lft textarea {
    height: 62px;
}

.sub_tp_row_lft {
    width: 70%;
}

.sub_tp_row_rght .detail_right_row {
    padding-top: 0;
    padding-right: 0;
}

.sub_tp_row_rght .drag_and_drop_box {
    margin: 0;
    width: 100%;
}

.sub_tp_row_rght .choosen_row {
    width: 100%;
    margin-top: 9px;
}

.form-control.pre_sub_discssion_comnt {
    margin-bottom: 8px;
    margin-top: 0;
    min-height: 4px;
}

.pre_sub_discssion_label {
    font-weight: 600;
    padding: 2px;
}

.diff_wrote_lft.wdth100 {
    width: 61% !important;
    margin-bottom: 20px;
}

.diff_wrote_lft.wdth100 .review_commnts {
    margin-top: 0;

}

.wrap_submit_msg {
    height: 500px;
    overflow-y: auto;
}

.diff_wrote_lft.commnt_div {
    padding-left: 10px;
    padding-bottom: 14px;
}

.font_wght_700 {
    font-weight: 700;
    font-size: 15px;
}

.font_wght_700.comment_date {
    margin-left: 9px;
}

.comment_display_block {
    display: block;
    margin-top: 22px;
}

.project_document_title {
    padding: 14px;
    width: 100%;
    font-size: 14px;
    margin-bottom: 25px;
}

.folder_icon {
    color: #622f35;
    padding-top: 11px;
    padding-bottom: 5px;
    padding-left: 6px;
    padding-right: 4px;
}

.folder_name {
    font-size: 18px;
    padding: 4px;
    margin-left: 5px;
    font-weight: 600;
}

span#projectBreadCrumb a {
    font-size: 14px;
    color: #3479b6;
    padding: 0 7px;
}

span#projectBrowseBreadCrumb a {
    font-size: 14px;
    color: #3479b6;
    padding: 0 7px;
}

.wrap_main_bread {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.table.proj_docmnt_folder > thead:first-child > tr:first-child > th {
    text-align: left;
}

.table.proj_docmnt_folder > tbody > tr > td {
    text-align: left;
}

.detail_right_row.rmov_flex.pos_relative.fr_sub_ssue.width300 {
    width: 300px;
}

.cstm_breadcum {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

.flex-direction {
    display: inline-block;
}

.breadcrumb_lft {
    width: auto;
    float: left;
    display: flex;
    align-items: center;
}

.prj_doc_crte_foldr {
    margin-left: 30px;
    width: 80%;
    display: flex;
    align-items: center;
}

.doc_browse {
    width: 80%;
    margin-left: 34px;
}

.form_attachmnt_row.doc_form {
    margin-bottom: 0px;
    position: relative;
}

.form_attachmnt_row.doc_form .drag_drop_hover {
    margin: 0;
    height: 86px;
    line-height: 48px;
    right: auto;
    left: 225px;
    width: 83%;
    bottom: -21px;
}

.submittal_form_row.wdth100 {
    width: 100%;
    float: left;
}

span.diff_wrote_lft.wdth100.dis_attchment {
    width: 36% !important;
    min-height: 52px;
    margin-left: 9px;
    word-break: break-word;
}

.diff_wrote_lft.wdth100.fixed {
    width: 100% !important;
}

.flt_left_width_100 {
    float: left;
    width: 100%;
}

.flt_left_width_100 a {
    display: block;
}

.diff_wrote_lft.wdth100.dis_attchment a {
    float: left;
    width: 100%;
}

.form_attachmnt_row.flex_row.mrgn_left100 {
    margin-left: 166px;
}

#new_submittal_attachment_div.drag_drop_hover {
    left: 177px;
    width: 83%;
}

.status_color_green.margin_left169 {
    margin-left: 169px;
}

.overflow_y_scroll {
    max-height: 210px;
    overflow-y: auto;
    height: 203px;
}

.width66 {
    width: 66% !important;
}

.width55 {
    width: 55% !important;
}


.review_with_attachemnt {
    overflow-y: auto;
    max-height: 236px;
    margin-bottom: 10px;
    margin-top: 14px;
}

.error_msg_width100 {
    width: 100% !important;
    color: red;
    margin-right: 0 !important;
    padding-left: 43px;
}

.font_wght_txt_align {
    font-weight: 600;
    text-align: center;
    width: 100%;
}

.form-control.height102 {
    height: 102px;
}

.field_row.cstm_pop_review.float_left_wdth_50_per {
    width: 50%;
    float: left;
}

.detail_right_row.rmov_flex.pos_relative.width50_percent {
    width: 50%;
    margin-top: 10px;
}

#review_submittal_div.drag_drop_hover {
    margin: 3px 0 -64px 5px;
    height: 138px;
    width: 100%;
    bottom: 0;
}

.displayBlock {
    display: block;
}

.cstm_select.disable_bckgrnd_color {
    background: #ebebe4;
}

.two_field {
    width: 75%;
    display: flex;
    justify-content: space-between;
}

.two_field input {
    width: 48%;
}

#re_submit_log_attachment_div.drag_drop_hover {
    display: block;
    margin-left: 171px;
    width: 400px;
    bottom: -8px;
}

#submittalQueueDetails {
    position: relative;
}

.width33_percent {
    width: 33% !important;
}

.hide_setting {
    display: none !important;
}

.hght_wdth_50 {
    width: 100px;
    height: 100px;
    margin-left: 10px;
}

.field_row.setting_pop {
    justify-content: flex-start;
}

.field_row.setting_pop .field_left {
    width: 40%;
}

.field_row.setting_pop.browse {
    align-items: flex-start;
}

.span#logUploadErrorMessage {
    width: 83%;
}

.prsnl_sttng_margn_left {
    font-size: 14px;
    padding: 0px 22px;
    margin-left: 0px;
    margin-right: 0;
    right: 5px;
    display: flex;
    justify-content: space-between !important;
}

.wdth53_percent {
    width: 55%;
}

.modal-lg.project_setting_pop {
    max-width: 1160px;
    width: 100%;
    margin: 20px auto;
}

.modal-lg.project_setting_pop .field_row.setting_pop .field_left {
    width: 52%;
}

.modal-lg.project_setting_pop .cstm_input_text {
    width: 100%;
    font-size: 13px;
}

.grid_view_div {
    border: 1px solid #409fb6;
    margin: 8px 2px;
    width: 100%;
    float: left;
    box-shadow: 0px 1px 4px #409fb6;
}

.grid_view_div table {
    margin-bottom: 0;
}

.type_list li {
    display: inline-block;
    width: 32%;
    text-align: left;
    position: relative;
}

.grid_view_div .tbl_text_lft {
    text-align: left;
}

.type_list li:before {
    content: "";
    border-right: 1px solid #ddd;
    height: 34px;
    position: absolute;
    right: 0;
    top: -8px;
}

.type_list li:last-child {
    border-right: none;
}

.grid_view_div .text_bold {
    font-weight: 700;
    color: #4c1722;
}

.project_setting_strt_date {
    width: 113%;
    border: 1px solid #ccc;
    height: 33px;
    padding: 4px 6px;
    font-size: 14px;
}

.date_label_color {
    color: #000000 !important;
    font-weight: 550;
}

.height60 {
    height: 60px !important;
}

/*===============Grid View==============*/
.grid_view_div {
    margin: 8px 2px;
    width: 100%;
    float: left;
    box-shadow: 0px 1px 4px #00000038;
    font-size: 13px;
    margin-bottom: 30px;
}

.grid_view_div table {
    margin-bottom: 0;
}

.type_list li {
    display: inline-block;
    width: 32%;
    text-align: left;
    position: relative;
}

.grid_view_div .tbl_text_lft {
    text-align: left;
}

.type_list li:before {
    content: "";
    border-right: 1px solid #ddd;
    height: 36px;
    position: absolute;
    right: 0;
    top: -8px;
}

.type_list li.data_in:before {
    content: "";
    top: -23px;
}

.type_list li:last-child:before {
    display: none;
}

.grid_view_div .text_bold {
    font-weight: 600;
    color: #752230;
}

.grid_view_div .wdth20 {
    width: 30%;
}

.grid_view_div .wdth10 {
    width: 15%;
}

.blank {
    height: 34px;
}

.bg_blue {
    background: rgba(89, 179, 206, 0.1);
}

.brown {
    background: rgba(117, 34, 48, .1);
}

.inner_grid_div {
    height: 114px;
    margin: 13px 12px;
    padding: 42px 42px;
    font-size: 19px;
    background: #eceaea;
    text-align: center;
}

/*=================Personal==========================*/
#uploadProfileLogo {
    width: 100%;
}

.new_issue_row.flex_start {
    align-items: flex-start;
}

.issue_file_upload_div_container.edit_upload_btn .ajax-file-upload-statusbar {
    width: 101%;
    margin-right: 10px;
    margin: 7px -2px;
}

#uploadProfileLogo .ajax-upload-dragdrop {
    width: 101% !important;
    font-size: 13px;
    left: -2px;
    height: 57px;
}

#uploadProfileLogo .ajax-file-upload {
    height: 100%;
}

.row_justify_centre {
    justify-content: center;
    padding: 15px 0;
}

.row_justify_centre > label {
    width: 0;
    font-weight: 700;
}

.red_label {
    color: red;
}

.modal-body.bold_label label {
    font-weight: 600;
}

.password_requirement_row {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 8px;
}

.password_requirement_row label {
    width: 100%;
}

.password_requirement_row ul {
    padding-left: 30px;
    color: black;
    text-align: left !important;
}

.password_requirement_row ul > li {
    list-style: disc !important;
    font-weight: 600;
}

label.font_wght_500 {
    font-weight: 500 !important;
}

.select_width_82 {
    width: 82% !important;
}

.display_none {
    display: none;
}

.display_block {
    display: block;
}

.bordr_gray {
    border: 1px solid #ccc !important;
    padding: 10px 10px 10px 10px;
    margin-top: 5px;
    width: 70%
}

.new_issue_row label.wdh100_per {
    width: 100%;
}

.padding_5px {
    padding: 5px;
}

.width22_per {
    width: 22% !important;
}

.new_issue_row input.request_project_date {
    width: 110% !important;
    cursor: pointer;
}

.new_issue_row input.wdth_75per {
    width: 70% !important;
}

.new_issue_row select.wdth_75per {
    width: 70% !important;
    margin-left: 0px;
}

#adminRequestProjectPopup .modal-dialog {
    width: 650px
}

#notificationSettingModal .modal-dialog {
    width: 600px !important;
}

#notificationHistoryModal .modal-dialog {
    width: 1000px !important;
}

#createProjectPopup .modal-dialog {
    width: 650px
}

.new_issue_row label.margn_botm65 {
    margin-bottom: 65px;
}

.new_issue_row textarea.height100 {
    width: 70% !important;
    height: 100px;
}

.close_project {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 20px;
}

#adminAffiliateDataTable > thead > tr > th {
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
    width: 170px !important;
}

#adminAffiliateDataTable > thead > tr > th:first-child {
    width: 25px !important;
}

#adminAffiliateDataTable > tbody > tr > td:first-child {
    width: 25px !important;
}

#adminAffiliateDataTable > tbody > tr > td {
    text-align: left;
    font-size: 12px;
    width: 200px !important;
}

#adminAffiliateDataTable_filter {
    position: relative;
}

#adminAffiliateDataTable_filter label > input[type='search'] {
    width: 270px;
    font-size: 13px;
    height: 37px;
}

#adminAffiliateDataTable_filter label > i {
    position: absolute;
    left: 23%;
    top: 12px;
    padding: 4px 9px;
    display: none;
    color: #3c9bb0;
    font-size: 15px;
}

#zeusUserDataTable_filter {
    position: relative;
}

#zeusUserDataTable_filter label > input[type='search'] {
    width: 270px;
    font-size: 13px;
    height: 37px;
}

#zeusUserDataTable_filter label > i {
    position: absolute;
    left: 20%;
    top: 12px;
    padding: 4px 9px;
    display: none;
    color: #3c9bb0;
    font-size: 15px;
}

/*=================Project Setting==========================*/
.project_setting_logo_upload_div_container {
    font-size: 10px;
    width: 100%;
}

.project_setting_logo_upload_div_container .ajax-upload-dragdrop {
    height: 60px;
    vertical-align: top;
    font-weight: 400;
    border: 2px dotted #A5A5C7;
    color: #DADCE3;
    text-align: left;
    width: 100% !important;
    position: relative;
}

.project_setting_logo_upload_div_container .ajax-file-upload-container {
    width: 0;
}

.project_setting_logo_upload_div_container .ajax-file-upload-statusbar {
    width: 315px !important;
    margin: 6px 0;
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.project_setting_logo_upload_div_container .ajax-file-upload-error {
    color: red;
    padding: 8px 1px;
}

.field_right.width_55_percent {
    width: 57% !important;
}

.panel_heading {
    display: flex;
    justify-content: center;
    font-weight: 600;
    padding-left: 230px;
}


.setting_time_zone {
    width: 100%;
    margin-left: 0 !important;
}

.working_day_header_margin {
    margin: 48px 0 15px 0;
}

/*=================Issues==========================*/
#createNotifyMemberTable > thead > tr > th {
    vertical-align: baseline;
}

#issueNotifyMemberTable > thead > tr > th {
    vertical-align: baseline;
    height: 50px;
}

#issueNotifyMemberTable > thead > tr > th:nth-child(1) > span {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#issueNotifyMemberTable > thead > tr > th:nth-child(2) > span {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.comment_filter {
    border-bottom: 1px solid #0c0c0c;
    margin-bottom: 10px;
}

.comment_filter ul {
    float: none !important;
}

.select_width_83 {
    width: 83% !important;
}

.width18_percent {
    width: 23% !important;
}

.tracker_list_scroll {
    overflow-y: auto;
    height: 431px;
}

.text_field_disable {
    background: transparent;
    cursor: no-drop !important;
}

.text_field_disable::placeholder {
    color: #CCCCCC;
    opacity: 0.9; /* Firefox */
}

.text_field_disable:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #CCCCCC;
}

.text_field_disable::-ms-input-placeholder { /* Microsoft Edge */
    color: #CCCCCC;
}

.cursor_no_drop {
    cursor: no-drop !important;
}

.type_select.disable_select {
    background: #eee;
    cursor: no-drop;
}

.disable_close_issue_button {
    cursor: not-allowed !important;
    background: #d0d0d0 !important;
    color: white !important;
}

.member_popup_group_select_width {
    width: 183px;
}

.member_popup_group_select_width.disable_select {
    background: #eee !important;
    cursor: no-drop !important;
    color: #060606 !important;
    border: 1px solid #a8a8a8 !important;
}

.text_centre {
    color: red;
    text-align: center !important;
}

.width_100_percent {
    width: 100%;
}

.inner_div label.mandatory_label {
    font-weight: 400;
}

.close_row {
    align-items: normal;
}

.void_row {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 6px;
}

.void_row textarea {
    padding: 5px;
    height: 60px;
    border: 1px solid #ccc;
    outline: none;
}

.void_row label {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    align-items: normal;
    width: 15%;
    margin-right: 5px;
}

.width_500px {
    width: 500px;
}

.inner_div {
    padding: 4px 0;
}

.inner_div textarea {
    width: 85% !important;
    margin-left: 20px;
}

.inner_div label {
    width: 100%;
    font-weight: 600;
}

.tracker_right_panel_inner_div {
    padding: 12px 9px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #CCC;
    text-align: center;
    cursor: pointer;
}

.tracker_right_panel_inner_div label {
    cursor: pointer;
}

.tracker_right_panel_inner_div:hover {
    background: rgba(3, 3, 4, 0.65);
    color: #ffffff;
}

.set_tracker_selected {
    background: rgba(3, 3, 4, 0.65);
    color: #ffffff;
}

.tracker_right_panel_inner_div_wrapper {
    border: 1px solid #CCC;
    margin-top: 48px;
    min-height: 378px;
    padding-top: 0;
}

.width_100_percent {
    width: 100%;
}

.manage_tracker_inner_div {
    padding: 23px 0 23px 1px;
}

.manage_tracker_inner_div label {
    font-weight: 600;
}

.manage_tracker_inner_div div {
    padding: 4px 1px 4px 2px;
    display: flex;
    justify-content: space-around;
}

.manage_tracker_button_width {
    width: 31%;
    padding: 5px 6px !important;
}

.manage_tracker_text_width {
    width: 67%;
}

.manage_tracker_row_padding {
    padding: 10px 38px;
}

.white_space_wrap {
    white-space: pre-wrap;
}

.due_date_wrap {
    width: 75%;
    display: flex;
}

.due_date_wrap input[type=text] {
    width: 100% !important;
}

.issue_file_upload_div_container {
    width: 71%;
}

#newIssueFileUpload {
    width: 100%;
}

.new_issue_row.align_top {
    align-items: flex-start;
}

#newIssueFileUpload .ajax-upload-dragdrop {
    width: 100% !important;
    font-size: 13px;
    height: 60px;
}

.disp_flex_dir_col {
    display: flex;
    flex-direction: column;
    width: 75%;
    align-items: flex-start;
}

.disp_flex_dir_col .new_submit_btn.new_default_btn {
    min-width: 162px;
}

.disp_flex_dir_col p {
    margin-bottom: 10px;
}

.disp_flex_dir_col button {
    margin-bottom: 8px;
}

.new_default_btn {
    background: transparent !important;
}

.text_field_width_70px {
    width: 70% !important;
}

.calendar_icon_padding {
    padding: 11px 11px 6px 6px;
    width: 30px;
}

.padding_top_19px {
    padding-top: 19px;
}

.edit_icon {
    float: right;
    font-size: 18px;
    cursor: pointer;
}

.font_wght_600 {
    font-weight: 600;
}

.new_issue_row.document_warp {
    flex-wrap: wrap;
}

#issueNotifyMemberTableDiv input[type="search"] {
    width: 332px;
}

.float_right_font_19px {
    float: right;
    font-size: 18px;
    cursor: pointer;
}

#historyLog {
    width: 100%;
    height: 270px;
    background: transparent;
    padding: 15px 16px;
    border: 1px solid #CCC;
}

.discp_lft.text_cntr {
    width: 100%;
    text-align: center;
    padding: 38px 7px;
    font-size: 19px;
    font-weight: 700;
}

.padding_25 {
    padding: 25px 0px !important;
}

.disp_center_text_align_cntr {
    width: 100%;
    text-align: center;
}

.gray_btn {
    background: #e6e6e6 !important;
}

.padding_7px {
    padding: 7px;
}

.type_select {
    padding: 6px 16px 6px 6px;
    border-radius: 4px;
    min-width: 187px;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 180px;
    background: #fff;
    height: 35px;
}

.green_span {
    color: #28a90c;
}

.commnt_attach_lft.flex_dir_col_align_item_start {
    flex-direction: column;
    align-items: flex-start;
}

.dsplay_flex_dir_col {
    display: flex;
    flex-direction: column;
    padding: 4px 9px;
}

.new_create_issue_row {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.margin_top_90 {
    margin-top: 90px;
}

.new_issue_row .margin_btm {
    margin-bottom: 25px;
}

.sky_blue_btn {
    background: #dbf0f4;
    color: #333;
    border: 1px solid #a8a8a8;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 14px;
}

.single_filter_row {
    background: #4cb3cf;
    border-bottom: 1px solid rgb(51, 51, 51);
    display: flex;
    justify-content: space-between;
    padding: 10px 14px;
    align-items: center;
}

.filter_row {
    background: rgb(238, 238, 238);
    border-bottom: 1px solid rgb(51, 51, 51);
    display: flex;
    justify-content: space-between;
    padding: 10px 14px;
    align-items: center;
}

.filter_row h3 {
    color: rgb(51, 51, 51);
    font-weight: bold;
}

.new_filter_row {
    float: left;
    width: 100%;
    border: 1px solid rgb(51, 51, 51);
    margin-top: 10px;
}

.light_grey_btn {
    background: #eeeeee;
    border: 1px solid #a8a8a8;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
}

.single_filter_row h3 {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    width: 70%;
    line-height: 24px;
}

.wrap_lst_btn {
    width: 25%;
}

.new_filter_col {
    width: 20%;
}

.commnt_attach_rgt {
    width: 50%;
    padding: 12px;
}

.attachment_font_size {
    font-size: 14px;
}

.new_filter_col label {
    width: 100%;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
}

.new_filter_col .ms-options-wrap > button:focus, .ms-options-wrap > button {
    width: 155px;
    border: 1px solid #767676 !important;
    color: black !important;
    padding: 7px 20px 7px 5px !important;
    font-size: 13px;
    border-radius: 4px !important;
    margin-top: 5px !important;
}

.new_filter_col .ms-options-wrap {
    width: 150px;
}

.new_filter_col .ms-options ul li {
    padding: 0 10px;
}

.new_wrap_filter {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-start;
    padding: 10px;
}

.new_filter_col select.new_cstm_select {
    padding: 6px 16px 6px 6px;
    border-radius: 4px;
    min-width: 149px;
    font-size: 14px;
    margin-top: 5px;
    max-width: 143px;
    background: #FFF;
    height: 34px;

}

.new_filter_col > input {
    padding: 6px 4px;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    margin-top: 5px;
    font-size: 14px;
    width: 155px;
}

.new_issue_panel {
    width: 100%;
    float: left;
    border: 1px solid rgb(51, 51, 51);
    margin-top: 12px;
}

.discp_row {
    width: 100%;
    float: left;
    display: flex;
    border-bottom: 1px solid rgb(51, 51, 51);
}

.discp_lft {
    width: 36%;
}

.discp_lft.bdr_rgt {
    border-right: 1px solid #a8a8a8;
}

.discp_lft h4 {
    padding: 8px 8px;
    background: #eeeeee;
    font-size: 16px;
    font-weight: 600;
}

.discp_lft p {
    padding: 12px;
}

ul.new_tasked_list {
    float: left;
    width: 100%;
    display: flex;
}

ul.new_tasked_list li {
    display: inline-block;
    width: 17.4%;
    border-right: 1px solid #a8a8a8;
}

ul.new_tasked_list li:last-child {
    border-right: none;
}

ul.new_tasked_list li h4 {
    background: #eeeeee;
    padding: 6px 6px;
    font-size: 16px;
    font-weight: 600;
}

ul.new_tasked_list li p {
    padding: 6px 6px;
}

.commnt_and_issue_row {
    width: 100%;
    float: left;
}

.commnt_and_issue_row .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.commnt_and_issue_row .panel-default > .panel-heading {
    color: #333;
    background-color: #dbf0f4;
    border-color: transparent;
    padding: 0;
}

.commnt_and_issue_row .panel-default > .panel-heading.report_heading {
    color: #333;
    background-color: #4cb3cf !important;
    border-color: transparent;
    padding: 0;
}

.commnt_and_issue_row .panel-default {
    border: 0px solid #0c0c0c;
    border-left: 0;
    border-right: 0;
}

.commnt_and_issue_row .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(51, 51, 51);
    padding: 0;
}

.commnt_and_issue_row .panel-heading a {
    display: flex;
    padding: 10px 12px;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.commnt_and_issue_row .panel-heading a i {
    font-size: 20px;
    margin-right: 10px;
}

.commnt_and_issue_row .panel-group {
    margin-bottom: 0;
}

.new_submit_btn {
    background: #e2f5de;
    border: 1px solid #a8a8a8;
    color: #333;
    padding: 6px 22px;
    border-radius: 4px;
}

.submittal_action_btn {
    background: #e2f5de;
    border: 1px solid #a8a8a8;
    color: #333;
    padding: 6px 10px;
    border-radius: 4px;
}

.new_white_btn {
    background: #fff;
    border: 1px solid #a8a8a8;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
}

.padding_btn {
    padding: 7px 35px 7px 20px;
}

.mandatory_label {
    color: red;
}

.new_cancel_btn {
    background: #f1f1f1;
    border: 1px solid #a8a8a8;
    color: #333;
    padding: 6px 22px;
    border-radius: 4px;
}

.new_disable_btn {
    color: #CCC;
    cursor: no-drop !important;
    background: transparent;
}

.commnt_and_attach {
    width: 100%;
    float: left;
    display: flex;
    border-bottom: 1px solid rgb(51, 51, 51);
}

.commnt_attach_lft textarea {
    resize: none;
    border-radius: 4px;
    border: 1px solid #a8a8a8;
    width: 100%;
    margin-right: 19px;
    font-size: 14px;
    min-height: 94px;
    padding: 8px;
}

.commnt_and_attach .commnt_attach_lft .height10 {
    min-height: 12px;
}

.commnt_attach_lft {
    width: 50%;
    border-right: 1px solid #a8a8a8;
    display: flex;
    align-items: center;
    padding: 12px;
}

.commnt_attach_lft .issue_date {
    margin-left: 20px;
}

.comment_label {
    padding: 10px 0px 10px 15px;
    width: 86%;
}

.comment_label textarea {
    resize: none;
    border-radius: 4px;
    border: 1px solid #a8a8a8;
    width: 96%;
    margin-right: 19px;
    font-size: 14px;
    padding: 8px;
}

.create_issue_btn_row {
    padding: 10px 12px;
    width: 100%;
    float: left;
}

.create_issue_btn_row.main_issue_head {
    background: #e6e6e6;
    color: #080808;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

/* Base for label styling */
.new_checkbox [type="checkbox"]:not(:checked),
.new_checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.new_checkbox [type="checkbox"]:not(:checked) + label,
.new_checkbox [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 500;
}

/* checkbox aspect */
.new_checkbox [type="checkbox"]:not(:checked) + label:before,
.new_checkbox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25em;
    height: 1.25em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}

/* checked mark aspect */
.new_checkbox [type="checkbox"]:not(:checked) + label:after,
.new_checkbox [type="checkbox"]:checked + label:after {
    content: '\2713\0020';
    position: absolute;
    top: .15em;
    left: .22em;
    font-size: 1.3em;
    line-height: 0.8;
    color: #4cb3cf;
    transition: all .2s;
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}

/* checked mark aspect changes */
.new_checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.new_checkbox [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

.create_issue_btn_row .date {
    margin-left: 20px;
}

.commnt_attach_lft.bdr_rgt_remove {
    border-right: none;
}

.commnt_and_attach.bdr_btm_remove {
    border-bottom: none;
}

.track__btn_row {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 16px 0;
    border-bottom: 1px solid rgb(51, 51, 51);
}

.track__btn_row .new_checkbox {
    position: absolute;
    left: 13px;
}

.commnt_and_attach.flex_start {
    align-items: flex-start;
}

.discp_lft.lft_side {
    width: 72%;
}

ul.home_dropdwon {
    display: none;
}

.header_logo a {
    display: flex;
    align-items: center;
}

.home_icn {
    font-size: 29px !important;
    color: #49121f;
}

.ham_burger_menu_disp_none {
    display: none;
}

.upload_file {
    cursor: pointer;
    opacity: 0;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
}

.doc_position {
    position: relative;
}

#adminUserDataTable_filter {
    position: relative;
}

#adminUserDataTable_filter label > input[type='search'] {
    width: 270px;
    font-size: 13px;
    height: 37px;
}

#adminUserDataTable_filter label > i {
    position: absolute;
    left: 23%;
    top: 12px;
    padding: 4px 9px;
    display: none;
    color: #3c9bb0;
    font-size: 15px;
}

#adminUserDataTable > thead > tr > th {
    text-align: left;
}

#adminUserDataTable > tbody > tr > td {
    text-align: left;
}

/*=============================Login===========================*/
.new_password {
    margin-top: 35px;
}

.login_alert.alert.alert-danger {
    margin: 20px 0 25px 0;
}

.change_pass_requ_margin {
    margin: 25px 0 25px 0;
}

.change_pass_col {
    max-width: 568px;
    left: 44%;
}

.change_pass_col input[type='password'] {
    width: 60%;
}

.change_pass_col label {
    font-weight: 600;
}

.login_page_field {
    width: 100%;
    margin: 29px 0 29px 0;
    position: relative;
}

.invitation {
    margin: 86px 0;
}

.login_remember_me {
    font-weight: 400 !important;
}

.signup_profile_logo_div {
    font-size: 10px;
    width: 66%;
}

.signup_profile_logo_div .ajax-upload-dragdrop {
    height: 60px;
    vertical-align: top;
    font-weight: 400;
    border: 2px dotted #A5A5C7;
    color: #DADCE3;
    text-align: left;
    width: 100% !important;
    position: relative;
}

.signup_profile_logo_div .ajax-file-upload-container {
    width: 0;
}

.signup_profile_logo_div .ajax-file-upload-statusbar {
    width: 357px !important;
    margin: 6px 0;
    text-align: left;
}

.signup_profile_logo_div .ajax-file-upload-error {
    color: red;
    padding: 8px 1px;
}


.login_check label {
    font-weight: 600;
    font-size: 13px !important;
    text-align: left;
}

.signup_password_requirement_row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.signup_password_requirement_row label {
    font-weight: 600;
}

.signup_password_requirement_row ul {
    text-align: left;
    padding: 0 0 18px 28px;
    font-weight: 600;
}

.signup_password_requirement_row ul > li {
    list-style: disc;
}

/*============Documents ========================*/

.folder_delete_div {
    padding: 15px 0 15px 0;
    display: flex;
    justify-content: center;
}

.button_div_margin_10 {
    margin: 10px 0 10px 0;
}

.bread_crum_delimiter {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 0 6px;
}

.folder i {
    float: left;
    margin: 2px;
    padding: 0 3px;
    font-size: 15px;
}

.document_buttons_div i {
    margin: 1px 8px;
}

.document_buttons_div button {
    margin-right: 8px;
}

.folder_name_div label {
    width: 14%;
    margin: 0;
}

.folder_requirements {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 13px;
    padding: 8px 46px;
}

.doc_button_padding {
    padding: 10px 12px;
}

.switch_all_label {
    top: -12px;
}

.action_button_span button {
    margin-right: 10px;
}

#uploadDocument .ajax-file-upload {
    position: relative;
    overflow: hidden;
    cursor: default;
    color: #333;
    padding: 0 0;
    height: 22px;
    width: 100%;
    font-weight: 500;
}

#uploadDocument .ajax-file-upload-container {
    float: left;
    width: 0;
    left: 334px;
    position: relative
}


.drag_and_drop_area {
    box-sizing: border-box;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    background: rgba(243, 243, 243, 0.5);
    border: 2px dashed #45adc5;
}

.counter_width {
    width: 100%;
}

.document_counter {
    float: left;
    margin-bottom: 10px;
    font-size: 15px;
    color: rgb(0, 0, 0);
}

.move_documents_text_width{
    width: 65%;
}

.tooltipp {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

span.tooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -22px;
}

.tooltipp:hover .tooltiptext {
    visibility: visible;
}

.dischecked [type="radio"]:not(:checked) + label:before {
    background: lightgrey;
    pointer-events: none;
}

/*============ Team ========================*/

.team_select_all_check {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
}

#grp_member_filter label > input[type='search'] {
    width: 230px;
    font-size: 13px;
    height: 37px;
}

#openInvitationTable_filter label > input[type='search'] {
    width: 230px;
    font-size: 13px;
    height: 37px;
}

#openInvitationTable_filter label > i {
    position: absolute;
    left: 29%;
    top: 25px;
    padding: 4px 9px;
    display: none;
    color: #3c9bb0;
    font-size: 15px;
}

#edit_team_member_filter label > i {
    position: absolute;
    left: 24%;
    top: 66px;
    padding: 4px 9px;
    display: none;
    color: #3c9bb0;
    font-size: 15px;
}

#editGroupTable_filter label > input[type='search'] {
    width: 230px;
    font-size: 13px;
    height: 37px;
}

#editGroupTable_filter label > i {
    position: absolute;
    left: 36%;
    top: 26px;
    padding: 4px 9px;
    display: none;
    color: #3c9bb0;
    font-size: 15px;
}

#openCreateGroupMemberModal {
    font-size: 15px;
    padding-left: 12px;
    margin-bottom: 6px;
}

select.margin_0 {
    margin: 0;
}

.team_table_div table > thead:first-child > tr:first-child > th {
    text-align: left;
}

.team_tab_button {
    font-size: 13px;
    padding: 10px 15px;
    height: 38px;
}

#org_tab_filter label > i {
    position: absolute;
    left: 13%;
    top: 9px;
    padding: 4px 9px;
    display: none;
    color: #3c9bb0;
    font-size: 15px;
}

.org_chart_banner {
    text-align: center;
    padding: 14px 20px;
    background: orange;
    display: block;
    margin-top: 48px;
}

.org_chart_banner.display_none {
    display: none;
}

#openCreateAffiliateModal {
    font-size: 15px;
    padding-left: 15px;
    margin-bottom: 13px;
}

#manageAffiliatesDataTable > thead > tr > th {
    text-align: left;
    padding: 10px 10px 10px 10px;
    width: 250px
}

#manageAffiliatesDataTable > tbody > tr > td {
    text-align: left;
    padding: 10px 10px 10px 10px;
    width: 250px;
}

#manageAffiliatesDataTable > tbody > tr > td:first-child {
    width: 25px;
}

#manageAffiliatesDataTable_filter label > input[type='search'] {
    width: 270px;
    font-size: 13px;
    height: 37px;
}

#manageAffiliatesModal .modal-dialog {
    width: 900px;
}

#manageAffiliatesModal .modal-dialog .modal-content .modal-body {
    padding: 15px;
    margin-bottom: 20px;
}

#affiliateLogo .ajax-upload-dragdrop .ajax-file-upload {
    padding: 10px 10px;
    width: 430px;
}

#affiliateLogo .ajax-upload-dragdrop .drag_file_text {
    width: 80%;
}

#manageAffiliatesDataTable_filter {
    position: relative;
}

.bg-color {
    background-color: #e4e4e4 !important;
}

.affiliate_file_upload_logo_div .ajax-file-upload-error {
    color: red;
    font-size: 14px;
}

#manageAffiliatesDataTable_filter label > i {
    position: absolute;
    left: 28%;
    top: 12px;
    padding: 4px 9px;
    display: none;
    color: #3c9bb0;
    font-size: 15px;
}

.email_row select {
    margin: 0;
}

.email_file_upload_div_container {
    width: 93%;
    margin-left: 15px;
}

.email_file_upload_div_container #emailAttachment {
    width: 100%;
    margin: 4px 0 7px 2px;
}

.email_file_upload_div_container .comment_attachment .ajax-file-upload {
    padding: 17px 10px;
}

#emailAttachment .ajax-file-upload-container {
    width: 98%;
}

#emailAttachment .ajax-file-upload-statusbar {
    width: 100%;
    margin: 0;
}

#emailAttachment .ajax-upload-dragdrop {
    height: 78px;
}

#submittalDetailsNewAttachments .ajax-upload-dragdrop {
    height: 35px;
    margin-bottom: 10px;
}

#submittalDetailsNewAttachments .ajax-file-upload {
    height: 30%;
}

#submittalDetailsNewAttachments .drag_file_text {
    width: 80%;
    text-align: center;
}

#reviewAttachments .drag_file_text {
    width: 80%;
    text-align: center;
}

#reviewAttachments .ajax-upload-dragdrop {
    height: 35px;
    margin-bottom: 10px;
}

#reviewAttachments .ajax-file-upload {
    height: 30%;
}

#reviewAttachments .ajax-upload-dragdrop .ajax-file-upload {
    padding-top: 10px;
}

#approveListingAttachment .ajax-upload-dragdrop .ajax-file-upload {
    padding-top: 10px;
    height: 45px;
}

#approveListingAttachment .ajax-upload-dragdrop .drag_file_text {
    width: 70%;
}

.team_button_margin {
    margin: 0 9px 1px 0;
}

.team_table_div input[type="search"] {
    margin: 0;
    height: 37px;
    font-size: 13px;
}

#org_tab > tbody > tr > td {
    text-align: left;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

#scopeBitsTable > tbody > tr > td {
    text-align: left;
}

#grp_member > tbody > tr > td {
    text-align: left;
}

#edit_team_member > thead > tr > th {
    cursor: pointer;
}

.delete_message {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    padding: 12px;
    margin: 19px 0;
}

#grp_member > thead > tr > th {
    cursor: pointer;
    text-align: left;
}

.title_weight {
    font-weight: bold;
}

.manage_team_table input[type="search"] {
    width: 240px;
    margin: 0;
    height: 37px;
    font-size: 13px;
}

.dropdown_margin {
    margin-left: 22px;
}

.new_issue_row.edit_parent select.dropdown_margin {
    width: 80%;
}

.new_issue_row.edit_parent label.width40 {
    width: 40%;
}

.status_message_padding {
    padding-top: 40px;
}

.status_message_padding label {
    font-size: 12px;
    text-align: left;
}

.checkbox_margin_left {
    margin-left: 20px;
}

.optional_message_margin {
    margin-left: 20px;
}

#editGroupTable > thead > tr > th {
    text-align: left;
}

#editGroupTable > tbody > tr > td {
    text-align: left;
}

.document_buttons_div .tooltip {
    position: absolute;
}

#documentFolderFilesTable > tbody > tr > td .tooltip {
    position: absolute;
}

.document_buttons_div .tooltip .tooltip-inner {
    max-width: 100%;
    white-space: pre-wrap;
}

#documentFolderFilesTable > tbody > tr > td .tooltip .tooltip-inner {
    max-width: 100%;
    white-space: pre-wrap;
}

.team_counter {
    float: left;
    margin-bottom: 10px;
    margin-right: 6px;
    font-size: 15px;
    color: rgb(0, 0, 0);
}

.bold_number {
    float: left;
    margin-bottom: 10px;
    margin-right: 6px;
    font-weight: bold;
    color: rgb(0, 0, 0);
}

#teamMemberCounter {
    font-weight: bold;
}

.cstm_table .dataTables_wrapper #org_tab_info {
    display: none;
}

/*============ Submittal ========================*/
#manageSectionsTable > tbody > tr > td {
    text-align: left;
}

#manageSectionsTable > thead > tr > th {
    text-align: left;
}

#manageSectionsTable_filter label > i {
    position: absolute;
    left: 35%;
    top: 60px;
    display: none;
    padding: 4px 9px;
    color: #3c9bb0;
    font-size: 15px;
}

#openSectionPopup {
    font-size: 15px;
    padding-left: 12px;
    padding-bottom: 6px;
}

#manageSectionsTable_filter label > input[type='search'] {
    width: 230px;
    font-size: 13px;
    height: 37px;
}

.submittal-history {
    width: 100%;
    height: 270px;
    background: transparent;
    padding: 15px 16px;
    border: 1px solid #CCC;
}

#updateNotifySubmittalTable > tbody > tr > td {
    text-align: left;
}

#updateNotifySubmittalTable > thead > tr > th {
    text-align: left;
}

#updateNotifySubmittalTable_filter label > input[type='search'] {
    width: 300px !important;
    font-size: 13px;
    height: 37px;
}

#updateNotifySubmittalTable_filter label > i {
    position: absolute;
    left: 49%;
    top: 16px;
    display: none;
    color: #3c9bb0;
    font-size: 15px;
}

#notifySubmittalTable_filter label > i {
    position: absolute;
    left: 49%;
    top: 12px;
    display: none;
    color: #3c9bb0;
    font-size: 15px;
}

.hidden_visibility {
    visibility: hidden;
}

.new_issue_row .select_print_label {
    margin: 30px 10px 0 90px;
    font-size: 15px;
    color: rgb(0, 0, 0);
}

.new_issue_row .print_type {
    margin: 30px 10px 0 10px;
}

.new_issue_row .print_type label {
    font-size: 15px;
    color: rgb(0, 0, 0);
}

.attachments_padding button {
    margin-left: 20px !important;
}

.attachments_padding .file_button_padding {
    padding: 2px 2px !important;
}

.attachments_padding button.btn_mrgin {
    margin-right: 20px !important;
}

/*============ Notification Settings ========================*/
.notification_setting_row {
    margin: 14px 0px;
}

.notification_setting_row label {
    width: 33%;
    font-weight: 600;
}

.radio_margin_left {
    margin-left: 14px;
}

/*============================================*/

.mob_cmmt_wrap .ajax-upload-dragdrop {
    height: 94px;
}

.drag_email_bdr .submittal_file_upload_statusbar {
    width: 96%;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    font-size: 12px;
}

.drag_email_bdr .submittal_file_upload_statusbar .extrahtml {
    margin-bottom: 5px;
}


/*============ Error ========================*/

.footer_content {
    font-size: 13px;
    display: flex;
    justify-content: center;
    padding: 45px 30px 53px 30px;
    position: absolute;
    top: 27%;
    left: 4%;
    right: 4%;
    bottom: 44%;
    height: 112px;
}

/*==========================Reports============================*/

.report_base {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 24px 0px 0px 0px;
    flex-direction: column;
}

.report_base button {
    margin: 5px 5px 5px 0px;
    width: 15%;
}

.report_filter_div {
    background: rgb(238, 238, 238);
    padding: 10px 14px;
}

.align_html_button {
    margin-left: 85%;
}

.report_attachments .ajax-upload-dragdrop {
    width: 321px !important;
    height: 70px;
}

.drag_file_text_width {
    width: 80%;
}

.weekly_report_width {
    width: 55% !important;
    margin-left: 15px;
    margin-right: 0px !important;
}

.width_37_per {
    width: 37% !important;
    margin-left: 15px;
}

.margin_left0 {
    margin-left: 0px !important;
}

.report_date_field {
    width: 110% !important;
    margin-left: 10px;
}

.report_attachment_div {
    width: 150%;
    margin-left: 128px;
}

.report_attachment_div .ajax-file-upload-statusbar {
    margin: 10px 0 8px 0 !important;
    width: 328px;
    display: flex;
    border: none;
    padding: unset;
}

.report_attachment_div .ajax-file-upload-statusbar .extrahtml {
    color: #27849a;
    width: 100%;
}

.report_attachment_div .ajax-file-upload-statusbar .ajax-file-upload-cancel {
    margin-right: 10px;
}

.mrgin-lft {
    margin-left: 5px;
}

.report_attachments .ajax-upload-dragdrop .drag_file_text {
    width: 98%;
    font-size: 14px;
    margin: 0 5px 0 10px;
}

#workforceTable_filter {
    display: none;
}

#workforceTable_wrapper .dataTables_info {
    display: none;
}

#assignDailySummaryTable_filter {
    display: none;
}

#assignDailySummaryTable_wrapper .dataTables_info {
    display: none;
}

.margin_botom {
    margin-bottom: 20px !important;
}

.margin_botom label {
    font-size: 16px !important;
}

.checkbox_row_assign input[type="checkbox"]:disabled + label::before {
    background: lightgrey;
}

.checkbox_row_assign input[type="checkbox"]:disabled + label:hover::before {
    background: lightgrey;
    border: 1px solid #d4d4d5;
}

#assignDailySummaryTable > thead > tr > th {
    text-align: left;
}

#assignDailySummaryTable > tbody > tr > td {
    text-align: left;
}

#workforceTable > thead > tr > th {
    text-align: left;
}

#workforceTable > tbody > tr > td {
    text-align: left;
}

.detail_pad_margin {
    padding-left: 12px;
    margin-top: 5px;
    border-bottom: 1px solid rgb(51, 51, 51);
}

.detail_pad_margin .new_issue_row {
    margin-bottom: 4px !important;
}

.font_size {
    font-size: 15px;
    font-weight: 500;
}

.text-decoration {
    text-decoration: underline;
}

.discp_lft.width50_per {
    width: 50% !important;
}

.descr_pad_margin {
    padding-left: 12px;
    margin-top: 5px;
}

.discp_row.workspace_brdr {
    border-bottom: 1px solid #ddd;
}

.discp_lft.desc_brdr {
    border-bottom: 1px solid rgb(51, 51, 51);
}

.margin_left170 {
    margin-left: 170px;
}

.margin_left60 {
    margin-left: 60px;
}

.edit_font_size {
    font-size: 27px !important;
    padding-left: 18px;
}

.report_edit_button {
    margin-left: 210px;
    width: 7%;
}

.discp_row.none_bottom_brdr {
    border-bottom: none;
}

.bottom_brdr_none {
    border-bottom: none;
}

.top_brdr {
    border-top: 1px solid #0c0c0c;
}

.bottom-brdr {
    border-bottom: 1px solid #0c0c0c;
}

#reportWorkspaceSummaryTable {
    margin-bottom: unset;
}

#reportWorkspaceSummaryTable > thead {
    background: #FFFFFF;
}

#reportWorkspaceSummaryTable td + td {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#reportWorkspaceSummaryTable th + th {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#reportWorkspaceSummaryTable > tbody > tr > td:nth-child(1) {
    padding-left: 30px;
    text-align: left;
}

#reportWorkspaceSummaryTable > tbody > tr > td:nth-child(2) {
    text-align: center;
}

#reportWorkspaceSummaryTable > thead > tr > th:nth-child(1) {
    padding-left: 30px;
    text-align: left;
}

#reportWorkspaceSummaryTable > thead > tr > th:nth-child(2) {
    text-align: center;
}

#closeWeeklyReportModal .modal-dialog .modal-content .modal-body {
    height: 150px;
}

.close_report_msg {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
}

/*============Responsive Media Queries ========================*/
@media only screen and (min-width: 414px) and (max-width: 736px) {

    #notificationSettingModal .modal-dialog {
        width: 390px !important;
    }

    .mob_notify_table_header {
        height: 51px;
    }

    .mob_notify_table_header span {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    #adminUserDataTable_filter label > i {
        position: absolute;
        left: 65%;
        top: 205px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    .project_setting_strt_date {
        width: 120% !important;
    }

}

/* ---- mobile sigup page image uploder responsive------ */


@media only screen and (min-width: 360px) {

    #notificationSettingModal .modal-dialog {
        width: 350px !important;
    }

    .ipad_uplod_wdth .ajax-file-upload-statusbar {
        max-width: 320px !important;
    }
}

@media only screen and (min-width: 320px) {

    #notificationSettingModal .modal-dialog {
        width: 300px !important;
    }

    .ipad_uplod_wdth .ajax-file-upload-statusbar {
        max-width: 280px;
    }
}

@media only screen and (min-width: 375px) {

    #notificationSettingModal .modal-dialog {
        width: 350px !important;
    }

    .ipad_uplod_wdth .ajax-file-upload-statusbar {
        max-width: 336px !important;
    }
}

@media only screen and (min-width: 414px) {

    #notificationSettingModal .modal-dialog {
        width: 390px !important;
    }

    .ipad_uplod_wdth .ajax-file-upload-statusbar {
        max-width: 355px !important;
    }
}

@media only screen and (min-width: 411px) {

    #notificationSettingModal .modal-dialog {
        width: 600px !important;
    }

    .ipad_uplod_wdth .ajax-file-upload-statusbar {
        max-width: 355px !important;
    }
}

@media only screen and (min-width: 310px) and (max-width: 767px){

    #notificationSettingModal .modal-dialog {
        width: 290px !important;
    }

    /*===================submittals btns ===================================*/
    .mobwdth100 {
        width: 100% !important;
    }

    .issue_btn_wrap {
        width: 100% !important;
        text-align: right !important;
    }

    .mobwdth50 {
        width: 50% !important;
    }

    .mobtxt_cnter {
        text-align: center !important;
    }

    .issue_btn_wrap button {
        margin-bottom: 10px;
        min-width: 165px !important;
    }

    .mrglft0 {
        margin-left: 0 !important;
    }

    .attach_margin .edit_upload_btn {
        width: 100%;
        margin-left: 0px;
    }

    .attach_margin .ajax-upload-dragdrop {
        padding: 10px;

        width: 94% !important;
    }

    .single_filter_row_new .filter_wrapper {
        flex-direction: column !important;
        width: 100% !important;

    }

    .single_filter_row_new .filter_div_width {
        width: 100% !important;
    }

    .single_filter_row_new .width_55_per {

        width: 100% !important;
    }

    .single_filter_row_new .filter_wrapper button,
    .single_filter_row_new .filter_wrapper a {
        margin-bottom: 10px;
    }

    .submittal_details_row_new .new_issue_row {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .submittal_details_row_new .new_issue_row span {
        padding-left: 0;
        word-break: break-all;
    }

    /*============Zeus Module===========*/
    .create_issue_row.zeus_mob_align {
        padding-left: 20px;
        padding-right: 20px;
        border: 0;
    }

    .doc_btn_mob #zeusCreateCompany {
        min-width: 150px;
    }

    .doc_btn_mob .mob_width {
        min-width: 150px;
    }

    #createProjectPopup .modal-dialog {
        width: auto;
    }

    #adminRequestProjectPopup .modal-dialog {
        width: auto;
    }

    #zeusCompanyLog > thead > tr > th {
        white-space: nowrap;
    }

    #zeusCompanyLog > tbody > tr > td {
        white-space: nowrap;
    }

    .zeus_create_button {
        margin-top: 10px;
        margin-bottom: 10px;
    }

}

/*==================================================================*/
@media only screen and (min-width: 320px) and (max-width: 767px) {

    #notificationSettingModal .modal-dialog {
        width: 300px !important;
    }

    .doc_btn_mob button {
        min-width: 290px;
        margin-bottom: 10px;
    }

    .cstm_table_mob .table > tbody > tr > td,
    .cstm_table_mob .table > thead > tr > th {
        white-space: nowrap;
    }

    .mob_cmmt_wrap .ajax-upload-dragdrop {
        width: 100% !important;
        font-size: 13px;
        height: 80px;
    }

    .mob_cmmt_wrap .ajax-file-upload-filename {
        width: 247px;
    }

    .editer_mdl .dropdown.bootstrap-select.cstm_select .dropdown-menu {
        width: 50% !important;
        height: 214px;
    }

    .mange_team_mdl #edit_team_member_filter label > i {
        right: 0;
        top: 16px;
        left: auto;
    }

    .mange_team_mdl #openInvitationTable_filter label > i {
        right: 0;
        top: 16px;
        left: auto;
    }

    .mob_cstm_tbl .dataTables_filter label,
    .mange_team_mdl .dataTables_filter label {
        position: relative;
    }

    .mob_cstm_tbl #org_tab_filter label > i {
        top: 8px;
        right: 0 !important;
        left: auto;
    }


    .editer_mdl .dropdown.bootstrap-select.cstm_select .dropdown-menu {

        width: 50% !important;
        height: 214px;

    }

    .editer_mdl .inner_drop_hgt .dropdown-menu {
        height: 117px !important;
    }

    .editer_mdl .inner_drop_hgt ul.inner {
        height: 117px !important;
    }


    .mange_team_mdl .team_select_all_check {
        margin: 0 !important;
    }

    .mange_team_mdl .manage_team_table input[type="search"] {
        width: 100%;
    }

    .mange_team_mdl .table > thead > tr > th,
    .mange_team_mdl .table > tbody > tr > td {
        white-space: nowrap;
    }

    .mange_team_mdl #openCreateGroupMemberModal {
        width: 228px;
    }

    .mange_team_mdl .pop_btn button {
        width: 200px;
        margin-bottom: 10px;
    }

    .drag_email_bdr .ajax-file-upload-filename {
        margin-top: 0px !important;
    }

    .drag_email_bdr .ajax-upload-dragdrop {
        width: 100% !important;
    }

    .drag_email_bdr .email_file_upload_div_container {
        width: 100%;
        margin-left: 0;
    }

    .drag_email_bdr .ajax-file-upload-statusbar {
        width: 98% !important;
        padding: 10px;
    }

    .mob_cstm_tbl #org_tab_filter {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .mob_cstm_tbl input[type="search"] {

        width: 200px;
        margin-bottom: 10px;
    }

    .mob_cstm_tbl .team_tab_button {
        min-width: 200px;
        margin-bottom: 10px;
    }

    .mob_cstm_tbl .team_select_all_check {
        margin: 0;
    }

    .mob_cstm_tbl #org_tab > tbody > tr > td,
    .mob_cstm_tbl #org_tab > thead > tr > th {
        white-space: nowrap;
    }

    .mob_cmmt_wrap .ajax-upload-dragdrop {
        width: 100% !important;
        font-size: 13px;
        height: 80px;
    }

    .mob_cmmt_wrap .ajax-file-upload-filename {
        width: 247px;

    }

    .ipad_uplod_wdth .ajax-file-upload-statusbar {
        margin-top: 10px;

    }

    .login_row.sign_up_form .login_col {
        position: static;
        transform: translate(0);
        max-width: 396px;
        margin-top: 0px;
        border: none;
        box-shadow: none;
    }

    .mob_sign_up_form .sign_up_field {
        flex-direction: column;
        align-items: flex-start;
    }

    .mob_sign_up_form .sign_up_field .intl-tel-input {
        width: 100%;
    }

    .mob_sign_up_form .signup_profile_logo_div, .mob_sign_up_form .sign_up_field select {
        width: 100%;
    }

    .mob_sign_up_form .sign_up_field label {
        width: 100%;
        margin-bottom: 10px;
    }

    .mob_sign_up_form .sign_up_field input {
        width: 100%;
    }

    .mob_sign_up_form .login_check, .mob_sign_up_form .create_btns {
        float: initial;
    }

    .login_col {
        max-width: 330px;
    }

    .mob_edit_heading {
        margin-bottom: 0;
        padding-bottom: 5px;
    }

    .mob_edit_heading label {
        text-align: center;
    }

    .mob_pad60 {
        padding-left: 60px !important;
        margin: 25px 0 15px 0;
    }

    .mob_padl0 {
        padding-left: 0 !important;
    }

    .mob_notification_modal .notification_setting_row {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .mob_notification_modal .notification_setting_row label {
        width: 100%;
        margin-bottom: 10px;
    }

    .manage_tracker_row_padding {
        padding: 10px;
    }

    .mob_issue_notify_modal .cstm_select {
        margin-left: 0;
        width: 100%;
        margin: 10px 0px;
    }

    .mob_issue_notify_modal .cstm_table input[type="search"] {

        margin: 10px 0px;
    }

    .mob_create_issue_modal .new_issue_row label {
        width: 100% !important;
        margin: 8px 0px;
    }

    .mob_create_issue_modal .ajax-file-upload-filename {
        width: 227px;
        margin-top: 20px;
    }

    .mob_create_issue_modal .ajax-file-upload-statusbar {
        width: 100% !important;
        margin: 10px 0px 0px 0px !important;
    }

    .mob_create_issue_modal .new_issue_row {
        flex-direction: column;
        align-items: flex-start;
    }

    .mob_create_issue_modal .new_issue_row textarea {
        width: 100% !important;
        margin: 0px 0px 10px;
    }

    .mob_create_issue_modal .cstm_select {
        margin: 0px 0px 10px;
        width: 100% !important;
    }

    .mob_create_issue_modal .due_date_wrap {
        width: 100% !important;

    }

    .mob_create_issue_modal .new_issue_row input {
        width: 100% !important;

    }

    .mob_create_issue_modal .issue_file_upload_div_container {
        width: 100%;
    }

    .mob_create_issue_modal .disp_flex_dir_col {
        width: 100% !important;
    }

    .mob_create_issue_modal .new_default_btn {
        min-width: 100% !important;
        width: 100% !important;
    }

    .mob_close_modal label {
        width: 100% !important;
    }

    mob_close_modal .new_issue_row textarea {
        width: 70% !important;

    }

    .mob_comment_width100 textarea {
        width: 100% !important;
    }

    .coment_attach_file .ajax-file-upload-statusbar {
        margin: 10px 0px;
    }

    .coment_attach_file .ajax-file-upload-bar {
        width: 83% !important;
    }

    .ipad_prnt_btn {
        padding: 10px 10px;
    }

    .mob_new_tasked_list .type_select {
        width: 100%;
        max-width: 100%;
    }

    .prnt_btn {
        width: 100% !important;
        text-align: right !important;
    }

    .prnt_btn .light_grey_btn {
        margin-bottom: 10px;
        width: 170px;
    }

    .mob_wrap_filter_new {
        flex-direction: column;
    }

    .mob_wrap_filter_new .new_filter_col {
        width: 98%;
    }

    .mob_wrap_filter_new .ms-options-wrap {
        width: 100% !important;
    }

    .mob_wrap_filter_new .ms-options-wrap > button {
        width: 100%;
    }

    .footer_content {
        font-size: 13px;
        padding: 52px 30px 52px 30px;
        align-items: center;
        height: auto;
        top: 37%;
        left: 4%;
        right: 4%;
    }

    .header_logo {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    a.logged_in_user_name {
        font-weight: 700;
        color: #48111e;
    }

    .home_icn {
        font-size: 22px !important;
    }

    ul.home_dropdwon {
        position: relative;
        display: block;
    }

    ul.home_dropdwon .username_dropdown_content {
        top: 19px;
        left: 0px;
        position: absolute;
    }

    .logged_in_user_name {
        display: flex;
        align-items: center;
        color: #333;
    }

    .logged_in_user_name i {
        margin-left: 10px;
    }

    .product_bar select.cstm_select {
        margin-left: 0;
        margin-top: 14px;
    }

    .username_dropdown_content {
        position: static;
    }

    .track__btn_row .new_checkbox {
        position: unset;
        margin-bottom: 15px;
    }

    .ajax-file-upload-statusbar {
        width: 96% !important;
        margin: 18px 0 0 0;
        margin-left: 0;
    }

    .track__btn_row {
        flex-direction: column;
    }

    .commnt_attach_rgt {
        width: 96%;
        padding: 12px;
    }

    .commnt_and_attach.flex_start {
        flex-direction: column;
    }

    .new_filter_col .ms-options-wrap {
        width: 144px;
    }

    .new_filter_col .ms-options-wrap > button:focus, .ms-options-wrap > button {
        width: 144px;
    }

    .new_filter_col .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
        width: 19px;
    }

    .descrip_left {
        width: 58%;
        float: left;
    }

    .attachmnt_right {
        width: 39%;
        float: right;
    }

    .diff_wrote_lft {
        width: 58% !important;
    }

    .diff_wrote_rght {
        width: 39% !important;
    }

    span.text_area_row {
        flex-direction: column;
    }

    span.lft_text_area {
        width: 100%;
    }

    span.rght_text_area {
        width: 100%;
    }

    .form_attachmnt_row.flex_direc .drag_and_drop_box {
        margin-right: 0;
    }

    .form_attachmnt_row.flex_direc .choosen_row {
        margin-top: 10px;
    }

    .dsp_flex_inner_rght {
        width: 100%;
        margin-top: 11px;
    }

    .dsp_flex_inner.mob_flex_colcmn {
        flex-direction: column;
    }

    .choosen_row.wdth100 {
        width: 100% !important;
    }

    #openLog {
        white-space: nowrap;
        margin-right: 4px;
    }

    .isu_trckr_lft_col {
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .isu_trckr_rght_col {
        width: 100%;
        float: left;
        margin: 0 0;
        padding: 4px 11px;
    }

    .issue_level_trckr_btn_div button {
        margin-right: 9px;
    }

    .issue_level_trckr_btn_div {
        flex-direction: inherit;
        flex-wrap: wrap;
    }

    .btn.btn-default.issue_lvl_dlt_btn {
        float: left;
        margin-top: 0;
    }

    button#addLevel {
        margin-top: 0;
        margin-left: 8px;
    }

    .form_attachmnt_row .choosen_row {
        width: 35%;
    }

    .digit_num.for_mob_hide {
        display: none;
    }

    .form_attachmnt_row .drag_and_drop_box {
        margin: 0px 9px 0px 0px;
    }

    .issue_detail_right.toshow {
        display: block !important;
    }

    .headr_right.fr_menu_list {
        display: none !important;
    }

    .issue_detail_cross .fa {
        font-size: 20px;
        color: #44acc4;
        background: #fff;
        border-radius: 100%;
    }

    span.issue_detail_cross {
        position: absolute;
        right: -9px;
        top: -12px;
        display: block;
    }

    #issueLogData {
        position: relative;
    }

    .footer {
        padding: 8px 7px;
    }

    .footer p {
        font-size: 11px;
    }

    .project_role {
        display: none;
        justify-content: space-between;
        padding: 18px 16px;
        align-items: center;
        flex-direction: initial;
        width: 100%;
    }

    #projectName {
        font-size: 16px;
    }

    span#projectRole {
        font-size: 14px;
    }

    .project_role .filter_icn {
        display: block;
    }

    .project_role .dev_issue {
        width: 181px;
        display: block;
    }

    .headr_right ul li:after {
        display: none;
    }

    .headr_right ul li.active a {
        border-bottom: none;
        padding-bottom: 0;
    }

    .headr_right ul.mob_submenu li.active a {
        border-bottom: none;
        padding-bottom: 0;
    }

    .mob_submenu {
        display: block;
        padding: 0 16px 16px !important;
        border-top: 1px solid #ccc;
    }

    .project_calendar_row {
        flex-direction: column;
    }

    .project_btn {
        margin-left: 0;
        margin-top: 10px;
    }

    .project_btn button {
        margin: 3px 3px;
    }

    .pop_btn.mb_pop_btn {
        align-items: center;
        margin: 20px 0;
        flex-direction: column;
    }

    .pop_btn .green_btn {
        margin: 0 10px;
    }

    .new_issue_row.add_remove_member .cstm_checkbox {
        width: 55%;
    }

    #open_invitations > tbody > tr > td:first-child {
        white-space: nowrap;
    }

    #grp_member > tbody > tr > td:first-child {
        white-space: nowrap;
    }

    .modal-dialog.width900 {
        width: auto !important;
    }

    .new_issue_row span.usr_name {
        width: 58%;
    }

    .modal-dialog.width690 {
        width: auto !important;
    }

    ul.team_tab_btn li {
        display: block;
        text-align: center;
        margin: 7px 0;
    }

    div#org_tab_filter {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    div#org_tab_filter .green_btn {
        margin: 4px 0;
    }

    .new_issue_row label {
        width: 39%;
    }

    .log_summary_row ul.Product_sub_menu li {
        min-height: 65px;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .new_issue_row button, .new_issue_row textarea, .new_issue_row input, .new_issue_row select.cstm_select {
        width: 56%;
    }

    .issue_deatil_left {
        width: 100%;
    }

    .issue_detail_right {
        width: 100%;
        float: left;
        margin-left: 0;
        position: absolute;
        background: #fff;
        left: 0;
        right: 0;
        top: -2px;
        z-index: 9;
        display: none !important;
    }

    .issue_right_head {
        align-items: flex-start;
        width: 57%;
        flex-direction: column;
    }

    .checkbox_row.mylist {
        margin-bottom: 7px;
    }

    .detail_right_row h3 {
        margin-bottom: 9px;
    }

    .assigned_by {
        flex-direction: column;
    }

    .assigned_detail p {
        width: 100%;
    }

    .issue_detail_col {
        padding: 7px 10px;
    }

    .issue_deatil {
        margin-bottom: 50px;
    }

    .wrapp_flex {
        width: 55%;
    }

    div#issueInitDetail {
        height: 553px;
        overflow-y: auto;
    }

    .assigned_detail {
        margin-top: 4px;
    }

    .issue_wrap {
        display: flex;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
    }

    .issue_wrap .issue_col {
        margin-bottom: 13px;
        margin-right: 0;
        width: 47%;
    }

    .create_issue_row {
        flex-direction: column;
        padding: 8px 10px;
        border: 1px solid #ddd;
        margin-bottom: 22px;
        border-radius: 4px;
        /*display: none;*/
    }

    .create_report {
        display: flex;
        width: 100%;
        align-items: center;
        margin-top: 5px;
        flex-wrap: wrap;
    }

    .create_report button {
        margin: 0 0px 13px 8px;
    }

    .Product_sub_menu {
        display: none;
    }

    .team_roster {
        width: 100%;
        float: left;
        overflow-x: scroll;
    }

    .tbl_head_row h3 {
        font-weight: 600;
        margin-bottom: 12px;
    }

    .cstm_table {
        width: 100%;
        overflow-x: auto;
    }

    .cstm_table .row {
        margin: 0;
    }

    .tbl_head_row {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 14px 22px;
        flex-direction: column;
    }

    .log_summary_row ul.Product_sub_menu li a {

        padding: 4px 0px;
        font-size: 13px;
    }

    .active.default_btn {
        color: #4b1521;
        background: none;
        font-weight: 500;
    }

    .default_btn {
        line-height: normal;
        margin: 0;
        background: none;
        color: #000;
        padding: 0 0;
        font-weight: 500;
    }

    .default_btn:hover {
        background: none;
        color: #4b1521;
        font-weight: 500;
    }

    /*.container.cstm_container {
        padding: 0px;
    }*/
    .headr_left .user_name {
        display: none;
    }

    .user_name.mob_user_name {
        display: flex !important;
        width: 100%;
        padding: 8px 14px;
    }

    .mob_toggle.ham_burger_menu_disp_none {
        display: none;
    }

    .mob_toggle.ham_burger_menu_disp_block {
        display: block;
    }

    .mob_toggle {

        text-align: right;
        float: right;
        cursor: pointer;
        margin-top: 0px;
        display: block;
    }

    .header {
        flex-direction: column;
        padding: 0;
        position: relative;
        min-height: auto;
    }

    .headr_right ul li {
        display: block;
        border-right: none;
        padding: 0;
        margin: 12px 0;
        min-height: auto;
        line-height: 21px;
    }

    .headr_left {
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
        padding: 6px 17px;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 0 4px #ccc;
    }

    .user_name {
        border-left: none;
        display: flex;
        flex-direction: column;
        padding-left: 0px;
        width: 100%;
    }

    .headr_right {
        width: 100%;
        flex-direction: column;
        position: absolute;
        background: #f8f8f8;
        z-index: 99;
        top: 72px;
        left: 0;
        right: 0;
        display: none;
        padding: 0;
        height: 100vh;
        overflow-y: scroll;
    }

    .headr_right ul {
        width: 100%;
        padding: 0 16px;
    }

    .product_detail_row {
        padding: 26px 0px 0px;
    }

    .product_detail_col {
        margin: 0 3px;
        margin-bottom: 17px;
        width: 47%;
    }

    .prdct_detail_head {
        margin-top: 5px;
        padding: 27px 9px 23px 9px
    }

    .product_detail_col img {
        width: auto;
    }

    .product_bar {
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 16px;
        height: auto;
    }

    .prdct_detail_head h3 {
        font-size: 15px;
    }

    .new_issue_row.email_row label {
        width: 27%;
    }

    .new_issue_row.email_row select.cstm_select, .new_issue_row.email_row textarea, .new_issue_row.email_row input, .new_issue_row.email_row span {
        width: 62%;
    }

    input#issueLevelName {
        margin-bottom: 10px;
    }

    .issue_right_head.mob_issue_right_head {
        flex-direction: row;
        align-items: center;
    }

    .issue_right_head.mob_issue_right_head h3 {
        margin-bottom: 0;
        font-size: 15px;
    }

    .sub_tp_row.flex_direc {
        flex-direction: column;
    }

    .sub_tp_row_lft {
        width: 100%;
    }

    span.sub_tp_row_rght {
        width: 100%;
    }

    .flex_direc.mob_submital_list {
        align-items: flex-start;
    }

    .detail_right_row.pad_lft0 {
        padding-left: 0;
        margin-top: 20px;
    }

    .diff_wrote_lft.wdth100 {
        width: 100% !important;
        margin-bottom: 6px;
    }

    span.diff_wrote_lft.wdth100.dis_attchment {
        width: 100% !important;
        margin-left: 0;
        margin-bottom: 30px;
    }

    .submittalLogData_pos_rel {
        position: relative !important;
    }

    .file_width {
        width: 20% !important;
    }

    .submittalDetails_pos_rel {
        position: initial !important;
    }

    .submittal_form_row.submital_disc .cstm_discrp {
        text-align: left;
        font-size: 13px;
        padding: 4px 4px;
    }

    select.submittal_margin_right {
        margin-left: 0;
    }

    .submittal_label_weight {
        font-size: 14px;
    }

    .submittal_action_btn {
        margin-bottom: 5px;
    }

    .input-group.calendar_icon {
        width: 103%;
    }

    .submittal_date_text_field.width100_per {
        width: 127% !important;
    }

    .mrgrgt0 {
        margin-left: 0 !important;
    }

    #discussion span {
        font-size: 12px;
    }

    span.disscusion_txt {
        font-size: 12px;
    }

    .diff_wrote_rght {
        font-size: 12px;
    }

    .pop_last_btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pop_last_btn input {
        margin: 0px 0 8px 10px;
    }

    .pop_last_btn button {
        margin: 0px 10px;
    }

    .submittal_form_row.new_submittal_form span {
        width: 58%;
        font-size: 13px;
    }

    .submittal_form_row.new_submittal_form p {
        width: 49%;
        font-size: 13px;
    }

    .submittal_form_row.new_submittal_form.flex_dirc {
        flex-direction: column;
    }

    span.dsp_flex_inner {
        display: flex;
        margin-left: 0 !important;
        margin-bottom: 9px;
        width: 100% !important;
    }

    .dsp_flex_inner > span {
        width: 60% !important;
    }

    .dsp_flex_inner > p {
        width: 40% !important;
    }

    submittal_form_row.new_submittal_form span.assign {
        width: 50%;
        text-align: center;
    }

    .review_with_attachemnt {
        margin-bottom: 10px;
    }

    button.green_btn.print {
        position: relative;
        height: 26px;
        line-height: 18px;
        text-align: right;
        margin-bottom: 10px;
        right: 0;
    }

    .submittal_log_disccusion_details {
        height: auto;
        z-index: 9;
    }

    .submittal_row.mob_higt {
        max-height: 488px;
        overflow-y: scroll;
    }

    .submittal_log_disccusion_details h3 {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .sub_tp_row {
        flex-direction: column;
    }

    .detail_right_row.rmov_flex.pos_relative {
        padding-left: 0;
        margin-top: 10px;
    }

    .submittal_form_row.new_submittal_form span.assign {
        width: 50%;
        text-align: center;
    }

    .submittal_row.mob_higt .submittal_col.width100.mgtop10 {
        height: 100%;
    }

    .submittal_col.width100 {
        height: 100%;

    }

    .form_attachmnt_row.flex_row.mrgn_left100 {
        margin-left: 0;
        flex-direction: column !important;
        align-items: flex-start;
    }

    div#new_submittal_attachment_div {
        width: 70%;
        margin-top: 21px;
        font-size: 14px;
    }

    .new_issue_row.new_submittal_pop label {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
    }

    .slct_grp.dsp_normal {
        display: block;
        margin-left: 0px;
    }

    .new_issue_row.new_submittal_pop {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 14px;

    }

    .new_issue_row.new_submittal_pop select {
        width: 100%;
    }

    .new_issue_row.new_submittal_pop input {
        width: 100%;
    }

    .new_issue_row.new_submittal_pop textarea {
        width: 100%;
    }

    span#queueList_span {
        margin-right: 22px;
    }

    .field_row.cstm_pop_review.float_left_wdth_50_per {
        width: 100%;
    }

    .detail_right_row.rmov_flex.pos_relative.width50_percent {
        width: 100%;
    }

    /*==============issue media query===============*/
    .new_wrap_filter {
        flex-wrap: wrap;
    }

    .new_filter_col {
        width: 47%;
        margin: 4px 3px;
    }

    .new_filter_col select.new_cstm_select {
        min-width: 100%;
    }

    .new_filter_col input {
        width: 100%;
    }

    .new_filter_col .blnk {
        display: none;
    }

    .single_filter_row.flex_direc {
        flex-direction: column;
    }

    .wrap_lst_btn {
        text-align: center;
        margin-top: 15px;
        width: 100%;
    }

    .discp_lft.lft_side {
        width: 100%;
    }

    .single_filter_row.flex_direc .light_grey_btn {
        font-size: 12px;
        margin-bottom: 6px;
    }

    .discp_row {
        flex-direction: column;
    }

    .discp_lft.bdr_rgt {
        border-right: none;
    }

    .discp_lft {
        width: 100%;
    }

    ul.new_tasked_list li {
        display: block;
        width: 100%;
        border-right: none;
    }

    ul.new_tasked_list {
        flex-direction: column;
    }

    .commnt_attach_lft {
        width: 100%;
    }

    .single_filter_row h3 {
        font-size: 16px;
        line-height: 21px;
    }

    .single_filter_row h3.submittal_heading_align {
        text-align: left;
        margin-left: 20px;
        width: 100%;
    }

    .create_issue_btn_row .date {
        margin-left: 3px;
    }

    /*============Zeus Module===========*/
    .create_issue_row.zeus_mob_align {
        padding-left: 20px;
        padding-right: 20px;
        border: 0;
    }

    .doc_btn_mob #zeusCreateCompany {
        min-width: 150px;
    }

    .doc_btn_mob .mob_width {
        min-width: 150px;
    }

    #createProjectPopup .modal-dialog {
        width: auto;
    }

    #adminRequestProjectPopup .modal-dialog {
        width: auto;
    }

    #zeusCompanyLog > thead > tr > th {
        white-space: nowrap;
    }

    #zeusCompanyLog > tbody > tr > td {
        white-space: nowrap;
    }

    .zeus_create_button {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #manageAffiliatesModal .modal-dialog {
        width: auto;
    }

    .new_issue_row .affiliate_label {
        margin-left: 0;
        margin-right: unset;
        width: 35%;
    }

    .new_issue_row .affiliate_field {
        margin-right: 10px;
        width: 65%;
    }

    .cstm_select.sel_margin {
        margin-left: 0px;
        width: 65% !important;
        margin-right: 10px;
    }

    #affiliateLogo .ajax-upload-dragdrop .drag_file_text {
        width: 90%;
    }

    #affiliateLogo .ajax-upload-dragdrop .ajax-file-upload {
        width: 200px;
    }

    .ajax-file-upload-statusbar.affiliate_file_upload_statusbar {
        width: 200px !important;
    }

    .new_issue_row button.affiliate_button {
        margin-right: 90px;
        height: 35px;
        padding: 5px 5px;
        width: 50% !important;
    }

    .new_issue_row input.request_project_date {
        width: 120% !important;
    }

    .issue_attachments {
        width: 90%;
        float: left;
        display: flex;
    }

    .issue_attachments button {
        width: 10%;
        margin-left: 50px;
    }

    .commnt_attach_rgt .issue_attachments {
        width: 100%;
    }

    .issue_attachments button.mrgn_lft {
        margin-left: 30px;
        width: 10%;
    }

    #adminAffiliateDataTable_filter label > i {
        position: absolute;
        left: 81%;
        top: 12px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    #adminUserDataTable_filter label > i {
        position: absolute;
        left: 81%;
        top: 12px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    .report_base button {
        width: 55% !important;
    }

    /*.align_html_button {
        margin-left: 48% !important;
    }*/
    .width_37_per {
        width: 45% !important;
        margin-left: 5px;
        margin-right: 0px !important;
    }

    .weekly_report_width {
        width: 45% !important;
        margin-left: 5px;
    }

    .report_date_field {
        width: 122% !important;
        margin-left: 5px;
    }

    .report_attachment_div {
        width: 150%;
        margin-left: 50px;
    }

    .report_attachments .ajax-upload-dragdrop {
        width: 168px !important;
        height: 60px;
    }

    .report_attachments .ajax-upload-dragdrop .drag_file_text {
        position: absolute;
        width: 80%;
        left: 50%;
        top: 50%;
        right: 50%;
        font-size: 15px !important;
        transform: translate(-50%, -50%);
    }

    .report_attachment_div .ajax-file-upload-statusbar .ajax-file-upload-filename {
        width: 100px;
        font-size: 12px;
    }

    .report_attachment_div .ajax-file-upload-statusbar .extrahtml {
        color: #27849a;
        width: 50%;
        font-size: 10px;
    }

    .report_attachment_div .ajax-file-upload-statusbar .ajax-file-upload-cancel {
        margin-right: 10px;
    }

    .report_edit_button {
        margin-top: 10px;
        margin-left: 0;
        width: 25%;
    }

    .edit_font_size {
        font-size: 27px !important;
        margin-top: 10px;
        padding-left: 0px;
    }

    .discp_lft.width50_per {
        width: 100% !important;
    }

    .font_wght_700 {
        width: 50%;
    }

    .single_filter_row.report_flex_direc {
        flex-direction: unset;
    }

    .single_filter_row.summry_heading {
        align-items: unset;
    }

}

/*================Ipad===========================*/
@media only screen and (min-width: 768px) and (max-width: 1250px) {

    #notificationHistoryModal .modal-dialog {
        width: 750px !important;
    }

    #notificationSettingModal .modal-dialog {
        width: 600px !important;
    }

    /*===================submittals btns ===================================*/
    .ipadwdth100 {
        width: 100% !important;
    }

    .wrap_lst_btn_ipadd {
        width: 100% !important;
        text-align: right;
    }

    .mrgrgt0 {
        margin-right: 0 !important;
    }

    .single_filter_row_new .filter_wrapper {
        flex-direction: column !important;
        width: 100% !important;

    }

    .single_filter_row_new .filter_div_width {
        width: 100% !important;
    }

    .single_filter_row_new .width_55_per {

        width: 30% !important;
    }

    .single_filter_row_new .filter_wrapper button,
    .single_filter_row_new .filter_wrapper a {
        margin-bottom: 10px;
    }

    /*=======================*/
    .doc_btn_mob button {
        margin-bottom: 10px;
    }

    .mange_team_mdl #openInvitationTable_filter label > i {
        right: 0;
        top: 16px;
        left: auto;
    }

    .mob_cstm_tbl #org_tab_filter label > i {
        top: 8px;
        right: 0 !important;
        left: auto;
    }

    .mange_team_mdl #edit_team_member_filter label > i {
        right: 0;
        top: 16px;
        left: auto;
    }

    .mob_cstm_tbl .dataTables_filter label,
    .mange_team_mdl .dataTables_filter label {
        position: relative;
    }

    .editer_mdl .dropdown.bootstrap-select.cstm_select .dropdown-menu {
        height: 200px;
    }

    .editer_mdl .dropdown.bootstrap-select.cstm_select .dropdown-menu {
        height: 200px;

    }

    .editer_mdl .inner_drop_hgt .dropdown-menu {
        height: 98px !important;
    }

    .editer_mdl .inner_drop_hgt ul.inner {
        height: 98px !important;
    }

    .mange_team_mdl #openCreateGroupMemberModal {
        width: 228px;
    }

    .mange_team_mdl .table > thead > tr > th,
    .mange_team_mdl .table > tbody > tr > td {
        white-space: nowrap;
    }

    .mob_cstm_tbl #org_tab_filter {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .mob_cstm_tbl .pull-right {
        float: initial !important;
    }

    .drag_email_bdr .ajax-file-upload-filename {
        margin-top: 0px !important;
    }

    .drag_email_bdr .ajax-upload-dragdrop {
        width: 100% !important;
    }

    .drag_email_bdr .email_file_upload_div_container {
        width: 100%;
        margin-left: 0;
    }

    .drag_email_bdr .ajax-file-upload-statusbar {
        width: 97% !important;
        padding: 10px;
    }

    .mob_cstm_tbl #org_tab > tbody > tr > td,
    .mob_cstm_tbl #org_tab > thead > tr > th {
        white-space: nowrap;
    }

    .mob_cstm_tbl input[type="search"] {

        margin-bottom: 10px;
    }

    .mob_cstm_tbl .team_tab_button {
        margin-bottom: 10px;
    }

    .login_row.sign_up_form .login_col {
        max-width: 70%;
        margin-top: 13%;
        position: static;
        transform: translate(0);
    }

    .mob_sign_up_form .login_check, .mob_sign_up_form .create_btns {
        float: initial;
    }

    .mob_edit_heading {
        margin-bottom: 0;
        padding-bottom: 5px;
    }

    .mob_edit_heading label {
        text-align: center;
    }

    .mob_notify_table_header {
        height: 51px;
    }

    .mob_notify_table_header span {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .mob_issue_notify_modal .cstm_select {
        margin: 10px 0px;
        width: 198px;
    }

    .mob_issue_notify_modal .cstm_table input[type="search"] {

        margin: 10px 0px;
    }

    .mob_create_issue_modal .ajax-file-upload-filename {
        width: 100%;
        margin-top: 20px;
    }

    .mob_create_issue_modal .ajax-file-upload-statusbar {
        width: 100% !important;
        margin: 10px 0px 0px 0px !important;
    }

    .mob_create_issue_modal .new_issue_row label {
        width: 100%;
        margin: 8px 0px;
    }

    .mob_create_issue_modal .new_issue_row {
        flex-direction: column;
        align-items: flex-start;
    }

    .mob_create_issue_modal .new_issue_row textarea {
        width: 100% !important;
        margin: 0px 0px 10px;
    }

    .mob_create_issue_modal .cstm_select {
        margin: 0px 0px 10px;
        width: 100% !important;
    }

    .mob_create_issue_modal .due_date_wrap {
        width: 100% !important;

    }

    .mob_create_issue_modal .disp_flex_dir_col {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .mob_create_issue_modal .disp_flex_dir_col
    .new_submit_btn.new_default_btn {
        margin-right: 11px;
        width: 31%;
    }

    .mob_create_issue_modal .new_issue_row input {
        width: 100% !important;

    }

    .mob_create_issue_modal .issue_file_upload_div_container {
        width: 100% !important;
    }

    .mob_comment_width100 textarea {
        width: 100% !important;
    }

    /*============Zeus Module===========*/
    .create_issue_row.zeus_mob_align {
        padding-left: 20px;
        padding-right: 20px;
        border: 0;
    }

    .doc_btn_mob #zeusCreateCompany {
        min-width: 150px;
    }

    .doc_btn_mob .mob_width {
        min-width: 150px;
    }

    #createProjectPopup .modal-dialog {
        width: auto;
    }

    #adminRequestProjectPopup .modal-dialog {
        width: auto;
    }

    #zeusCompanyLog > thead > tr > th {
        white-space: nowrap;
    }

    #zeusCompanyLog > tbody > tr > td {
        white-space: nowrap;
    }

    .zeus_create_button {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #manageAffiliatesModal .modal-dialog {
        width: auto;
    }

    .new_issue_row .affiliate_label {
        margin-left: 0;
        margin-right: unset;
        width: 35%;
    }

    .new_issue_row .affiliate_field {
        margin-right: 10px;
        width: 65%;
    }

    .cstm_select.sel_margin {
        margin-left: 0px;
        width: 65% !important;
        margin-right: 10px;
    }

    #affiliateLogo .ajax-upload-dragdrop .drag_file_text {
        width: 90%;
    }

    #affiliateLogo .ajax-upload-dragdrop .ajax-file-upload, .ajax-file-upload-statusbar.affiliate_file_upload_statusbar {
        width: 190px;
    }

    .new_issue_row button.affiliate_button {
        margin-right: 90px;
        height: 35px;
        padding: 5px 5px;
        width: 50% !important;
    }

    #adminAffiliateDataTable_filter label > i {
        position: absolute;
        left: 77%;
        top: 218px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    #adminUserDataTable_filter label > i {
        position: absolute;
        left: 27%;
        top: 223px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    .project_setting_strt_date {
        width: 124%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {


    .ipad_input_wdth select {
        width: 66%;
    }

    .ipad_uplod_wdth .ajax-file-upload-statusbar {
        margin-top: 10px;
        width: 329px !important;
    }

    .resend_mdl .new_issue_row textarea {
        width: 70%;
    }

    .mange_team_mdl_wrap .modal-content {
        margin: 10px;
    }

    .ipad_input_wdth select {
        width: 66%;
    }

    .ipad_uplod_wdth .ajax-file-upload-statusbar {
        margin-top: 10px;
        width: 329px !important;
    }


    .resend_mdl .new_issue_row textarea {
        width: 70%;
    }

    .mange_team_mdl_wrap .modal-content {
        margin: 10px;
    }

    .ipad_input_wdth select {
        width: 66%;
    }

    .ipad_uplod_wdth .ajax-file-upload-statusbar {
        margin-top: 10px;
        width: 329px !important;
    }

    .coment_attach_file .ajax-file-upload-statusbar {
        margin: 10px 0px;
        width: 332px !important;
    }


    .mob_wrap_filter_new .ms-options-wrap {
        width: 100% !important;
    }

    .mob_wrap_filter_new .ms-options-wrap > button {
        width: 100%;
    }

    .ipad_prnt_btn .light_grey_btn {
        margin-bottom: 10px;

        width: 165px;
    }

    .prnt_btn {
        width: 25% !important;
    }

    ul.ipad_new_tasked_list {
        flex-wrap: wrap;
    }

    ul.ipad_new_tasked_list li {
        width: 50%;
    }

    .ipad_new_tasked_list .type_select {
        width: 100%;
        max-width: 100%;
    }

    .footer_content {
        top: 36%;
        padding: 52px 30px 52px 30px;
        align-items: center;
        left: 4%;
        right: 4%;
    }

    .username_dropdown_content {
        min-width: 75px;
        left: -10px;
        top: 43px;
    }

    .username_dropdown_content.show_content a {
        font-size: 10px !important;
    }

    .project_level {
        width: 100%;
    }

    .wrapp_flex {
        width: 72%;
    }

    .btn.btn-default.issue_lvl_add_btn {
        margin-top: 10px;
    }

    .user_name span {
        font-size: 16px;
    }

    .new_issue_row.add_remove_member .cstm_checkbox {
        width: 33%;
    }

    .new_issue_row span.usr_name {
        width: 32%;
    }

    .modal-dialog.width900 {
        width: auto !important;
    }

    .log_summary_row ul.Product_sub_menu li {
        min-height: 34px;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .detail_right_row.bg_green_light {
        padding: 12px 10px;
        position: relative;
    }

    .issue_right_head {
        margin-bottom: 10px;
        width: 100%;
    }

    .assigned_by {
        flex-direction: column;
    }

    .issue_detail_right {
        margin-left: 14px;
    }

    .assigned_detail p {
        width: 76%;
    }

    #add_attachmnt .modal-dialog {
        width: auto;
    }

    .issue_wrap {
        margin-bottom: 20px;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .create_report {
        justify-content: center;
        width: 100%;

    }

    .create_issue_row {
        flex-direction: column;
    }

    .new_issue_row button, .new_issue_row textarea, .new_issue_row input, .new_issue_row select.cstm_select {
        width: 32%;
    }

    .Product_sub_menu {
        justify-content: center;
        overflow-x: auto;
        flex-wrap: nowrap;
        display: flex;
        padding: 10px 9px;
    }

    .cstm_table {
        width: 100%;
        overflow-x: auto;
    }

    /*.container.cstm_container {
        width: 100%;
        padding: 0px;
    }
    */
    .headr_right ul li {
        padding: 0 6px;
    }

    .default_btn {
        padding: 8px 10px;
        font-size: 14px;
        margin: 0 5px;
    }

    .product_detail_row {
        padding: 40px 13px 0px;
    }

    .product_detail_col {
        margin: 13px 11px;
        width: 30%;

    }

    .issue_detail_scroll {
        height: 896px;
    }

    .issue_deatil {
        margin-top: 25px;
    }

    .sub_tp_row.flex_direc {
        flex-direction: column;
    }

    .sub_tp_row_lft {
        width: 100%;
    }

    span.sub_tp_row_rght {
        width: 100%;
        margin-top: 20px;
    }

    .detail_right_row.pad_lft0 {
        padding-left: 0;
    }

    #projectName {
        font-size: 14px;
    }

    span#projectRole {
        font-size: 11px;
    }

    .headr_right ul li a {
        font-size: 10px;
    }

    .user_name span {
        font-size: 14px;
    }

    .user_name a {
        font-size: 10px;
    }

    .log_summary_row ul.Product_sub_menu li a {
        font-size: 12px;
    }

    .issue_wrap .issue_col {
        margin-bottom: 10px;
    }

    .submittal_form_row.new_submittal_form p {
        width: 47%;
        text-align: right;
    }

    .submittal_form_row.new_submittal_form.flex_dirc {
        flex-direction: column;
    }

    span.dsp_flex_inner {
        margin-left: 0 !important;
    }

    .dsp_flex_inner > p {
        width: 40% !important;
    }

    .dsp_flex_inner > span {
        width: 60% !important;
    }

    button.green_btn.print {
        position: absolute;
        right: -7px;
    }

    .submittal_form_row.submital_disc .cstm_discrp {
        padding: 4px 6px;
        text-align: left;
    }

    .submittal_form_row.new_submittal_form span.assign {
        width: 50%;
        text-align: center;
        margin-left: 0;
    }

    .diff_wrote_lft {
        width: 50% !important;
    }

    .diff_wrote_rght {
        width: 47% !important;
    }

    .pop_last_btn input {
        margin-bottom: 10px;
    }

    .sub_tp_row {
        flex-direction: column;
    }

    div#submittalDetails {
        width: 50%;
    }

    span.slct_grp.dsp_normal {
        width: 65%;
    }

    .form_attachmnt_row.flex_row.mrgn_left100 {
        margin-left: 178px;
        flex-direction: column !important;
        align-items: flex-start;
    }

    .form_attachmnt_row.flex_row .choosen_row {
        margin-bottom: 12px;
    }

    /*=========issue media query===============*/
    .new_wrap_filter {
        flex-wrap: wrap;
    }

    .new_filter_col select.new_cstm_select {
        min-width: 100%;
    }

    .new_filter_col input {
        width: 100%;
    }

    .new_filter_col {
        width: 23%;
        margin: 5px 7px;
    }

    /*============Zeus Module===========*/
    .create_issue_row.zeus_mob_align {
        padding-left: 20px;
        padding-right: 20px;
        border: 0;
    }

    .doc_btn_mob #zeusCreateCompany {
        min-width: 150px;
    }

    .doc_btn_mob .mob_width {
        min-width: 150px;
    }

    #createProjectPopup .modal-dialog {
        width: auto;
    }

    #adminRequestProjectPopup .modal-dialog {
        width: auto;
    }

    #zeusCompanyLog > thead > tr > th {
        white-space: nowrap;
    }

    #zeusCompanyLog > tbody > tr > td {
        white-space: nowrap;
    }

    .zeus_create_button {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #manageAffiliatesModal .modal-dialog {
        width: auto;
    }

    .new_issue_row .affiliate_label {
        margin-left: 0;
        margin-right: unset;
        width: 35%;
    }

    .new_issue_row .affiliate_field {
        margin-right: 10px;
        width: 65%;
    }

    .cstm_select.sel_margin {
        margin-left: 0px;
        width: 65% !important;
        margin-right: 10px;
    }

    #affiliateLogo .ajax-upload-dragdrop .drag_file_text {
        width: 90%;
    }

    #affiliateLogo .ajax-upload-dragdrop .ajax-file-upload, .ajax-file-upload-statusbar.affiliate_file_upload_statusbar {
        width: 360px;
    }

    .new_issue_row button.affiliate_button {
        margin-left: 38px;
        height: 35px;
        padding: 5px 5px;
        width: 50% !important;
    }

    .new_issue_row input.request_project_date {
        width: 108% !important;
    }

    .issue_attachments a {
        width: 60%;
        margin-right: 20px;
    }

    .issue_attachments button {
        width: 10%;
        margin-left: 20px;
    }

    #adminAffiliateDataTable_filter label > i {
        position: absolute;
        left: 34%;
        top: 13px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    #adminUserDataTable_filter label > i {
        position: absolute;
        left: 34%;
        top: 13px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    .report_base button {
        width: 25% !important;
    }

    .align_html_button {
        margin-left: 75% !important;
    }

    .weekly_report_input_width {
        width: 74% !important;
    }

    .project_setting_strt_date {
        width: 110%;
    }

    .report_edit_button {
        width: 10%;
    }

}

/*================Ipad pro===========================*/
@media only screen and (min-width: 1024px) and (max-width: 1250px) {

    #notificationSettingModal .modal-dialog {
        width: 600px !important;
    }

    .ipad_input_wdth select {
        width: 66%;
        max-width: 441px;
    }

    .ipad_uplod_wdth .ajax-file-upload-statusbar {
        margin-top: 10px;
        width: 446px !important;
    }


    .mob_comment_width100 textarea {
        width: 100% !important;
    }

    .coment_attach_file .ajax-file-upload-statusbar {
        margin: 10px 0px;
        width: 332px !important;
    }

    .mob_wrap_filter_new .ms-options-wrap {
        width: 100% !important;
    }

    .mob_wrap_filter_new .ms-options-wrap > button {
        width: 100%;
    }

    .ipad_prnt_btn .light_grey_btn {
        margin-bottom: 10px;

        width: 165px;
    }

    .prnt_btn {
        width: 25% !important;
    }

    ul.ipad_new_tasked_list {
        flex-wrap: wrap;
    }

    ul.ipad_new_tasked_list li {
        width: 50%;
    }

    .ipad_new_tasked_list .type_select {
        width: 100%;
        max-width: 100%;
    }

    .footer_content {
        top: 37%;
        left: 4%;
        right: 4%;
        padding: 52px 30px 53px 30px;
    }

    .issue_detail_scroll {
        height: 100%;
    }

    .product_detail_row {
        justify-content: flex-start;
    }

    .new_issue_row.view_row ul {
        width: 43%;
    }

    .new_issue_row.view_row span {
        width: 43%;
    }

    .issue_wrap {
        margin-bottom: 20px;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .create_report {
        justify-content: center;
        width: 100%;

    }

    .create_issue_row {
        flex-direction: column;
    }

    .product_detail_col {
        margin: 16px 14px;
        width: 22%;
    }

    .submittal_form_row.new_submittal_form p {
        width: 29%;
    }

    .issue_wrap .issue_col {
        width: 24%;
        margin-bottom: 12px;
    }

    span.sub_tp_row_rght {
        width: 100%;
        margin-top: 12px;
    }

    .sub_tp_row_lft {
        width: 100%;
    }

    .detail_right_row.rmov_flex.pos_relative.pad_lft0 {
        padding-left: 0;
    }

    .sub_tp_row {
        flex-direction: column;
    }

    div#submittalDetails {
        width: 50%;
    }

    /*==========issue media query=========*/
    .new_wrap_filter {
        flex-wrap: wrap;
    }

    .new_filter_col select.new_cstm_select {
        min-width: 100%;
    }

    .new_filter_col input {
        width: 100%;
    }

    .new_filter_col {
        width: 23%;
        margin: 5px 7px;
    }

    /*============Zeus Module===========*/
    .create_issue_row.zeus_mob_align {
        padding-left: 20px;
        padding-right: 20px;
        border: 0;
    }

    .doc_btn_mob #zeusCreateCompany {
        min-width: 150px;
    }

    .doc_btn_mob .mob_width {
        min-width: 150px;
    }

    #createProjectPopup .modal-dialog {
        width: auto;
    }

    #adminRequestProjectPopup .modal-dialog {
        width: auto;
    }

    #zeusCompanyLog > thead > tr > th {
        white-space: nowrap;
    }

    #zeusCompanyLog > tbody > tr > td {
        white-space: nowrap;
    }

    .zeus_create_button {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #manageAffiliatesModal .modal-dialog {
        width: auto;
    }

    .new_issue_row .affiliate_label {
        margin-left: 0;
        margin-right: unset;
        width: 35%;
    }

    .new_issue_row .affiliate_field {
        margin-right: 10px;
        width: 65%;
    }

    .cstm_select.sel_margin {
        margin-left: 0px;
        width: 65% !important;
        margin-right: 10px;
    }

    #affiliateLogo .ajax-upload-dragdrop .drag_file_text {
        width: 90%;
    }

    #affiliateLogo .ajax-upload-dragdrop .ajax-file-upload, .ajax-file-upload-statusbar.affiliate_file_upload_statusbar {
        width: 360px;
    }

    .new_issue_row button.affiliate_button {
        margin-left: 38px;
        height: 35px;
        padding: 5px 5px;
        width: 50% !important;
    }

    .new_issue_row input.request_project_date {
        width: 106% !important;
    }

    .issue_attachments a {
        margin-right: 0px;
    }

    #adminAffiliateDataTable_filter label > i {
        position: absolute;
        left: 25%;
        top: 13px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    #adminUserDataTable_filter label > i {
        position: absolute;
        left: 25%;
        top: 13px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    .input-group.calendar_icon {
        width: 70%;
    }

    .submittal_date_text_field.width100_per {
        width: 103% !important;
    }

    .report_base button {
        width: 20% !important;
    }

    .align_html_button {
        margin-left: 83% !important;
    }

    .project_setting_strt_date {
        width: 115%;
    }

}

@media only screen and (min-width: 1367px) and (max-width: 1700px) {

    #notificationSettingModal .modal-dialog {
        width: 600px !important;
    }

    .footer_content {
        padding: 45px 30px 53px 30px;
    }

    .container.cstm_container {
        max-width: 1400px;
        width: 100%;
    }

}

@media only screen and (min-width: 411px) and (max-width: 731px) {

    #notificationSettingModal .modal-dialog {
        width: 390px !important;
    }

    #affiliateLogo .ajax-upload-dragdrop .ajax-file-upload, .ajax-file-upload-statusbar.affiliate_file_upload_statusbar {
        width: 225px !important;
    }

    #adminAffiliateDataTable_filter label > i {
        position: absolute;
        left: 70%;
        top: 12px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    #adminUserDataTable_filter label > i {
        position: absolute;
        left: 70%;
        top: 13px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    .align_html_button {
        margin-left: 55% !important;
    }

    .report_attachment_div {
        margin-left: 70px !important;
    }

    .report_attachments .ajax-upload-dragdrop {
        width: 195px !important;
        height: 60px;
    }

    .project_setting_strt_date {
        width: 120% !important;
    }

    .single_filter_row h3.report_base_align {
        text-align: center;
    }
}

@media only screen and (min-width: 414px) and (max-width: 736px) {

    #notificationSettingModal .modal-dialog {
        width: 390px !important;
    }

    .new_issue_row input.request_project_date {
        width: 117% !important;
    }

    .report_base button {
        width: 50%;
    }
}

@media only screen and (min-width: 540px) and (max-width: 720px) {

    #notificationHistoryModal .modal-dialog {
        width: 690px !important;
    }

    #notificationSettingModal .modal-dialog {
        width: 600px !important;
    }

    #affiliateLogo .ajax-upload-dragdrop .ajax-file-upload, .ajax-file-upload-statusbar.affiliate_file_upload_statusbar {
        width: 310px !important;
    }

    .new_issue_row button.affiliate_button {
        margin-right: 120px;
    }

    .new_issue_row input.request_project_date {
        width: 112% !important;
    }

    #adminAffiliateDataTable_filter label > i {
        position: absolute;
        left: 51%;
        top: 13px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    #adminUserDataTable_filter label > i {
        position: absolute;
        left: 51%;
        top: 13px;
        padding: 4px 9px;
        display: none;
        color: #3c9bb0;
        font-size: 15px;
    }

    .input-group.calendar_icon {
        width: 100%;
    }

    .submittal_date_text_field.width100_per {
        width: 116% !important;
    }

    .report_base button {
        width: 35%;
    }

    .align_html_button {
        margin-left: 67% !important;
    }

    .report_date_field {
        width: 114% !important;
        margin-left: 7px;
    }

    .report_attachment_div {
        margin-left: 130px !important;
    }

    .report_attachments .ajax-upload-dragdrop {
        width: 265px !important;
    }

    .project_setting_strt_date {
        width: 115% !important;
    }

    .single_filter_row h3.report_base_align {
        text-align: center;
    }

}

@media only screen and (min-width: 320px) and (max-width: 568px) {

    #notificationHistoryModal .modal-dialog {
        width: 350px !important;
    }

    #notificationSettingModal .modal-dialog {
        width: 350px !important;
    }

    .report_base button {
        width: 60% !important;
    }

    .align_html_button {
        margin-left: 40%;
    }

    .project_setting_strt_date {
        width: 124%;
    }
}

.notification_row label {
    font-size: 15px;
}

.history_btn {
    width: 250px;
    font-size: 15px;
}

#notificationHistoryDataTable_paginate .dataTables_paginate .paginate_button:hover {
    background: none;
    color: #4e1a24 !important;
}

#notificationHistoryDataTable_paginate .paginate_button.current {
    background: #4bbad3 !IMPORTANT;
}

.new_issue_row .group_label {
    margin-right: unset;
    width: 19%;
}

/*================Issue closure attachments ===========================*/

.issue_closure_attachment_div {
    width: 150%;
}

.issue_closure_attachment_div .ajax-file-upload-statusbar {
    margin: 10px 0 8px 0 !important;
    width: 328px;
    display: flex;
    border: none;
    padding: unset;
}

.issue_closure_attachment_div .ajax-file-upload-statusbar .extrahtml {
    color: #27849a;
    width: 100%;
}

.issue_closure_attachment_div .ajax-file-upload-statusbar .ajax-file-upload-cancel {
    margin-right: 10px;
}

.closure_attachments .ajax-upload-dragdrop {
    width: 405px !important;
    height: 70px;
}

.closure_attachments .ajax-upload-dragdrop .drag_file_text {
    width: 98%;
    font-size: 14px;
    margin: 0 5px 0 10px;
}