.page-documents-index .middle_wrapper .section-1 .left{width: 50%;float: left;}
.page-documents-index .middle_wrapper .section-1 .right{width: 50%;float: right;}
input[type="file"] {cursor: pointer;}
.header-col-title{min-width: 200px;}
/*.header-col-size{width: 13%;}
.header-col-cases{width: 10%;}
.header-col-uploadedby{width: 15%;}
.header-col-type{}
.header-col-uploadedat{width: 25%;}
.header-col-actions{max-width: 13%;width: 12%;}*/
.page-documents-index div.selector select {top: 10px;}
/*.btn-submit.submitbutton {margin-right: 10px;}*/

/*Upload File */
.Upload_file_wrapper{box-sizing: border-box; margin: 0 auto;padding: 0;width: 100%;}  
.document-upload-form{margin: 25px 0 0;background-color: #fcfcfc;border-radius: 4px;box-shadow: 0 0 10px #dedede;padding:30px;border: 1px solid #ccc;}  
.Upload_file_wrapper .row1{padding:0 0 15px;}
.Upload_file_wrapper #resources-permission label{font-weight: normal;}
ul.field-files-case_id > div {margin: 5px 0;}
.page-documents-create .form-field-row input[type="file"] {padding:0 0 5px 0; display: inline;}
.document-upload-form label.control-label{color: #000; vertical-align: top;}
.page-documents-create .document-input-wrapper{display: inline-block; width:auto; padding: 0 0 0 10px;}
.page-documents-create .document-input-wrapper.row1 input:first-child {display: none;}
.page-documents-create .document-input-wrapper label, .document-upload-form .case-right-atribute label {font-weight: normal;}
.page-documents-create .custom-dropdown-wrapper{width: 50%;}
.page-documents-create .mutliSelect ul li label{width: 94%;}
.page-documents-create .document-input-wrapper label{
    width: 25%;
    float: left;
    position: relative;
    padding: 0px 5px 10px 15px;
}
#files-file_classification{
    padding-top: 10px;
}
#files-file_classification::after {
    content: "";
    display: block;
    clear: both;
}
.field-files-file_classification .document-input-wrapper{
  padding-left: 0px;
}
.page-documents-create .document-input-wrapper label input{
    position: absolute;
    top: 4px;
    left: 0px;
}
 


.document-input-wrapper label{margin: 0 10px 0 0;cursor: pointer;}
.page-documents-index .client_search {border: 1px solid #fd933d;display: inline-block;height: 35px; padding: 6px 0; vertical-align: top;position: relative;top:0px;right: 0;margin-left: 5px;}
.page-documents-index .client_search span{color: #de972b; cursor: pointer; font-size: 14px;padding: 8px 10px 9px; transition: all 1s ease-in-out 0s;}
.page-documents-index .client_search span:hover{background: #fd933d;color: #fff;transition: all 1s ease-in-out 0s;}
.custom-dropdown dt a{padding: 10px 25px 1px 10px;}
.page-documents-index .view-case-filter-actions.col-md-4 {padding-top: 30px;}
.page-documents-index .form-control.hasDatepicker {background: #fff;cursor: pointer;color: #333;}
.page-documents-index .client_search::webkit{}

.page-documents-index .client_search.clicked{background-color: #fff; border-bottom: none; height: 63px;}
.page-documents-index .doc-advance-filter-elements.clicked{margin-top: -22px;}
.page-documents-index .doc-advance-filter-elements.clicked input[type="text"]{color: #333;}
.page-documents-index .doc-advance-filter-elements .row .col-md-4{padding-bottom: 10px;}
.page-documents-index .doc-advance-filter-elements .row .col-md-4 .hasDatepicker{background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll 98% 50%;}
.page-documents-index .doc-advance-filter-elements.clicked div.selector select{top:0;}
.page-documents-index .doc-chk-icons{display: inline-block; width: 20px;vertical-align: top;float: left;}
.page-documents-index .doc-chk-icons .doc-chkbox {margin-right: 5px;}
.page-documents-index .sprite{ display: inline-block; vertical-align: middle; }
.page-documents-index .doc-title{display: inline-block; vertical-align: middle; width: 65%;float: left;padding-left: 5px;}
.page-documents-index .doc-title span label{ display: inline-block;hyphens: auto;word-break: break-all; }
.page-documents-index .section-2 .grid-view table.bordered td{white-space: normal;}
.page-documents-index .section-2 .grid-view table.bordered td.case-number a.doc-list-cases{min-width: 135px;}
.user-secondary .page-documents-index .doc-title span label {word-break: break-all;}
.row1.document-action-btn {padding-top: 10px;}
.document-upload-form .case-left-atribute {display: inline-block;}
.document-upload-form .case-right-atribute {display: inline-block;padding: 0 0 0 10px;}
.document-upload-form .case-right-atribute span label{padding: 0 10px 0 0;}
.linktocase label{cursor: pointer;}
.Upload_file_wrapper .row2{font-size: 16px; line-height: 65px; margin: -20px 0 0;padding: 0 0 15px 145px;}
.Upload_file_wrapper .row3 .lbl{box-sizing: border-box;clear: both;float: left; padding: 0 15px 0 0; text-align: right; width: 17%;}
.Upload_file_wrapper .row3 .lbl label{font-size:16px;line-height:22px;}
.Upload_file_wrapper .row3 .txt_bx{float: left; width: 73%;}
.Upload_file_wrapper .row1 p{font-size: 14px;font-weight: normal;letter-spacing: 0.3px;} 
.Upload_file_wrapper #val{ width: 400px; height: 25px;position: absolute;top: -25px; left: 0;font-size: 14px;line-height: 25px;text-indent: 10px; pointer-events: none;}
.Upload_file_wrapper #button { background-attachment: scroll; background-clip: border-box; background-image:url("/images/app.images/file_upload_icon.png"); background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto auto; border-radius: 30px; color: #000;cursor: pointer;display: block;top: -22px;font-size: 11px;height: 21px; line-height: 23px; cursor: pointer;right: 0; text-align: center; /* top: 0; */ transition: all 500ms ease 0s; width: 84px; position: relative; z-index: 1;}
.Upload_file_wrapper #button:hover { background-color: blue;}
.Upload_file_wrapper .row3 .txt_bx div.selector{ box-sizing: border-box; height: 39px; left: 0; padding: 5px 10px; width: 100% !important;}
.Upload_file_wrapper .row3 .txt_bx div.selector span, .Upload_file_wrapper .row3 .txt_bx div.selector span:hover{background-image: url("/images/app.images/drop_icon.png"); background-position: right 10px;background-repeat: no-repeat;height: 26px;line-height: 26px; padding:0;width: 100% !important;}
.cases-list{display: none;}

.Upload_file_main .custom-dropdown-wrapper .mutliSelect ul li{padding: 4px 0;}
.Upload_file_main .custom-dropdown-wrapper .mutliSelect ul li:last-child{padding-bottom: 30px;}
.Upload_file_main .custom-dropdown-wrapper .custom-dropdown dd input[type="checkbox"]{ margin: 4px 0 0;width: 20px;}
.Upload_file_wrapper .help-block{font-size: 12px;}
.page-documents-index .doc-advance-filter-elements.clicked .form-control{height: 45px;box-shadow: none;}
.form-field-row{padding: 0;}

.page-documents-create .Upload_file_main h2, .page-documents-update .Upload_file_main h2 { /*padding-bottom: 7px;padding-top: 12px;*/ padding: 12px 0 32px; }
.document-upload-form .lbl{display: inline-block;padding-top: 10px; vertical-align: top;}
.document-upload-form .field-resources-case_id{display: inline-block; width: 88%;}
.form-field-row .uploader{float: none;width: 85px;margin: 0;padding: 7px 0 25px;}
.form-field-row .uploader span.action{  background-clip: border-box; background-image: url("/themes/app/images/file_upload_icon.png");background-position: 0 0; background-repeat: no-repeat;border-radius: 30px; color: #000; cursor: pointer; display: block;  font-size: 11px; height: 21px; line-height: 19px; position: absolute; text-align: center; transition: all 500ms ease 0s;width: 80px; z-index: 1;}
.document-upload-form div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action{background-position: 0 0;}
.form-field-row div.selector{display: inline-block; margin: 0; vertical-align: middle;left:0;width: 100% !important;}
#uniform-resources-case_id > span{width: 100% !important; background-position: 558px 14px;}
.document-upload-form div.selector{background-position: 690px 15px; height: 34px; padding-top: 0; }
.document-upload-form div.selector:hover{background-position: 690px 15px;}
.document-upload-form div.selector option { padding-left: 10px !important;}
.document-upload-form span label{font-size: 14px;font-weight: 600;padding-bottom: 10px; }
.into {font-style: italic;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
dl{margin: 0;}

.section-2 .grid-view table.bordered td.case-number div.selector{width:135px !important;}
.page-documents-index .doc-chkbox { display: inline-block; margin-right: 2px; position: relative; top: -4px; vertical-align: bottom; width: 16px;}
.page-documents-index .doc-chkbox input{margin: 0;}
.section-2 .grid-view table.bordered a, .page-documents-index span.file-name a {color: #000; display: table-cell; padding: 0;}
.page-documents-index .section-2 .grid-view table.bordered td a.action-checkbox {padding-left: 7px;vertical-align: middle;}
.page-documents-index select.form-control.docType {background-position: 92% 50%;}
.section-2 .grid-view table.bordered td{border-bottom: 1px solid #ccc;border-top: 0;}
.section-2 .grid-view table.bordered td.documents-actions-section{width:10%;}
.page-documents-index .sprite.icon-edit-item-disabled { background-position: -98px -12px; opacity: 0.2;}
.page-documents-index .section-2 .grid-view table.bordered  .sprite.info_icon{background-position: -236px -78px; width: 10px;}
.page-documents-index .sprite.download_icon{background-position: -192px -76px;margin: 0 1px 0 3px; width: 26px;}
.page-documents-index .sprite.delete_icon{width: 18px; background-position: -69px -12px;}
.page-documents-index .sprite.delete_icon_disabled{background-position: -470px -109px; width: 18px;}

/** Document view **/
 .document_main a:focus {color: #fff;}
.popup-close > span {right: -30px;top: -30px;}
#w0 > input{ display: inline-block; height: 31px; position: relative; right: 7px;}
.form-group.field-resourcessearch-search { display: inline-flex;}
/*.middle_wrapper .section-1 .left {word-break: break-word;}*/
.middle_wrapper .section-1 .right {width: 72.5%;vertical-align: top;padding-top: 4px;}

/*** Table ***/
table td label{font-weight: normal;}
.client-wrp #document-list-page .bordered th:first-child{border-left: none;}
/*** Table ***/

/*.list-page-last-row .pagination{padding: 22px 10px 10px}*/
.page-documents-index .view-case-filter-actions.col-md-4 input.submitbutton { margin-right: 9px;}

.page-documents-index .doc-advance-filter-elements {background: #fff none repeat scroll 0 0;border: 1px solid #fd933d;margin:10px 0 30px;padding:20px 20px 10px;}

.document_main  .pagination > .active > a:hover, .pagination > .active > a:focus{background: #fff;color: #26395a;border:1px solid #263959;}

.section-2 .grid-view table.bordered td.case-col-type div.selector{padding: 5px 12px;/* width:115px !important; */ max-width: 280px; }
.section-2 .grid-view table.bordered td div.selector span{font-weight:normal;}
.section-2 .grid-view table.bordered td div.selector select{font-weight:normal;}
input[type="radio"], input[type="checkbox"]{vertical-align: middle;}
/*#document-list-page .tbl-list-select{ padding: 20px 18px 0 10px;}
.list-page-last-row{padding-bottom: 20px;}*/
.lastrow-btn-section-request.efiling-clicked .btn-submit{margin: 0;}
.efiling-form-element .efiling-field .form-control {border: 1px solid #ccc; }
.popup-close#efilingclosebtn span{background: rgba(0, 0, 0, 0) url("/themes/app/images/sprite.png") no-repeat scroll -35px -175px;}
#document-list-page .empty a{font-weight: bold;}
.page-documents-index .popup-wrapper td{word-break: break-all;}

/*START: new ajax dropdown style*/
.select2-container--krajee .select2-dropdown,
.select2-container--krajee .select2-selection:focus,
.select2-container--krajee .select2-dropdown,
.select2-container--krajee .select2-selection{
    border-color: rgb(204, 204, 204)!important;
    box-shadow: none!important;
}
.select2-container--krajee .select2-results__option--highlighted[aria-selected]{
    background-color: #263959!important;
}
#files-form .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{
    height: 38px;
    width: 100%!important;
}
#files-form .select2-container--krajee .select2-selection--multiple .select2-selection__choice{
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#files-form .select2-container--krajee .select2-selection--multiple .select2-selection__rendered{
    padding-right: 25px;
}
#files-form .select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove{
    margin: 1px 0 0 3px;
}
.app-body-container .select2-container--krajee .select2-selection--single .select2-selection__arrow{
    border: none;
    top: 6px;
}
.app-body-container .select2-container--krajee .select2-selection--single{
    height: 45px;
    padding: 11px 35px 6px 12px;
}
.app-body-container .select2-container--krajee .select2-selection--single .select2-selection__clear{
    top: 8px;
    right: 2rem;
}
/*END: new ajax dropdown style*/
.page-documents-index .section-2 .grid-view table.bordered td .doc-created-at-date{
  margin-right: 3px;
}

.page-documents-create .select-price.field-files-file_classification,
.page-documents-update .select-price.field-files-file_classification {  padding: 0 15px 15px; /* width: 33.33333333%; */  width: 100%;  }
.Upload_file_main .document-upload-form .select-price.field-files-file_classification div.selector { height: 45px; padding: 5px 10px 4px 10px; }

.page-documents-create .select-price.field-documentfilesdetails-file_classification, .page-documents-update .select-price.field-documentfilesdetails-file_classification { padding: 0 15px 15px; width: 100%; }
.page-documents-create #uniform-documentfilesdetails-file_classification,.page-documents-update #uniform-documentfilesdetails-file_classification { height: 45px; padding: 5px 10px 4px 10px; }

.page-documents-create .document-select-cases .select2-container--krajee { /* width: 290px !important; */ }
.Upload_file_main .document-upload-form .select2-container--krajee .select2-selection--multiple { min-height: 45px; position: relative; }
.Upload_file_main .document-upload-form .select2-container--krajee .select2-selection--multiple:before { 
  position: absolute; content: ""; width: 14px; height: 14px; right: 10px; top: 15px; background: url("/themes/app/images/select-arrow.png")no-repeat center right; }

.page-documents-create .hasDatepicker { background-position: 98% 14px; height: 45px; }
.Upload_file_main .document-upload-form .form-control { height: 45px; padding: 12px 10px; border-radius: 4px; }

.document_reminder .document_reminder_heading, .custom-dropdown-wrapper label { font-size: 16px;color: #3A4863;font-weight: 600;margin-bottom: 10px; }
.document_reminder .document_reminder_initial_message span{ cursor: pointer;font-weight: bold; }
.add_reminder_div .add_notifcation_link{cursor: pointer;}

.reminder_dropdowns .remove_reminder,
.reminder_dropdowns .reminder_type,  
.reminder_dropdowns .reminder_time,
.reminder_dropdowns .reminder_time_type,
.reminder_dropdowns .reminder_message {float:left;}

.page-documents-create #files-form > div.document-upload-form,
.page-documents-update #files-form > div.document-upload-form { padding: 30px 20px; box-sizing: border-box; }
.page-documents-create .Upload_file_wrapper .document-upload-form .row1 ,
.page-documents-update .Upload_file_wrapper .document-upload-form .row1  { padding: 0 15px 15px; box-sizing: border-box; }
.document-upload-form .field-files-exp_date .datetime { width: 100%; }
.page-documents-create .Upload_file_wrapper .document-upload-form .document-input-wrapper.row1,
.page-documents-update .Upload_file_wrapper .document-upload-form .document-input-wrapper.row1 { padding-bottom: 0; }
.document-upload-form .document_reminder  { display: table; width: 100%; padding: 0 15px 0; box-sizing: border-box; margin-bottom: 10px; }
.document-upload-form .document_reminder_initial_message { padding: 0 0 15px;  }

.document_reminder_params .reminder_fields { margin: 0 0 15px; }
.document-upload-form .reminder_fields .reminder_dropdowns div { margin-right: 2px; float: none; display: inline-block; vertical-align: middle;}
.document-upload-form .document_reminder .add_reminder_div { margin: 0 0 15px; }
.document-upload-form .add_notifcation_link span img { margin: 0 10px 0 0; width: 20px; height: 20px;  }
.document-upload-form .add_notifcation_link span {text-decoration: underline; cursor: pointer; }
.document-upload-form .document_reminder_assign_to { box-sizing: border-box; }
.Upload_file_main .document-upload-form  .custom-dropdown-wrapper .mutliSelect ul li.group_user { padding-left: 20px; }

.Upload_file_main div.has-success .form-control:focus { border: 1px solid #ccc !important; }
.doc-title .file-name a { color: #000000; }
.document-upload-form .AttachmentName { display: flex; flex-wrap: wrap; font-size: 0; width: 100%;}
.document-upload-form .AttachmentName .doc-chk-icons,
.document-upload-form .AttachmentName .doc-title { display: inline-block; }
.sprite.notification_remove-icon { cursor: pointer; }
.document-upload-form .custom-dropdown-wrapper { width: 50%; padding: 0 15px 15px; margin-bottom: 15px; }

.document-upload-form .AttachmentName .doc-chk-icons {margin: 0 5px 0 0; width: 25px;}
.document-upload-form .AttachmentName .doc-title {width: calc(100% - 69px);}
.document-upload-form .AttachmentName .download_doc {margin-left: auto; padding-left: 10px;}


.ui-priority-secondary{display:none;}
.field-files-judgement_date .input-group.date { width: 100%; }
.page-documents-create .input-group.date, .page-documents-create .input-group.datetime, .page-documents-update .input-group.date, .page-documents-update .input-group.datetime { width: 100%; }

.page-documents-index .popup-wrapper .popup-content table td:first-child { font-weight: 700; }

/* Custom Fields CSS Start */
.doc-advance-filter-elements .custom-fields-wrapper { margin: 0; padding: 0; }
.doc-advance-filter-elements .custom-fields-wrapper h2 { padding: 20px 0 10px; }
.doc-advance-filter-elements .custom-fields-wrapper .col-md-4 input[type="text"]{ height: 45px; border-radius: 5px; padding: 8px 10px; }
.doc-advance-filter-elements .custom-fields-wrapper .col-md-4 textarea { height: 45px; border-radius: 5px; }
.doc-advance-filter-elements .custom-fields-wrapper .input-group { width: 100%; }
.custom-fields-wrapper .form-group { margin-bottom: 0; }


.document-form-fields { display: inline-block; width: 100%; margin-bottom: 10px; }
.custom-fields-wrapper { display: inline-block; width: 100%; padding-left: 20px; margin-bottom: 30px; }
.document-upload-form .custom-fields-wrapper h2 { padding: 10px 0 20px; }
.inner-additional-fields { border-left: 3px solid #263959; padding-left: 10px; display: inline-block; width: 100%; }
.custom-fields-wrapper .inner-additional-fields > [class^="col-"] { padding-bottom: 20px; }
.custom-fields-wrapper .col-md-12 textarea { height: 75px; }
.custom-fields-wrapper .col-md-12 input[type=text] { height: 44px; padding: 0px 10px; border-radius: 5px; background-color: #fff; }
.custom-fields-wrapper .custom_checkbox { padding: 10px 10px 10px 0px; display: inline-block; font-size: 15px; }
.custom-fields-wrapper .custom_checkbox label { margin-bottom: 0; cursor: pointer; padding: 0; }
.custom-fields-wrapper .custom_checkbox input[type="checkbox"] {
    margin-right: 5px;
    background-color: transparent;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
.custom-fields-wrapper .custom_checkbox input[type="checkbox"]:before { 
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(/themes/app/images/mml-icons-spirte.png);
    background-position: -90px -298px;
    position: relative;
    top: 1px;
    background-color: transparent;
    border: 0;
    outline: none;
}
.custom-fields-wrapper .custom_checkbox input[type="checkbox"]:checked::before {
    background-position: -138px -299px;
}

.Upload_file_main .document-upload-form .custom-fields-wrapper div.selector { height: 44px; padding: 5px 10px;}
.custom-fields-wrapper .col-md-12 .help-block { position: absolute; }
/* Custom Fields CSS End */
.page-documents-index .second_element_content {display:none;}


/***** Responsive Start ****/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10+ specific styles go here */
  .header-col-uploadedat{width:23%;}
  .popup-wrapper { max-height: 100%; }
  .popup-close > span { top: -15px; }
}

@media only screen and (max-width: 1343px) and (min-width:1024px){
    .page-documents-index .section-2 .grid-view table.bordered td .doc-created-at-date {display: inline-block;}
    .page-documents-index .section-2 .grid-view table.bordered td .doc-created-at-time {display: inline-block;}
}

@media only screen and (max-width: 1280px) and (min-width:1024px){
  .page-documents-index .doc-title span label{ display: block; }

  .page-documents-index .doc-title{width: auto;padding-left: 5px;}
    /*.page-documents-index .doc-title{width: 62%;}
  .page-documents-index .doc-title{width: 100%;}*/
}

 @media (max-width:969px){
    .page-documents-index .header-col-title { width: 40%;}
    .page-documents-index .doc-title {display: inline-block;float: left;overflow: hidden;vertical-align: middle;width: auto;}
  
 }

@media(max-width: 1215px){
  .section-2 .grid-view table.bordered th{font-size: 13px;}
  .section-2 .grid-view table.bordered th.header-col-uploadedby {width: 26%;}
  .page-documents-create .document-upload-form .mutliSelect ul li label { width: 84%;  }
}

@media(max-width: 1023px){
  .page-documents-index .client_search.clicked{padding-bottom: 25px;}
  /*.page-documents-create div.document-input-wrapper{width: 50%;}*/
  .page-documents-index .doc-advance-filter-elements .row{padding-bottom:0;}

  .page-documents-index .doc-advance-filter-elements .row .col-md-4{}
  .page-documents-index .doc-advance-filter-elements .row .col-md-4{float: left;
    padding-bottom: 10px;
    width: 50%;}

  
}

@media(max-width: 849px){
  /*.page-documents-create div.document-input-wrapper input[type="file"]{padding-top: 10px;}
  .page-documents-create div.document-input-wrapper{ padding: 0;}*/
}

@media(max-width: 768px){
    .page-documents-create .document-input-wrapper label{
        width: 33.33%;
        padding-left: 20px;
    }
    .doc-advance-filter-elements .custom-fields-wrapper .col-md-4 textarea { margin-bottom: 4px; }
}

@media (max-width:767px){
  .side-bar {float: none;}
  .middle_wrapper{padding: 0;}
  .Upload_file_wrapper{padding: 0;}
  .document_main .section-1 .left{float: none;}
  .page-documents-create div.document-input-wrapper{margin-top: 5px; width:auto;}
  .custom-dropdown dd label{width: 88%;}
  .row1.document-action-btn{padding-top:0;}
  .page-documents-index .section-2 .grid-view table.bordered td{width: auto;}
  .page-documents-index .section-2 .grid-view table.bordered td.case-number,.page-documents-index .section-2 .grid-view table.bordered td.case-col-type {padding: 10px;}
  .page-documents-index .section-2 .grid-view table.bordered td.case-number::before,.page-documents-index .section-2 .grid-view table.bordered td.case-col-type::before {padding-bottom: 5px;}
  .section-2 .grid-view table.bordered td.case-col-type div.selector {width: 170px !important;}
  .section-2 .grid-view table.bordered td.case-number div.selector {width: 100% !important;}
  .page-documents-index .doc-chkbox{padding: 0;}
  .section-2 .grid-view table.bordered a, .page-documents-index span.file-name a{padding: 0;}
  .document-upload-form label.control-label{vertical-align: middle;}
  .page-documents-create div.document-input-wrapper{vertical-align: middle;}
  .header-col-title span.action-icon {height: 25px;}
  .section-2 .grid-view table.bordered{table-layout: fixed;}
  .page-documents-index .doc-title span label{ word-break: initial;}
  /*.tbl-list-select{display: table-footer-group;float: none;}
  .list-page-last-row .pagination {display: table-header-group;float: none;}
  .section-2 .list-page-last-row{padding: 0 15px 20px;}*/
 
  .page-documents-index div.no-doc-chkbox{width: 24px;}
  .page-documents-index div.no-doc-chkbox .doc-chkbox{display: none;}
  .document-upload-form{padding:15px;}
  .Upload_file_wrapper .row1 p{margin: 0;}
  .page-documents-index .doc-title{width: 80%; float: none;}
    .page-documents-index .doc-chk-icons {float:none;}
  .custom-dropdown-wrapper{padding-top: 14px;}
  .section-2 .grid-view table.bordered td span {vertical-align: middle;}
  .page-documents-index .section-2 .grid-view table.bordered td .file-name a {hyphens: auto;}
  .page-documents-index .efiling-form-element .help-block {padding-top: 0;}
  .efiling-create {padding: 0 20px;}
  .middle_wrapper .section-1 .left h2 {padding: 6px 0 15px;}
  .popup-content table td{font-size: 14px;}
  .popup-content table tr:last-child td{border:1px solid #ccc;}
  .popup-content table td:nth-child(odd){display: none;}
  .activity-alert-messages {left:0;margin:0 10px;position: fixed;right: 0;top: 0;vertical-align: middle;bottom: 0;height: 70px;}
  .section-2 .grid-view{padding: 0;}
   #files-form .select2-container--krajee .select2-selection--multiple .select2-selection__rendered{
        padding-right: 0px;
    }
  .page-documents-index .middle_wrapper .section-1 .right{  width: 100%;  }
  .page-documents-index .popup-content table tr td{ border-bottom:1px solid #ccc; border-top: 0px; }
  .page-documents-index .popup-content table { border-top:1px solid #ccc; height: auto !important; }
  .section-2 .grid-view table.bordered td.case-col-type div.selector { max-width: 100%; }
  .page-documents-create .select-price.field-files-file_classification,
  .page-documents-create .document-select-cases { width: 100%; }
  .doc-title .file-name a { word-break: break-all; display: block; }

  .doc-advance-filter-elements .custom-fields-wrapper .col-md-4 textarea { margin-bottom: 0px; }
}

@media only screen and (max-width: 599px){
    .page-documents-create #files-file_classification > label:nth-child(even) + label{
       clear: both;
    }
    .page-documents-create .document-input-wrapper label{
        width: 50%;
    }
    .page-documents-create .Upload_file_wrapper .document-upload-form .row1,
    .page-documents-create .select-price.field-files-file_classification,
    .page-documents-update .Upload_file_wrapper .document-upload-form .row1,
    .page-documents-update .select-price.field-files-file_classification { padding: 0 0 15px; }

    .page-documents-update .select-price.field-documentfilesdetails-file_classification { padding: 0 0 15px; }

    .document-upload-form .document_reminder { padding: 0; }
    .document-upload-form .reminder_fields .reminder_dropdowns div { display: table; width: 100%; margin: 0 0 15px;box-sizing: border-box; }
    .document-upload-form .reminder_fields .reminder_dropdowns div.selector span { padding-top: 8px; }
    .document-upload-form .document_reminder { padding: 0; }
    .document-upload-form .reminder_fields .reminder_dropdowns div { margin: 0 0 3px; }
    .document-upload-form  .document_reminder_assign_to { margin-bottom: 10px; }
    .page-documents-create .document-upload-form .mutliSelect.team_members_checkbox ul li label,
    .page-documents-update .document-upload-form .mutliSelect.team_members_checkbox ul li label {width: 82%;}

    /* Custom Fields CSS Start */
    .doc-advance-filter-elements .custom-fields-wrapper h2 { padding: 10px 0; }
    .custom-fields-wrapper { padding-left: 0px; }
    .custom-fields-wrapper .inner-additional-fields > [class^="col-"] { padding-right: 0; }
    .document-upload-form .custom-dropdown-wrapper { padding: 0 15px 15px 0; margin-bottom: 0px; width: 100%; }
    /* Custom Fields CSS End */
}


@media only screen and (max-width: 381px) and (min-width:540px){
    .page-documents-index .doc-advance-filter-elements.clicked {margin-top: -19px;}
}

@media (max-width:480px){
    .middle_wrapper .section-1 .right .client_search{float: right;}
    .page-documents-index .doc-advance-filter-elements.clicked{margin-top: -21px;}
      div.middle_wrapper .section-1 .left {width: 100%;display: block;}
      div.middle_wrapper .section-1 .right {width: 100%;display: block;text-align: center;}
    .document-upload-form label.control-label {display: inline-block;padding-right: 10px;vertical-align: top;}
    .page-documents-create div.document-input-wrapper{display: inline-block;}
    .page-documents-create div.document-input-wrapper #files-file_classification label{display: block;}
    .middle_wrapper .section-1 .right .add_btn {margin: 0 10px 0 0;padding: 0;}   
    #w1 .bordered th {font-size: 13px;}
    .page-documents-index .doc-advance-filter-elements .row{padding: 0;}
    .document_main .bordered tbody td{font-size: 12px;}
    .page-documents-index .row1.document-action-btn{padding: 0;}
    .page-documents-create .custom-dropdown-wrapper{width: 100%;}
    .page-documents-create .document-input-wrapper{padding:0;}
    
    .document-upload-form .case-right-atribute{padding: 0;}
   
    .document-upload-form .case-right-atribute span label {padding: 0 10px 0 0;}
    .bordered a {color: #000;display: block;text-align: center;}
    .page-documents-index .doc-advance-filter-elements{padding: 20px;}
    
    .document-upload-form label.control-label{ display: inline-block;vertical-align: middle;}
    .page-documents-create div.document-input-wrapper #files-file_classification label {display: inline-block;}
    .page-documents-create .custom-dropdown-wrapper, .document-upload-form .custom-dropdown-wrapper { width: 100%; }
    .Upload_file_wrapper .cancelbutton{margin: 0;}
    .page-documents-create div.document-input-wrapper{margin-top: 1px;}
    .page-documents-index .doc-chk-icons{vertical-align: top;}
    
    .activity-alert-messages{} 
    .page-documents-index .doc-advance-filter-elements .row .col-md-4{width: 100%;}
    .alert-pop-message {display: inline-block; vertical-align: top; width: 95%;}
    .alert-pop-close {display: inline-block; padding: 0; vertical-align: top;}
    .page-documents-index .view-case-filter-actions.col-md-4 {padding-top: 20px;}
    .custom-dropdown dt a span, .multiSel span{vertical-align: sub; padding:0 5px 5px 0;}
    .page-documents-index .middle_wrapper .section-1 .left{float: none;width: 100%;}
    .page-documents-index .middle_wrapper .section-1 .right{display: block;float: none; width: 100%;text-align: right;}
    .upload-title{   padding-bottom: 10px;    }

    .page-documents-create #files-form > div.document-upload-form, 
    .page-documents-update #files-form > div.document-upload-form { padding-bottom: 0; }

    #document-search-form .export_div { margin-right: 5px; }
    #document-search-form .open-export-elements.clicked { margin-top: -21px; }

    .doc-advance-filter-elements .col-md-4 textarea { height: auto; }
}

@media (max-width:414px){
     .lastrow-chkbtn-section {display: block;text-align: left;}  
        .custom-dropdown a, .custom-dropdown a:visited {font-size: 14px;}
         .page-documents-index .open-export-elements.clicked {  margin-top: -21px;  }
}

@media (max-width:380px){
    div.middle_wrapper .section-1 .left {display: block; width: 100%;}
    div.middle_wrapper .section-1 .right {display: block;padding-bottom: 15px;}
    .page-documents-index .open-export-elements.clicked { margin-top: -36px; }
    #document-search-form .open-export-elements.clicked { margin-top: -36px; }
}

@media (max-width:320px){  
  .Upload_file_main h2{ font-size: 18px;}
  .Upload_file_wrapper .txt_bx input[type="submit"]{font-size: 12px;}
  .Upload_file_wrapper .cancelbutton{font-size: 12px;}
  .document-upload-form label.control-label{display: block;}
  .page-documents-create div.document-input-wrapper{display: block;}
  .page-documents-create div.document-input-wrapper #files-file_classification label{display:block;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .doc-advance-filter-elements .custom-fields-wrapper .custom_checkbox { height: 45px; }
    .page-clients-update .custom-fields-wrapper .custom_checkbox, 
    .page-clients-create .custom-fields-wrapper .custom_checkbox, 
    .inner-additional-fields .custom_checkbox { height: 44px; }
}