@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:600,700&display=swap');
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body { font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;}
@media (min-width: 768px) {
     .modal-dialog{ width: 700px; }
}
table.detail-view th {
    width: 25%;
}

table.detail-view td {
    width: 75%;
}
body{ font-size: 12px; }
.add-new-button-box{/*clear:both;*/ overflow:hidden;}
.add-new-button-box .pull-right{ margin: 10px 0; margin: 4px 0 5px 0; }
.content-header > h1{margin:0 0 5px;}
.form-group .has-error .help-block{/* margin-left:25%; */}
.login-page {
    background: #404040 none repeat scroll 0 0;
}
.main-footer {
   /* background: rgb(30, 40, 44) none repeat scroll 0 0;*/
   	background:#3579a5;
    /*border-top: 1px solid rgb(30, 40, 44);*/
    color: #fff;
    font-size: 11px;
    margin-top: 15px;
    margin-left: 185px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 65px;
}
.nav.nav-tabs {
    font-size: 15px;
    letter-spacing: 1px;
}
.user-form{width:100%;display:block;clear:both;overflow:hidden;}
.user-form .accountBasicInfo{background:#E6E6FA; border:1px solid #ddd;margin:10px;padding:10px; clear:both;overflow:hidden;}
.user-form .accountAdditionalInfo{background:#f1f1f1; border:1px solid #ddd;margin:10px;padding:10px; clear:both;overflow:hidden;}
.user-form .infoTitle>label{font-size:20px}
.user-form hr{margin:20px 10px;}
.user-form .submit-button{margin:0 0 15px 10px;}

.edit-profile-form{width:100%;display:block;clear:both;overflow:hidden;}

.edit-profile-form .accountBasicInfo{background:#E6E6FA; border:1px solid #ddd;margin:10px; padding:10px; clear:both;overflow:hidden;}
.edit-profile-form .accountAdditionalInfo{background:#f1f1f1; border:1px solid #ddd;margin:10px; padding:10px; clear:both;overflow:hidden;}
.edit-profile-form .infoTitle>label{font-size:20px}
.edit-profile-form hr{margin:20px 10px;}
.edit-profile-form .edit-profile-button{margin:0 0 15px 10px;}

form div.required label:after {
  content:" * ";
  color:red;
  position:absolute
}
#commonModal .modal-header{
    background-color: #d9dbe1;
    color:#353535;
    padding: 8px 20px;
	border-radius: 10px 10px 0 0;
}
#commonModal .modal-header h4{ font-size: 14px; font-weight:600; }
.error-summary {
    /* background-color:#dd4b39; */
    background: #f6ebeb;
    border-color:#d73925;
    border-radius:3px;
    color:#444;
    padding:5px;
    margin:0 0px 10px;
    clear:both;
    overflow:hidden;
}
.error-summary p{ margin: 0 0 5px; }
.alert-warning{ 
    margin: 0 0 10px 0; 
    overflow:hidden; 
    clear:both;
    background-color: #fffbf1 !important;
    border-color: #fcebc2 !important;
    color: #838383 !important;
    padding: 7px !important;
}

.alert-success{ 
    margin: 0 0 10px 0; 
    overflow:hidden; 
    clear:both;
    padding: 7px !important;
}

.nav-list-heading {
	color: #707070;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 10px 4px;
    text-transform: uppercase;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color: #3C8DBC;color:#fff}

.login-page input.form-control {width: 100%;}

/*==============================================*/
.form-group {
    clear: both;
    float: left;
    width: 100%;
}
/*.formInputBox{width:40%; float:left;}*/
.formInputBox .model-attribute{display:block}
.formInputBox .model-input{display:none;}
.formInputBox select.form-control, .formInputBox input.form-control{width:100%;}
.inline-edit-icons{margin:0 10px; float:left;}
.form-group.inline-edit, .form-group.no-edit{overflow:hidden; clear:both; /* padding:5px 10px; */ margin-bottom:0px;}
.form-group.no-edit .formInputBox{color:#a4a4a4;}
.form-group.no-edit .control-label {
    float: left;
    width: auto;
    padding: 0 10px 0 0;
    font-weight:normal;
    color:#a4a4a4;
}

/*.form-group.inline-edit:nth-child(2n){background:#f3f3f3;}
.form-group.inline-edit:nth-child(2n+1){background:#fff;}
*/
.inline-edit-icons .edit-icon{display:none;}
.inline-edit-icons .cancel-icon, .inline-edit-icons .confirm-icon{display:none;}
.inline-edit-icons .cancel-icon.active, .inline-edit-icons .confirm-icon.active{display:inline-block; cursor:pointer;}
.inline-edit:hover .inline-edit-icons > a.edit-icon{display:inline-block; cursor:pointer;}
.inline-edit:hover .inline-edit-icons > a.edit-icon.active{display:none;}
#actMsg .error-summary {
    background-color: #dd4b39;
    border-color: #d73925;
    border-radius: 1px;
    color: #fff;
    margin: 0;
    padding: 5px;
}
.tab-content{border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;display:inline-block; width:100%;}
.form-group.inline-edit .control-label {
    float: left;
    width: auto;
    padding: 0 10px 0 0;
    font-weight: bold;
    /*color: #667783;*/
}
.modal-footer{clear:both; overflow:hidden;}
.content-header{clear:both; overflow:hidden;}

.input-group .input-group-addon{background:#eee;}
.projectuser-form .form-control.role_lists, .project-role-form .form-control.role_lists{height:200px; overflow:auto; clear:both;}
.projectuser-form .form-control.role_lists label, .project-role-form .form-control.role_lists label{display: block;}
.folder-item{display:block; clear:both; float:left; width:100%;}
.folder-item-heding{display:block; clear:both; float:left; width:100%;padding:0;}
.folder-item-folder-icon-box{padding:9px 12px;border-right:1px solid #d2d6de; min-height:55px; width:65px; text-align:center;}
.folder-item-title{font-size:20px;padding:9px 12px;}
.folder-item-gear-icon-box{padding:9px 0px;border-left:1px solid #d2d6de; border-right:1px solid #d2d6de; text-align:center;}
.folder-item-add-icon-box{padding:9px 0px 9px 18px;}
.files-content{clear:both; float:left; width:100%;}
.files-content .row{margin:10px 0;}
.files-content .row .col-sm-3{padding:0px; position:relative;}
.files-content .row .col-sm-3 .info_icon_box{position:absolute;top:1px;right:1px;}
.files-content .row .col-sm-3 .col-sm-12.file_box{
	padding:17px 14px; 
	text-align:center; 
	margin:0 auto;
	width:240px;
	height:185px;
	max-width:100%; 
	max-height:190px; 
	border:1px solid #d2d6de;
	border-bottom: 0;
}
.files-content .row .col-sm-3 .col-sm-12.file_box img{width:200px; height:150px;}
.files-content .row .col-sm-3 .col-sm-12.file_info{padding:0;text-align:left;margin:0 auto; width:240px; min-height:50px;}
.fa-11x{font-size:11em;}

.files-content .col-sm-12.file_info .input-group-addon{text-transform:uppercase;}

.files-content .form-control:focus{border-color:#ccc;}
.uncategorised-file-heading{padding:0 15px; font-size:24px;font-weight:500;line-height:1.1; margin:0 0 5px;}
.file-info-content #file_field_title{padding:0; margin-bottom:15px}
.file-info-content #file_field_title label{font-weight:bold;}
.file-info-content #file_field_title #File_title_field #actMsg{clear:both; margin:5px 0 0;}
.task-index .task-item .assignee, .task-index .task-item .priority{margin:0 0 0 15px}
.assignee-icon-box{border:1px solid #999; color:#999; border-radius:4px; padding:2px 5px; display:inline-block; background:#f9f9f9}
.story-icon-box{border:1px solid #999; color:#999; border-radius:4px; padding:2px 5px; background:#f9f9f9; float:left;}
.process-icon-box{border:1px solid #999; color:#999; border-radius:4px; padding:3px 5px; background:#f9f9f9}
.feature-icon-box{border:1px solid #999; color:#999; border-radius:4px; padding:2px 5px; display:inline-block; background:#f9f9f9}
.status-icon-box{border:1px solid #999; color:#999; border-radius:4px; padding:2px 5px; background:#f9f9f9}
.issues-index .issue-item{clear:both; overflow:hidden;}
.issues-index .issue-item .issue-edit{margin:0 10px 0 0}

.issues-index .issue-item .assignee, .issues-index .issue-item .priority, .issues-index .issue-item .status{margin:0 0 0 15px}
.issues-index .issue-item .delete{margin:3px 0 0 10px;}

.risk-index .risk-item{margin:5px}
.risk-index .risk-item .panel-heading{clear:both; overflow:hidden;}
.risk-index .risk-item .panel-heading .delete, .risk-index .risk-item .panel-heading .edit, .risk-index .risk-item .panel-heading .user, .risk-index .risk-item .panel-heading .feature, .risk-index .risk-item .panel-heading .servity{margin:0 0 0 15px}
.folder-add-button-div .add-new-button-box .pull-right, .feature-add-button-div .add-new-button-box .pull-right,
.requirement-add-button-div .add-new-button-box .pull-right{margin-bottom:0;}
.requirement-index .panel-heading .edit{margin:0 10px 0 0}

.process-action-index .panel-body .row{margin:0 0 10px 0;}
.process-action-index .panel-body .row.createdinfo{color:#a4a4a4;}

.input-group.theme-features-options {float:right;width:250px;}
.input-group.theme-features-options label{float:right; width:auto; line-height:20px;}
.input-group.theme-features-options select{width:auto;float:right;}
.feature-category-button{padding:0;clear:both; margin: 20px 15px 0 0; float:right;}
.feature-theme-and-category{padding:0 15px;float:right;width:100%;}
#renderDataDivFeature{clear:both;overflow:hidden;}
.feature-category-content{margin:15px;}
.feature-category-content .content-header{padding:0;}
.feature-category-content .content-header > h1{margin:0;}
.feature-index .panel-title{clear:both;overflow:hidden;}
.feature-index .panel-title a{font-size:15px;}

.feature-index .panel-heading{padding:5px 10px 5px 0px;}

.feature-index .process-index .panel-heading, .feature-index .comment-index .panel-heading{padding:5px 15px;}
.storyDiv .panel.panel-default{margin:5px;}


/************* Added by Ishak ***************/
.kv-editable-form-inline .form-group.has-error .help-block{ margin-left: 0; }
.kv-editable-form-inline .form-group{ clear: none; float: none; width: auto; }
.kv-editable-value.normalHeaderText {
    background: transparent;
    border: 1px solid;
    border-color: #f5f5f5;
    border-radius: 3px;
    outline: none;
    padding: 1px;
    margin: 0;
    text-align: left;
}
.kv-editable-value.normalText, .normalText {
    outline: none;
    padding: 0 8px;
    margin: 0;
    position: relative;
    /*border: 1px solid transparent;*/
    border: 0;
    border-radius: 3px 0 0 3px;
    background: transparent;
    cursor: text;
    display: inline-block;
    text-align: left;
	min-height: 18px;
}
/* .kv-editable-value.normalText:hover {
    outline: none;
    padding: 3px 37px 3px 8px;
    margin: 0;
    position: relative;
    border: 1px solid #ececec;
    border-radius: 3px;
    cursor: text;
} */
/*.kv-editable-value.normalText:hover:before {
     position: absolute;
    height: 100%;
    width: 29px;
    content: "\270f";
    right: 0;
    top: -1px;
    border: 1px solid #ececec;
    border-radius: 0 3px 3px 0;
    background: #efefef;
    font-family: 'Glyphicons Halflings';
    box-sizing: content-box;
    font-size: 11px;
    line-height: 25px;
    cursor: pointer; 
}*/
.kv-editable-value.normalHeaderText.editable-content-active{
    border-color: #4e4e4e;
}
.kv-editable-form-inline .kv-editable-close.btn-default {
    padding: 4px 5px;
    margin: 2px 4px 0 0;
    line-height: 1;
    font-size: 11px;
}
.kv-editable-button-container{ border: 1px solid transparent; position: relative; margin-top: 1px; }
.kv-editable-button-container:hover {
    outline: none;
    padding: 0 29px 0 0;
    position: relative;
   /* border: 1px solid #d2d2d2;*/
   border:1px solid #888;
    border-radius: 3px;
    cursor: text;
}
.overlay-icon{
    position: absolute;
    height: 100%;
    width: 29px;
    content: "\270f";
    right: 0;
    top: 0;
   /* border: 1px solid #d2d2d2;*/
    border:1px solid #888;
    border-radius: 0 3px 3px 0;
    /*background: #d2d2d2;*/
	background:#888;
    font-family: 'Glyphicons Halflings';
    font-size: 11px;
    line-height: 13px;
    cursor: pointer;
    visibility: hidden;
    text-align: center;
}
.editable-content-block {
    border: 1px solid;
    padding: 1px;
    border-color: #4e4e4e;
    border-radius: 3px;
}
.tree-container .easy-tree{ border: 1px solid #dddddd; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.tree-container .add-new-button-box:first-child{
    margin: 9px 9px 0 9px;
}
.tree-container .add-new-button-box:last-child{
    margin: 0 9px 9px 9px;
    position: relative;
    top: 25px;
}
.table-hover > tbody > tr:hover {
    background-color: #fbfbfb;
}
.formInputBox {
    padding: 3px 8px;
}
.normalText:before {
    content: ":";
    position: absolute;
    left: -9px;
}
.kv-editable, .kv-editable-value{ position: relative; }
.no-edit{ color: #a5a5a5; padding-left: 8px; }
.form-group.general-field-container {
    margin: 0;
    position: relative;
}
.general-field-container .general-field:before {
    content: ":";
    position: absolute;
    left: -7px;
    top: 4px;
}
.general-field .formInputBox {
    margin-top: 2px;
}
.parent-tree-container{ margin: 0; padding: 0; }
.panel-body.main-container{ padding: 0 0 15px 0; min-height: 440px; /*background-color: #f5f5f5; */}
.panel-heading.section-heading{ margin: 0; /*padding: 5px 15px;*/ padding: 7px 0 0; background-color: #fff; border: 0; }
.section-heading h3{ margin: 0 0 0 15px; font-size: 20px; display: inline; }
.inline-edit .control-label{ margin-top: 0; margin-bottom: 0; }
#commonModal .modal-body .form-group{ margin-bottom: 0; position: relative; }
.kv-editable-form-inline .kv-editable-submit {
    background: #d5d5d5;
    color: #444;
    border-color: #adadad;
    padding: 4px 5px !important;
    line-height: 1;
    font-size: 11px;
}
/*.kv-editable-form-inline .kv-editable-submit:hover{
    background: #c9c9c9;
    color: #444;
}*/
.kv-editable-content .panel-default {
    border-color: #ddd;
    position: relative;
    border-radius: 0;
}
.kv-editable-form-inline .form-group:last-child{
    position: absolute;
    right: 0px;
    padding: 3px 0px 3px 3px;
    border: 1px solid #dedede;
    background: #f7f7f7;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
    bottom: -35px;
    z-index: 10;
    min-width: 60px;
}
.btn-default.description{
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 14px;
    box-shadow: none;
}
.btn-default.description:active{ background: transparent; }
.col-md-6.left{ padding-right: 15px; padding-left: 0; }
.col-md-6.right{ padding-left: 15px; padding-right: 0; }
.kv-expand-header-cell, .kv-expand-icon-cell{ font-size: inherit; }
.kv-grid-table tr.kv-expand-detail-row.info > td{ background-color: #e3e3e3; }
.kv-grid-table tr.kv-expand-detail-row.info:hover > td{ background-color: #eaeaea; }
.parent_li .parent_li {
    padding-top: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 21px !important; }
.select2-container .select2-selection--single .select2-selection__rendered{ padding-left: 0 !important; padding-right: 0 !important; }

#commonModal .modal-body .control-label:before, .form-inline .control-label:before {
    content: ":";
    position: absolute;
    left: 25%;
}
#commonModal .modal-body .control-label + div{
    width: 71% !important;
    height: auto;
    min-height: 34px;
    left: 4%;
    position: relative;
}
#commonModal .modal-body .form-group .control-label, .form-inline .control-label{ float:left;width:25%; }
#commonModal .modal-body select.form-control, #commonModal .modal-body input.form-control, #commonModal .modal-body textarea.form-control { 
    width: 71%;
    /*height: auto;*/
    /* min-height: 34px; */
    left: 4%;
    position: relative;
    font-size: 12px;
}
#commonModal .modal-body textarea.form-control.inline, #commonModal .modal-body .full-width select.form-control{ width: 100%; left: 0; }
#commonModal .modal-body .select2-container--bootstrap{
    width: 71% !important;
    height: auto;
    display: inline-block;
    left: 4%;
    position: relative;
}
#commonModal .modal-body .full-width .select2-container--bootstrap{
    width: 100% !important;
    height: auto;
    display: inline-block;
    left: 0;
    position: relative;
}
#commonModal .modal-body .select2-container--bootstrap .select2-selection{ font-size: 12px; }
/* #commonModal .modal-body .select2-container .select2-search--inline{ width: 100% !important; } */
#commonModal .modal-body .select2-container .select2-search--inline .select2-search__field{ 
    /* width: 100% !important; */
    font-size: 13px;
    padding: 0 7px;
}
.form-control { padding: 2px 6px 2px 6px; height: 24px; }
#commonModal .horizontal-form .modal-body select.form-control, #commonModal .horizontal-form .modal-body input.form-control{ width: 100%; left: 0; }
#commonModal .modal-body .control-label.no-colon::before{ content: ""; }

.kv-editable-form .panel-default .panel-body .kv-editable-submit {
    background: #d5d5d5;
    color: #444;
    border-color: #adadad;
    padding: 4px 5px;
    line-height: 1;
    font-size: 11px;
}
.kv-editable-form .panel-default .panel-body .kv-editable-submit:hover{
    background: #c9c9c9;
    color: #444;
}
.kv-editable-form .panel-default .panel-body .kv-editable-close {
    padding: 4px 6px;
    margin: 0px 4px 0px 4px;
    line-height: 1;
    font-size: 11px;
}
.kv-editable-form .panel-default .panel-body .form-group:last-child{
    position: absolute;
    right: -1px;
    padding: 3px 0px 3px 3px;
    border: 1px solid #dedede;
    background: #f7f7f7;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
    bottom: -36px;
    width: 61px;
    z-index: 10;
}
.kv-editable-form .panel-default .panel-heading .kv-editable-close{ display: none; }
.kv-editable-form .panel-default .panel-body .help-block{ margin-left: 0; }
a.description {
    word-wrap: break-word;
    white-space: normal;
    text-align: left;
}
.easy-tree li{ display: flow-root; }
.easy-tree li.parent_li li > span {
    left: -13px;
    top: 3px;
}
.easy-tree li::before{ top: 3px !important; }
.easy-tree li:last-child::before {
    height: 17px !important;
}
.easy-tree li::after {
    top: 19px !important;
}
.easy-tree li > span{ padding: 2px !important; }
.easy-tree li.parent_li > span > a {
    font-size: 13px;
    line-height: 1;
    padding: 3px 5px 3px 5px;
}
.easy-tree li.parent_li > ul {
    margin-top: -1px;
}
.easy-tree li.parent_li li ul {
    margin-left: -11px;
}
.easy-tree li.parent_li > span{ background: #fefaea; }
.easy-tree li > span{ display: inline !important; }
.easy-tree li:after{ width: 17px !important; }
.main-content-container h4 { margin: 5px 0 9px 0; font-size: 15px;font-weight: bold; /*text-decoration: underline; color: #875454;*/ }
.tab-content h5 { 
    display: inline-block;
    margin: 5px 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    /* text-decoration: underline; */
    color: #868686;
}
.info-list-item { margin: 0 0 7px 0; }
.nfr-container .panel-heading a > span{ font-size: 12px; }
.nfr-container #accordion .panel-heading { padding: 3px 11px; background-color: #dedede; }
.nfr-container #accordion .panel-heading .panel-title{ font-size: 15px; margin: 2px 0 4px 0;text-decoration: none; font-weight: normal; }
.nfr-container .panel-heading a:hover, .nfr-container .panel-heading a:active, .nfr-container .panel-heading a:focus{ color: #333; }
.glyphicon-plus, .glyphicon-minus, .glyphicon-search, .glyphicon-refresh, .glyphicon-eye-open, .glyphicon-edit, .glyphicon-chevron-right, .glyphicon-upload{ color: #aaa; font-size: 12px; }
.bs-callout {
    padding: 3px 7px;
    margin: 0 0 13px 0;
    border: 1px solid #e7e7e7;
    /* border-left-width: 1px;
    border-left-color: rgb(222, 222, 222);
    border-left-width: 5px;
    border-radius: 3px;
    background: #FFF; */
    background-color: #f9f9f9;
}
.bs-callout-primary {
    padding: 0; 
    margin: 0 0 21px 0;
    border: none;
    background: transparent;
}
.bs-callout + .bs-callout {
    margin-top: -5px;
}
.bs-callout-info {
    border-left-color: #1b809e;
}
.bs-callout-warning {
    border-left-color: #aa6708;
}
.bs-callout-danger {
    border-left-color: #ce4844;
}
.panel-group .panel {
    margin-bottom: 11px;
}
.select2-container--krajee .select2-selection--single .select2-selection__arrow{ height: 27px; }
.select2-container--open .select2-dropdown--above{ /*width: 379px !important;*/ }
.select2-container--krajee .select2-results > .select2-results__options{ max-height: 350px !important; }
.table.table-hover > tbody > tr > td, .table.table-striped > tbody > tr > td{ padding: 2px; }
.table.table-striped{ margin-bottom: 5px; }
.inline-edit .table.table-hover > tbody > tr > td{ border-color: #ececec; }
.inline-edit .table.table-hover > tbody > tr:first-child > td{ border-color: #FFF; }
.kv-grid-table.table-hover > tbody > tr > td{ padding: 7px; }

.subactor-form{ overflow-y: scroll !important; max-height: 300px !important; padding: 0px 65px 0 65px; }
.kv-expand-icon, .kv-expand-header-icon { font-size: 12px; }
.tab-content .table-bordered{ margin-bottom: 13px; }
.tab-content .subactor-form .table-bordered{ margin-bottom: 9px; }
p.no-edit{ padding: 0; }
.tab-content .content{ min-height: 200px;/* box-shadow: 0 3px 0px #ddd;*/ }
.main-container .easy-tree{ margin-bottom: 15px; background: #f9f9f9; box-shadow: 0px 3px 0 #ddd;}
.grid-view .table > tbody > tr > td, .grid-view .table > thead > tr > th{ padding: 1px 6px; }
.grid-view .table > tbody > tr > td span.glyphicon{ font-size: 12px; }
.add-new-button-box .btn-default{ padding: 3px 8px; }
.kv-editable-value.normalHeaderText::before{ content: ""; }
#featuresTab .kv-editable-button-container{ margin-bottom: 3px; }
.kv-editable-value.normalHeaderText {
    outline: none;
    padding: 0 3px 0 0;
    margin: 0 0 1px 0;
    position: relative;
    border: 1px solid transparent;
    border-radius: 3px 0 0 3px;
    background: transparent;
    cursor: text;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
   /* text-decoration: underline;*/
    color: #875454;
}
.btn-remove{ padding: 2px 8px; margin-bottom: 5px; }
#commonModal .modal-body .form-group .control-label.no-colon{ width: 100%; }
.kv-editable-form .panel-default .panel-body .form-group:last-child .btn-delete {
    padding: 4px 6px;
    margin: 0 4px 0 0;
    line-height: 1;
    font-size: 11px;
}
.kv-editable-form .panel-default .panel-body .field-featurecategory-description ~ .form-group{ width: 90px; }
.kv-editable-form .panel-default .panel-heading .btn-delete { display: none; }
.bs-callout p{ margin-bottom: 1px; }
/* .form-inline select.form-control, .form-inline input.form-control, .form-inline textarea.form-control { 
    width: 40%;
    height: auto;
    min-height: 34px;
    left: 4%;
    position: relative;
} */
.form-inline .control-label.no-colon{ width: 100%; }
.form-inline .control-label.no-colon::before { content: ""; }
.form-inline .form-group.has-error .help-block{ margin-left: 0; }
.form-group.has-success .form-control, .form-group.has-success .input-group-addon {
    border-color: #d2d6de;
}
.form-group.has-success label {
    color: #333;
}
.grid-view .table > thead > tr:first-child > th{ color: #909090; }
.files-container .files-by-content-type-container:first-child .grid-view .table > thead > tr th{ display: table-cell !important; }
/* .file-source-type-fields-inline .btn-block.btn-file, .file-source-type-fields-inline .file-preview{ width: 69%; } */
.krajee-default.file-preview-frame .kv-file-content { height: auto !important; }
.krajee-default .file-preview-text{ border: none !important; }
.view-only-container{ /* height: 460px;overflow-y: scroll; */ padding: 0 3px 0 0; }
.inline-data-container .form-group{ margin-bottom: 3px; }
.inline-form{ 
    background: #fff;
    /*padding: 7px;*/
    padding: 7px 7px 0px 7px;
    border: 1px solid #d3d6dc;
	border-top:3px solid #d3d6dc;
    border-radius: 0px;
    display: flow-root;
    margin-bottom: 5px;
	box-shadow:unset;
}
/*.grid-view{ background: #FFF; }*/
#commonModal .modal-title { text-transform: capitalize; }
.commentBox{
    background: #f5f5f5;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px 9px;
    position: relative;
}
.commentBox::before {
    height: 9px;
    width: 9px;
    background: #f5f5f5;
    position: absolute;
    content: "";
    right: -5px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(45deg);
    top: 12px;
}
.ui-sortable-handle { cursor: all-scroll; }

.feature-category-column {
    background: #fff;
    /* border-bottom: 5px solid #f5f5f5; */
    padding: 10px 5px 3px 5px;
    box-sizing: border-box;
    display: table-cell;
    list-style: none;
    margin: 0;
    position: relative;
    vertical-align: top;
}

.feature-category-column-headers {
    box-sizing: border-box;
    /* border-spacing: 5px 0; */
    display: table;
    list-style: none;
    margin: 0;
    table-layout: fixed;
    width: 100%;
    padding: 0;
}

.tab-content h3 {
    margin: 0 0 7px 0;
    font-size: 15px;
    font-weight: bold;
    color: #6f6f6f;
}

ul.ui-sortable li.list-group-item{ padding: 5px 9px 10px 9px; }
ul.ui-sortable li.list-group-item hr{ margin: 3px 0; }
ul.ui-sortable li.list-group-item .footer-buttons{ margin-top: 7px; }
ul.ui-sortable li.list-group-item .footer-buttons .btn-edit, ul.ui-sortable li.list-group-item .footer-buttons .btn-delete{
    background: #f2f2f2;
    color: #444;
    border-color: #adadad;
    padding: 4px 5px;
    line-height: 1;
    font-size: 11px;
}
.view-panel-container{ margin-top: 10px; display: none; }
.view-panel-list-group.open .view-panel-container{ display: block; }
.view-panel-content{ border-color: #bee8ff; margin-bottom: 0; }
.view-panel-content .panel-heading{ background-color: #bee8ff; border-color: #bee8ff; }
.view-panel-content .control-label{ margin: 2px 0 0 0; margin-bottom: 0; font-weight: bold; color: #6c6c6c; }
.view-panel-content .panel-heading .normalText:before{ left: -1px; }
.view-panel-content .panel-body{ padding: 0 15px; }
.view-panel-content .left-content{ 
    background-color: #e4e4e4;
    padding: 7px 10px;
    margin: 5px 0 0 0;
    /* box-shadow: -7px 8px 7px -5px #ddd; */
}
.view-panel-content .right-content{ 
    background-color: #e4e4e4;
    padding: 7px 10px;
    margin: 5px 0 0 0;
    /* box-shadow: 8px 8px 7px -5px #ddd; */
}
.view-panel-content .view-panel-content-heading .btn-default{ 
    background-color: transparent;
    border: none;
    padding: 0;
    text-decoration: underline;
}
.view-panel-list-group .view-link{ position: relative; }
.view-panel-list-group .view-link.loading:after{
    content: url(../images/icons/ajax-loader.gif);
    display: block;
    width: 39px;
    position: absolute;
    right: -39px;
    top: -7px;
    text-align: center;
}
.easy-tree .has-sub-item:before{
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content: "\002b";
    left: -13px;
    top: 3px;
    color: #aaa;
    font-size: 12px;
}
.left-content-heading {
    background-color: #e4e4e4;
    padding: 7px 10px;
    /* margin-left: -7px; */
}
.right-content-heading{
    background-color: #e4e4e4;
    padding: 7px 10px;
}
.view-panel-main-content .view-panel-content-heading h4 {
    display: inline-block;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    color: #875454;
}
.view-panel-main-content h5{ font-weight: bold; }
.basic-info{ 
	/* border-bottom: 1px solid #bfbfbf; */ 
	padding: 7px; 
	/*background: #f9f9f9;*/ 
	/*background: #e8e8e8; */
	background: #abaeb6;
	
	/*background-image: linear-gradient(#6ba7ce 58%, #3c8dbc );*/
    color: #fff;
    border-radius: 5px 5px 0 0;
	}
.view-panel-main-content h4{ font-size: 16px; margin: 0 0 7px 0; font-weight: bold; text-decoration: underline; display: inline-block; color: #875454; }
.full-width-column .kv-editable{ width: 100%; }
.full-width-column .normalText{ width: 100%; padding: 0; }
.full-width-column .normalText:before{ content: ""; }
.view-panel-main-content .normal-text-area ul, .view-panel-main-content .normal-text-area ol {
    margin-left: 0;
}
.view-panel-main-content .normal-text-area ul li{
    list-style-type: disc;
    margin: 0;
    padding: 5px 5px 0 0;
    position: relative;
    display: list-item;
}
.view-panel-main-content .normal-text-area ol li{ 
    list-style-type: inherit; 
    margin: 0;
    padding: 5px 5px 0 0;
    position: relative;
    display: list-item; 
}
.view-panel-main-content .normal-text-area ul li:before, .view-panel-main-content .normal-text-area ul li:after, .view-panel-main-content .normal-text-area ol li:before, .view-panel-main-content .normal-text-area ol li:after{
    content: "";
    border: none;
    bottom: 0;
    height: auto;
    width: auto;
    position: relative;
    right: auto;
    left: 0;
    top: 0;
}
.view-panel-content .right-content .commentBox, .view-panel-content .right-content .commentBox:before{
    background: #fff;
}
.easy-tree > ul > li:first-child {
    padding-top: 0;
}
.short-desc {
    word-wrap: break-word;
}
ul.kanban-view li.list-group-item{ margin-bottom: 5px; }
.view-panel-main-content .easy-tree > ul > li > span { font-weight: bold; }
.view-panel-main-content .easy-tree li ul{ margin-left: 13px !important; }
.view-panel-main-content .grid-with-grouping .group-items:first-child h5{ margin-top: 5px; }
.view-panel-main-content .grid-with-grouping .group-items h5{ margin: 18px 0 5px 0; }
.view-panel-main-content .grid-view table thead{ background: #ffead2; }
#commonModal .full-width-column textarea {
    width: 100% !important;
    left: 0 !important;
}
.input-item.hide{ display: none; }
#commonModal .modal-body input[type="radio"]{ margin: 4px 0 0 25px; }
#commonModal .modal-body input[type="radio"] + span{ font-weight: normal; }
#commonModal .modal-body{ max-height: 300px; overflow-y: auto; padding: 15px 15px; }
.remember label{
    margin-left: 5px;
    line-height: 1;
    font-weight: normal;
    position: relative;
    top: -2px;
}
#login-form .form-group{ float: none; }
.view-panel-btn-container{ top: 13px; right: 13px; }
.kanban-heading{ padding: 3px 9px; } .kanban-body{ padding: 5px 7px 7px 7px; background: #f0f2f6; }

.sidebar .treeview span.text-icon{ display: none; } 
.sidebar-collapse .sidebar .treeview span.text-icon{ display: block !important; }
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a span.text-icon{ display: block !important; }

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{ background-color: transparent; }
.main-sidebar .sidebar{ background: #d7d7d7; margin-top: 15px; padding: 0; }
.skin-blue .sidebar a { color: #333; }
.sidebar-menu > li > a { padding: 2px 3px 2px 11px; }
.menu-separator { margin-top: 9px; }
.main-sidebar, .main-header .logo{ width: 175px; }
.content-wrapper{ background-color: transparent; padding-top: 15px; padding-right: 15px; margin-left: 185px; }
.main-header .navbar{ margin-left: 185px; }
.main-content-container{ padding: 15px; }
.content-wrapper > .basic-info {
    color: #8a4141;
}
.content-wrapper > .basic-info .control-label{
    padding: 0 8px;
    color: #b64242;
    margin-bottom: 0;
}
.content-wrapper .panel.panel-default { border: 0; border-radius: 0; }
.navbar-nav > li > .dropdown-menu{ border: 1px solid #cecece; border-top: 0; }
.dropdown-menu > .divider { background-color: #cecece; margin: 7px 0; }
.add-btn-inline{ margin-top: 1px; } 
.content-wrapper .breadcrumb{ margin: 0; /*background-color: #fff;*/ border-radius: 0; padding: 5px 0 0 15px; }
.content-wrapper .topTree{ margin: 0; background-color: #fff; border-radius: 0; padding: 5px 0 0 15px; }
.tree-container { margin-top: 15px; } 
.nav.nav-tabs > li.active > a{ background-color: #f5f5f5; }
/* .content-wrapper .btn{ font-size: 13px; padding: 3px 10px; } */ 
.content-wrapper .btn{ font-size: 12px; /*padding: 1px 7px;*/ }
.content-wrapper .table{ margin-bottom: 7px; }
.view-type-switch .btn-group { margin: 10px 0; }
.left-box{
    border: 1px solid #c3c6ce;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 11px;
    display: flow-root;
	background:#fff;
	box-shadow:/*inset 0px 0px 65px rgba(67,141,189,.188), 0 3px 0px #a7d3ef*/unset;
}
.tab-content{background:#f9f9f9;}
.left-section{ width: 55%; } .right-section{ width: 45%; } .no-left-padding{ padding-left: 0; }
.content-wrapper label{ margin-bottom: 2px; } .nfr-container .panel-group { margin-bottom: 0; }
.no-padding-right { padding-right: 0; }
body.cke_editable{ margin: 7px !important; }
.input-group-html5 .input-group-addon{ padding: 2px; }

.right-sidebar-view{ 
	border: 1px solid #c3c6ce; 
	padding-top: 5px; 
	max-height: 440px; 
	overflow-y: scroll; 
	padding-bottom:5px; 
	box-shadow: unset;
	background:#fff;
	}
#right-sidebar-form .main-container select.form-control, #right-sidebar-form .main-container input.form-control, #right-sidebar-form .main-container textarea.form-control, #right-sidebar-form .main-container .control-label + div{ 
    width: 63% !important;
    height: auto;
    left: 4%;
    position: relative;
    font-size: 12px;
}
#right-sidebar-form .main-container .control-label{ float: left; width: 33%; }
#right-sidebar-form .main-container .control-label:before{
    content: ":";
    position: absolute;
    left: 33%;
}
#right-sidebar-form .main-container input[type="checkbox"] {
    margin-left: 15px;
}
.no-margin-top{ margin-top: 0 !important; }
.content-wrapper h4 { font-size: 15px; margin: 5px 0 9px 0; text-decoration: underline; }
.kv-editable-form-inline textarea {
    height: auto !important;
}
.kv-expand-detail-row .grid-view table thead {
    background: #ffead2;
}
.kv-expand-detail-row .table-striped > tbody > tr:nth-of-type(2n+1) {
   /* background-color: #fff4e6;*/
}

.select2-container .select2-selection--multiple .select2-selection__rendered{ padding-left: 2px !important; }
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{ padding: 0 5px; margin-top:3px }
.select2-container--bootstrap .select2-selection{ font-size: 11px !important; }
.content-wrapper table tr.open{ background-color: #ddd !important; }
.tree li span.level-entity { 
	border: 0px solid #a7d3ef; 
	position: relative; 
	padding: 2px 7px; 
	font-size: 13px; 
	background:#e5f0f8;
	border-bottom: 1.5px solid #cddfeb;
	border-right: 1.5px solid #cddfeb;
	border-radius: 3px;
	color:#0049a3;
	letter-spacing: .5px;
	}
span.relation, span.parentRelation { position: absolute; }
span.relation.oneToMany { left: -12px; top: 0px; font-size: 17px; color: #a7d3ef; }
span.relation.oneToOne { left: -11px; top: 2px; font-size: 11px; color: #a7d3ef; }
.tree li.relOneToMany::before{ /* height: 17px !important; top: -1px; */ }
.tree li.relOneToMany::after{ width: 20px; top: 18px; }
.tree li.relOneToOne{  }

span.parentRelation.oneToManyParent { left: -33px; top: -13px; color: #999; }
.tree li.relOneToManyParent::before{ /* height: 10px !important; top: 8px; */ }
span.parentRelation.oneToOneParent { left: -33px; top: -19px; color: #999; }
.tree .erdTreeUl{ padding: 5px 25px 12px 25px; background-color: #ececec; }
/*.fixedDiv{ background-color: #fff; }*/
.kv-editable-inline .panel-heading {
    padding: 4px 7px;
}
.kv-editable-inline .panel-body {
    padding: 1px 7px;
}
.kv-editable-inline .panel-body input, .kv-editable-inline .panel-body select {
    font-size: 12px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{ height: 14px; }
.right-sidebar-view .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{ height: 27px !important; width: 100px !important; }
.select2-container .select2-selection--multiple{ min-height: 24px !important; }
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    color: #555555;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: default;
    float: left;
    margin: 2px 0 0 3px;
    padding: 0 3px;
    font-size: 10px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
    margin-top: 2px;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field{ font-size: 12px; }
.colorBox{
    width: 10px;
    height: 10px;
    float: left;
    margin: 4px 4px 4px 0px;
}
.normalGridText{ padding: 0 3px; }
.tree li span.level-entity.hasInFeature{ /*color: #fff; background:#7aa4bf *//* font-weight:bold*/}
.main-footer{ margin-top: 5em; }
.skin-blue .sidebar-menu > li:hover > a {
    color: #333;
   background: #5f636c;
   border-left-color: #5f636c;
}
.skin-blue .sidebar-menu > li > a:hover {
    color: #fff;
    /*background: #5d6165;
    border-left-color: #3c8dbc;*/
}
.skin-blue .sidebar-menu > li.active > a{
    color: #fff;
    background: #1e282c;
    border-left-color: rgba(0, 0, 0, 0);
}
/*.sidebar-menu .lvl2:first-child{ margin-top: 0; } .sidebar-menu .lvl2{ margin-top: 9px; }*/
/* Added by Jeet */

.sidebar-menu .lvl1 > span , .sidebar-menu .lvl1 a{ padding: 4px 5px 4px 15px; }
.sidebar-menu .lvl2 a { padding: 4px 5px 4px 25px; }
.sidebar-menu .lvl3 a { padding: 2px 3px 2px 25px; }
/*@keyframes background-fade {
    0% {
        background:#ffcc66;
    }
    100% {
        background:transparent;
    }
}*/
#commonModal input[type="checkbox"]{
    margin-left: 25px;
}
.modal-dialog {
    /*position:fixed;
    right:95px;*/
}
.modal-dialog.center-pop-alg{ position:static; right:0}
.modal-dialog.modal_center_align {
    position: static;
    right: auto;
}
.form-control{
    height: 24px;
    font-size: 12px;
    padding: 0px 3px;
	border: 1px solid #d2d6de !important;
   /* height: 24px !important;*/
}
/*textarea.form-control{ height:auto!important; min-height:24px; resize:both}*/
input[type=select].form-control, input[type=password].form-control, input[type=text].form-control{height: 24px !important;}
input[type=textarea].form-control{ height:24px}
	
#renderDataDivSearch .input-group-addon{
    padding: 3px;
    font-size: 12px;
}
#renderDataDivSearch .col-md-1{
    width: 9%;
}
.inline-data-container .form-control {
    height: 1.8em;
    font-size: 12px;
    padding: 1px 5px;
	height:24px;
}
/*.inline-data-container textarea.form-control {
    height: 2.9em;
}*/
.kv-editable-form-inline .form-control {
    height: 1.8em;
    font-size: 13px;
    padding: 2px 6px;
}
.kv-editable-button{
    visibility: hidden;
    padding: 3px 8px !important;
    background-color: transparent;
    border-color: transparent;
}
.cke_editable p{
    margin: 5px !important;
}
#gridInlineEditableDiv .form-control {
    height: 1.9em;
    font-size: 12px;
    padding: 2px 5px;
}
#gridInlineEditableDiv .gridInlineEditSave, #gridInlineEditableDiv .gridInlineEditCancel {
    float:right;
    margin: 2px;
    font-size: 11px;
    padding: 3px 5px;
}
#gridInlineEditableDiv .gridInlineEditSave, #gridInlineEditableDiv .gridInlineEditCancel1 {
    float:right;
    margin: 2px;
    font-size: 11px;
    padding: 3px 5px;
}
#gridInlineEditableDiv .gridInlineEditText { display: block; position: relative; border: 1px solid transparent; padding: 0 2px; min-height: 20px}
#gridInlineEditableDiv .gridInlineEditText:hover{ border: 1px solid #ccc; } 
#gridInlineEditableDiv .gridInlineEditText:hover::before{ 
    position: absolute;
    height: 100%;
    /*width: 29px;*/
    content: "\270f";
    right: 0;
    top: 0;
    border: 1px solid #d2d2d2;
    background: #d2d2d2;
    font-family: 'Glyphicons Halflings';
    font-size: 11px;
    /*line-height: 15px;*/
    cursor: pointer;
    text-align: center;
	/*line-height:30px;*/
	display: flex;
    align-items: center;
	padding:0 8px;
} 
/*.edit-pencil{
    position: absolute;
    height: 100%;
    width: 29px;   
    right: 0;
    top: 0;
    border: 1px solid #d2d2d2;
    background: #d2d2d2;    
    font-size: 11px;
    line-height: 15px;
    cursor: pointer;
    text-align: center;
    display: none;  
}*/

.tree {
    min-height:20px;
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:6px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #d5d8dd;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #d5d8dd;
    height:20px;
    top:17px;
    width:25px
}
.tree li span {
    display:inline-block;
    padding:0 4px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:18px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    color:#0D0D0D;
}
.tree > ul { padding: 10px; /*background:#f2f2f2*/}
.tree .treeWrapper{
    padding: 4px; 
}
.tree .treeWrapper:nth-child(odd){
    /*background-color: #f2f2f2 ;*/
}
.tree .treeWrapper:nth-child(even){
    /*background-color: #ebebef ;*/
}
.tree .parent_li .parent_li{padding-top: 6px; } 
.tree .level-actor-area{font-size:13px; font-weight: bold;letter-spacing: 0.7px;}
.tree .level-0{font-size:14px;font-weight: bold;letter-spacing: 0.6px;}
.tree .level-1{font-size:13px;letter-spacing: 0.4px;}
.tree .level-2{font-size:11px;letter-spacing: 0.3px;}
.tree .level-3{font-size:11px;letter-spacing: 0.3px;}
.tree .level-4{}
.glyphicon-italic, .glyphicon-link, .glyphicon-wrench, .glyphicon-plus, .glyphicon-pencil, .glyphicon-info-sign, .glyphicon-trash, .glyphicon-plus-sign, .glyphicon-registration-mark, .glyphicon-warning-sign, .glyphicon-import{ color: #aaa/*#039be5*/; font-size: 11px; }
.tree li span.glyphicon{border: 0; border-radius: 0; padding: 4px}
.margin-top-10{ margin-top: 10px; }
.highligtedText{ color: rgb(56, 118, 29); }
.product-unit-view .tree-container .easy-tree{
    border: 0
}
.product-unit-view .tree-container .easy-tree > ul{
    padding-left: 0
}
#previewModal .modal-dialog{ position: unset; }
#previewModal .modal-dialog-preview {
    margin: 30px auto 0;
    width: 1170px;
}
#previewModal .modal-body-preview{
    padding: 0 15px;
    max-height: 350px;
    overflow-y: scroll;
}
#previewModal .modal-title-preview{
    font-size: 15px;
}
#previewModal .modal-header-preview, #previewModal .modal-footer-preview{
    padding: 5px 15px;
}
#previewModal .modal-body-preview h5{
    margin-top: 5px;
    margin-bottom: 5px;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder{ color: #999; }
.select2-container .select2-selection--single{ height:24px !important; }
.select2-container--bootstrap .select2-selection{ box-shadow: unset !important; border-radius: 0 !important; }

/* Added by Amit */

.input-group-html5 .input-group-addon + .form-control.severity-colorbox {
    border: 1px solid #ccc !important;
    width: 96% !important;
}

.input-group-html5 .input-group-addon + .form-control.priority-colorbox {
    border: 1px solid #ccc !important;
    width: 96% !important;
}
.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {
    font-size: 12px;
    margin: -5px 10px;
    font-family: 'Source Sans Pro';
}
#task-description-box {
    width: 108%;
}

/*--- on 08 Jan 2019 ---*/
/*--------------------*/
/*----login----*/
.login-page{background: #3c8dbc;}
.login-page .login-box-body{
    padding: 90px 30px 50px;
    border-radius: 3px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, .3);
    position:relative;
}

.login-page .login-logo{ font-weight:600; font-size:24px; padding: 0 30px; margin-bottom: 40px}
.login-page .login-logo img{ max-width: 100% }
.login-page .text-muted{ color:#fff; font-size:14px;}
.login-page .form-control-feedback{ background:#ddd; height:38px; line-height:38px; top:1px; left:1px; right:auto}
.login-page .btn.btn-flat{border-radius: 3px;padding: 6px 12px!important; color:#fff;background-image: linear-gradient(#6ba7ce, #3c8dbc); }
.logoNm {
    display: block;
    margin-bottom: 20px;
    color: #fff;
    font-size: 52px;
    font-weight: 400;
    line-height: normal;
    text-shadow: 1px 0px 4px rgba(0, 0, 0, .5);
}
span.ttl-lgn {
    position: absolute;
    width: 100%;
    background: #2e6c94;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 10px 5px;
    }
/*----login-end----*/
/*---top-right-ber---*/
.fltRt{ float:right}
.top-rt-navber {
    background: #6ba7ce;
    margin-top: 0px;
    margin-right: -5px;
    position: relative;
    min-height: 33px;
    box-sizing: border-box;
    text-align: right;
    width: calc(100% - 5px);
    float: right;
    }
.top-rt-navber:after{
    position:absolute;
    content:"";
    background:url(../images/tp-rt-bg-img.png) no-repeat;
	/*background:url(images/tp-rt-bg-img.png) no-repeat;*/
    left:-27px;
    top:-1px;
    width:27px;
    height:100%;
    background-size:100% 100%;
    }
.top-rt-navber ul{ margin:0; padding:0 15px 0 0; list-style:none; float:right}
.top-rt-navber ul li{ float:left; font-size:12px; color:#fff; min-width:100px; text-align:left; padding:6px 5px 6px 13px; position:relative}
.top-rt-navber ul li:after{
    position:absolute;
    content:"|";
    color:#fff;
    left:0;
    top:5px;
    }
.top-rt-navber ul li:first-child:after{ display:none}
.top-rt-navber ul li a{ color:#fff; text-decoration:none}

/*----------*/
.title-h1{ font-weight:700; font-size:20px !important; color:#333 !important;margin-top: 5px!important;  text-decoration:none !important;   display: block !important;}
.title-h2{ font-weight:700; font-size:16px !important; color:#3b84b3!important; text-decoration:none !important; margin-top:2px !important}
.title-h3{ font-weight:700; font-size:14px !important; color:#0f6195!important; text-decoration:none !important;}

.content-wrapper h4.title-h1{ font-weight:700; font-size:20px !important; color:#333 !important;margin-top: 5px!important;  text-decoration:none !important;   display: block !important;}
/*-----last-panel----*/

.skin-blue .sidebar-menu>li>.treeview-menu{ margin:0}
.sidebar-menu .treeview-menu > li > a {
    border-left: 3px solid rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.lt-icon-d {
    font-size: 12px;
    position: relative;
    left: -2px;
    width: 17px;
    display: inline-block;
    color:#fff
}
a .lt-icon-d{ color:#fff}
.skin-blue .sidebar-menu > li.active > a{ background:#5f636c}
.main-sidebar, .main-header .logo{ width:185px;}
.main-sidebar .sidebar{ margin-top:0px; border-bottom:5px solid #fff}
.content-wrapper{ padding-top:0px; padding-right:0px;}
/*---*/
.main-sidebar .sidebar { background: #5f636c;}
.skin-blue .sidebar a{ color:#fff}
.skin-blue .sidebar-menu > li > .treeview-menu { background: #747881!important;}
.sidebar-menu .treeview-menu > li > a{ color:#fff!important;}

.skin-blue .sidebar-menu > li li> .treeview-menu { /*background: #9399a7!important;*/}
/*.skin-blue .sidebar-menu > li li> .treeview-menu > li > a{ color:#000!important;}*/
.skin-blue .treeview-menu > li li > a{ color:#fff !important;}
.skin-blue .sidebar-menu > li li li> .treeview-menu { background: #c7cbd5!important;}

/*.skin-blue .treeview-menu > li.active > a{background: #7a7f8a!important; }*/
/*.skin-blue .treeview-menu > li li.active > a{background: #a2a7b4!important;color:#fff!important; }*/
.skin-blue .sidebar-menu > li li li> .treeview-menu > li > a{ color:#55585e!important;}

.skin-blue .treeview-menu > li li li.active > a{background: #eaebee!important; }

.sidebar-menu .treeview-menu{padding-left: 0px !important;}
.sidebar-menu .treeview-menu .treeview-menu{ padding-left:0!important; }
.sidebar-menu > li > a { padding: 4px 3px 4px 7px;}
.sidebar-menu .treeview-menu > li > a { padding: 3px 0px 3px 15px!important;}
/*.skin-blue .treeview-menu > li.active > a{background: #000!important;}*/
.sidebar-menu .treeview-menu > li { position:relative; line-height: 12px;}
.sidebar-menu .treeview-menu > li:after{ position:absolute; content:"\f04d ";}
.sidebar-menu .treeview-menu > li > a{ padding-left:30px!important;}
.sidebar-menu .treeview-menu > li:after {
    position: absolute;
    content: "\f04d ";
    top: 5px;
    left: 20px;
    color: #e0e0e0;
    font: normal normal normal 6px/1 FontAwesome;
    }
.sidebar-menu .treeview-menu > li li a{ padding-left:40px!important;}
.sidebar-menu .treeview-menu > li li:after{
    /*left: 29px; color: #222; content: "\f192 "; font-size: 10px; top: 7px;*/
    left: 32px;
    color: #fff;
    content: "\f192 ";
    font-size: 8px;
    top: 5px;
}
.sidebar-menu .treeview-menu > li li li a{ padding-left:50px!important;}
.sidebar-menu .treeview-menu > li li li:after{ left: 40px; color:#5f636c;content:"\f0da"; font-size: 12px;}
.skin-blue .treeview-menu > li > a:hover {color:#ccc !important; }
.skin-blue .treeview-menu > li li> a:hover {color:#ccc !important; }
.skin-blue .treeview-menu > li li li> a:hover {color:#000 !important; }
.skin-blue .sidebar-menu > li li li> .treeview-menu > li > a:hover {color:#000 !important; }
.logo-lg img {
    max-width: 100%;
}

/*----*/
.skin-blue .main-sidebar{ background:#e3e6ee}
.sidebar:last-child{ border-bottom:0px solid #fff;}
.sidebar-collapse .lt-icon-d{ width:100%; text-align:center; height:22px; line-height:22px;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {  padding: 6px 5px 7px 20px;  }
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu { top: 30px;}
.logo-mini img{ max-width:100%; padding:5px; max-width:50px;}
.main-header .sidebar-toggle{ padding:16px 15px;}
.wh-bg-mk{ background:#fff}
.blue-alt-mk tr{background-color: #f0f2f6}
.blue-alt-mk tbody tr:nth-of-type(odd) { background-color: #fff;}
.blue-alt-mk thead tr{ background-color:#d9eaf6; color:#000}
.blue-alt-mk thead tr th {
    color: #667783 !important;
    vertical-align: middle;
	}
.blue-alt-mk tbody tr td{ border:1px solid #a7d3ef}
.blue-alt-mk thead tr:first-child th{ border-bottom:0; padding-bottom: 4px; padding-top: 4px;}
.blue-alt-mk a{#3c8dbc}
.blue-alt-mk tr td { padding-bottom: 3px !important;}

.cnt-wrap-mk{ padding:10px 15px;}
.row-mg-mk{ margin-bottom:10px}
.sm-gap{ padding:3px 10px;}
.kanban-body small{ margin-top:8px; display:block; position:relative; padding-left:10px;}
.kanban-body{ line-height:normal}
.kanban-body small span{ display:inline-block; margin-bottom:4px;}
.psn-mk{ position:absolute; left:0}
.kanban-body .fa-link{ color:#00a65a }
.sm-gap{margin-left: -15px; width: calc(100% + 30px); box-sizing: border-box; position:absolute; bottom:46px;}
.blank-sm-gap{ height:50px;}


.mrg-mk-t-r{ margin: 0 0 0 15px !important;}

.log-box-mk {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px 15px 30px;
    width: 500px;
    margin: 20px auto;
	min-height:290px;
	box-shadow: 0px 6px 0px #ddd;
	}
.log-btn-mk {
    float: none;
    margin-top: 15px;
    width: 260px;
	}
.log-btn-mk h4{margin: 8px 0 8px 0;}
.log-btn-mk h4 i{ margin-right:5px;}
.tm-dv-mk {
    background: #fff;
    width: auto;
    display: inline-block;
    padding: 20px 10px 15px;
    vertical-align: middle;
    line-height: normal;
    margin: 0px auto 20px;
    box-shadow: 0px 2px 2px #ddd;
    border-radius: 0 0 5px 5px;
	width: 370px;
	}
.log-box-mk h2 {
    background: #3c8dbc;
    color: #fff;
    margin-top: 0;
    padding: 10px;
    font-size: 20px;
    margin-bottom: 30px;
	border:1px solid #1f71a0;
	border-radius: 3px;
	font-weight:700;
	}
.clr-grn-mk{ border:1px solid #139d57; background:#139d57}
.clr-grn-mk:hover{ border:1px solid #139d57; background:#0d7741}
.clr-grn-mk:focus{ border:1px solid #139d57 !important; background:#0d7741 !important}
a.clr-grn-mk h4{ color:#fff!important;}

.clr-rd-mk{ border:1px solid #bb0000; background:#de0101}
.clr-rd-mk:hover{ border:1px solid #bb0000; background:#bb0000}
.clr-rd-mk:focus{ border:1px solid #bb0000 !important; background:#bb0000 !important}
a.clr-rd-mk h4{ color:#fff!important;}

.clr-org-mk{ border:1px solid #e49d12; background:#f3a919}
.clr-org-mk:hover{ border:1px solid #e49d12; background:#e49d12}
.clr-org-mk:focus{ border:1px solid #e49d12!important; background:#e49d12 !important}
a.clr-org-mk h4{ color:#fff!important;}

.tm-dv-mk .text-primary{ margin:0 5px;}
.tm-dv-mk .text-primary strong{ color:#444}
/*li.treeWrapper.parent_li{ margin:15px; padding-bottom:15px;}*/
div#action_dd_chosen{ margin: -2px 15px 0}
.container-mk{ margin-bottom:10px;}	
.scroll_table_mk{ padding-top:5px;}
.blnk_h_mk{}

.panel{ box-shadow: 0 0px 0px rgba(0, 0, 0, .05);}
/*-------*/
.fixed {position: fixed; top: 0; left: 0; width: 100%;	z-index: 9999;	}
.sticky-head.fixed{  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.topHeight{ height:50px;}
/*----footer----*/
.wrapper{ position:relative; box-sizing:border-box; padding-bottom:46px;}
.main-footer { position: absolute; width: 100%;  bottom: 0;}

/*-----------------*/
.employee-dashboard-div-mk {
    margin-top: 40px;
	border-top:1px dashed #ddd;
	padding-top:30px;
	}
.db-icon {
    border: 1px solid #ddd;
    background: #f5f5f5;
    box-sizing: border-box;
    margin-bottom: 35px;
   /* border-radius: 5px;*/
    /*box-shadow: 0px 0px 6px rgba(0, 0, 0, .3);*/
    text-align: center;
	position:relative;
	}
.db-icon a{ 
	display:block;
	 padding: 15px 25px;
	 min-height: 200px;
	 }
.dashboard-icon {
    background: #3579a5;
    width: 100px;
    margin: auto;
    height: 100px;
    padding: 10px;
    border: 5px solid #fff;
    box-shadow: 0px 3px 6px #ccc;
	}
.dashboard-icon svg{
    width: 65px;
	}
.db-icon h4{ position: absolute;
    bottom: -1px;
    left: -1px;
    width: calc(100% + 2px);
    text-decoration: none;
    background: #5f636c;
    margin: 0;
    color: #fff;
    padding: 7px 5px;
	border:1px solid #5f636c;
	min-height:35px;
	font-size:16px;
	font-weight:700;
	}
.dashboard-icon svg path, .dashboard-icon svg circle{fill: rgba(255,255,255, 1);}
.employee-dashboard-div-mk .title-h2{ font-size:20px !important; text-align:center; margin-bottom:25px;}
.col-md-5-cst-mk {
    display: inline-block;
    padding: 0 15px;
    width: calc(20% - 2px);
	}
.date-area {
    font-size: 16px;
    font-weight: 700;
    color: #3c8dbc;
    border: 1px dashed #8ed1ff;
    background: #d9f0ff;
    /*margin: 0 12%;*/
    padding: 2px 2px 2px;
	width: 370px;
    margin: auto;
	}
.employee-dashboard-div-main-mk {
     margin-top: 15px; 
	}
	
	
	
	
/*------*/

.tabs-nav-mk { padding-left: 10px; border-bottom:1px solid #a7d3ef }
.nav-tabs.tabs-nav-mk > li	{ position:relative; margin-right:5px; margin-bottom:0; top:3px;}
.nav.tabs-nav-mk > li > a{
	padding: 6px 15px; 
	background: #c3c6ce; 
	color:#111;
	margin-right:0; 
	border:0;
	border:2px solid #c3c6ce;
	border-bottom:3px solid #c3c6ce;
	box-shadow:/*inset 0px 0px 25px rgba(67,141,189,.4)*/unset;
	border-radius: 0;
	}
.nav.nav-tabs.tabs-nav-mk > li.active > a { 
	/*background: linear-gradient(#e5e5e5 , #f9f9f9 ); 
	background-image: linear-gradient(#3c8dbc 50%, #3c8dbc 50%);*/
	background:#fff;
	color:#111; 
	border:2px solid #c3c6ce;
	position:relative;
	border-bottom:3px solid #fff;
	 
	}
/*.nav.nav-tabs.tabs-nav-mk > li.active > a:after {
    position: absolute;
    content: "";
    background: #3c8dbc;
    top: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 8px 8px 0 0;
	}*/
.bg-01-mk .commentBox{ background:#eee; border:1px solid #c3c6ce;}
.bg-01-mk .commentBox::before{ background:#eee; border-color:#c3c6ce}
.tab-content h5{
    background: #eee;
    margin: 0;
    padding: 5px;
    width: 100%;
    margin-top: 5px;
	color:#333;
	border:1px solid #bec1c9;
	}
.tab-content h5 span{color:#333; margin-right:3px}
.btn.btn-nk-01{ 
	background:#9cbed7; 
	/*background-image: linear-gradient(#6ba7ce 50%, #3c8dbc 50%);*/
	background-image: linear-gradient(#bdd6e8, #9cbed7);
	color:#475f70; 
	/*border:1px solid #3c8dbc;*/
	border:1px solid #90b2cb;
	padding:1px 7px 2px;
	}
.btn.btn-nk-01:hover{ background:#111;color:#fff; border:1px solid #111}
.btn.btn-nk-01 span{ color:#fff}

.bg-01-mk .btn-default{ 
	background:#9cbed7; 
	/*background-image: linear-gradient(#6ba7ce 50%, #3c8dbc 50%);*/
	background-image: linear-gradient(#bdd6e8, #9cbed7);
	color:#475f70; 
	/*border:1px solid #3c8dbc;*/
	border:1px solid #90b2cb;
	padding:1px 7px 2px;
	}
.bg-01-mk .btn-default:hover{ background:#111;color:#fff; border:1px solid #111}
.bg-01-mk .btn-default span{ color:#fff}

.view-pg-mk01 .btn-default{ 
	background:#9cbed7; 
	/*background-image: linear-gradient(#6ba7ce 50%, #3c8dbc 50%);*/
	background-image: linear-gradient(#bdd6e8, #9cbed7);
	color:#475f70; 
	/*border:1px solid #3c8dbc;*/
	border:1px solid #90b2cb;
	padding:1px 7px 2px;
	}
.view-pg-mk01 .btn-default:hover{ background:#111;color:#fff; border:1px solid #111}
.view-pg-mk01 .btn-default span{ color:#fff}
.view-pg-mk01 .add-new-button-box{ margin-top:20px;}
.view-pg-mk01 .kanban-body {
    padding: 5px 7px 7px 7px;
    background: #f0f0f0;
    border-radius: 5px;
	border:0;
    border-bottom: 2px solid #ddd;
	}

.bg-01-mk{
	border-left: 1px solid #a7d3ef;
    border-right: 1px solid #a7d3ef;
    border-bottom: 1px solid #a7d3ef;
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    background: #fff;
    box-shadow:inset 0px 0px 65px rgba(67,141,189,.188), 0 3px 0px #a7d3ef;
	}
	
.btn.btn-default, .btn.btn-primary{ 
	/*background:#6ba7ce; 
	background-image: linear-gradient(#6ba7ce 50%, #3c8dbc 50%);
	color:#fff; 
	border:1px solid #3c8dbc;*/
	background:#666; 
	/*background-image: linear-gradient(#bdd6e8, #9cbed7);*/
	color:#fff; 
	border:1px solid #666;
	
	padding:0px 7px 0px !important;
	min-height:24px;
	line-height:22px;
	vertical-align:top;
	

	
	}
.btn.btn-default:hover, , .btn.btn-primary:hover{ background:#111;color:#fff; border:1px solid #111}
.btn.btn-default span, .btn.btn-primary span{ /*color:#475f70*/}
.btn.btn-default i, .btn.btn-primary i{/* color:#475f70*/}
/*--*/
.nav.nav-tabs{
    padding-left: 10px;
    border-bottom: 3px solid #c3c6ce;
	}
.nav-tabs > li	{ position:relative; margin-right:5px; margin-bottom:0; top:3px;}
.nav.nav-tabs > li > a{
	padding: 6px 15px; 
	background:#c3c6ce; 
	color:#111;
	margin-right:0; 
	/*border:0;*/
	box-shadow:/*inset 0px 0px 25px rgba(67,141,189,.4)*/unset;
	border:2px solid #c3c6ce;
	border-bottom:3px solid #c3c6ce;
	border-radius: 0;
	}
.nav.nav-tabs > li.active > a { 
	background:#fff;
	color:#111; 
	border:0;
	position:relative;
	border:2px solid #c3c6ce;
	border-bottom:3px solid #fff;
	}


.tab-content {
    border-left: 1px solid #c3c6ce;
    border-right: 1px solid #c3c6ce;
    border-bottom: 1px solid #c3c6ce;
    background: #fff;
    box-shadow: /*inset 0px 0px 65px rgba(67,141,189,.188), 0 3px 0px #a7d3ef*/ unset;
	}	
.tree-container .easy-tree{border: 1px solid #d5d8dd;box-shadow: unset; background:#fff; border-top: 3px solid #d5d8dd;border-radius: 0;}	
.content-wrapper h4{/* color:#0f6195!important;*/ text-decoration:none}	
.content-wrapper h4 u{ text-decoration:none}

.table-striped > tbody > tr:nth-of-type(odd){background-color:#fff}
.table-striped > tbody > tr{background-color: #f9f9f9;}	
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {  border: 1px solid #bec1c9;}
.table-striped > thead > tr{    background-color: #ddd; color:#667783 }	
.table-striped > tfoot > tr{    background-color: #eee; }	
.grid-view .table > thead > tr:first-child > th{ color:#667783}
.bs-callout{ /*background:#fff;*/ margin-top:3px;}
.commentBox {
    background: #d2e2ed;
    border: 1px solid #a7d3ef;
	}
.commentBox::before {
    background: #d2e2ed;
    border-color: #a7d3ef;
	}
.table-bordered { border: 1px solid #bec1c9;}
.tab-content h6{ margin-top:0}
.grid-view .table > tbody > tr > td, .grid-view .table > thead > tr > th{ padding-top:3px; padding-bottom:3px}
.action-box select {
    /*position: relative;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px!important;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));
    background: linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;*/
	border: 1px solid #d2d6de;
    height: 24px;
    line-height: 22px;
    color: #444;
	}
.chosen-container-single .chosen-single {
    border: 1px solid #d2d6de !important;
    height: 24px !important;
    line-height: 22px !important;
    color: #444 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 0 0 0 0!important;
	}	
.select2-container .select2-selection--single .select2-selection__rendered{ margin-top:-2px}		
.panel .kv-editable-form-inline{ padding-left:3px;}	
.glyphicon-italic, .glyphicon-link, .glyphicon-wrench, .glyphicon-plus, .glyphicon-pencil, .glyphicon-info-sign, .glyphicon-trash, .glyphicon-plus-sign, .glyphicon-registration-mark, .glyphicon-warning-sign, .glyphicon-import{ /*color:#fff*/}
.tree .erdTreeUl {
    background-color: #fff;
    border: 1px solid rgba(67,141,189,.199);
	}	
.container-accountDv{ margin:20px 0}		
.for-mg-0 .form-group{ margin-bottom:0;}

.db-icon a h4{ color:#fff!important;}
.tree{
	box-shadow: unset;
	border:1px solid #d5d8dd;
	background: #fff;
	}
.mrg-b-01 .datastore-search .form-group { margin-bottom: 5px;}

.product-unit-view.pro-unit-01 .tree-container .easy-tree{ border:1px solid #d5d8dd; border-top:3px solid #d5d8dd;}
.product-unit-view.pro-unit-01 .tree-container .easy-tree > ul{ margin-left:15px;}
.number-show-dv .summary{ margin-top:-20px; margin-bottom: 8px; color:#0f6195}
.login-page input[type=password].form-control, .login-page input[type=text].form-control, .login-page .form-control{ height:40px!important; padding-left:42.5px; padding-right:6px;}	

.txt-area-hg{ height:30px!important; padding-left:10px; padding-right:10px;}
.cst-wd-55{ width:55%}
#messageStory{ position:relative; top:5px;}
#messageDefect{ position:relative; top:5px;}

.add-cs-panel{
    background: #fff!important;
    padding: 7px 7px 0px 7px;
    border: 2px solid #a2b9c6!important;
    border-radius: 3px;
   /* display: flow-root;*/
    margin-bottom: 5px;
	margin-top:10px;
    box-shadow: inset 0px 0px 45px #c9d8e1;
}
.pd-sps{ padding:1px 10px 0!important;}
input[type="radio"], input[type="checkbox"]{ position:relative; top:3px}
.padding-area035{ padding-left:15px; padding-top:10px}


/*------------------------------------------------------------------------------------------------------*/
.dfd-padding{ padding:15px;}
.dfd-table-wrap { display: flex; flex-wrap: wrap; margin-bottom:30px}
.dfd-col-4 {
    display: inline-block;
    width: 40%;
	}
.dfd-col-4+.dfd-col-4{width: 20%;}
.dfd-col-4+.dfd-col-4+.dfd-col-4{width: 40%;}
.dfd-in-output-box{ display:block; width:100%; margin-bottom:8px;}
.dfd-text-box {
    width: 45.4444%;
    background: #fff;
    min-height: 35px;
    /*text-align: center;*/
    color: #fff;
    vertical-align: top;
    display: inline-block;
    box-shadow: inset 0px 0px 25px #c7cad0, 2px 2px 0px #c7cad0;
    border-radius: 3px;
    border: 1px solid #c7cad0;
	padding-bottom:5px;
	}
.dfd-line-div-area {
    width: calc(55% - 20px);
    display: inline-block;
    vertical-align: top;
    margin-top:18px;
    margin-right: 15px;
	}
.dfd-line {
    background: #c7cad0;
    height: 3px;
   	width:100%;
	position:relative;
	left: 6px;
	}
.dfd-line:after {
    position: absolute;
    content: "\f0da";
    left: -6px;
    top: -13px;
    font: normal normal normal 28px/1 FontAwesome;
    color: #c7cad0;
	}
.dfd-line:before {
    position: absolute;
    content: "\f0da";
    right: -12px;
    top: -16px;
    font: normal normal normal 36px/1 FontAwesome;
    color: #c7cad0;
	}
.dfd-middle-box{
    text-align: center;
    width: 100%;
    background: #fff;
    height: 100%;
    color: #333;
	min-height: 100px;
	border-radius: 5px;
	box-shadow: inset 0px 0px 25px #c7cad0;
    border-radius: 3px;
    border: 1px solid #c7cad0;
	position:relative;
	}
.dfd-middle-box a{ display:block; height:100%; color:#333}	
.dfd-middle-box a span{
    transform: translate(-50%, -50%);
    top: 50%;
	left:50%;
    position: absolute;
	font-size:14px;
	padding:0 15px;
	width:100%;
	}
.dfd-line-bottom-txt { text-align: center; padding: 2px 10px;font-style: italic; line-height:normal}	
.dfd-in-div-btn {
   /* margin-left: 17%;*/
   /* width: calc(50% - 28%);*/
   text-align:left;
    display: inline-block;
    /*margin-right: 10%;
    text-align: center;*/
	width:calc(50% - 4px);
	}
.dfd-out-div-btn {
   /* margin-left: 10%;*/
    width: 50%;
    display: inline-block;
   /* margin-right: 17%;*/
   /* text-align: center;*/
   text-align:right
	}
.dfd-table-foot {
    width: 100%;
    display: block;
	margin-top:5px;
	}
.dfd-out-div-btn a{ 
	background:#3c8dbc; 
	background-image:linear-gradient(#999 50%, #888 50%);
	border: 1px solid #888;
	border-radius: 3px;
	color:#fff; 
	padding:0px 15px; 
	font-size:14px; 
	/*width:100px;*/
	display:inline-block;
	height:24px;
	line-height:22px;
	}
.dfd-in-div-btn a{ 
	background:#3c8dbc; 
	background-image:linear-gradient(#999 50%, #888 50%);
	border: 1px solid #888;
	border-radius: 3px;
	color:#fff; 
	padding:0px 15px;  
	font-size:14px; 
	/*width:100px;*/
	display:inline-block;
	height:24px;
	line-height:22px;
	}
.dfd-in-div-btn a span{ color:#fff}
.dfd-out-div-btn a span{ color:#fff}
.dfd-middle-align-input {
    vertical-align: middle;
    transform: translate(0, -50%);
    position: relative;
    top: 50%;
	}
.dfd-center-txt {
    display: block;
    padding: 5px 5px 5px;
    box-sizing: border-box;
	}
.dfd-center-txt h5 {
    margin: 4px 0 5px 0;
    font-size: 12px;
    color: #666;
	word-break: break-all;
	}	
.main-panel-bg{
	padding:10px;
    box-shadow: /*inset 0px 0px 65px rgba(67,141,189,.188), 0 3px 0px #a7d3ef*/ unset;
    border: 1px solid #c3c6ce;
    background: #fff;
	}
.main-panel-bg .title-h3{ font-size:15px !important; margin-bottom:6px;}
.padding-top15px{ padding-top:15px;}
.margin-bottom15px{ margin-bottom:15px;}
/*------------------------------------------------------------------------------*/
/*#datastore-gridview-pjax table{word-break: break-all;}
#user-gridview-pjax table{word-break: break-all;}
#client-gridview-pjax table{word-break: break-all;}
#product-gridview-pjax table{word-break: break-all;}*/
/*.col-md-7 table{word-break: break-all;}*/
.dfd-center-txt h5{ display:inline-block; position:relative; padding-left:24px; text-align: left;}
span.dfd-icon-div { position: absolute;  left: 0;}
/*.dfd-text-box.dfd-datastore-box{
	box-shadow: inset 0px 0px 32px #d5abb6, 2px 2px 0px #d7b2bb;
	border: 1px solid #e2b7c3;
	}*/
.dfd-text-box.dfd-datastore-box {
    box-shadow: inset 0px 0px 32px #86cfd8, 2px 2px 0px #8ed0d7;
    border: 1px solid #8ed0d7;
}
.dfd-text-box.dfd-story-box{
	box-shadow: inset 0px 0px 32px #add4e6, 2px 2px 0px #c8e2ee;
	border: 1px solid #add4e6;
	}
.dfd-text-box.dfd-interface-box{
	box-shadow: inset 0px 0px 32px #8bbbad, 2px 2px 0px #afc9c1;
	border: 1px solid #8bbbad;
	}	
.dfd-text-box.dfd-api-box{
	box-shadow: inset 0px 0px 32px #8da4bf, 2px 2px 0px #a5bbd5;
	border: 1px solid #8da4bf;
	}
.dfd-text-box.dfd-exs-box{
	box-shadow: inset 0px 0px 32px #cfcdb1, 2px 2px 0px #d0cdaa;
	border: 1px solid #cfcdb1;
	}
.dfd-text-box.dfd-datastore-box .dfd-icon-div{ color:#a56d7a; font-size: 15px;}
.dfd-text-box.dfd-datastore-box .dfd-center-txt h5:after{ 
	content:""; 
	background:url(../images/database-img.png) no-repeat; 
	position:absolute;
	width:18px;
	height:21px;
	background-size:100% auto;
	left:0;
	top:-2px;
	}
.dfd-text-box.dfd-story-box .dfd-icon-div{ color:#6890a3; font-size: 15px;}
.dfd-text-box.dfd-story-box .dfd-center-txt h5:after{ 
	content:""; 
	background:url(../images/story-img.png) no-repeat; 
	position:absolute;
	width:18px;
	height:21px;
	background-size:100% auto;
	left:0;
	top:-2px;
	}
.dfd-text-box.dfd-interface-box .dfd-icon-div{ color:#699688; font-size: 15px;}
.dfd-text-box.dfd-interface-box .dfd-center-txt h5:after{ 
	content:""; 
	background:url(../images/interface-img.png) no-repeat; 
	position:absolute;
	width:18px;
	height:21px;
	background-size:100% auto;
	left:0;
	top:-2px;
	}
.dfd-text-box.dfd-api-box .dfd-icon-div{ color:#6f7f92; font-size: 15px;}
.dfd-text-box.dfd-api-box .dfd-center-txt h5:after{ 
	content:""; 
	background:url(../images/api-img2.png) no-repeat; 
	position:absolute;
	width:18px;
	height:21px;
	background-size:100% auto;
	left:0;
	top:-2px;
	}
.dfd-text-box.dfd-exs-box .dfd-icon-div{ color:#838169; font-size: 15px;}
.dfd-text-box.dfd-exs-box .dfd-center-txt h5:after{ 
	content:""; 
	background:url(../images/exs-img2.png) no-repeat; 
	position:absolute;
	width:18px;
	height:21px;
	background-size:100% auto;
	left:0;
	top:-2px;
	}
.dfd-icon-div{ width:18px;}
.dfd-icon-div img{ max-width:100%}
.dfd-middle-box:after{
	/*position:absolute;
	content:"";
	height:2px;
	width:100%;
	background:#c7cad0;
	top:25px;
	left:0;*/
	}
.sidebar-menu{white-space: inherit;}	
	
@media(max-width:1340px){	
	.col-md-7 table{word-break: break-all;}	
}
@media(min-width:768px){
    .login-box, .register-box { margin:auto; transform: translate(-50%, -50%); position: absolute;  left: 50%;  top: 50%;}
}
@media(max-width:1300px){.top-rt-navber ul li{min-width: 80px;}}
@media (max-width: 991px){/*.navbar-collapse.pull-left+.navbar-custom-menu{ right:0}*/}
@media(max-width:767px){
	/*.content-wrapper{ margin-left:0}
	.main-header .navbar{ margin-left:0}
	.main-footer{ margin-left:0}
	.top-rt-navber{width: calc(100% - 0px);margin-right: 0;}
	.main-sidebar{ width:230px;}
	.main-header .logo { width: 100%;}
	.main-header .logo img{ max-width:185px;}*/
	/*----*/
	/*.navbar-nav > li { float: left;}
	.hidden-xs{ display:block !important}
	.dropdown-menu{position: absolute!important; background-color:#fff!important; border:1px solid #cecece!important;}
	.dropdown-menu>li>a { color: #777!important;}
	.dropdown-menu > .divider { background-color: #cecece!important;  margin: 7px 0!important;}
	.navbar-nav{ margin:4px 0 0 !important}
	.navbar-custom-menu .navbar-nav>li>a{ padding-bottom:12px!important; padding-top:11px!important;}*/
	/*-----*/
	/*.top-rt-navber ul{ text-align:center; width:100%}
	.top-rt-navber ul li{ display:inline-block; float:none}
	.wd-res-mk{ padding-left: 0;  width: calc(33.333% - 0px)!important;  float: left;  margin-bottom: 7px;}
	.col-md-2.no-left-padding.wd-res-mk:nth-child(3n) { padding-right: 0;}*/
	
	/*---table-responsive---*/
	/*table.responsive-table-body-mk td:first-child{ }
	table.responsive-table-body-mk thead tr{
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
	.responsive-table-body-mk tbody tr td {
    	position: relative;
    	padding-left: 160px !important;
		box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	display: block;
		width:100%;
		min-height: 25px;
		height:auto !important;
		}
	table.responsive-table-body-mk tr td:before {
		position: absolute;
		top: 0px;
		margin-top: 0px;
		left: 0px;
		margin-left: 0;
		white-space: nowrap;
		display: block;
		font-size: 12px;
		color: #4f4f4f;
		font-weight: 700;
		text-transform: uppercase;
		padding: 2px 10px;
		}
	table.responsive-table-body-mk tr td:before { 	content: attr(data-title);	}
	.responsive-table-body-mk tbody td:last-child{ text-align:left}
	.responsive-table-body-mk tr:nth-child(even) {background: #f0f2f6}
	.responsive-table-body-mk tbody tr:nth-child(odd) {background: #FFF}
	.responsive-table-body-mk .gridInlineEditText{ padding-left:0!important;}*/
	/*---table-responsive---*/
	/*.scroll_table_mk{ overflow:auto; width:100%}
	.scroll_table_mk .blue-alt-mk{ width:1200px !important;}*/
	/*---------------------*/
	/*.inline-form{ padding-bottom:7px;}
	.scroll_table_mk { padding-top: 10px;}
	.blnk_h_mk{ display:none}
	.left-padding-on-mk{ padding-left:15px;}*/
	
}

@media(max-width:479px){
	/*.wd-res-mk{  width: calc(50% - 0px)!important;  }
	.col-md-2.no-left-padding.wd-res-mk:nth-child(3n) { padding-right: 15px;}
	.col-md-2.no-left-padding.wd-res-mk:nth-child(2n) { padding-right: 0;}
	
	.responsive-table-body-mk tbody tr td{padding-left: 120px !important;}
	table.responsive-table-body-mk tr td:before {font-size: 11px;}*/

}



body { font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;}

/*Chinmay 11-MAR-2019*/
.gridInlineEditableDiv .form-control { height: 1.9em; font-size: 12px; padding: 2px 5px;}
.gridInlineEditableDiv .gridInlineEditSave, .gridInlineEditableDiv .gridInlineEditCancel {float:right;margin: 2px;font-size: 11px;padding: 3px 5px;}
.gridInlineEditableDiv .gridInlineEditText { display: block; position: relative; border: 1px solid transparent; padding: 0 2px; min-height: 20px}
.gridInlineEditableDiv .gridInlineEditText:hover{ border: 1px solid #ccc; } 
.gridInlineEditableDiv .gridInlineEditText:hover::before{position: absolute;height: 100%;width: 29px;content: "\270f";right: 0;top: 0;border: 1px solid #d2d2d2;background: #d2d2d2;font-family: 'Glyphicons Halflings';font-size: 11px;line-height: 15px;cursor: pointer;text-align: center;} 
/*END*/


.main-sidebar{padding-top: 0;float:left; position:relative;} 
.content-wrapper{ margin-left:0; width: calc(100% - 185px); float:right;/*position:relative;*/}
.content-wrapper:after {
    position: absolute;
    content: "";
    width: 185px;
    height: 100%;
    left: -185px;
    top: 0;
    background: #e3e6ee;
    z-index: -5;
}
.main-footer:after {
    position: absolute;
    content: "";
    width: 185px;
    height: 100%;
    left: -185px;
    top: 0;
    background: #e3e6ee;
    z-index: -5;
}

.body-wrapper:after {
position: absolute;
content: "";
width: 185px;
height: 100%;
left: 0;
top: 0;
background: #e3e6ee;
display:block;
transition:all .3s ease-in-out;
}
.sidebar-collapse .body-wrapper:after {width: 50px;}
.sidebar-collapse .content-wrapper{width: calc(100% - 50px);}
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side{margin-left:0 !important}
.skin-blue .main-sidebar{ min-height:100vh}

/*===Leave Notification css by Jhantu====*/
.notifyArea { text-align: right; margin:5px 15px 5px 0;}
.notifyArea ul{ margin:0; padding:0; list-style:none}
.notifyArea ul li{ display:inline-block; margin-left:16px; position:relative;}
.notifyArea ul li a{ text-decoration:none; color:#3c8dbc; font-size:16px;}
.notifyArea ul li span {
    position: absolute;
    background: #f1592a;
    color: #fff;
    font-size: 10px;
    font-family: arial;
    top: -8px;
    right: -14px;
    padding: 0px 0px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    display: block;
    line-height: 18px;
}





/*----------------------------new-design-changes------------------------*/
.body-wrapper{ background:#f3f2f3 !important;}
.panel-heading.section-heading{ background:#f3f2f3 }
/*-----------------------------backlog--------------------------------*/
.panel-body-bklg{ width:100%; background:#e6e6e6; border:1px solid #d0d3d9; padding:10px 8px; border-top:0}
.listing-backlig ul{ margin:0; padding:0; list-style:none}
.listing-backlig ul li{
	width:100%;
	background:#fff;
	height:31px;
	margin-bottom:4px;
	display:block;
	padding:0;
	border:0;
	vertical-align:top;
	border-left:1px solid #ccc;
	border-left:2px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	overflow:hidden;
	border-redius:0;
	}
.listing-backlig ul li:last-child{margin-bottom: 10px;}
.listing-backlig ul li.clarification{border-left-color:#f39c12}
.listing-backlig ul li.accepted{ border-left-color:#00a65a}
.listing-backlig ul li.uat{ border-left-color:#3c8dbc}
.listing-backlig ul li.readytostart{ border-left-color:#00c0ef}

.listing-backlig ul li .sec01{
	width:calc(37px - 2px);
	display:inline-block;
	border-right:1px solid #e3e4e8;
	height:100%;
	vertical-align:top;
	}
.listing-backlig ul li .sec02 {
    display: inline-block;
    width:calc(100% - 580px);
    height: 100%;
	vertical-align:top;
	border-right:1px solid #e3e4e8;
	box-sizing: border-box;
    padding: 0 9px;
    line-height: 31px;
	font-size:13px;
	color:#525764;
	}
.listing-backlig ul li .sec03 {
    display: inline-block;
    width:calc(482px - 2px);
    height: 100%;
	vertical-align:top;
	border-right:1px solid #e3e4e8;
	box-sizing: border-box;
    padding: 0 6px;
	}
.listing-backlig ul li .sec04 {
    display: inline-block;
    width:calc(57px - 2px);
    height: 100%;
	vertical-align:top;
	}
.sec01{ text-align:center; font-size:15px; color:#9ea2ae; line-height:31px;}
.checkbox-style .ck-dv-wrap {
    display: inline-block;
    position: relative;
    padding:0px 25px 0 0;
    margin: 3px 0 0 0;
	vertical-align:top;
    cursor: pointer;
    font-size: 16px;
	color: #333;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}
/* Hide the browser's default checkbox */
.checkbox-style .ck-dv-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
	}
/* Create a custom checkbox */
.checkbox-style .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff;
	border:2px solid #959baa;
	}
/* When the checkbox is checked, add a blue background */
.checkbox-style .ck-dv-wrap input:checked ~ .checkmark {
    background-color: #fff;
	}
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-style .checkmark:after {
    content: "";
    position: absolute;
    display: none;
	}
/* Show the checkmark when checked */
.checkbox-style .ck-dv-wrap input:checked ~ .checkmark:after {
    display: block;
	}
/* Style the checkmark/indicator */
.checkbox-style .ck-dv-wrap .checkmark:after {
    left: 3px;
    top: 0px;
    width: 5px;
    height: 8px;
    border: solid #838894;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	}

.TaskListArea span{ margin-right:10px;}
.checklistBox {
    background: #f3f2f3;
    height: 19px;
    min-width: 66px;
    border: 1px solid #b4b7c0;
    position: relative;
    border-radius: 4px;
    vertical-align: middle;
    padding-left: 25px;
	font-size:11px;
	color:#717787;
	margin-top: 6px;
	margin-left: 6px;
    margin-right: 6px;
	text-align:left;
	}
.checklistBox a{color:#717787;}
.icon-area {
    position: absolute;
    left: 0;
    font-size: 11px;
    color: #717787;
    border-right: 1px solid #b4b7c0;
    width: 20px;
    padding: 0px 0 0 0px;
	top:0;
	line-height:17px;
	text-align:center;
	}
.priorityBox {
    width: 16px;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
	margin-left: 6px;
    margin-right: 6px;
	}
.quateBox {
    background: #f3f2f3;
    height: 19px;
    min-width: 86px;
    border: 1px solid #b4b7c0;
    position: relative;
    border-radius: 4px;
    vertical-align: middle;
    padding-left: 25px;
    font-size: 11px;
    color: #717787;
    margin-top: 6px;
	padding-right: 25px;
	margin-left: 6px;
    margin-right: 6px;
	}
.icon-area-rt{
    position: absolute;
    right: 0;
    font-size: 11px;
    color: #717787;
    border-left: 1px solid #b4b7c0;
    width: 20px;
    padding: 0px 0px 0 0px;
	top:0;
	line-height:17px;
	text-align:center;
	}
.quateBox a{color:#717787;}
.workentryBox {
    width: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
	color:#8a909e;
	margin-left: 6px;
    margin-right: 6px;
	}
.workentryBox a{color:#8a909e;}

.asignBox{
    background: #f3f2f3;
    height: 19px;
    min-width: 115px;
    border: 1px solid #b4b7c0;
    position: relative;
    border-radius: 4px;
    vertical-align: middle;
    padding-left: 25px;
    font-size: 11px;
    color: #717787;
    margin-top: 6px;
	padding-right: 10px;
	margin-left: 6px;
    margin-right: 6px;
	}
.asignBox .icon-area{ font-size:12px;}
.statusUBox {
    height: 18px;
    line-height: 16px;
    width: 77px;
    text-align: center;
    font-size: 11px;
	border-radius: 3px;
	margin-left: 6px;
	margin-right:6px;
    margin-top: 6px;
	}
.clarification .statusUBox{ border:1px solid #f39c12; color:#f39c12;}
.accepted .statusUBox{ color:#00a65a; border:1px solid #00a65a;}
.uat .statusUBox{ color:#3c8dbc; border:1px solid #3c8dbc;}
.readytostart .statusUBox{color:#00c0ef; border:1px solid #00c0ef;}

.checkbox-style { display: inline-block; width:25px; vertical-align:top;}
/*.TaskListArea { display: inline-block; width:calc(100% - 30px);}*/
.TaskListArea { display: inline-block; width:calc(100% - 72px);}
.checkbox-key {
    width: 40px;
    display: inline-block;
    vertical-align: top;
}
.commentDBox{
    display: inline-block;
	font-size:14px;
	color:#8a909e;
	margin:4px 6px;
	}
.undoBox{
    display: inline-block;
	font-size:14px;
	color:#8a909e;
	margin:4px 6px;
	}
.commentDBox a, .undoBox a{color:#8a909e;}
.checklistBox, .priorityBox, .quateBox, .workentryBox, .asignBox, .statusUBox{ display:inline-block; vertical-align: top;}
.sec04{ text-align:center}
.backlog-maindiv{ margin-top:10px; width:100%; clear:both}
.listing-backlig h3{ font-size:12px; color:#444; font-weight:700; margin:2px 0 8px 0; padding:0;}
.listing-backlig+.listing-backlig{ margin-top:15px;}
.backlogTtl-head h2{ 
	color:#3b84b3;
	font-size:16px;
	font-weight:600;
	margin:2px 0 0 0;
	}
.SprintActionArea {
    display: inline-block;
    margin-left: 20px;
	}
.backlogTtl-head {
    margin-bottom: 10px;
    display: block;
    vertical-align: middle;
	}
/*---------*/
.list-select1-Sprint{
	background:#dfe1e7; 
	border:0px solid #c3c3c3;
	position:relative;
	width: 182px;
	height: 24px;
	font-size: 12px;
	color: #474747;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	overflow: hidden;
	float:left;
	border-radius: 4px 0 0 4px;
	}
.list-select1-Sprint:after{
	position:absolute;
	font-family: 'FontAwesome';
	color:#4b4b4b;
	font-size:16px;
	right:8px;
	top:0px;
	line-height: 20px;
	}
.list-select1-Sprint select{
	height:22px;
	line-height:22px;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:100%;
	border: 0px;
	font-size:12px;
	color: #474747;
	padding: 0 0px 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position:relative;
	z-index:9;
	}
.list-select1-Sprint select:focus{outline:none;}
.list-select1-Sprint option{ color:#333}
/*---------*/
.list-select1-action{
	background:#cdd1da; 
	border:0px solid #c3c3c3;
	border-left:0;
	border-right:0;
	position:relative;
	width: 140px;
	height: 24px;
	font-size: 12px;
	color: #474747;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	overflow: hidden;
	float:left;
	border-radius: 0px 0 0 0px;
	}
.list-select1-action:after{
	position:absolute;
	font-family: 'FontAwesome';
	color:#4b4b4b;
	font-size:16px;
	right:8px;
	top:0px;
	line-height: 20px;
	}
.list-select1-action select{
	height:22px;
	line-height:22px;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:100%;
	border: 0px;
	font-size:12px;
	color: #474747;
	padding: 0 0px 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position:relative;
	z-index:9;
	}
.list-select1-action select:focus{outline:none;}
.list-select1-action option{ color:#333}
/*-----------*/
.actionSubmit {
    background: #aeb4c1;
    height: 24px;
    border: 0;
    min-width: 82px;
    border-radius: 0 4px 4px 0;
	}
.actionSubmit:hover{ background:#a1a8b7}
.actionSubmit:focus{ outline:none}

.backlog-accordion {
    margin-bottom: 10px;
    clear: both;
    width: 100%;
	}
.sec02-Ongoing {
    display: inline-block;
    width: calc(100% - 252px);
    height: 100%;
    vertical-align: top;
    border-right: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    line-height: 31px;
    font-size: 13px;
    color: #525764;
	}
.sec03-Ongoing {
    display: inline-block;
    width: calc(155px - 2px);
    height: 100%;
    vertical-align: top;
    border-right: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 6px;
    text-align: center;
	}	
.filter-form-areaN {
    background: #fff;
    border: 1px solid #d3d6dc;
    border-top: 3px solid #d3d6dc;
    padding: 10px 10px;
	}	
.mRL10 {
    margin-right: -10px;
    margin-left: -10px;
	}
.pRL10{ padding-left:10px; padding-right:10px;}	
.filter-form-areaN .form-control {
    border: 1px solid #d2d6de;
    background: #f0f0f1;
    height: 24px;
    border-radius: 0px;
	padding:0 10px;
	}
/*-------------*/
.list-select1-control{
	background:#f0f0f1; 
	border:0px solid #d2d6de;
	position:relative;
	width: 100%;
	height: 25px;
	font-size: 13px;
	color: #757679;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	overflow: hidden;
	border-radius: 0px 0 0 0px;
	}
.list-select1-control:after{
	position:absolute;
	font-family: 'FontAwesome';
	color:#4b4b4b;
	font-size:16px;
	right:8px;
	top:0px;
	line-height: 20px;
	}
.list-select1-control select{
	height:23px;
	line-height:23px;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:100%;
	border: 0px;
	font-size:13px;
	color: #757679;
	padding: 0 20px 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position:relative;
	z-index:9;
	}
.list-select1-control select:focus{outline:none;}
.list-select1-control option{ color:#333}
.btn-inlineR{ display:inline-block; min-width:60px; padding: 3px 5px !important;}
.btn-inlineR+.btn-inlineR{ margin-left:10px;}	
.marginB30 { margin-bottom: 30px;}
.dark-gray:focus{outline:none;color:white;}
.mL30{ margin-left:30px;}

/*-----------------------------sprint--------------------------------*/
.backlog-maindiv .panel, .panel-default{ background:none; border:0;}
.sec02-sprint{
    display: inline-block;
    width: calc(100% - 510px);
    height: 100%;
    vertical-align: top;
    border-right: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    line-height: 31px;
    font-size: 13px;
    color: #525764;
	}
.sec03-sprint{
    display: inline-block;
    width: calc(415px - 2px);
    height: 100%;
    vertical-align: top;
    border-right: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 6px;
	text-align:center;
	}
.sec04-sprint{
    display: inline-block;
    width: calc(55px - 2px);
    height: 100%;
    vertical-align: top;
	text-align:center;
	}
.sec02-sprint .TaskListArea{width: calc(100% - 0px);}
.sec03-sprint .asignBox label {
    font-weight: normal;
    margin-bottom: 0;
    border-left: 1px solid #b4b7c0;
    padding-left: 7px;
    margin-left: 6px;
    height: 100%;
	}
.close-btn-g {
    height: 18px;
    line-height: 16px;
    width: 77px;
    text-align: center;
    font-size: 11px;
    border-radius: 3px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 6px;
	border:0;
	background:#128e4b;
	color:#fff;
	text-transform: uppercase;
	}
.close-btn-g:focus{ outline:none}
.close-btn-g:hover{ background:#0b783d}
.sec03-sprint .checklistBox, .sec03-sprint .asignBox, .sec03-sprint .close-btn-g, .sec03-sprint .start-btn-g{ margin-left:10px; margin-right:10px;}
.listing-backlig ul li.closeSprintArea{border-left-color: #128e4b;}
.closeSprintArea .sec02-sprint{color: #128e4b;}
.start-btn-g {
    height: 18px;
    line-height: 16px;
    width: 77px;
    text-align: center;
    font-size: 11px;
    border-radius: 3px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 6px;
	border:0;
	background:#666666;
	color:#fff;
	text-transform: uppercase;
	}
.start-btn-g:focus{ outline:none}
.start-btn-g:hover{ background:#444}
.listing-backlig ul li.startSprintArea{border-left-color: #666;}
.panel-heading-ber {
    background: #bec1c9;
    border: 1px solid #9ca0ab;
    padding: 0px 10px;
	}
.panel-heading-ber h4{
    margin: 7px 0;
    font-weight: 600;
    color: #54565a;
    font-size: 14px;
	}
.panel-heading-ber h4 a{ color: #54565a; text-decoration:none; display:block;}
.openActiveBer{ border-top:3px solid #54565a;}
.margin010 { margin-bottom: 10px;}
.sprint-form-areaN {
    background: #fff;
    border: 1px solid #d3d6dc;
    border-top: 3px solid #d3d6dc;
    padding: 10px 7px 0;
	}
.marginB20{ margin-bottom:20px;}

.sprint-form-areaN .form-control{ border:1px solid #d2d6de; background:#f0f0f1; height:24px; border-radius:0px;}
.dark-gray{  background-image:#666; background:#666; border:1px solid #666; color:#fff; height: 25px;}
.dark-gray:hover{ color:#fff; background:#333}
.btn.btn-default .dark-gray{  background-image:#666; background:#666; border:1px solid #666; color:#fff}
.panel-heading-ber h4 a{ position:relative}
.panel-heading-ber h4 a:after{
	position:absolute;
	content: "\f107";
	top:-1px;
	right:0;
	font-size:18px;
	color:#666;
	font-family:FontAwesome;
	}
.panel-heading-ber h4 a.collapsed:after{content: "\f104";}
.sec03-sprint .asignBox{ min-width:170px; text-align:left; padding-right: 5px;}



/*-----------------------------modal--------------------------------*/

.pop-position{ position:relative}
/*.pop-position .select-selected { padding-right: 70px;}
.pop-position .select-selected:after{ right:55px;}
.pop-frm-btn {
	position: absolute;
	right: 5px;
	top: 10px;
	width: 24px;
	height: 24px;
	}*/
.popupArea2 {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	height: auto;
	width: 1170px;
	text-align: center;
	background: #fff;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
	}
.title-head-pop{ 
	background:#d9dbe1;
	color:#353535;
	font-size:14px;
	font-weight:600;
	padding:8px 20px;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	text-align:left;
	}
a.crsDiv{
	width:30px;
	height:30px;
	color:#fff;
	background:#c10000;
	font-size:16px;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position:absolute;
	top:-10px;
	right:-10px;
	line-height:29px;
	text-align:center;
	}
.tab-area-pop { margin-top: 28px;}

ul.nav-pop{
	margin:0 20px;
	padding:0;
	list-style:none;
	text-align:left;
	}
ul.nav-pop li{ display:inline-block; position:relative; bottom:-1px;}
ul.nav-pop li+li{ margin-left:8px;}
.tab-area-pop ul.nav-pop li a {
    background: #bec1c9;
    height: 35px;
    line-height: 35px;
    min-width: 105px;
    font-size: 14px;
    color: #666;
    display: block;
    text-align: center;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	border:1px solid #bec1c9;
	position:relative;
	}
.tab-area-pop ul.nav-pop li.active a{ background:#fff; border-bottom:1px solid #fff;}
.tab-area-pop ul.nav-pop li.active a:after{
	position:absolute;
	content:"";
	background:url(images/tab-btn-right.png) no-repeat;
	width:6px;
	height:7px;
	bottom:-1px;
	right:-6px;
	}
.tab-area-pop ul.nav-pop li.active a:before{
	position:absolute;
	content:"";
	background:url(images/tab-btn-left.png) no-repeat;
	width:8px;
	height:7px;
	bottom:-1px;
	left:-8px;
	}
.tab-area-pop .main-tab-content{
    border-left: 0px solid #a7d3ef;
    border-right: 0px solid #a7d3ef;
    border-bottom: 0px solid #a7d3ef;
	border-top:1px solid #bec1c9;
    background: #fff;
    box-shadow: inset 0px 0px 0px rgba(67,141,189,.188), 0 0px 0px #a7d3ef;
	margin-top:0px;
	
	-moz-border-radius:0 0 10px 10px ;
	-ms-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px ;
	}
.inner-tab-pop {
    margin: 15px 20px 35px;
    border: 1px solid #dee4e8;
	height:430px;
	overflow-y:auto;
	overflow-x:hidden;
	/*background:#f7f9fa;*/
	}
.mLR0{ margin-left:0; margin-right:0; }
.flexHeight{display:flex; min-height:100%;}
.pLR0{ padding-left:0; padding-right:0}
.left-col-menuArea{
	background:#f7f9fa;
	border-right:1px solid #dae1e5;
	}
.left-col-fixed{
	overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 92px);
	
    position: absolute;
	width: calc(25% - 30px);
	
	}
ul.nav-pop-inner{
	margin:0 0px;
	padding:0;
	list-style:none;
	text-align:left;
	}
ul.nav-pop-inner li a {
    background: none;
    font-size: 14px;
    color: #666;
    display: block;
    text-align: left;
	padding:15px;
	border-bottom:1px solid #dae1e5;
	position:relative;
	}
ul.nav-pop-inner li.active a{ background:#fff; color:#000101;}
ul.nav-pop-inner li.active a:after{
	position:absolute;
	content:"";
	left:-1px;
	top:0;
	background:#000;
	width:3px;
	height:100%;
	}
ul.nav-pop-inner li.active a:before{
	position:absolute;
	content:"";
	right:-1px;
	top:0;
	background:#fff;
	width:1px;
	height:100%;
	}
.tab-area-pop .inner-tab-content{
    border-left: 0px solid #a7d3ef;
    border-right: 0px solid #a7d3ef;
    border-bottom: 0px solid #a7d3ef;
	border-top:0px solid #bec1c9;
    background: #fff;
    box-shadow: inset 0px 0px 0px rgba(67,141,189,.188), 0 0px 0px #a7d3ef;
	text-align:left;
	padding-left:30px;
	height:100%;
	vertical-align:top;
	}
ul.innerTab-listingDtls{
	margin:0;
	padding:0;
	list-style:none;
	}	
ul.innerTab-listingDtls > li{
	width:100%;
	display:block;
	margin-bottom:10px;
	font-size:13px;	
	color:#7c7c7c;
	min-height:18px;
	padding-left:170px;
	position:relative;
	}	
ul.innerTab-listingDtls li > label{
	width:160px;
	font-weight:bold;
	font-size:14px;
	color:#666;
	position: absolute;
	left:0;
	top:-2px;
	}
ul.innerTab-listingDtls li > label:after{
	position:absolute;
	content:":";
	top:0;
	right:0;
	}	
.bg-clr01{ background:#fafafa;}	
.inner-tab-content .tab-pane{ height:100%}	
.main-cnt-wrap-pop{ padding-right:30px; padding-top:15px;}	
.opt-box-rpt {
    padding: 8px;
    border-bottom: 1px solid #e3e8eb;
	}		
.opt-box-rpt h2{ font-size:12px; font-weight:bold; color:#333; margin:0 0 0 0}
.opt-box-rpt label{font-weight: normal;}
.fld-R-Box {
    width: 100%;
    padding-left: 27px;
    height: 27px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
	}
/*.fld-R-Box label {
    background: #bcbcbc;
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 94%;
    line-height: 27px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 18px;
    }*/
.fld-R-Box label {
    background: #bcbcbc;
    position: absolute;
    left: 0;
    top: 2px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    margin-bottom: 0;
}
.rightPnl-optBer {
    border-left: 1px solid #e3e8eb;
    height: 100%;
	}
.txtFdBx {
    border: 1px solid #bcbcbc;
    height: 25px;
    width: 100%;
    padding: 0 10px;
	font-size:12px;
	color:#7c7c7c;
	}
.txtFdBx:focus{ outline:0}	
.list-select1-fd{
	background:#fff;
	/*position:relative;*/
	width: 100%;
	/*height: 27px;*/
	font-size: 12px;
	color: #7c7c7c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	/*overflow: hidden;*/
	float:left;
	border-radius: 0px 0 0 0px;
	}
.list-select1-fd:after{
	position:absolute;
	font-family: 'FontAwesome';
	color:#4b4b4b;
	font-size:16px;
	right:8px;
	top:0px;
	line-height: 27px;
	}
.list-select1-fd select{
	height:25px;
	line-height:25px;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:100%;
	border: 0px;
	font-size:12px;
	color: #7c7c7c;
	padding: 0 15px 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position:relative;
	z-index:9;
	}
.list-select1-fd select:focus{outline:none;}
.list-select1-fd option{ color:#333}	




/*-----------------------------current sprint--------------------------------*/

.filter-form-areaN{ padding:10px;}
.mRL5{ margin-left:-5px; margin-right:-5px}
.pRL5{ padding-left:5px; padding-right:5px;}

.dark-gray444{  background-image:#444; background:#444; border:1px solid #444; color:#fff; height: 25px; padding:0 5px!important;}
.btn.btn-default .dark-gray444{  background-image:#444; background:#444; border:1px solid #444; color:#fff}
.dark-gray444:hover{ color:#fff; background:#222}

.gray888{  background-image:#888; background:#888; border:1px solid #888; color:#fff; height: 25px;}
.btn.btn-default .gray888{  background-image:#888; background:#888; border:1px solid #888; color:#fff}
.gray888:hover{ color:#fff; background:#444}

.canban-main-area {
    width: 100%;
    display: flex;
    overflow: hidden;
	border-top:5px solid #e3e4e8;
	border-bottom:5px solid #e3e4e8;
    }
.canban-listing {
    width: 20%;
    background: #e3e4e8;
    box-sizing: border-box;
    padding:0px 5px 10px;
	/*overflow:hidden;*/
    }   
.canban-listing:nth-child(2n){ background:#dbdce1}

.empty-task{background: #e3e4e8 !important; height:120px !important;}
.empty-task:nth-child(2n){ background:#dbdce1 !important;}

.canban-title-main {
    background: #565a62;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    min-height: 24px;
    display: block;
    padding: 3px;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    }
.canban-box-main {
    border: 1px solid #d3d6dc;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
    margin-top: 10px;
    border-top-width:2px;
    border-top-style:solid;
    padding:5px 3px 0;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
    min-height:150px;
    }
.canban-sub-title {
    background: #d0d3d8;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    height: 18px;
    padding: 1px;
    letter-spacing: 1px;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight:600;
    }
.canban-cnt-box{
    background:#f6f6f6;
    padding:10px 6px 15px;
    margin-bottom:5px;
    }
.canban-cnt-box h2{
    font-weight:600;
    font-size:13px;
    color:#222;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    padding:0;
    margin:0 0 8px 0;
    }
.tsk-nm {
    position: relative;
    width: 100%;
    padding-left: 12px;
    font-size: 12px;
    color: #333;
    line-height: normal;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight:400;
    margin-bottom:10px
    }
.tsk-nm strong{font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;  font-weight:600;}
.tsk-nm span{ position:absolute; left:0; top:0; text-align:left}
.tsk-nm a{color: #333; text-align:left}
.tsk-nm i{text-align:left}
.icon-with-text {
    border: 1px solid #b4b7c0;
    display: inline-block;
    border-radius: 3px;
    padding: 0px 5px 0 3px;
    height: 18px;
    line-height: normal;
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight:400;
    font-size:11px;
    color:#6b6f77;
    text-transform:uppercase;
    }
.icon-with-text a{color:#6b6f77; text-decoration:none}
.icon-with-text i{ font-size:12px;}
.tag-btn-canban{display: inline-block; margin-right: 3px; margin-top: 3px;}
.tag-btn-canban a {
    border: 1px solid #333;
    background: #fff;
    border-radius: 3px;
    height: 16px;
    font-size: 11px;
    padding: 0 3px;
    color: #333;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight:400;
    line-height:normal;
    }   
.icon-with-text.sml-icn i{ font-size:10px;}
.scrollArea{ height:600px; /*overflow:auto;*/ margin-left:-5px; margin-right:-5px; margin-top:-5px;}
.marginB15{ margin-bottom:15px;}
.title-h1 label{
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:600;
    color:#333;
    }
.title-h1 label small{ font-size:12px; font-weight:400} 
    
	
/*-----checklist-----*/
.checklist-popupCnt{}
.checklist-popupCnt h2{
	font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:700;
    color:#666;
	margin:0 0 8px 0;
	}
.listing-backlig-ckList ul.todo-list{ overflow:visible}
.listing-backlig-ckList ul li .sec01 {
    width: calc(37px - 2px);
    display: inline-block;
    border-right: 1px solid #e3e4e8;
    height: 100%;
    vertical-align: top;
}
.listing-backlig-ckList ul li {
    width: 100%;
    background: #f4f4f4;
    min-height: 31px;
    margin-bottom: 4px;
    display: block;
    padding: 0;
    border: 0;
    vertical-align: top;
    border-left: 2px solid #ccc;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    border-right: 0px solid #ccc;
    /*overflow: hidden;*/
    border-radius: 0;
	}
.listing-backlig-ckList ul li .sec02-checklist {
    display: inline-block;
    /*width: calc(100% - 305px);*//*-17-09-*/
	width: calc(100% - 200px);
    height: 100%;
    vertical-align: top;
    border-right: 0px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    line-height: 20px;
    font-size: 13px;
    color: #525764;
	font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
.listing-backlig-ckList ul li .sec03-checklist {
    display: inline-block;
    /*width: calc(235px - 2px);*//*-17-09-*/
	width: calc(135px - 2px);
    height: 100%;
    vertical-align: top;
    border-right: 0px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 6px;
	text-align:right;
	}
.listing-backlig-ckList ul li .sec04-checklist {
    display: inline-block;
    width: calc(24px - 2px);
    height: 100%;
    vertical-align: top;
	}
.TaskListAreaCkList {
    display: inline-block;
    width: calc(100% - 30px);
	}	
.sec03-checklist .statusUBox{ border:1px solid #333; background:#fff; position:relative; cursor:pointer}

.sec_menu_open .dropdown-toggle {
    font-size: 15px;
    color: #6b6f77;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
	}
.sec_menu_open ul{
    background: #d9dbe1;
    border: 1px solid #414141;
	padding:0;
	left:auto;
	right:-6px;
	min-width:115px;
	margin-top: 5px;
	}
.sec_menu_open ul li{
	border:0;
	left:auto;
	right:0;
	margin:0;
	background:none;
	height:auto;
	position:relative;
	}	
.sec_menu_open ul li+li{ border-top:1px solid #505050;}
.sec_menu_open ul li a{
	padding:5px;
	font-size:12px;
	color:#505050;
	font-weight:600;
	font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	}	
.sec_menu_open ul li a:hover{background:#505050;}
.iconMnu{
    width: 20px;
    display: inline-block;
	}	
.sec_menu_open ul li:first-child:after{
    position: absolute;
    content: "";
    top: -14px;
    right: 17px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #505050;
	}	
.filter-form-areaN .form-control.area40{ height:40px; padding-top: 5px;}
.translateY50 { transform: translateY(35%);}
.marginT15{ margin-top:15px;}	
.filterBgGray{ background:#f4f4f4;}	
.filter-form-areaN.filterBgGray .form-control{ background:#fff}	
.FltContentOpen{ display:none}	
.dark-gray444:focus{ color:#fff}	
	
.listing-backlig-ckList ul li .sec02-checklist-manage {
    display: inline-block;
    width: calc(100% - 80px);
    height: 100%;
    vertical-align: top;
    border-right: 0px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    line-height: 31px;
    font-size: 13px;
    color: #525764;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
.delBtn {
    font-size: 15px;
    color: #6b6f77;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
	}
.delBtn a{color: #6b6f77;}	
.marginT30{ margin-top:30px;}
.userAssginee{ 
    padding: 5px;
    border-radius: 5px;
    width: 200px;
    height: 36px;
    border: 1px solid #414141;
    z-index: 999;
    background: #d9dbe1;
    position: absolute;
    right: 15px;
    margin-top: 10px;
    display: none;
	}
.userAssginee::after {
    position: absolute;
    content: "";
    top: -14px;
    right: 45px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #505050;
	}
.checkpointStatus{ 
    padding: 5px;
    border-radius: 5px;
    width: 160px;
    height: 36px;
    border: 1px solid #414141;
    z-index: 9999;
    background: #d9dbe1;
    position: absolute;
    /*right: 144px;*/
    right: 0;
    margin-top: 10px;
    display: none;
	}
.checkpointStatus::after {
    position: absolute;
    content: "";
    top: -14px;
    right: 30px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #505050;
	}
	

	
	
/*----------*/
.backlog-accordion.kanbanAccordion .panel-heading-ber h4{ margin:3px 0}	
.backlog-accordion.kanbanAccordion .panel-heading-ber{padding: 0px 5px; margin: 4px 0px;}
#fixedElement .canban-listing{ padding-bottom:0}	
.list-select1-control .select2-container--bootstrap .select2-selection{ background:none!important}
.hbrEditIcon{
    float: right;
    cursor: pointer;
    margin-right: 2px;
    position: absolute;
    right: 2px;
    top: 0px;
	}
.rightPnl-optBer .list-select1-fd{ background:none; }
.sec03-checklist .asignBox{ cursor:pointer; text-align:left}
.sec03-checklist{ position:relative}
.listing-backlig-ckList ul li{cursor: inherit;}


/*---------------*/
.customize-view-openBox {
    width: 235px;
    background: #fff;
    position: absolute;
    right: 0;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #000;
    z-index: 9;
    padding:6px 10px 10px;
    margin-top:7px;
    }
.positionRltv{ position:relative}
a.fstBtn {
    background: #d9d9d9;
    display: block;
    padding: 5px 10px;
    border-radius: 3px;
    color: #333;
    font-size: 12px;
    text-decoration:none;
    margin-top:4px;
    }
.positionRltv {
    position: relative;
    vertical-align: top;
    width: 200%;
    overflow:hidden;
    }
.linline-left {
    display: inline-block;
    width: 50%;
    position: relative;
    left:0;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
.linline-right {
    display: inline-block;
    width: calc(50% - 3px);
    position: relative;
    right: -50%;
    top: 0;
    vertical-align: top;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height:30px;
    }
.addCls .linline-right{right: 50%; height:auto;}
.addCls .linline-left{ left:-50%;}
.displayNone{ display:none}
span.rtIcon {
    float: right;
    font-size: 18px;
    line-height: normal;
    position: relative;
    top: -4px;
    }
span.LfIcon {
    float: left;
    padding: 0px 10px 0 0;
    cursor: pointer;
    font-size: 20px;
    color: #333;
    }
.accordionProductContent h3{ display:inline-block}
.accordionProductContent h3 {
    display: inline-block;
    margin-top: 7px;
    font-weight: 700;
    font-size: 14px;
    }
.frmopndiv { margin-top: 5px;}
.marginB10{ margin-bottom:10px;}
.lightgrayC{background: #f4f4f4}
.frmopndiv h4 {
    margin: 0 0 15px 0;
    font-size: 13px;
    font-weight:400;
    }
.customize-view-openBox:after {
    position: absolute;
    content: "";
    top: -14px;
    right: 9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #ccc;
    }
.positionRltv-hide{ overflow:hidden}


/*----------*/
.listing-backlig ul li .isues-title02 {
    display: inline-block;
    width: calc(780px - 2px);
    vertical-align: top;
    border-right: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 6px;
    line-height: 18px;
    font-size: 13px;
    color: #525764;
}

  .listing-backlig ul li .isues-desc02 {
    display: inline-block;
    width: calc(100% - 732px);
    vertical-align: top;
    border-right: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    line-height: 31px;
    font-size: 13px;
    color: #525764;
}

.listing-backlig ul li .issue-sec03 {
    display: inline-block;
    width: calc(230px - 2px);
    vertical-align: top;
    border-right: 0px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 6px;


}
.listing-backlig ul li .isuue-sec01 {

    width: calc(37px - 2px);
    display: inline-block;
    border-right: 1px solid #e3e4e8;
    vertical-align: top;

}
.isuue-sec01 {
    text-align: center;
    font-size: 15px;
    color: #9ea2ae;
    line-height: 31px;
}    
 .issue-display{
	display: flex;
}

/*----Impediment------*/
.popupArea3 {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: auto;
    width: 700px;
    text-align: center;
    background: #fff;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 0px;
	}
.popupArea3 .popupArea-in{ min-height:300px;}
.popupArea3 .tab-area-pop{ padding:20px;}
.popupArea3 .tab-area-pop {
    padding: 0px 20px 30px;
    text-align: left;
	}
	
.impediment-text{
    display: inline-block;
    width: calc(100% - 45px);
    vertical-align: top;
    float: left;
    padding-left: 3px;

}
.listing-backlig ul li .impediment-title02 {
    display: inline-block;
    width: calc(508px - 2px);
    vertical-align: top;
    border-right: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 6px;
    line-height: 18px;
    font-size: 13px;
    color: #525764;
}

.listing-backlig ul li .impediment-type02 {
    display: inline-block;
    width: calc(156px - 2px);
    vertical-align: top;
    border-right: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 6px;
    line-height: 18px;
    font-size: 13px;
    color: #525764;
}
.listing-backlig ul li .impediment-status02 {
    display: inline-block;
    width: calc(112px - 2px);
    vertical-align: top;
    border-right: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 6px;
    line-height: 18px;
    font-size: 13px;
    color: #525764;
}

.listing-backlig ul li .impediment-assignee02 {
    display: inline-block;
    width: calc(187px - 2px);
    vertical-align: top;
    border-right: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 6px;
    line-height: 18px;
    font-size: 13px;
    color: #525764;
}
.listing-backlig ul li .impediment-close02 {
    display: inline-block;
    width: calc(109px - 2px);
    vertical-align: top;
    border-right: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 6px;
    line-height: 18px;
    color: #525764;
}

.listing-backlig ul li .impediment-sec03 {
    display: inline-block;
    width: calc(145px - 2px);
    vertical-align: top;
    border-right: 0px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 6px;


}
.listing-backlig ul li .impediment-sec01 {

    width: calc(37px - 2px);
    display: inline-block;
    border-right: 1px solid #e3e4e8;
    vertical-align: top;

}
.impediment-sec01 {
    text-align: center;
    font-size: 15px;
    color: #9ea2ae;
    line-height: 31px;
}    
 .impediment-display{
    display: flex;
}
.viewIconImpe01{
    display: inline-block;
    vertical-align: top;
    height: 18px;
    width: 27px;
    border-radius: 3px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 6px;
}	

#backlog-modal-detail-pjax{ height: 100%;}
.normalText::before{display: none;}
.list-select1-fd .kv-editable-value{margin-left: 5px;margin-top: 3px;}
.kv-editable-value.normalText, .normalText{padding: 0 0 !important;}
.kv-editable-inline-1{ margin-top: -10px !important; }
.kv-editable-content .form-group{margin: 0 0 !important; }
.kv-editable-inline-1 .kv-inline-open{margin-top: -10px !important;}
#issue-description-cont{padding-top: 9px;}
.list-select1-fd .kv-editable-button{margin-top: 3px;}
.list-select1-fd .kv-editable-inline-1{margin-top: -3px !important;}
#cke_1_bottom{display: none;}
.cke_top{padding: 0;}
.cke_bottom {display: none !important;}

.treeview-menu-visible {
    display: block;
}

.rightMenu > li > a {
    padding: 15px 6px !important;
}


.ulleavemodal{
  margin: 0; 
  padding: 0;
  list-style: none;

}
.lileavemodal01{
  display: inline-block; width: 48%;
  font-weight: bold;
  color: cadetblue;
}
.lileavemodal02{
  display: inline-block;
  width: 15px;
}
.lileavemodal03{
  display: inline-block;
  width:calc(5% - 15px);
}



.rtAlg{ float:right}
.top-rt-navber.rtAlg ul li{ min-width: inherit}
.rtAlg .dropdown-toggle{ cursor:pointer}
.rtAlg .input-group-btn{ width:auto}
.rtAlg .dropdown-menu{ left:auto; right:0}
.rtAlg .dropdown-menu li:after{ position:static; display:none}
.rtAlg ul.dropdown-menu{
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-top:1px solid #3c8dbc;
    border-radius:0;
    padding-right:0;
    margin-top:0px;
    }
.rtAlg .dropdown-menu li{ display:block; width:100%;}
.rtAlg .dropdown-menu li a{ color:#777; display:block;  padding:3px 12px;}  
.rtAlg .dropdown-menu li:hover a{ color:#fff}
.rtAlg .open{ background:#3c8dbc;} 

.select2-container--open .select2-dropdown--below{ min-width:150px; }

 

 /*------17-09--------*/
.checkbox-style-uat {
display: inline-block;
width: 25px;
vertical-align: top;
}
.checkbox-style-uat .ck-dv-wrap {
display: inline-block;
position: relative;
padding:0px 25px 0 0;
margin: 3px 0 0 0;
vertical-align:top;
cursor: pointer;
font-size: 16px;
color: #333;
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.checkbox-style-uat .ck-dv-wrap input {
position: absolute;
opacity: 0;
cursor: pointer;
}

.checkbox-style-uat .checkmark {
position: absolute;
top: 4px;
left: 0;
height: 14px;
width: 14px;
background-color: #fff;
border:1px solid #959baa;
}

.checkbox-style-uat .ck-dv-wrap input:checked ~ .checkmark {
background-color: #fff;
}

.checkbox-style-uat .checkmark:after {
content: "";
position: absolute;
display: none;
}

.checkbox-style-uat .ck-dv-wrap input:checked ~ .checkmark:after {
display: block;
}

.checkbox-style-uat .ck-dv-wrap .checkmark:after {
left: 4px;
top: 1px;
width: 5px;
height: 8px;
border: solid #838894;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.checkbox-style-done {
display: inline-block;
width: 25px;
vertical-align: top;
}
.checkbox-style-done .ck-dv-wrap {
display: inline-block;
position: relative;
padding:0px 25px 0 0;
margin: 3px 0 0 0;
vertical-align:top;
cursor: pointer;
font-size: 16px;
color: #333;
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.checkbox-style-done .ck-dv-wrap input {
position: absolute;
opacity: 0;
cursor: pointer;
}

.checkbox-style-done .checkmark {
position: absolute;
top: 4px;
left: 0;
height: 14px;
width: 14px;
background-color: #fff;
border:1px solid #18ae69;
}

.checkbox-style-done .ck-dv-wrap input:checked ~ .checkmark {
background-color: #fff;
}

.checkbox-style-done .checkmark:after {
content: "";
position: absolute;
display: none;
}

.checkbox-style-done .ck-dv-wrap input:checked ~ .checkmark:after {
display: block;
}

.checkbox-style-done .ck-dv-wrap .checkmark:after {
left: 4px;
top: 1px;
width: 5px;
height: 8px;
border: solid #18ae69;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/*--------------*/
.checkbox-style-reje {
display: inline-block;
width: 25px;
vertical-align: top;
}
.checkbox-style-reje .ck-dv-wrap {
display: inline-block;
position: relative;
padding:0px 25px 0 0;
margin: 3px 0 0 0;
vertical-align:top;
cursor: pointer;
font-size: 16px;
color: #333;
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.checkbox-style-reje .ck-dv-wrap input {
position: absolute;
opacity: 0;
cursor: pointer;
}

.checkbox-style-reje .checkmark {
position: absolute;
top: 4px;
left: 0;
height: 14px;
width: 14px;
background-color: #fff;
border:1px solid #ff0000;
}

.checkbox-style-reje .ck-dv-wrap input:checked ~ .checkmark {
background-color: #fff;
}

.checkbox-style-reje .checkmark:after {
content: "";
position: absolute;
display: none;
}

.checkbox-style-reje .ck-dv-wrap input:checked ~ .checkmark:after {
display: block;
}

.checkbox-style-reje .ck-dv-wrap .checkmark:after {
content: "\f00d ";
font: normal normal normal 12px/1 FontAwesome;
left: 1px;
top: 0px;
color:#ff0000;
}
.statusUBox.wd60{ width:62px;border: 1px solid #b4b7c0;}
.thumbsDivMain {
border: 1px solid #b4b7c0;
background: #fff;
position: relative;
display: inline-block;
margin-top: 6px;
height: 18px;
border-radius: 3px;
line-height:16px;
}
.thumbsDiv-up{ 
display:inline-block;
font-size:11px;
color:#18ae69;
width:20px;
text-align:center;
border-right:1px solid #b4b7c0;;
}
.thumbsDiv-up a{color:#18ae69;}
.thumbsDiv-down{ 
display:inline-block;
font-size:11px;
color:#ff0000;
width:20px;
text-align:center;
border-left:1px solid #b4b7c0;
}
.thumbsDiv-down a{color:#ff0000;}
.cst-9{ width:70%}

/*--------------*/
ul.innerTab-listingDtls-page{
	margin:0;
	padding:0;
	list-style:none;
	}	
ul.innerTab-listingDtls-page > li{
	width:100%;
	display:block;
	margin-bottom:2px;
	font-size:13px;	
	color:#7c7c7c;
	min-height:18px;
	padding-left:170px;
	position:relative;
	}	
ul.innerTab-listingDtls-page li > label{
	width:160px;
	font-weight:bold;
	font-size:13px;
	color:#666;
	position: absolute;
	left:0;
	top:-2px;
	}
ul.innerTab-listingDtls-page li > label:after{
	position:absolute;
	content:":";
	top:0;
	right:0;
	}
/*------start-retro----*/
.panel-heading-ber-retro{background: #333; border: 0px solid #9ca0ab; padding: 1px 10px;}
.panel-heading-ber-retro.Completed{background: #006600;}
.panel-heading-ber-retro.Pending{background: #0000ff;}
.panel-heading-ber-retro h4 {
    margin: 7px 0px;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
	}
.panel-heading-ber-retro h4 a{ color:#fff; position:relative; display:block}
.panel-heading-ber-retro h4 a:after {
    position: absolute;
    content: "\f13a";
    top: -1px;
    right: 0;
    font-size: 16px;
    color: #fff;
    font-family: FontAwesome;
	}
.panel-heading-ber-retro h4 a.collapsed:after {content: "\f137";}
.marginB40{ margin-bottom:40px;}

/*--team--*/
.panel-heading-ber-retro-team{background: #77797e; border: 0px solid #9ca0ab; padding: 1px 10px;}
.panel-heading-ber-retro-team h4 {
    margin: 6px 0px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
	}
.panel-heading-ber-retro-team h4 a{ color:#fff; position:relative; display:block}
.panel-heading-ber-retro-team h4 a:after {
    position: absolute;
    content: "\f078";
    top: -1px;
    right: 0;
    font-size: 14px;
    color: #fff;
    font-family: FontAwesome;
	}
.panel-heading-ber-retro-team h4 a.collapsed:after {content: "\f053";}
.marginTB7{ margin-bottom:7px; margin-top:7px;}

/*--project--*/
.panel-heading-ber-retro-project{background: #bec1c9; border: 1px solid #9ca0ab; padding: 0px 10px;}
.panel-heading-ber-retro-project h4 {
    margin: 6px 0px;
    font-weight: 600;
    color: #54565a;
    font-size: 14px;
	}
.panel-heading-ber-retro-project h4 a{ color:#54565a; position:relative; display:block}
.panel-heading-ber-retro-project h4 a:after {
    position: absolute;
    content: "\f107";
    top: -1px;
    right: 0;
    font-size: 14px;
    color: #54565a;
    font-family: FontAwesome;
	}
.panel-heading-ber-retro-project h4 a.collapsed:after {content: "\f104";}
.marginTB7{ margin-bottom:7px; margin-top:7px;}
.panel-body-retro-project-01 {
    width: 100%;
    background: #e1e2e6;
    border: 1px solid #cbcfd6;
    padding: 14px 8px;
    border-top: 0;
	}
.retroList {
    background: #f9f9f9;
    display: flex;
    margin-top: 2px;
	min-height:31px;
	}
.retroCol-1 {
    width: calc(100% - 190px);
	align-items: center;
	display: flex;
	}
.retroCol-2{
    width: calc(190px - 4px);
	border-left:1px solid #e0e1e4;
	padding-left:12px;
	align-items: center;
	display: flex;
	font-size:11px;
	}
.retroCol-1 .checkbox-key{ padding-left:10px; /*width: 45px;*/ width:auto; padding-right:5px; font-size: 12px;font-weight:600;font-family: 'Source Sans Pro', sans-serif;}
.retroCol-1 .TaskListArea{ padding-left:0px; font-size:13px; color:#353535; font-weight:600; font-family: 'Source Sans Pro', sans-serif;}
.content-end{justify-content: flex-end;}
.EstimatelistBox{
    background: #f3f2f3;
    height: 19px;
    border: 1px solid #b4b7c0;
    position: relative;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 11px;
    color: #717787;
    margin-top: 6px;
    margin-left: 6px;
    margin-right: 6px;
    text-align: left;
	display:inline-block
	}
.Estimate-icon-area {
    font-size: 11px;
    color: #717787;
    border-right: 1px solid #b4b7c0;
    padding: 0px 5px 0 0px;
    top: 0;
    line-height: 17px;
    text-align: center;
	display:inline-block;
	}
.link01{ padding-left:5px; padding-right:5px; min-width:30px;}
a.link01{ color:#717787}
.retroList .accepted {
    color: #18ae69;
    border: 1px solid #18ae69;
	background:#fff;
	}
.retroList .testing	{color: #f39c12; border: 1px solid #f39c12; background:#fff;}
.teskRetroTable{ border:1px solid #bec1c9; background:#fff}	
.taskRetroHead{ background:#f2efef; padding:8px 10px;}	
.taskRetroHead h3.title-01 {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 13px;
    color: #575757;
    font-weight: bold;
	}
.rtoBtn {
    height: 22px;
    padding: 0 6px 0 4px !important;
    line-height: 20px;
    margin: -3px 0 0 0;
	}
.taskRetroRow{ background:#fff; border-top:1px solid #bec1c9; display: flex;}
.alert-text { text-align: center; color: #ff0101; padding:7px 10px; margin:auto}
.RetroMarginT20+.RetroMarginT20{ margin-top:20px;}
.col-20 {
    width: 20%;
	padding:4px 10px 4px;
	box-sizing: border-box;
	color:#666;
	font-size:12px;
	}
.col-20+.col-20{ border-left:1px solid #bec1c9}
.col-20 strong{ color:#7a7c84l; font-weight:700; font-family: 'Source Sans Pro', sans-serif;}
.col-50 {
    width: 50%;
	padding:4px 10px 6px;
	box-sizing: border-box;
	color:#666;
	font-size:12px;
	line-height:16px;
	}
.col-50+.col-50{ border-left:1px solid #bec1c9}
.col-20 a, .col-50 a, a.col-20, a.col-50{ color:#7a7c84}
.col-50 strong{ color:#7a7c84l; font-weight:700; font-family: 'Source Sans Pro', sans-serif;}
.col-50 label{ color:#7a7c84; font-weight:700; display:block; margin-bottom:3px; font-family: 'Source Sans Pro', sans-serif;}
.col-50 label span{ font-weight:400;color:#666;}
.panel-foot-retro-project-01{justify-content: flex-end; display: flex; background:#bec1c9; border:1px solid #9ca0ab;}
.foot-col-3{ width:135px; padding:7px 10px; border-left:1px solid #ccced5; text-align:center; font-size:13px; color:#797c83; font-weight:bold}
.foot-col-7 {width: calc(100% - 408px); padding: 7px 10px; font-size:13px; color:#797c83; font-weight:bold}
.allTotal{ color:#3b3b3b; font-size:14px; background:#a7abb8; margin-top:-10px;}
.allTotal .foot-col-3, .allTotal .foot-col-7{color:#3b3b3b;}

.list-select1-control.dropicon{ border-width:1px}
.list-select1-control.dropicon:after{ content:"\f107"}
.paddingTB01{ padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px;}
.form-control.txtAreaStyle{ height:80px;}
.red{ color:red}
.col-md-1v5 { width: 12.333333%;}
.col-25 {
    width: 25%;
	padding:4px 10px 6px;
	box-sizing: border-box;
	color:#888;
	font-size:12px;
	}
.col-25+.col-25{ border-left:1px solid #bec1c9}
.col-25 strong{ color:#7a7c84l; font-weight:bold}
.col-25 a, a.col-25{ color:#7a7c84}
.border-left-1{ border-left:1px solid #bec1c9}
.taskRetroHead2 { background: #e4e4e4; padding: 7px 10px;}
.taskRetroHead2 h3.title-02 {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 15px;
    color: #3d3c3c;
    font-weight: bold;
	}
.taskRetroHead2 h3.title-01{
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 13px;
    color: #3d3c3c;
    font-weight: bold;
	}
.col-25 label {
    color: #7a7c84;
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
	}
.positionL-del{ position:relative; padding-right:25px;}	
.positionL-delArea{ 
	position:absolute; 
	right:0; top:0; 
	width:25px;
	border-left:1px solid #bec1c9; 
	height:100%; 
	background:#edeeef;
	display: flex;
    align-items: center;
	}
.positionL-delArea a{ color:#666666; font-size:14px; margin:auto}	

.panel-heading-ber-task {
    background: #77797e;
    border: 0px solid #9ca0ab;
    padding: 1px 10px;
	}
.panel-heading-ber-task h4 {
    margin: 6px 0px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
	}
.panel-heading-ber-task h4 a {
    color: #fff;
    position: relative;
    display: block;
	}
.panel-heading-ber-task h4 a:after {
    position: absolute;
    content: "\f078";
    top: -1px;
    right: 0;
    font-size: 14px;
    color: #fff;
    font-family: FontAwesome;
	}
.panel-heading-ber-task h4 a.collapsed:after {content: "\f053";}	

.panel-heading-ber-taskList{background: #bec1c9; border: 1px solid #9ca0ab; padding: 0px 10px;}
.panel-heading-ber-taskList h4 {
    margin: 6px 0px;
    font-weight: 600;
    color: #54565a;
    font-size: 14px;
	}
.panel-heading-ber-taskList h4 a{ color:#54565a; position:relative; display:block}
.panel-heading-ber-taskList h4 a:after {
    position: absolute;
    content: "\f107";
    top: -1px;
    right: 0;
    font-size: 14px;
    color: #54565a;
    font-family: FontAwesome;
	}
.panel-heading-ber-taskList h4 a.collapsed:after {content: "\f104";}

.darkBgG{ background:#e1e2e6;}
.margin-top7{ margin-top:7px;}
.taskListcompletedRepeat { margin-top: 10px;}
.retromeeting-accordion{ margin-top:55px;}
.green-01{ color:#018623; font-weight:500}
.red-01{ color:#de3e3e; font-weight:500}
.darkBgG .retroCol-2{border-left: 1px solid #d0d2d8;}

/*------end-retro------*/

.dark-Gray{ color:#222}
.dark-Gray label{ color:#222}
.flexClass{display: flex;}
.flexClass #gridInlineEditableDiv .gridInlineEditText:hover{ padding-right:35px;}
.appraisal-re{ border-bottom:1px solid #bec1c9;}
.appraisal-re+ .appraisal-re { border-top: 8px solid #e1e2e6; border-bottom:0px solid #bec1c9;}
.borderTop01{border-top:1px solid #bec1c9}
.col-15{ width:15%}
.col-25{ width:25%}


.tddCk { display: inline-block; width:50px;}
.tddCk .checkbox-style { width:15px; vertical-align: middle; margin-right:3px;}
.forCk .TaskListAreaCkList { width: calc(100% - 55px);}

/*----checkbox-section----*/
.checkbox-style.listingCk{ width:auto; font-size:13px;}
ul.fstStp-listing{ margin:0 0 15px 0; list-style: none; padding:0;}
ul.fstStp-listing li{ margin-bottom:3px;}
ul.fstStp-listing li ul{ margin:7px 0 14px 15px;list-style: none; padding:0;}
ul.fstStp-listing .checkbox-style .checkmark{ top:0}
ul.fstStp-listing .checkbox-style .ck-dv-wrap{ padding:0 17px 0 0; margin-top:2px;}
h4.ttl-h4-big {
    font-size: 16px;
    color: #333;
    font-weight: bold;
	}
.ttl-h2-big {
    font-size: 16px;
    font-weight: bold;
    color: #3c8dbc;
}
.trdStp-listing .checkbox-style.listingCk{ font-size:12px;}
.lightGray01{ opacity: .65555; }
.checkbox-style.listingCk.feature-all {
    color: #888;
    /*font-weight: bold;*/
    font-size: 14px;
    text-transform: uppercase;font-style: italic;
}


.checkbox-style.listingCk.feature-all-text {
    color: #5f636c;
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
	
}
.trdStp-listing {
    color: #222;
    letter-spacing: .5px;
	
    font-family: 'Source Sans Pro', sans-serif;
}
.trdStp-listing {
    margin-left: 20px !important;
}
.checkbox-style.listingCk.story-all {
    /*font-weight: bold;*/
    color: #888;
	font-style: italic;
    
}

/*-------Story--------*/
.flexCntArea { display: flex; margin-top:15px;}
.leftPnlTree { width: 380px; background: #fff; border:1px solid #d5d8dd; }
.rightPnlArea{ 
	width: calc(100% - 410px); 
	margin-left: 30px;
	background:#fff;
	border-left:1px solid #c3c6ce;
	border-right:1px solid #c3c6ce;
	border-bottom:1px solid #c3c6ce;
	position:relative;
	padding-bottom:35px;
	}
.titleHeadBer{ background:#bec1c9}
.titleHeadBer h2{ 
	margin:0; 
	padding:0; 
	font-size:13px; 
	color:#302f2f; 
	font-family: 'Source Sans Pro'; 
	font-weight:600; 
	text-transform:uppercase; 
	padding:11px 15px; 
	line-height:normal;
	letter-spacing:1px;
	}
.treeArea { padding: 12px 15px;}
ul.firstTreeStep { margin: 0; padding: 0; list-style: none;}
ul.firstTreeStep > li > a{
    background: #ecedef;
    font-size: 14px;
    padding: 3px 10px 3px 7px;
    color: #000;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
	}
	
ul.SecTreeStep{margin:0px 0 0 12px; padding:0; list-style:none}
ul.SecTreeStep > li{  padding-top: 18px; border-left: 1px solid #dedede;  padding-left: 15px; position:relative }
ul.SecTreeStep > li:last-child{ border-left: 0px solid #dedede;}
ul.SecTreeStep > li:last-child:after{
	position:absolute;
	content:"";
	width:1px;
	height:30px;
	background:#dedede;
	top:-3px;
	left:0px;
	}
ul.SecTreeStep > li > a{
    background: #fbfcfc;
    font-size: 13px;
    padding: 3px 7px;
    color: #000;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
	position:relative;
	}
ul.SecTreeStep > li > a:after{
	position:absolute;
	content:"";
	width:12px;
	height:1px;
	background:#dedede;
	top:calc(50% - 1px);
	left:-15px;
	}
ul.thirdTreeStep {
    margin: 10px 0 0px 45px;
    padding: 0;
    list-style: none;
    position: relative;
	}
ul.thirdTreeStep:after{
	position:absolute;
	content:"";
	height:100%;
	width:1px;
	background:#dedede;
	top:-7px;
	left:-28px;
	}	
ul.thirdTreeStep > li{ margin:0 0 5px 0; position:relative}
ul.thirdTreeStep > li:last-child{ margin-bottom:0px;}
ul.thirdTreeStep > li:after{
	position:absolute;
	content:"";
	width:12px;
	height:1px;
	background:#dedede;
	top:calc(50% - 1px);
	left:-27px;
	}
ul.thirdTreeStep > li:before{
	position:absolute;
	content:"";
	width:6px;
	height:6px;
	background:#dedede;
	top:calc(50% - 3px);
	left:-16px;
	border-radius:50%;
	}
ul.thirdTreeStep > li > a{
    font-size: 13px;
    padding: 0;
    color: #302f2f;
	margin:0;
	line-height:normal;
	}	
ul.thirdTreeStep > li.active > a{font-family: 'Source Sans Pro'; font-weight:600; color:#000 }
ul.thirdTreeStep > li.active:before{background:#545454;}
.rightTabStyle{}
.nav-pills-pop-2{}
ul.nav-pills-pop-2 {
    margin: 0 -1px;
    list-style: none;
    text-align: left;
    background: #f3f2f3;
    width: calc(100% + 2px);
    padding: 0 20px;
}
ul.nav-pills-pop-2 li{
    display: inline-block;
    position: relative;
    bottom: -3px;
	}
ul.nav-pills-pop-2 li+li { margin-left: 8px;}
ul.nav-pills-pop-2 li a {
    background: #bec1c9;
    height: 39px;
    line-height: 37px;
    min-width: 105px;
    font-size: 14px;
    color: #302f2f;
    display: block;
    text-align: center;
    border: 1px solid #bec1c9;
    position: relative;
	font-size:13px;
	font-family: 'Source Sans Pro'; 
	font-weight:600;
	border-top:2px solid #bec1c9;
	border-left:2px solid #bec1c9;
	border-right:2px solid #bec1c9;
	border-bottom:3px solid #bec1c9;
	text-transform:uppercase;
	}
ul.nav-pills-pop-2 li.active a {
    background: #fff;
    border-bottom: 3px solid #fff;
	}
.rightTabStyle .tab-content.main-tab-content {
	border-top: 3px solid #c3c6ce;
    border-left: 0px solid #c3c6ce;
    border-right: 0px solid #c3c6ce;
    border-bottom: 0px solid #c3c6ce;
    background: #fff;
    box-shadow: inset 0px 0px 0px rgba(67,141,189,.188), 0 0px 0px #a7d3ef;
	}
.inner-tab-pop02{ padding:15px 20px;}	
.bodyTabPanel{
    width: 100%;
    background: #f1f0f1;
    border: 1px solid #d1d5db;
    padding: 8px 6px;
    border-top: 0;
	}
.bodyTabPanel ul li{ 
	background:#fff; 
	border-radius: 0px;
	border-left:2px solid #9ea2ae;
	padding:0;
	}	
.bodyTabPanel ul li .sec01 {
    width: calc(37px - 2px);
    display: inline-block;
    border-right: 1px solid #e3e4e8;
    /*height: 100%;*/
    vertical-align: top;
	}	
.bodyTabPanel.UseCases ul li .sec02-checklist-manage {
    display: inline-block;
    width: calc(100% - 68px);
    /*height: 100%;*/
    vertical-align: top;
    border-right: 0px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    /*line-height: 31px;*/
    font-size: 13px;
    color: #5f6573;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
.bodyTabPanel ul li .sec04-checklist {
    display: inline-block;
    width: calc(34px - 2px);
    /*height: 100%;*/
    vertical-align: top;
	border-left: 1px solid #e3e4e8;
	}	
.full_listingAreaTab + .full_listingAreaTab{ margin-top:15px;}
.full_listingAreaTab .panel-heading-ber-taskList h4{ font-weight:bold}	
.plusBtn {
    margin-top: 3px;
    min-width: inherit;
    font-size: 14px !important;
    padding: 2px 3px !IMPORTANT;
    position: relative;
    bottom: -2px;
	}
.bodyTabPanel.InterfacesStyle ul li .sec02-checklist-manage {
    display: inline-block;
    width: calc(100% - 294px);
   /* height: 100%;*/
    vertical-align: top;
    border-right: 0px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    /*line-height: 31px;*/
    font-size: 13px;
    color: #5f6573;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
	}	
.bodyTabPanel.InterfacesStyle ul li .sec03-actionName {
	display: inline-block;
    width: calc(230px - 2px);
   /* height: 100%;*/
    vertical-align: top;
    border-left: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    /*line-height: 31px;*/
    font-size: 13px;
    color: #5f6573;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
.align-itemsCenter{align-items: center;}	
.bodyTabPanel .TaskListAreaCkList{ padding-top: 5px;}	
.bodyTabPanel .checkbox-key{ width:auto; padding-top: 6px; padding-right:5px; line-height:normal; font-size:13px;}
.bodyTabPanel.InterfacesStyle .TaskListAreaCkList{width: calc(100% - 60px);}

.bodyTabPanel.DatastoresStyle ul li .sec02-checklist-manage {
    display: inline-block;
    width: calc(100% - 405px);
   /* height: 100%;*/
    vertical-align: top;
    border-right: 0px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    /*line-height: 31px;*/
    font-size: 13px;
    color: #5f6573;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
.bodyTabPanel.DatastoresStyle ul li .sec03-actionName {
	display: inline-block;
    width: calc(285px - 2px);
   /* height: 100%;*/
    vertical-align: top;
    border-left: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    /*line-height: 31px;*/
    font-size: 13px;
    color: #5f6573;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
	}	
.bodyTabPanel.DatastoresStyle .TaskListAreaCkList { width: calc(100% - 60px);}
.rightTabStyle ul.innerTab-listingDtls > li{margin-bottom: 7px;}	
.CreatFoot{ background:#f5f5f5; font-size:14px; color:#666666; padding:5px 20px 7px; margin-top:20px; position:absolute; bottom:0; width:100%;}	
.CreatFoot strong{ font-weight:bold}
.mTop5{ margin-top:5px;}
.mTop25{ margin-top:25px;}
.bodyTabPanel.opt-AreaStyle ul li .sec02-checklist-manage {
    display: inline-block;
    width: calc(100% - 395px);
    vertical-align: top;
    border-right: 0px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    font-size: 13px;
    color: #5f6573;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
.bodyTabPanel.opt-AreaStyle ul li .sec03-actionName {
    display: inline-block;
    width: calc(190px - 2px);
    vertical-align: top;
    border-left: 1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 9px;
    font-size: 13px;
    color: #5f6573;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
.bodyTabPanel.opt-AreaStyle .TaskListAreaCkList { width: calc(100% - 60px);}
.sec03-statusName{border-left: 1px solid #e3e4e8; padding: 0 9px;}

.filter-form-areaN.grayForm{ background:#f1f0f1}
.filter-form-areaN.grayForm .form-control{ background:#fff}

.erd-table .tree {
    box-shadow: inset 0px 0px 0px rgba(67,141,189,.188), 0 0px 0px #a7d3ef;
    border: 1px solid #cbcfd6;
    background: #f1f0f1;
	}
.erd-table .tree > ul{ padding:10px}
.erd-table .tree li:before {border-left: 1px solid #c4c7cd;}
.erd-table .tree li span.level-entity {
    border: 1px solid #c4c7cd;
    position: relative;
    padding: 2px 7px;
    font-size: 13px;
    background: #fff;
    border-bottom: 3px solid #c4c7cd;
    border-right: 2px solid #c4c7cd;
    border-radius: 3px;
    color: #302f2f;
    letter-spacing: .5px;
	}
.erd-table .tree li::after {border-top: 1px solid #c4c7cd;}
.erd-table span.relation.oneToMany{ color:#c4c7cd; top:-1px}
.erd-table .tree>ul>li::before, .erd-table .tree>ul>li::after {  border: 0;}
.erd-title { font-size: 16px; margin: 0 0 10px;color: #333;font-weight: bold;}


/*---------comment-section-------*/
.leftTextCnt {
max-width: 90%;
text-align: left;
}
.rightTextCnt {
max-width: 90%;
text-align: left;
float: right;
}
.rightTextCnt .pull-left-x{ text-align: right; }
.commentBox-left {
background: #ddd;
border: 1px solid #ddd;
border-radius: 5px;
padding: 5px 9px 7px;
position: relative;
margin-left: 12px;
}
.commentBox-left:before {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-right: 12px solid #ddd;
border-bottom: 6px solid transparent;
top: 6px;
left: -12px;
position: absolute;
content: "";
}
.commentBox-right {
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 5px;
padding: 5px 9px 7px;
position: relative;
margin-right: 12px;
}
.commentBox-right:before {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-left: 12px solid #ddd;
border-bottom: 6px solid transparent;
top: 6px;
right: -12px;
position: absolute;
content: "";
}
.commentBox-right .no-edit, .commentBox-left .no-edit{ color: #999 }
.chat-inner{ padding:10px }
.chat-area-bottom {
    position: fixed;
    bottom: 40px;
    left: calc(50% - 330px);
    width: calc(100% - 525px);
    padding-top: 7px;
    background: #f5f5f5;
}
.relativeDiv { position: relative;}
.chatTypecls {
    background: #fff;
    border: 1px solid #ddd;
    width: calc(100% - 100px);
    border-radius: 25px;
    margin: 0px 0 7px 10px;
    height: 40px;
    padding: 8px 15px 8px 15px;
    float: left;
    resize: none;
    min-height: 40px;
    overflow-y: hidden;
    overflow-x:hidden !important;
}
.chatTypecls:focus{ outline:none}
.sendCls {
background: #333;
border: 0;
border-radius: 50%;
height: 32px;
width: 32px;
color: #fff;
text-align: center;
margin-left: 5px;
display:inline-block;
}
.sendCls:focus{ outline:none}
.addFileCls {
background: #333;
border: 0;
border-radius: 50%;
height: 32px;
width: 32px;
color: #fff;
text-align: center;
}
.addFileCls:focus{ outline:none}
.submitPositionR {
position: absolute;
right: 10px;
top: 4px;
}
.coverImgChangeBtn {
background-color: transparent;
z-index: 8;
display: inline-block;
}
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.coverImgChangeBtn label {
padding: 8px 10px;
cursor: pointer;
}
.comment-index {padding-bottom: 45px;}
.chatImg{ max-width:200px; margin-top:10px; margin-bottom: 5px;}
.chatImg img{ max-width:100%}
.commentBox-left .reply-cls {
position: absolute;
right: -45px;
top: 5px;
color: #888;
background: #d9d9d9;
width: 18px;
height: 18px;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-size: 12px;
opacity: .8;
}
.commentBox-left:hover .reply-cls{opacity: 1;}
.commentBox-right .reply-cls {
position: absolute;
left: -45px;
top: 5px;
color: #888;
background: #d9d9d9;
width: 18px;
height: 18px;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-size: 12px;
opacity: .8;
}
.commentBox-left .dotMenu {
    position: absolute;
    right: -15px;
    top: 5px;
	color: #888;
	}
.commentBox-right .dotMenu {
    position: absolute;
    left: -15px;
    top: 5px;
	color: #888;
	}
.commentBox-left .dotMenu .customize-view-openBox{
    left: -18px;
	right:auto;
	}
.commentBox-left .customize-view-openBox:after{ left: 9px; right:auto}
.dotMenu a{color: #555;}
.dotMenu .customize-view-openBox {
    text-align: left;
    margin-top: 15px;
    right: -18px;
    /*display: none;*/
    letter-spacing: 0;
}
.dotMenu .customize-view-openBox{
	box-shadow: 0px 0px 0px #000;
	border-radius: 5px; 
	border:1px solid #ddd;
	padding:0;
	}
.dotMenu a.fstBtn {
    background: none;
    padding: 7px 10px;
    margin-top: 0;
    border-radius: 0;
	}
.dotMenu a.fstBtn+a.fstBtn{ border-top:1px solid #ddd}
.dotMenu .customize-view-openBox { width: 120px;}

.commentBox-right:hover .reply-cls{opacity: 1;}
.reply-cls a{ color:#888; text-decoration:none}
.pull-left-x { margin-bottom: 5px;}
.commentBox-right .reply-cnt-div {
border: 1px solid #ddd;
padding: 5px;
background: #fff;
border-radius: 5px;
margin: 5px 0 10px;
border-left: 3px solid #888;
}
.commentBox-left .reply-cnt-div {
border: 1px solid #ddd;
padding: 5px;
background: #fff;
border-radius: 5px;
margin: 5px 0 10px;
border-left: 3px solid #888;
}
.reply-cnt-div .chatImg{ width:100px;}
.replyDiv01-btm {
    width: calc(100% - 100px);
    height: auto;
    border: 1px solid #ddd;
    margin-left: 10px;
    margin-bottom: 0px;
    border-radius: 15px;
    background:  #fff;
    padding: 10px;
}
.replyDiv01-btm .chatImg{ max-width: 150px }
.replyDiv01-btm .close{
    position: relative;
    top: -8px;
}

.reply-cnt-div .chatImg p { width: 700px; }

.replyDiv01-btm .file-preview{border-radius: 5px;border: 1px solid #ddd;padding: 5px; width: 100%;margin-bottom: 5px;float:right; overflow: hidden;}
.replyDiv01-btm .krajee-default.file-preview-frame {position: relative;margin: 8px;padding: 6px;float: left;text-align: left;}
#contentBoxWithImage { width: 36%;float: left;}
#contentBox { text-align: left; }
.commentSubMain {
    max-width: 650px;
    margin: 15px auto 0;
    background: #f5f5f5;
    position: relative;
    border: 1px solid  #ddd;
    min-height: 415px;
}

.textAreaCross{
	position:absolute;
	right:104px;
	font-size:25px;
	cursor:pointer;
	color:#c1c1c1;
}
#contentBox p { font-style: italic; }
#contentBox p::before { content: "\201C"; font-size: 20px; }
#contentBox p::after { content: "\201D"; font-size: 20px; }

.checkpoint-chat-area-bottom {    
    bottom: 40px;
    padding-top: 7px;
    background: #f5f5f5;
}

/*--table--*/
.DatastoresStyle .table-striped > thead > tr{ background-color: #cdd0d7; color: #667783;}
.DatastoresStyle .table-bordered { border: 1px solid #bec1c9;}
.DatastoresStyle .table-bordered>thead>tr>th, .DatastoresStyle .table-bordered>tbody>tr>th, .DatastoresStyle .table-bordered>tfoot>tr>th, .DatastoresStyle .table-bordered>thead>tr>td, .DatastoresStyle .table-bordered>tbody>tr>td, .DatastoresStyle .table-bordered>tfoot>tr>td { border: 1px solid #bec1c9;}
.DatastoresStyle .table-striped > tbody > tr { background-color: #f5f5f5;}
.DatastoresStyle .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff;}
.DatastoresStyle .right-sidebar-view{border: 1px solid #bec1c9; box-shadow:inset 0px 0px 0px rgba(67,141,189,.188), 0 0px 0px #a7d3ef}
.DatastoresStyle .inline-form{border: 1px solid #bec1c9; box-shadow:inset 0px 0px 0px rgba(67,141,189,.188), 0 0px 0px #a7d3ef; background-color: #f5f5f5;}
.DatastoresStyle .grid-view .table > thead > tr:first-child > th { color: #444;}
.DatastoresStyle .basic-info{ background: #9ca0ab;}

.DatastoresStyle .table > thead > tr > td.info, .DatastoresStyle .table > tbody > tr > td.info, .DatastoresStyle .table > tfoot > tr > td.info, .DatastoresStyle .table > thead > tr > th.info, .DatastoresStyle .table > tbody > tr > th.info, .DatastoresStyle .table > tfoot > tr > th.info, .DatastoresStyle .table > thead > tr.info > td, .DatastoresStyle .table > tbody > tr.info > td, .DatastoresStyle .table > tfoot > tr.info > td, .DatastoresStyle .table > thead > tr.info > th, .DatastoresStyle .table > tbody > tr.info > th, .DatastoresStyle .table > tfoot > tr.info > th{background: #f5f5f5;}
.TaskListAreaCkList a{ color:#5f6573}
.error-summary ul li {
    background: none;
    border-radius: 0px;
    border-left: 0px solid #9ea2ae;
    padding: 0;
}

/*---------files-section-----------*/
.filesDive-Main{
    border:1px solid #cbcfd6;
    background:#f1f0f1;
    width:calc(100% - 30px);
    padding:8px;
    margin:10px 15px;
}
.fileTabPanel ul li {
    background: #fff;
    border-radius: 0px;
    border-left: 2px solid #9ea2ae;
    padding: 0;
}
.fileIconFst {
    width: calc(37px - 2px);
    display: inline-block;
    border-right: 1px solid #e3e4e8;
    vertical-align: top;
    font-size:14px;
    color:#666;
    padding-top:4px;
}
.file-sec04 {
    display: inline-block;
    width: calc(40px - 2px);
    vertical-align: top;
    border-left: 1px solid #e3e4e8;
    font-size:14px;
}
.file-sec05 {
    display: inline-block;
    width: calc(40px - 2px);
    vertical-align: top;
    border-left: 1px solid #e3e4e8;
    font-size:14px;
}
.file-sec04 a, .file-sec05 a{ color:#8a909e}
.dateBoxfile {
    background: #f3f2f3;
    height: 19px;
    border: 1px solid #b4b7c0;
    position: relative;
    border-radius: 4px;
    padding-left: 25px;
    font-size: 11px;
    color: #717787;
    margin-top: 6px;
    padding-right: 10px;
    margin-left: 6px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: top;
}
.sec02-file-link {
    display: inline-block;
    width: calc(100% - 322px);
    vertical-align: top;
    box-sizing: border-box;
    padding: 4px 9px;
    font-size: 13px;
    color: #5f6573;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    text-align:left;
}   
.file-userSection3{
    display: inline-block;
    vertical-align: top;
    padding: 0 8px;
    border-left: 1px solid #e3e4e8;
}   
.file-userSection3 .asignBox{ text-align:left;} 
.fileTabPanel ul{ margin-bottom:10px;}  
.addFileClsUpload{
    background: #666;
    border: 0;
    border-radius: 3px;
    height: 25px;
    width: 108px;
    color: #fff;
    text-align: center;
    font-weight:normal;
    margin:0;
    line-height: 25px;
}   
.upInline{ display:inline-block; line-height:25px; margin-right: 5px;}
.alignLeft{ text-align:left}    
.uploadBtn-cls label{ margin-bottom:0}  
.marginT18{ margin-top:18px;}   
    
/*---------files-section-end----------*/



.tdd-listSec-Add {
    border: 1px solid #e3e4e8;
    background: #fff;
    padding: 10px 15px;
    position: relative;
    display:none;
}
.tdd-listSec-Add h3{}
.tdd-listSec-Add ul{ margin:0; padding:0 0 0 17px; list-style:disc}
.tdd-listSec-Add ul li {
    width: 100%;
    background:none;
    min-height:18px;
    margin-bottom: 4px;
    display: list-item;
    padding: 0;
    border: 0;
    vertical-align: top;
    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-radius: 0;
}
.listing-backlig-ckList ul li .sec02-checklist{width: calc(100% - 235px); } 
.TaskListAreaCkList{padding-top:4px;}
.chatInlineCheckAll {
    display: inline-block;
    width: 35px;
    text-align: left;
    font-size: 14px;
    padding-top: 4px;
}
.chatInlineCheckAll a{ color:#333}

.chatInlineCheckSingle {
    display: inline-block;
    width: 35px;
    text-align: left;
    font-size: 14px;
    padding-top: 4px;
}
.chatInlineCheckSingle a{ color:#333}

.forCkBxCmnt{ position:relative; max-height: 415px; min-height:290px; margin-bottom:10px; margin-top:10px;}
.forCkBxCmnt .chat-area-bottom {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
}
.commentListHeight{ max-height:300px; overflow:auto}
.commentCount{color:red;font-size:10px;}


.listing-backlig ul li .issue-sec03.commentBefore {
    width: calc(260px - 2px);
    border-left: 1px solid #e3e4e8;
}
.listing-backlig ul li .issuemgt-sec03.commentBefore {
    border-left: 1px solid #e3e4e8;
}
/*--*/
.modal-content{border-radius:10px;}
.modal-dialog button.close {
    background: #c10000;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: -10px;
    line-height: 30px;
	font-size: 28px;
    color: #fff;
    text-shadow: 0 0px 0 #fff;
    opacity: 1;
	}
.modal-dialog .close:hover, .close:focus{ opacity: 1; color:#fff; outline:none}
.modal-dialog .panel-heading{
    background-color: #d9dbe1;
    color:#353535;
    padding: 8px 20px;
	border-radius: 10px 10px 0 0;
	border-bottom:0px;
}
.modal-dialog .panel-heading h4{ font-size: 14px; font-weight:600; }
.modal-dialog .panel-primary{ border:0px; border-radius: 10px;}
.modal-dialog .modal-header{
    background-color: #d9dbe1;
    color:#353535;
    padding: 8px 20px;
	border-radius: 10px 10px 0 0;
	border-bottom:0px;
}
.modal-dialog .modal-header h4{ font-size: 14px; font-weight:600;}
.btn-n2{ border-radius: 3px;}
/*.lineHight-5{ line-height:.8; height:auto}*/
.lineHight-5{ line-height:.5; }
.marginB10{ margin-bottom:10px !important;}
.marginB20{ margin-bottom:20px !important;}
.modal-dialog .right-sidebar-view { border: 1px solid #bec1c9; box-shadow: unset; background: #f9f9f9;}
.btn{ padding:4px 12px;}
.modal-dialog table tbody tr td{ background-color: rgba(255, 255, 255, 0) !important}

/*---table-style---*/
.modal-dialog .table-bordered { border: 1px solid #bec1c9;}
.modal-dialog .table-bordered>thead>tr>th, .modal-dialog .table-bordered>tbody>tr>th, .modal-dialog .table-bordered>tfoot>tr>th, .modal-dialog .table-bordered>thead>tr>td, .modal-dialog .table-bordered>tbody>tr>td, .modal-dialog .table-bordered>tfoot>tr>td { border: 1px solid #bec1c9;}
.modal-dialog table thead tr{background:#f0f0f0; color: #7a7c84;}
.modal-dialog table tbody tr:nth-child(even) {background: #f9f9f9}
.modal-dialog table tbody tr:nth-child(odd) {background: #FFF}
.modal-dialog  tfoot tr {
    background: #f0f0f0;
}
/*--*/
.modal-dialog .inline-form {
    background: #f1f0f1;
    border: 1px solid #d1d5db;
    border-radius: 3px;
    display: flow-root;
    margin-bottom: 5px;
    box-shadow: inset 0px 0px 0px #c9d8e1;
}
.modal-dialog .basic-info{background:#abaeb6!important}
.width1170{ width:1170px;}
.modal-dialog .right-sidebar-view{overflow-y: initial;}

.modal-dialog .nav.nav-tabs > li > a {
    background: #bec1c9;
    /*height: 39px;
    line-height: 37px;
    min-width: 105px;
    font-size: 14px;*/
    color: #302f2f;
    display: block;
    text-align: center;
    border: 1px solid #bec1c9;
    position: relative;
    font-size: 13px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    border-top: 2px solid #bec1c9;
    border-left: 2px solid #bec1c9;
    border-right: 2px solid #bec1c9;
    border-bottom: 1px solid #bec1c9;
    text-transform: uppercase;
	box-shadow: inset 0px 0px 0px rgba(67,141,189,.4);
	border-radius: 0;
}
.modal-dialog .nav.nav-tabs > li.active > a {
    background: #fff;
    border-bottom: 1px solid #fff;
}
.modal-dialog .tab-content{ background:#fff; border: 1px solid #bec1c9; box-shadow: inset 0px 0px 0px rgba(67,141,189,.4); margin-top:-1px;}
.modal-dialog .nav.nav-tabs{ border-bottom:0px;}

/*-----scrum-------*/
.scrum-repeat-main { width: 100%; margin-bottom:20px}
.scrum-user-head{ border:1px solid #bec1c9; background:#e4e4e4; padding:4px 8px;}
.ttl-left-inline{ margin:4px 0 0 0; font-size:13px; font-weight:bold;}
.head-scrum-est {
border: 1px solid #c2c5cc;
background: #fff;
display: inline-block;
padding: 1px 8px 2px;
border-radius: 3px;
}
.head-scrum-est+.head-scrum-est{ margin-left:8px;}
.scrum-user-body {
background:#fff;
border: 1px solid #bec1c9;
padding:12px 8px;
border-top:0;
}
.scrum-list-table-main ul{
list-style:none;
margin:0;
padding:0;
}
.scrum-list-table-main ul li {
display: flex;
background:#f9f9f9;
border: 1px solid #bec1c9;
}
.scrum-list-table-main ul li+li{ border-top:0px;}
.cheakbox-col {
width: 34px;
border-right: 1px solid #bec1c9;
padding: 6px;
text-align:center;
}
.key-col {
width: 98px;
border-right: 1px solid #bec1c9;
padding: 6px;
}	
.checklist-col {
width: 75px;
border-right: 1px solid #bec1c9;
padding: 6px;
}
.Remaining-col {
width: 112px;
border-right: 1px solid #bec1c9;
padding: 6px;
}	
.Quote-Dev-col {
width: 78px;
border-right: 1px solid #bec1c9;
padding: 6px;
}
.Spent-col {
width: 65px;
border-right: 1px solid #bec1c9;
padding: 6px;
}	
.Status-col {
width: 102px;
border-right: 1px solid #bec1c9;
padding: 6px;
}	
.we-col {
    width: 30px;
    border-left: 1px solid #bec1c9;
    padding: 5px;
}
.task-col {
width: 24%;
padding: 6px;
border-right: 1px solid #bec1c9;
}
.Summary-col {
width: 27%;
padding: 6px;
}	
.priority-col{
width: 40px;
border-right: 1px solid #bec1c9;
padding: 6px;
text-align:center;
font-size:14px;
}
.delete-col{
width: 30px;
border-left: 1px solid #bec1c9;
padding: 6px;
text-align:center;
}	
.cheakbox-col .checkbox-style .ck-dv-wrap{ width:16px;}
.cheakbox-col .checkbox-style .checkmark{ top:0}
.scrum-list-table-main ul li{ font-size:12px; color:#4c4c4c}
.scrum-list-table-main ul li a{color:#4c4c4c}
.scrum-list-table-main ul li:first-child{ background:#f0f0f0; color:#7a7c84; font-weight:bold}
.scrum-list-table-main ul li:first-child .task-col{border-right: 1px solid #f0f0f0;}	
.scrum-list-table-main ul li:first-child .delete-col{border-left: 1px solid #f0f0f0;}	
.scrum-list-table-main ul li:nth-child(2n){ background:#fff}	
.Remaining-col i{ font-size:14px;}	
.delete-col	i{ font-size:14px;}
.scrum-list-table-main ul li .Remaining-col a, .scrum-list-table-main ul li .delete-col a{color:#8a909e}	
.issueItem{ font-weight:bold}	
.dark-gray.l-g {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
padding: 5px 10px!important;
height: 31px;
margin: auto;
float: none;
}	
.head-scrum-est strong{ margin-right:5px;}
.ForScrumSubmit .key-col{ width:115px;}	
.ForScrumSubmit .task-col { width: 26%;}	
.ForScrumSubmit .Summary-col{ width:25.5%}	
.border-L{ border-left:1px solid #eee}

.PreviousD-work h3.title-01 {
    font-size: 16px;
    margin-bottom: 18px;
    border-top: 1px solid #dddd;
    padding-top: 20px;
    margin-top: 30px;
}

.grayTable .table-bordered { border: 1px solid #bec1c9;}
.grayTable .table-bordered>thead>tr>th, .grayTable .table-bordered>tbody>tr>th, .grayTable .table-bordered>tfoot>tr>th, .grayTable .table-bordered>thead>tr>td, .grayTable .table-bordered>tbody>tr>td, .grayTable .table-bordered>tfoot>tr>td { border: 1px solid #bec1c9;}
.grayTable table thead tr{background:#f0f0f0; color: #7a7c84;}
.grayTable table tbody tr:nth-child(even) {background: #f9f9f9}
.grayTable table tbody tr:nth-child(odd) {background: #FFF}
.grayTable  tfoot tr {
    background: #f0f0f0;
}
.panel-heading-ber-retro-impediment{background: #d73925; border: 0px solid #9ca0ab; padding: 1px 10px;}
.panel-heading-ber-retro-impediment h4 {
    margin: 6px 0px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
	}
/****/

.checkbox-style.checkbox-style-green .checkmark{ border-color:#00a65a }
.checkbox-style.checkbox-style-green .ck-dv-wrap .checkmark::after{ border-color:#00a65a }
.checkbox-style.checkbox-style-red .checkmark{ border-color:#FF0000}
.checkbox-style.checkbox-style-red .ck-dv-wrap .checkmark::after{ border-color:#FF0000 }
.impediment-border{border-color:#FF0000 }
.prv-border{border-color:#77797e}
.greenClr{background:#00a65a; border:0px  }
.ttl_borderB{
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
 .status01{
        width: 100%;
        margin-left:0px; 
        margin-left:0px; 
 }
 .collaps-div01{
	position: relative;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
 }
.collaps-div01:after {
    position: absolute;
	content: "\f107";
	top: 5px;
	right: 10px;
	font-size: 22px;
	color: #fff;
	font-family: FontAwesome;
	text-indent: 0;
	line-height: 1;
}
.collaps-div01.collapsed:after {
    content: "\f104";
}

.collaps-div{
	position: relative;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
 }
.collaps-div:after {
    position: absolute;
	content: "\f107";
	top: 5px;
	right: 10px;
	font-size: 18px;
	color: #000;
	font-family: FontAwesome;
	text-indent: 0;
	line-height: 1;
}
.collaps-div.collapsed:after {
    content: "\f104";
}
.blank15{
	width:15px;
	display:inline-block;
}


/*----board-setting start----*/
.board-setting-maindiv-wrap{
    margin-top: 10px;
    width: 100%;
    clear: both;
    }   
.panel-body-bklg.boardSetting{ background:#fff; padding:12px 8px}
.listing-board { text-align: center;}
.Status-Categories-box-main {
    width: 170px;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    padding: 4px;
    display: inline-block;
    text-align: center;
    position: relative;
    margin: 0 20px;
    color: #fff;
    box-sizing: border-box;
    background:#f3f2f3;
    }
.Status-Categories-box-in{padding:8px 0 10px; border-radius: 3px; background:#fff;}
.Status-Categories-box-main h3{ margin:0; padding:0; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; margin-bottom:2px; line-height:18px}   
.statusH4{ color:#fff; font-size:12px; line-height:normal}  
.Status-Categories-box-main+.Status-Categories-box-main:after{
    position:absolute;
    content:"";
    background:url(/images/board-setting-arrow01.png) no-repeat;
    width:41px;
    height:18px;
    top:calc(50% - 9px);
    left:-43px;
    }
.openActiveBer.boardSetting h4{ font-size:16px; font-weight:bold}
.l-btn{ text-transform:uppercase; font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:600; min-width:98px}  
.marginT25{ margin-top:25px;}   
.ttlh3{ margin:0 0 8px 0; padding:0; color:#54565a; font-size:16px; font-weight:bold}   
.flex-totalArea{
    display: flex;
    margin-top: 10px;
    width: 100%;
    }   
.flex-board-setting {
    display: flex;
    width: calc(100% - 195px);
    }
.flex-board-setting-rightPnl{
    width: calc(195px - 20px);
    margin-left:20px;
    }   
/*.col-board {
    background: #e3e4e8;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 1px 8px;
    }
.col-board:nth-child(2n){ background:#dbdce1}   */
.stepMove{
    background: #e3e4e8;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 1px 8px;
    }
.stepMove:nth-child(2n){ background:#dbdce1}  

.board-title-main{margin:0 5px; padding:3px 0 4px; text-align:center}   
.board-title-main-handle {
    display: inline-block;
    vertical-align: middle;
    width: calc(30px - 3px);
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    }
.board-title-stepName{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
    color: #fff;
    font-size:12px;
    font-weight:bold;
    text-transform: uppercase;
    }   
.board-title-del{
    display: inline-block;
    vertical-align: middle;
    width: calc(30px - 3px);
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    }   
.board-title-del a{color: rgba(255, 255, 255, .8);} 
.board-title-stepCatName {
    font-weight: normal;
    line-height: 16px;
    text-transform: initial;
    }   
.boardsettingauH85{ min-height:85px;}   
.boardsettingauH85 .canban-cnt-box{ min-height:55px;}   

.positionR-Abs .accordionProductButtonNew{ position:absolute; right:5px; color:#333; font-size:14px; top:0; line-height:18px; padding:0 5px}
.positionR-Abs {
    background: #d0d3d8;
    text-align: center;
    font-size: 11px;
    /*text-transform: uppercase;*/
    height: 18px;
    padding: 1px 5px;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 600;
    position:relative;
    letter-spacing:1px;
    }   
.positionR-Abs .customize-view-openBox{ text-align:left; margin-top: 15px; right: -7px; display:none; letter-spacing:0}
.statusBtn {
    background: #eeeff1;
    margin: 15px 5px 0px;
    padding: 2px 2px 4px;
    font-size: 12px;
    border-radius: 3px;
    color:#565a62;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 600;
    cursor:pointer;
    }
.board-setting-maindiv-wrap .customize-view-openBox{ z-index:999}   
.openStatusFld {
    margin: 15px 5px 0px;
    background: #eeeff1;
    padding: 8px 8px 15px;
    }   
.openStatusFld{ display:none}   
.marginT18{ margin-top:18px;}
.popupArea3 .popupArea-in.height150{ min-height:150px;}
.flex-board-setting-rightPnl .col-board{ height:100%}
.flex-board-setting-rightPnl .board-title-main{ padding:10px 0;}
.flex-board-setting-rightPnl .board-title-stepName{ font-size:14px;}
.noneGroupTbl .Status-Categories-box-main{ margin:0 3px; width:calc(100% - 6px)}
.noneGroupTbl .Status-Categories-box-in{ padding:2px 0;}
.noneGroupTbl .Status-Categories-box-main h3{ font-size:12px;}
.noneGroupTbl .boardsettingauH85 .canban-cnt-box { min-height: 30px; padding: 0;}
.noneGroupTbl .boardsettingauH85 { min-height: 60px; margin-top:7px;}
.noneGroupTbl{ padding-top:10px; padding-bottom:10px;}
.noneGroupTbl:nth-child(2n){ background:#dadbe0}

.board-title-main{ position:relative}
.positionR-Abs02 .accordionProductButtonNew{ position:absolute; right:5px; top:0px; line-height:18px; padding:0 5px; color:#fff}
.positionR-Abs02 {
font-size: 11px;
position:relative;
height:18px;
}   
.positionR-Abs02 .customize-view-openBox{ text-align:left; margin-top: 30px; right: -4px; display:none; letter-spacing:0}
.positionR-Abs02 a{ color:#222}
.positionR-Abs02 .accordionProductContent {color:#222}

.positionR-Abs02.topAbs{ height: auto; }
.positionR-Abs02.topAbs h3 { color:#222; font-size: 14px;text-transform: none;}
.positionR-Abs02.topAbs span.LfIcon{ line-height: 1 }

/*----board-setting end----*/
.marginT10{ margin-top:10px;}
.marginT15{ margin-top:15px;}
.marginT20{ margin-top:20px;}


/*-------------------*/
.col-board { background: #e3e4e8; width: 100%; box-sizing: border-box; padding: 4px 1px 8px;}
.left-box .grayForm { background: #f1f0f1;}
.filter-form-areaN .select2-container--bootstrap .select2-selection{background: #f0f0f1;}
.modal-dialog .nav-tabs > li{ top:0}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #eee;
	}
    

.cclass {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
    overflow: visible !important;
    background: #f5f9f9 !important;
}
.cclass .sec01{ position:relative}
.cclass .sec01:after {
    position: absolute;
    content: "";
    width: 2px;
    height: calc(100% + 7px);
    left: -17px;
    background-color: var(--child-status-color-var);
    top: -6px;
}
.cclass:after {
    position: absolute;
    content: "";
    width: 2px;
    height: calc(100% + 7px);
    left: -17px;
    background-color: var(--child-status-color-var);
    /*background: #00c0ef;*/
    top: -6px;
}

.scrollAreaLeftBer{ /*height:428px; *//*overflow:auto*/}


.scrollAreaLeftBer{ height:428px; /*overflow:auto*/}


/*-----------*/
[data-scroller="true"] {
  overflow: hidden;
}
.scroller-scrollbar {
  display: none;
  position: absolute;
  z-index: 1000;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.scroller-scrollbar.vertical {
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  margin: 0 2px;
}
.scroller-scrollbar.vertical.scroller-inverse {
  left: 0;
  right: inherit;
}
.scroller-scrollbar.horizontal {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  margin: 2px 0;
}
.scroller-scrollbar.horizontal.scroller-inverse {
  top: 0;
  bottom: inherit;
}
.scroller-scrollbar.scroller-active {
  display: block;
}
.scroller-scrollbar {
  background-color: #000;
  opacity: 0.32;
}


.paddingB0{ padding-bottom:0}
.Fnone{ float:none}

#task-parenttask-modal-id-cont{margin-top: 2px !important;}
#task-parenttask-modal-id-targ{/*float: right;margin-top: -20px;*/}
.toast-top-right{margin-top: 35px !important;}


.rightTabStyle { margin-top: -3px;}


.estimateHeader{
    display: flex;
    border: 1px solid #ccc;
    margin: 8px 8px 0px 8px;
    padding: 5px;
    font-weight: bold;
}

.estimateChild{
    display: flex;
    padding: 5px;
    margin: 0 8px 0 8px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 3px solid #b5b5b5;
}
.bordeRight {
    position: relative;
    border-right: 1px solid #ccc;
}
.bordeRight::after {
    position: absolute;
    content: "";
    background:#ccc;
    width: 1px;
    height: 5px;
    top: -5px;
    right: -1px;
}
.bordeRight::before {
    position: absolute;
    content: "";
    background:#ccc;
    width: 1px;
    height: 5px;
    bottom: -5px;
    right: -1px;
}
.estimateRow{
    display: flex;
    border-bottom: 1px solid #ccc;
}
.estimateRow:last-child{
    border-bottom: 0px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.rightTabStyle { margin-top: -3px;}
.display-height-90{ height:90vh}


.modal-dialog.full-width-table-area { width:auto; margin:15px;}
.modal-dialog.full-width-table-area thead th{ color:#444}
.modal-dialog.full-width-table-area td { text-align: left;}

/*----delivery report-------*/
.completed-body-area{ border:1px solid #006600; background:#fff; padding:5px 12px 10px;}
.pending-body-area{ border:1px solid #0000ff; background:#fff; padding:5px 12px 10px;}
.pending-uat-body-area{ border:1px solid #9ca0ab; border-top:0px; background:#fff; padding:5px 12px 10px;}

.uat-ttl { background: #9d9e45; border:1px solid #9d9e45;}
.uat-body-area{ border:1px solid #9d9e45; border-top:0px; background:#fff; }
.uat-body-area .panel-body-uat{padding:5px 12px 10px;}
.uat-ttl a, .non-uat-ttl a{ color:#fff !important;}
.non-uat-ttl{ background:#5c95b8; border:1px solid #5c95b8;}
.non-uat-body-area{ border:1px solid #5c95b8; border-top:0px; background:#fff; }
.non-uat-body-area .panel-body-uat{padding:5px 12px 10px;}
.panel-heading-ber-h6 {
    background: #77797e;
    padding: 7px 10px;
}
.panel-heading-ber-h6 .text-info{ color:#fff}


.sec01-checkpointNumber {
    display: inline-block;
    text-align: center;
    width: 40px;
    border-right: 1px solid #e3e4e8;
    height: 100%;
    vertical-align: top;
    line-height: 31px;
}
.listing-backlig-ckList ul li .sec02-checklist.checklistDesc{
    width: calc(100% - 282px);
}

  .datepicker > div:first-child {
    display: block !important;
}
.st01{
	margin-top: 15px;
	border: 1px solid #bec1c9 !important;
}

/*----------Pagination----------------*/
.paginator {
    font-family: Poppins, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase
}

@media (min-width:0px) and (max-width:767px) {
    .paginator {
        padding: 0
    }
}

@media (min-width:768px) {    
    .paginator {
        padding: 34px 0
    }
}

.paginator--dashboard {
    padding: 0
}

@media (min-width:992px) {
    .paginator .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.paginator__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:0px) and (max-width:767px) {
    .paginator__item {
        margin: 0 0 10px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .paginator__item {
        margin: 0 0 22px
    }
}

.paginator__pages {
    letter-spacing: .12em;
    color: #8a9199
}

.paginator__pages a,
.paginator__pages span {
    font-size: 1.4rem;
    color: #737980;
    border-radius: 20px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    transition: .2s ease
}

@media (min-width:768px) {
    .paginator__pages a,
    .paginator__pages span {
        padding: 8px 20px
    }
}

.paginator__pages a.current,
.paginator__pages span.current {
    background-color: #40be65;
    color: #fff
}

.no-touchevents .paginator__pages a:hover {
    color: #007bd0
}

.paginator__next,
.paginator__prev {
    font-size: 1.4rem;
    color: #737980;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: .2s ease
}

.paginator__next span,
.paginator__prev span {
    border-top: 1px solid #737980;
    border-right: 1px solid #737980;
    width: 10px;
    height: 10px;
    display: block
}

.no-touchevents .paginator__next:hover,
.no-touchevents .paginator__prev:hover {
    color: #007bd0
}

.no-touchevents .paginator__next:hover span,
.no-touchevents .paginator__prev:hover span {
    border-color: #007bd0
}

.paginator__next em,
.paginator__prev em {
    font-style: normal
}

@media (min-width:0px) and (max-width:767px) {
    .paginator__pages a,
    .paginator__pages span {
        margin: 0 4px
    }
    .paginator__pages span {
        padding: 4px 16px;
        margin: 0
    }
    .paginator__next em,
    .paginator__prev em {
        display: none
    }
}

.paginator__prev span {
    margin: 0 10px 2px 0;
    transform: rotate(-135deg)
}

.paginator__next span {
    margin: 0 0 2px 10px;
    transform: rotate(45deg)
}



.pager-container li {
    display: inline-block;
    padding: 0 20px 0 2px;
    color: #737980;
    transition: all .2s ease 0s
}

.pageFirst a:before,
.pageFirst span:before {
    font: 1.4rem FontAwesome;
    content: "\f048";
    padding: 2px 15px 0 0
}

.pageLast a:after,
.pageLast span:after {
    font: 1.4rem FontAwesome;
    content: "\f051";
    padding: 3px 0 0 15px
}

.pagePrev a:before,
.pagePrev span:before {
    font: 1.4rem FontAwesome;
    content: "\f053";
    padding: 2px 15px 0 0
}

.pageNext a:after,
.pageNext span:after {
    font: 1.4rem FontAwesome;
    content: "\f054";
    padding: 3px 0 0 15px
}

.pager-container a,
.pager-container span {
    padding: 8px 15px;
    border-radius: 20px;
    color: #737980;
    display: inline-flex;
    font-size: 1.2rem;
    transition: all .2s ease 0s
}

.pager-container li a:hover {
    color: #007bd0
}

.pager-container li.current a,
.pager-container li.current span {
    background-color: #40be65;
    color: #fff
}

.no-touchevents .pageFirst:hover a,
.no-touchevents .pageLast:hover a,
.no-touchevents .pagePrev:hover a .no-touchevents .pageNext:hover a {
    color: #007bd0
}
/*---------------------------------*/

/*-------------retro changes--------------------*/
.panel-heading-ber-retro.Uat{background: #808000;}
.pending-ttl{
	background: #d78348;
	border: 1px solid #d78348!important;
}
.pending-ttl a, .non-pending-ttl a{ color:#fff !important;}
.long-pending-uat-body-area{ border:1px solid #d78348; border-top:0px; background:#fff; padding:5px 12px 10px;
}
 .total-uat-body-area{
    border:1px solid #808000; background:#fff; padding:5px 12px 10px;
 }


/*=====================CSS Added By Nandini(Start)============================ */

.listing-backlig .li-height
    {
      height: auto;
    }
  .headingcell
  {
    background-color: #dddddd;
    color: #667783;
    font-weight: bold;
  }
  .cellsection
  {
    display: inline-block;
    vertical-align:top;
    border-right:1px solid #e3e4e8;
    box-sizing: border-box;
    padding: 0 5px;
    line-height: 31px;
    font-size:13px;
    color: #667783;
  }
.checklistedit
  {
    display: inline-block;
    vertical-align:top;
    box-sizing: border-box;
    line-height: 31px;
    font-size:16px;
    font-weight: bold;
    color: #667783;
  }
  .headingrow{
  width:100%;
  background:#fff;
  height:31px;
  margin-bottom:4px;
  display:block;
  padding:0;
  border:0;
  vertical-align:top;
  border-left:1px solid #ccc;
  border-left:2px solid #ccc;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  overflow:hidden;
  border-redius:0;
  }
 .searchBar
 {
    margin:0; 
    padding:0; 
    font-size:12px; 
    color:#302f2f; 
    font-family: 'Source Sans Pro'; 
    font-weight:600; 
    text-transform:uppercase; 
    padding:10px 10px; 
    line-height:normal;
    background:#bec1c9
 }

ul.firstTestCaseTreeStep { margin: 0; padding: 0; list-style: none;}
ul.firstTestCaseTreeStep > li > a{
    font-size: 14px;
    padding: 3px 10px 3px 7px;
    color: #000;    
    }

ul.SecTestCaseTreeStep{margin:0px 0 0 12px; padding:0; list-style:none}
ul.SecTestCaseTreeStep > li{  padding-top: 5px; border-left: 1px solid #dedede;  padding-left: 15px; position:relative }
ul.SecTestCaseTreeStep > li:last-child{ border-left: 0px solid #dedede;}
ul.SecTestCaseTreeStep > li:last-child:after{
    position:absolute;
    content:"";
    width:1px;
    height:15px;
    background:#dedede;
    top:-3px;
    left:0px;
    }
ul.SecTestCaseTreeStep > li > a{
    font-size: 13px;
    padding: 3px 0px;
    color: #000;
    position:relative;
    }
ul.SecTestCaseTreeStep > li > a:after{
    position:absolute;
    content:"";
    width:12px;
    height:1px;
    background:#dedede;
    top:calc(50% - 1px);
    left:-15px;
    }
ul.thirdTestCaseTreeStep {
    margin: 5px 0 0px 45px;
    padding: 0;
    list-style: none;
    position: relative;
    }
ul.thirdTestCaseTreeStep:after{
    position:absolute;
    content:"";
    height:100%;
    width:1px;
    background:#dedede;
    top:-7px;
    left:-28px;
    }   
ul.thirdTestCaseTreeStep > li{ margin:0 0 5px 0; position:relative}
ul.thirdTestCaseTreeStep > li:last-child{ margin-bottom:0px;}
ul.thirdTestCaseTreeStep > li:after{
    position:absolute;
    content:"";
    width:12px;
    height:1px;
    background:#dedede;
    top:calc(50% - 1px);
    left:-27px;
    }
ul.thirdTestCaseTreeStep > li:before{
    position:absolute;
    content:"";
    width:6px;
    height:6px;
    background:#dedede;
    top:calc(50% - 3px);
    left:-16px;
    border-radius:50%;
    }
ul.thirdTestCaseTreeStep > li > a{
    font-size: 13px;
    padding: 0;
    color: #302f2f;
    margin:0;
    line-height:normal;
    }   
ul.thirdTestCaseTreeStep > li.active > a{font-family: 'Source Sans Pro'; font-weight:600; color:#000 }
ul.thirdTestCaseTreeStep > li.active:before{background:#545454;}
 
.testCaseFlexCntArea { display: flex; margin-top:5px;}
.testCaseLeftPnlTree { width: 350px; background: #fff; border:1px solid #d5d8dd; }
.testCaseRightPnlArea{ 
    width: calc(100% - 300px); 
    margin-left: 15px;
    background:#fff;
    border-left:1px solid #c3c6ce;
    border-right:1px solid #c3c6ce;
    border-bottom:1px solid #c3c6ce;
    position:relative;
    padding-bottom:35px;
    }

.TestCaseTreeArea { padding: 12px 10px;}
.testcase-wrap-mk{ padding:10px 5px;}
.inner-tab-testcase{ padding:5px 0px;} 

.testResultLeftPnlTree { width: 280px; background: #fff; border:1px solid #d5d8dd; }

ul.thirdTestResultTreeStep {
    margin: 5px 0 0px 45px;
    padding: 0;
    list-style: none;
    position: relative;
    }
ul.thirdTestResultTreeStep:after{
    position:absolute;
    content:"";
    width:1px;
    background:#dedede;
    top:-7px;
    left:-28px;
    }   
ul.thirdTestResultTreeStep > li{ margin:0 0 5px 0; position:relative}
ul.thirdTestResultTreeStep > li:last-child{ margin-bottom:0px;}
ul.thirdTestResultTreeStep > li:after{
    position:absolute;
    content:"";
    height:1px;
    background:#dedede;
    top:calc(50% - 1px);
    left:-27px;
    }
    ul.thirdTestResultTreeStep > li:before{
    position:absolute;
    content:"";
    width:6px;
    height:6px;
    background:#dedede;
    top:calc(50% - 3px);
    left:-16px;
    border-radius:50%;
    }
ul.thirdTestResultTreeStep > li > a{
    font-size: 13px;
    padding: 0;
    color: #302f2f;
    margin:0;
    line-height:normal;
    }   
ul.thirdTestResultTreeStep > li.active > a{font-family: 'Source Sans Pro'; font-weight:600; color:#000 }
ul.thirdTestResultTreeStep > li.active:before{background:#545454;}
a.crsbuttonDiv{
    width:18px;
    height:18px;
    color:#fff;
    background:#c10000;
    font-size:15px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position:absolute;
    top:-3px;
    right:-5px;
    line-height:18px;
    text-align:center;
    }
 .comment-area-bottom {
    position: absolute;
    bottom: 10px;
    left: 20px;
    width: 600px;
    padding-top: 7px;
    background: #f5f5f5;
}
.expandIssueTab{
    text-align: right;margin-top: -20px;margin-bottom: 5px;
}
#myBtn {
  display: none;
  position: fixed;
 /* bottom: 50px;
  right: 30px;*/
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  cursor: pointer;
  /*padding: 15px;*/
}
.topToBtm{
    background: none;
    padding: 0px;
    right: 10px;
    bottom: 60px;
}
.hashTagLink
{
    text-align: right;
    margin: -5px -5px 0 0;
} 
  /*=====================CSS Added By Nandini(End)============================ */

  /*========dedicated-issue-page======== */
.mLR8{ margin-left:-8px; margin-right:-8px}
.pLR8{ padding-left:8px; padding-right:8px; float:left}
.panel-heading-ber.issueBerT h4{ font-size:15px; font-weight:bold}
.issueBerT.collaps-div01:after{ color:#54565a}
.fullFlexArea {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top:20px;
    }
.leftIssueArea {
    width: calc(100% - 330px);
    }  
.tabCntIssue{
    background:#f9f9f9;
    border:1px solid #cbcfd6;
    border-top:0px;
    padding:20px;
    }   
.tabCntIssue ul.innerTab-listingDtls > li{ color:#666}  
.marginB25{ margin-bottom:25px;}

.btn.btn-inlineR.btnLR10{ padding:0 10px !important;}   
.btn.btn-inlineR.btnLR10 i{  margin-right:5px;} 

.issue-tbl2 .table-bordered { border: 1px solid #bec1c9;}
.issue-tbl2 .table-bordered>thead>tr>th, .modal-dialog .table-bordered>tbody>tr>th, .modal-dialog .table-bordered>tfoot>tr>th, .modal-dialog .table-bordered>thead>tr>td, .modal-dialog .issue-tbl2>tbody>tr>td, .issue-tbl2 .table-bordered>tfoot>tr>td { border: 1px solid #bec1c9;}
.issue-tbl2 table thead tr{background:#f0f0f0; color: #444;}
.issue-tbl2 table tbody tr:nth-child(even) {background: #f9f9f9}
.issue-tbl2 table tbody tr:nth-child(odd) {background: #FFF}
.issue-tbl2  tfoot tr { background: #f0f0f0;}
.issue-tbl2.full-width-table-area thead th{ color:#444} 
.table-striped.whiteTbl > tbody > tr{ background:#fff}
.table-striped.whiteTbl > tbody > tr td{ padding:3px}
.issueQuoteArea h4{ font-size:13px; color:#000; margin-bottom:12px; font-weight:bold}   
textarea.form-control.textareaH52{ height:52px;}
.wrpAreaGray{
    border:1px solid #e9e9e9;
    background:#f1f1f1;
    padding:15px 12px;
    }

.estTtl {
    border: 1px solid #8f8f8f;
    text-align: center;
    background: #f0f0f0;
    margin-bottom: 12px;
    padding:5px;
    }   
.estTtl h3{
    font-size:14px;
    color:#666;
    margin:0;
    padding:0;
    font-weight:bold;
    }
    
.checkbox-style-issue {
    display: inline-block;
    width: 20px;
    vertical-align: top;
    }
.checkbox-style-issue .ck-dv-wrap {
    display: inline-block;
    position: relative;
    padding:0px 25px 0 0;
    margin: 2px 0 0 0;
    vertical-align:top;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
/* Hide the browser's default checkbox */
.checkbox-style-issue .ck-dv-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    }
/* Create a custom checkbox */
.checkbox-style-issue .checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border:1px solid #959baa;
    }
/* When the checkbox is checked, add a blue background */
.checkbox-style-issue .ck-dv-wrap input:checked ~ .checkmark {
    background-color: #fff;
    }
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-style-issue .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    }
/* Show the checkmark when checked */
.checkbox-style-issue .ck-dv-wrap input:checked ~ .checkmark:after {
    display: block;
    }
/* Style the checkmark/indicator */
.checkbox-style-issue .ck-dv-wrap .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 8px;
    border: solid #838894;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }
.wrpAreaGray .form-group {
    margin-bottom: 10px;
    }
.borderDplT{ border-top:3px solid #bec1c9; margin-top:3px;} 
.H32{ height:32px;} 
input[type=password].form-control.H32, input[type=text].form-control.H32{ height:32px !important;}  
.issueChecklist h2{
    color:#666;
    font-size:14px;
    font-weight:bold;
    margin-bottom:10px;
    margin-top:0;
    }
.marginB5{ margin-bottom:5px;}
.listing-backlig-ckList ul li.flex-ui-sortable-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.listing-backlig-ckList ul li.flex-ui-sortable-list .sec01{ height:auto}
li.flex-ui-sortable-list .sec01-checkpointNumber{ height:auto}
.listing-backlig-ckList ul li.flex-ui-sortable-list .sec02-checklist{ height:auto}
.issueTabHd {
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    }
.issueTabHd:after {
    position: absolute;
    content: "\f078";
    top: 0px;
    right: 10px;
    font-size: 14px;
    color: #54565a;
    font-family: FontAwesome;
    text-indent: 0;
    line-height: 1;
    }
.issueTab-rpt{
    width:100%;
    border-bottom:1px solid #b3b6bf;
    margin-bottom:20px;
    padding-bottom:10px;
    }
.btn.btn-inlineR.btnPlus{
    min-width:30px;
    }
.btn.btn-inlineR.btnPlus i{ 
    margin-right:0;
    font-size: 14px;
    line-height: 19px;
    }


.basicInfRpt {
    width: 100%;
    border-top: 1px solid #b3b6bf;
    display: block;
    margin-top: 20px;
    padding-top: 20px;
    }
    
.rightIssueArea {
    width: 310px;
    margin-left: 20px;
    box-sizing:border-box;
    }
.fixedArea{
    background:#f9f9f9;
    font-size:13px;
    color:#333;
    border:1px solid #cbcfd6;
    border-top:4px solid #cbcfd6;
    }
.repeat-pra{
    padding-top:10px;
    padding-bottom:10px;
    }   
.repeat-pra:nth-child(even){ 
    background:#f1f1f1;
    border-bottom:1px solid #e2e4e7;
    border-top:1px solid #e2e4e7;
    }   
.row-flex {
    display: flex;
    flex-wrap: wrap;
    padding-top: 7px;
    padding-bottom: 7px;
    }
.col-3-flex {
    width: 130px;
    padding-left: 20px;
    }
.col-9-flex {
    width: calc(100% - 130px);
    }   
.rightIssueArea .row-flex{
    font-size:13px;
    color:#333;
    }
.rightIssueArea .row-flex .col-3-flex h4{
    font-weight:700;
    font-size:13px;
    color:#666666;
    position:relative;
    margin:0;
    padding:0;
    }   
.rightIssueArea .row-flex h4:after{
    position: absolute;
    content: ":";
    top: 0;
    right: 10px;
    }   
textarea.form-control.textareaH102 {
    height: 102px;
    }

.issueAreaCmntBox .commentSubMain{ margin:0 auto}
.issueAreaCmntBox .chat-area-bottom {
    position: absolute;
    bottom: 0px;
    left: calc(0% - 0px);
    width: calc(100% - 0px);
    padding-top: 7px;
    background: #f5f5f5;
    }
.fixedArea.curr_fix.right_fix {
    position: fixed;
    width: 310px;
    top: 0;
}   
.onlyIocncollaps{
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 30px;
}   
.panel-heading-ber.issueBerT{ position:relative}

.kv-plugin-loading {
    background:none !important;
}