.modal-dialog{ max-width:inherit !important; width:60% !important;}
.modal-dialog .row{ margin-bottom:10px;}
ul.tagit input[type="text"]{ height:inherit; line-height:inherit;}
.wysihtml5-toolbar .btn.btn-default{ color:#fff !important; background: #b6c2c9 !important; }
.wysihtml5-toolbar .caret{border-top:6px solid #fff;}
.LocationTree{width:100% !important; border:1px solid #e0e0e0;}
.jstree-children li a {
    display: inline-block;
    height: auto !important;
    line-height: 20px;
    white-space: normal !important;
    width: 80%;
    word-wrap: break-word !important;
    font-size: 12px;
}
input[type="text"].TreeInput {
     background: #ffffff url(../images/TreeIcon.png) no-repeat 4px 5px;
    padding: 5px 5px 5px 27px; 
}
.LocationTreeDIV .Pos_absolute{ left:0; right:0; display:none;}
.senditems{ background:#fff; padding:10px 10px 0; position:relative; border-top:1px solid #d4d4d4; margin:0 -15px; }
.senditems #data-table_filter{ margin-right:0px;}
.senditems .dataTables_wrapper{margin:0 15px;}
.senditems .table-striped > tbody > tr:nth-child(odd) > td, .senditems  .table-striped > tbody > tr:nth-child(odd) > th{ background:#fff;}
#data-table_filter{ margin-bottom:15px;}
.dataTables_paginate {float:right;}
.multiselect-container { max-width:inherit; right:0;}
.searchDiv{background:#f3f3f3; }

.senditems .themebtn{ position:absolute; top:20px;}
.ScheduleLaterDiv{display:none;}
.Advanced_Search_container.stylenone {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: block;
}
.EmailBtns{ margin:0 -15px 10px;}
.EmailTempFilter{ padding:5px 0 10px;}
.EmailTempFilter.Advanced_Search_container .bordernone { margin-top:-10px;}
.ListForm{ border-bottom:1px solid #d4d4d4;   margin: 0 -15px; display:none; padding: 10px 15px 20px;}
.ListForm input,.ListForm .RecipentsList{ width:60%;}
.ListForm .RecipentsList ul{ height:6em;}
.FilteredEmp{ background:#fff;}
.FilteredEmp .row{ margin:0 -15px; padding:0 20px;}
.multiselect-clear-filter.btn.btn-default{ border-left:0; }
input[type="text"].multiselect-search {
    width: 95% !important;
    margin: 5px 0;
    float: none;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-right: 0;
    padding-right: 40px;
}
.table .btn-group.bootstrap-select{ width:100px !important;}
.SentMailContent .row{ margin:0;}
.SentMailContent{padding:20px; border:1px solid #d4d4d4;}
.SentMailContent h2{ margin:0px 0 15px; font-weight:normal; font-size:24px;}
.SentMailContent label{ font-weight:600;font-size:14px; margin:0; float:left; width:45px;}
.SentMailContent p,.SentMailContent span{color:#666;}
.SentMailContent p{ display:inline-block; width:90%; margin:0; line-height:20px;}
.MailContent{ line-height:24px; padding:10px 20px; margin:10px -20px !important; border-top:1px solid #d4d4d4; }
.SentMailStatus{ padding:30px 0 0 10px;}
.email_to_form input[type="text"]{ font-size:14px;}
.SubjectCell{ width:400px;}
.CreateTemp,.EditTempDiv{ display:none; border-bottom:1px solid #d4d4d4; margin:0 -15px; padding:25px;}
form label.control-label{ font-weight:bold;}
.SentMailList{ border-top:1px solid #d4d4d4; margin:20px -15px 0; padding:10px 20px; }
.status span{ color:#fff; border-radius:15px; font-size:13px; margin:0 0 3px; display:inline-block; padding:0px 12px; height:22px; line-height:23px; }
.read{ color:#32CD32;}
.deliver{ color:#ffc200;}
.undeliver{color:#FA8072;}
.EmailSummery .col-md-3 div{ background:#f3f3f3; font-size:14px; border-radius:12px;}
.EmailSent{border-top:8px solid #0075c2; padding:40px 10px;}
.EmailRead{border-top:8px solid #32CD32; padding:36px 10px;}
.EmailDelivered{border-top:8px solid #ffc200; padding:39px 10px;}
.EmailUndeliver{border-top:8px solid #FA8072; padding:39px 10px;}
.total{ color:#0075c2;}
.EmailSummery div label{ display:block; margin:5px 0;}
.EmailSummery div span{ font-size:22px; display:block; line-height:normal;}
.RangeFilter{ margin:10px 0 20px;}
.RangeFilter label{ display:inline-block; font-weight:bold; color:#5d5a5a;}
.EmailSummery h2{ font-weight:normal; font-size:24px;}
.senditems #data-table th{ border-bottom:0 !important;}
.export-option{font-size: 13px;  top: 28px;  right: 270px; cursor:pointer;}
.export-option .fa-file-excel-o{ color:rgb(145,195, 131);}
.SentDate{right:-7px;  top: 0px;   }
.DateTimePicker{ width:200px; display:inline; background: url(../images/datepicker.png) no-repeat 5px 4px; padding: 0 0 0 26px !important;}
.icon-mail{ font-size:26px;}
.icon-read{font-size:34px;}
.icon-delivered,.icon-undelivered{font-size:28px;}
.chartcontainer{ /* border:1px solid #d4d4d4; */ padding:0 5px; background:#f3f3f3; border-radius:12px; }
.RangeFilter .DatePickerBox{ width:115px;}
.DropdownContainer span.dropdownImage{ float:left; margin:0; border:1px solid #d4d4d4; border-right:0px !important; padding:3px 5px 5px; border-top-left-radius:3px; border-bottom-left-radius:3px;}
.DropdownContainer .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{border-top-left-radius:0px;  border-bottom-left-radius:0px; width:120px; height:30px;}
.DropdownContainer  .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:inherit;}
.EmailList .ComposeEmail{ display:none;}
.CustomDateDiv{ display:none; margin:0 10px 0 15px;}
.RangeFilter .btn-sm, .btn-group-sm > .btn{ padding:3px 10px 4px;}
.AttachFileDiv a{ text-decoration:underline; }
/*.AttachFileDiv ul{ float:left; width:80%; margin:0 0 0 7px;}*/
.modal .modal-body .upload_file span{font-size: 12px;font-style: italic;}
.AttachFileDiv ul li{ display:inline-block;  margin:0 8px 10px 0; padding:4px 10px; color:#828080; border:1px solid #ccd0d4; border-radius:6px;  background:#e7e4e4;}
.AttachFileDiv ul li a{ color:#828080; margin:0 0 0 5px;}
.field-validation-error{color:red;}

.browsefile{ width:170px; float:left;}
.AttachFileDiv span{position:relative;cursor:pointer;}
.AttachFileDiv a.PageLink{position:absolute; width:100px;cursor:pointer; }
.AttachFileDiv input{position:absolute; opacity:0;}
.tagit.ui-widget.parsley-error{background-color: #ffdedd !important; border-color: #ff5b57 !important;}
ul.tagit.parsley-error input[type="text"]{ background-color:#ffdedd !important;}
.note-editor.parsley-error{border:1px solid #ffedd; background:#fff !important;}
.EList ul{ max-height:65px; height:auto; overflow:auto;}
.SentList{max-height:40px; height:auto; overflow:auto;}
.SentTime{font-size: 13px; margin: 3px 0px 0px 45px; display: inline-block;}
.SentDate i{ float:left; margin:4px 4px 0 0px;}
a[data-value="blockquote"]{ display:none;}
.editcontent .control-label{color: #2d2d2d;}
/*compose mail css resizer*/
/*.ui-resizable-sw{cursor:col-resize;}*/
.ui-resizable-e{cursor:col-resize;}
.ui-resizable-s{cursor: row-resize;}
.resizer {
/*  position: absolute;*/
  top: 0;
 /* right: -8px;*/
  bottom: 0;
  left: auto;
  /*width: 16px; */   
  cursor: col-resize ;       
}
/*edit guid line start*/
.EditContent p{margin: 0px;display: inline-block;}
.BreadContent .NoteText{color: #CD853F;font-weight: bold;padding-right: 5px;}
.BreadContent{border: 0;font-size: 16px;color: #CD853F;font-style: italic;}
.cleartags{ display:block; float:right; margin:4px 3px 0 0px; font-size:14px; }
.cleartags:hover{text-decoration:underline;  color:#1d8ffe;}
.ClearIcon{ position:absolute; right:8px; top:8px; font-size:20px; color:#ccd0d4; display:none;}
.ClearIcon:hover{color:#747474; }
.tagit.ui-widget{padding-right:30px !important;}
/* New Modal*/
.modal.fade#AdvancedFilter .modal-dialog{ max-width:inherit !important; width:70%; }
#AdvancedFilter .modal-body{ margin:10px 20px;}
.EmployeeFilter .col-md-6 {
    margin-bottom: 15px;
}
.EmployeeFilter label.EmployeeLabel {
    margin: 0px;
    display: block;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
.InputDiv{ width:88%; border-radius:5px;}
.DatePickerBox, input.daterangepicker{ width:100%;}
.InputDiv .LocationTree,.InputDiv .btn.btn-default.dropdown-toggle{ height:35px !important;}
.modal.fade#AdvancedFilter .modal-footer{ border:0; margin-top:70px;}
/* Modal with Slide popup */
.SlidePopup,.PreviewPopop{ background:#fff; position:absolute; width:100%;  right:-100%; top:0; bottom:0; z-index:999; border-radius:5px; }
.BackBtn{border:1px solid #e0e0e0; width:44px; height:38px; text-align:center; line-height:36px; font-size:30px; border-radius:5px; float:left;}
.BackBtn:hover{border:1px solid #e0e0e0; color:#1d8ffe;}
.SlidePopupHeader{ float:left; width:100%; padding:20px 20px 10px;}
#AdvancedFilter .scrolledTable{padding-top:10px;}
#AdvancedFilter .dataTables_scrollHeadInner,#AdvancedFilter .dataTable{ width:100% !important;}
.SlidePopupHeader h4{ float:left; margin:12px 10px 0px 15px; text-transform:uppercase; font-size:16px;}
.SlidePopup .LocationTreeDIV form,.SlidePopup .LocationTreeDIV .searchDiv{ background:#fff; border:0; padding:0 20px;}
.SlidePopup .searchDiv input{ height:35px; line-height:35px; border-radius:5px; margin-bottom:20px;}
.SlidePopup .TreeDiv{border-top:1px solid #e0dfdf; width:96%; margin:15px auto 0px;}
.SlidePopup .slimScrollDiv{width:100% !important;}
.SlidePopup .jstree-icon:empty {
    width: 27px;
    height: 27px;
    line-height: 27px;
}
.SlidePopup .jstree-default .jstree-checkbox:before{border:1px solid #e0e0e0; left:3px;}
.SlidePopup .jstree-default .jstree-checked > .jstree-checkbox:after{background:#1d8ffe; color:#fff;}
.SlidePopup .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:after, 
.SlidePopup .jstree-default .jstree-checked > .jstree-checkbox:after{    font-family: 'icomoon' !important;
    background: #1d8ffe;
    content: "\e239";
    display: inline-block;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    border-radius: 5px;
    bottom: 4px;
    top: 4px;
    left: 4px;
    line-height: 19px;  
}
#AdvancedFilter .modal-content{min-height: 560px; overflow:hidden;}
#AdvancedFilter .dataTables_scroll{margin-bottom:10px;}
.FilterForm{ position:absolute; top:0; bottom:0;width:100%;}
.PreviewPopop .dataTables_filter{padding-top:0px;}
.PreviewPopop .dataTables_filter label{ margin-bottom:0px;}
.PreviewPopop .OuterBorderImg{width:45px; height:45px; padding:1px; float:right;}
.PreviewPopop .OuterBorderEmpty {
   float:right;
    border: 2px solid #cccccc;
    display: inline-block;
    width:45px; height:45px;
    border-radius: 50%;
}
.PreviewPopop .OuterBorderEmpty .EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #0876cb;
    background: #ededed;
    font-size:18px;
    line-height: 40px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
.PreviewPopop tbody tr td:first-child{ padding-right:0px;}
.PreviewPopop .dataTables_wrapper table.dataTable{ margin-top:0px !important;}
.PreviewPopop .NewDatatable .dataTables_length{ margin-top:0px !important; padding:0 0px 0 20px !important;}
.PreviewPopop .grid_table .dataTables_paginate{ margin-top:0px !important; padding:0 20px 0 0 !important;}
.PreviewPopop thead{border-bottom:1px solid #e2e7eb;}
.CopySection.control-label{width: 100%;margin: 0px 0px 12px;}
.Copymail .modal-body ul li .CopySub{margin: 1px 0px 0px 30px;display: inline-block;vertical-align: middle;cursor: pointer;}
.Copymail .modal-body ul li .CopySub:hover{color: #1d8ffe;}
.Copymail .modal-body ul li {padding-bottom: 10px;}
.Copymail .modal-body ul li:last-child{padding-bottom: 0px;}
.CopySection span{display: inline-block;margin-top: 7px;}
.Copymail .CopyList{background: #fff;padding: 0 0 10px;margin: 6px 6px 0px 0px;}
.Copymail .modal-body ul li input{margin: 0px;width: 19px;height: 19px;vertical-align: middle;float: left;}
.Copymail .modal-body ul{padding: 20px 25px 10px;}
.Copymail .model-footer .btn, .CopySection .BtnCopy{cursor: pointer;font-weight: normal;}
.boolean .UICheckbox {
    /* top: 9px; */
    float: left;
}
.boolean .UICheckbox input {
    left: 2px;
    top: 3px;
}
.boolean .UICheckbox small.checked, .boolean small.checked {
    background: #fff;
    border: 1px solid #1d8ffe;
}
.boolean .UICheckbox small {
    border-radius: 50%;
    width: 17px;
    height: 17px;
    border-color: #bbbbbb;
}
.boolean .UICheckbox small.checked i {
    margin: -1px 0 0px 2px;
    float: left;
    color: #1d8ffe;
    font-size: 13px;
    line-height: 17px;
}
.boolean .UICheckbox:hover small {
    border-color: #1d8ffe;
}
.CustomPlaceholder{color: gray;display: block;font-size: 14px;}
.note-editor.note-frame.fullscreen{ top:75px;}