/* This is developer css for add external css class */


/* RB Region Start */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}



.clr-dgr{color: #bb3a3a;}
.red{color: red !important;}

.sort-cursor{
    cursor:pointer;
}
.marginleft10per{margin-left: -10%;}
.display-none{display:none;}
.loading-ui-block{width: 100%; position: fixed;height: 100%; top: 0px; left: 0px; z-index: 9999999; background: rgba(0,0,0,0.2);}
.alert {
    padding: 15px;
    margin-bottom: 19px;
    border: 1px solid transparent;
    border-radius: 5px;
}
.alert-danger-no-record {
    /*background-color: #f2dede !important;
    border-color: #ebccd1;
    color: #a94442 !important;*/
    /*background-color: rgb(214, 224, 232) !important;*/
    border-color: #5e7588;
    color: #a94442 !important;
}

/* RB Region End */
form.cmxform label.error, label.error {
    color: red;
    font-style: italic;
}
input.error,select.error {
    border: 1px dotted red !important;
}

.err-opps{
    font-size: 80px;
    line-height: 1em;
    margin-bottom: 0.4em;
    font-weight: 600;
    color: #000;
}
.err-txt_msg{
    font-size: 20px;
    margin-bottom: 0.75em;
    color: #000;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    /* font-weight: 400; */
    /* font-size: 12px; */
    /* line-height: 16px; */
    letter-spacing: 7px;
}
.err-main-title{
    font-family: inherit;
    font-weight: bold;
    margin: 0 0 .5em;
    color: inherit;
}
.error-details{
    font-size: 16px;
    margin-bottom: 1.5em;
    color: #000;
}
.btn-file label.error {float:left;}
.date-color{color: red;}

.breadcrumb-line .userFilter{ float: right; padding: 3px;font-size: 15px;}
.breadcrumb-line .userFilter #users{font-size: 14px;}
.pr5{padding-right: 2px;}
.fc-sun { background-color:#efefef; color:red;}

.bootstrap-select .btn {font-size:13px;line-height:24px;}
.bootstrap-select .dropdown-menu > li > a {line-height: 13px;}
.commentdot{width: 300px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.labelMiddle{margin-top:6px;} 
.height32p{height:36px;}
.taskcalendar-basic .fc-state-down, .taskcalendar-basic .fc-state-active { background-color: #dfdfdf;}

.left{
margin-left: -64px;
}
.datepicker .fa-calendar {pointer-events: none;}
.folderRadio {margin: 0 6px !important;}
.ng-scope tr.odd {background-color: #eceeef !important;border: 1px solid #000;}
.table.datatable-responsive {border: 1px solid #c7c7c7;}
.evtbtn{background: #ef4a4a; border-color: red;}
.evtbtn:hover{background: #ef4a4a;border-color: red;}

.fc-event-container .fc-day-grid-event{margin: 0 5px 2px;padding: 0 5px;font-size: 11px;color:#000}
#example-advanced tr a {color:inherit !important;}

.center-text-admin{
    font-size: 20px;
    margin-left: 250px;
    margin-top: 11px;
}
.page-title{
    padding: 9px 0px 11px;
}
.top-search {
    margin: 5px 0px 5px -13px
}
.add-btn.breadcrumbbtn {
    margin-bottom: 8px;
    margin-top: 8px;
}  
.text-right.pull-right.calender-top.breadcrumbbtn {
    margin-bottom: 5px;
    margin-top: 5px;
}

.color-details .inProgress{background: #F6F673;}
.color-details .new{background: #62DEF2;}
.color-details .DueinProgress{background: #FF8282;}
.color-details .completed{background: #4CAF50;}
.color-details .onHold{background: #FFA500;}
.color-details .events{background: #84A984;}
.color-details .appointment{background: #ccccff;}
.color-details {float: left;    margin: 13px 0 15px 3px;    width: 100%;}
.color-details .title {float: left;    margin-left: 5px;}
.color-details span { float: left;    height: 15px;    margin-top: 2px;    width: 20px;}
.color-details .colorBox { float: left;margin:0px 10px}
.color-details .Reject{background: #bb3a3a;}
.color-details .appointmentaccept{background: #419bf7;}
.add-btn {
    margin-bottom: 10px;
    margin-top: 6px;
} 
table.treetable {
    border:none !important;
    margin:0px !important;
}
.all-user-check-box-main {
    border: 1px solid #c7c7c7; 
}  
caption { 
    margin-left: 7px;
    margin-top: 7px;
}
.text-right.breadcrumbbtn {
    margin-bottom: 6px;
    margin-top: 6px; 
}

.subTaskbtn {margin-bottom: 0px;margin-top: 0px;}
.paddingt6pr{padding-top: 6%;} 
.panel-heading-form{
    background: #5b7380 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    height: 35px;
}
.panel-title{
    margin-top: 7px;
}
.panel-heading-form h4.panel-title, .h4.panel-title {
    font-size: 15px;
}
.pull-left.clickable {
    margin-left: 10px;
} 
.mrgleft0p{margin-left: 0px;} 
.boxTitle {
    float: left;
    width: 61px;
}
.boxTaskTitle {
    float: left;
    width: 59px;

}
#repositoryFiles .modal-dialog{width:90%;}
.commentdot-small{
    width: 135px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.table > tbody > tr > td {vertical-align: top;}
.tempSelectedFiles {margin-bottom: 39px; margin-top: 47px; border: 1px solid #dadada;}

.col-sm-4.other-city-input {
    margin-left: 690px;
    margin-top: -37px;
}
#datepicker, .datepicker-common {
    border: 1px solid #ccc;
    border-radius: 4px;
    display: block;
    font-size: 13px;
    padding: 6px 30px 5px 10px;
    position: relative;
    width: 100%;
	height: 36px;
}
.add-department-btn a {padding-top: 5px;}
#createClientForm .add-department-btn a {padding-top: 0px;}
#saveAllocationForm .add-department-btn a {padding-top: 0px;}
#editClientForm .add-department-btn a {padding-top: 0px;}
#fileListing.modal-body { padding: 0px 20px 0 0 ;}
.model-top-search {padding: 20px 16px 5px;}
#example-advanced.treetable tr th {line-height: 38px;font-size:14px; font-weight:bold;}
.dashboardAllocation.table > thead > tr > th,
.dashboardAllocation.table > tbody > tr > td {font-size: 12px;padding: 2px 10px;}
.plusIcon {background:url("../images/details_open.png") no-repeat;float: left;
    margin-right: 10px;
    margin-top: 3px;    width: 20px;}
.minusIcon {background:url("../images/details_close.png") no-repeat;float: left;
    margin-right: 10px;
    margin-top: 3px;    width: 20px;}


#allocateToUser .modal-dialog{width: 80%;}
.ui-datepicker {z-index:1051 !important;}
.marg-top57p{margin-top: 57px;margin-left: -5px;}
.margin-left68p{margin-left: 49px;}

.form-group label.error {margin-top:0px;}

#createClientForm .form-group label {margin-top:7px;}
#createTaskForm .form-group label {margin-top:7px;}

.cls_dot_dot{
    border: 1px dotted #ff0000;
    border-style: none none dotted; 
    color: #fff; 
    background-color: #fff;
    margin-bottom: -25px;
}


.no_remarks{
        margin-left: 5px;
    margin-right: 5px;
}
.allocationDiv {width:90%;}
.pl22{padding-left: 27px;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ padding: 10px 6px 10px 14px ;}


.notification{
    background: #e4e4e4;
    padding-top: -42p;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 13px;
    padding-right: 22px;
    border-radius: 4px;
}

#loadMore {
    width: 300px;
    padding: 7px;
    text-align: center;
    background-color: #33739E;
    color: #fff;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 1px 1px #ccc;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}

.label-reopen {
   border-color: #54a5de;
    background-color: #29b6f6;
}
.removemargin{
    padding-left:0px;
}
.pendingtext{
    color:#E15B21;
    font-size: 13px;
}
.accepttext{
    color:#4CAF50;
    font-size: 13px;
}
.rejecttext{
    color:#F44336;
    font-size: 13px;
}
.completedtext{
    color:#00695C;
    font-size: 13px
}
.bg-pink-800 {
    background-color: #9a3535;
    border-color: #b57a7a;
    color: #fff;
}
.export{
 background: green;
    border-color: green;   
}
.export:hover {
   background: green;
    border-color: green;   
}
.reports-font{
   font-size: 17px;
   line-height: 29px;
}

#notificationList .viewed .text-semibold{font-weight: normal;color: #575757;}
.notification .viewed .text-semibold{font-weight: normal;color: #575757;}
.fa-eye {cursor: pointer;}
#timeSheetForm #task-id {margin-left: 0px;}
#fileImageForm .panel {margin-bottom: 0px;}
.file-caption-main .fileinput-upload-button{display: none;}