.page-case-api-cause-list .document_main .section-2 input[type="text"]{height: 45px;}
.page-case-api-cause-list .document_main .section-2 .has-success label{color:#000;}
.page-case-api-index .middle_wrapper .section-1 {padding-bottom: 16px;}

/*.cause_list_user_search{margin-top:20px;margin-bottom: 20px;}*/
.cause_list_user_search .grid-view{border: 1px solid #ccc;border-radius: 5px;background-color: #fff;}
.cause_list_user_search .bordered{background-color: transparent;}
.cause_list_user_search .bordered td:first-child{border-left: none;}
.cause_list_user_search .bordered td{font-size: 14px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
.sprite.download_icon {background-position: -196px -78px;width: 18px;}

/* Start: Add New (Filter) */
.doc-advance-filter-elements.clicked{margin-top: -19px;}
.doc-advance-filter-elements.clicked input[type="text"]{color: #333;padding: 3px 10px;height: 45px;}
.doc-advance-filter-elements .col-md-4.custom-dropdown-wrapper {width: 39%;}
.doc-advance-filter-elements .custom-dropdown dd label{width: 85%;}

.cause-option-list .col-md-4{display: inline-block;vertical-align: top; width: 30%;}
.cause-option-list .row .col-md-4{padding-bottom: 10px;float: none;}
.cause-option-list .row .col-md-4.causelist-form-controls{display: block;padding-top: 10px;}
.cause-option-list .row .col-md-4.causelist-form-controls .comingsoontext{color: #ff0000;font-size: 18px;}
.form-group{margin-bottom: 0;}
.form-group.field-users-work_status { margin-bottom: 15px; }
.cause-option-list .row .col-md-4 .hasDatepicker{background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll 95% 50%;}
.doc-advance-filter-elements.clicked div.selector select{top:0;}
.doc-advance-filter-elements { background: #fff none repeat scroll 0 0; border: 1px solid #fd933d;margin:10px 0 30px;padding:20px 20px 10px;}
.doc-advance-filter-elements.add-new-wrapper {  border: 1px solid #263959; }

.client_search { border: 1px solid #fd933d;display: inline-block; padding:0; vertical-align: top;position: relative;top: 0px; right: 0; }
.client_search span {color: #de972b;cursor: pointer;font-size: 14px;padding:7px 10px 7px;transition: all 1s ease-in-out 0s; display: block;}
.client_search span:hover{background: #fd933d;color:#fff;}
.client_search.clicked {background-color: #fff;border-bottom: none;height: 50px;}

.view-case-filter-actions.col-md-4 {padding-top: 25px;}
.cause-option-list .row .col-md-4 .submitbutton {margin-right: 5px;}
.cause-option-list .row .col-md-4.comingsoontext {color: #ff0000; display: inline-block; font-size: 16px; font-weight: 600; padding: 30px 0 0; vertical-align: middle; }

div.has-success .form-control:focus{border: 1px solid #ccc !important;}
/* End: Add New (Filter) */

.loading-icon{height:auto;}

div.custom-menu span.gear-icon{cursor: pointer;}
.dropdown-submenu {position: relative;}
.dropdown li{display: block; min-width: 100%;}
.dropdown-submenu .dropdown-menu {top: 0; right: 100%;margin-top: -10px;min-width: auto;}
ul.dropdown-menu {top: auto; right: 69%; left: auto;}
.cause-list-wrapper.update-form .cause-option-list {background-color: #fcfcfc; border-radius: 4px;box-shadow: 0 0 10px #dedede;padding: 30px;border: 1px solid #ccc;}
#causelist-form .bordered tr:hover{background: #efefef;}
/*Gear Icons Dropdown Menu*/
#causelist-form .dropdown-menu{padding:0px; margin: 0px;box-shadow: none;}
#causelist-form .dropdown-menu > li > a{margin: 5px 20px 5px 20px;transition: none;background-color: transparent;}           
#causelist-form .dropdown-menu .caret{margin-top: 8px;position: absolute;left: 12px;transform: rotate(90deg); border-top: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent;}
#causelist-form .dropdown-menu > li:hover{background-color: #00202D; color: #fff;}
#causelist-form .dropdown-menu > li:hover > a{color: #fff;}
#causelist-form .dropdown-menu > li > a:hover{background-color: transparent;}
#causelist-form .sprite.gear-icon:hover {background-position: -263px -179px;}
/*Gear Icons Dropdown Menu*/

/*Nikhil Code here*/
.cause-list-wrapper{padding-bottom: 90px;}
.client_search.add-new-btn.clicked, .add-new-btn.clicked{margin-bottom: 8px; border: 1px solid #263959; border-bottom: medium none;}
.client_search.add-new-btn.clicked, .add-new-btn.clicked span{
    padding-bottom: 6px;
}
.auto_7pm_list{
    text-align: center;
    font-size: 15px;
    color: #000;
    font-style: italic;
    font-weight: bolder;
    margin: 0 0 3px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#causelist-form .lastrow-btn-section input[type="submit"]#delete-btn{
    width: auto;
}

#causelist-form .tbl-list-select{
    /*width: 100%;*/
}
#causelist-form .grid-view{
  overflow-x: visible;
}
/*Nikhil Code here*/

/* Ticket - #1406 - Alignment Issue - Cause List */
.button-scroller {width: fit-content!important;}
 #causelist-form .tbl-list-select .parent-custom-team:empty {display: none;}

@media only screen and (max-width:1023px) {
    .middle_wrapper .section-1 .right .client_search{top: auto;}
    .tbl-list-select{width: 100%;}
    #causelist-form .tbl-list-select { margin: 0 0 15px; }
}


@media only screen and (max-width:767px) {
    div.middle_wrapper .cause-list-wrapper .section-1 .left, div.middle_wrapper .cause-list-wrapper .section-1 .right {width: 100%;}
    .doc-advance-filter-elements.clicked {margin-top: -29px;}
  .doc-advance-filter-elements .col-md-4{width: 49%;}
  .cause-list-wrapper table.bordered thead th{display: none;}
  .cause-list-wrapper table.bordered td{display: block;}
  .cause-list-wrapper table.bordered td:before{content: attr(data-th)":";display: block;font-weight: 600;}
  .cause-list-wrapper table {padding: 0 15px;}
  .cause_list_user_search .bordered td{border-right: 1px solid #ddd;}
  .cause_list_user_search .bordered td:first-child{border:1px solid #ddd;}
  .cause_list_user_search .bordered tbody tr{display: block;margin-bottom: 15px;}
  .cause_list_user_search .bordered tbody tr:nth-child(even){background: hsla(0, 0%, 93%, 0.5) none repeat scroll 0 0;}
  .doc-advance-filter-elements .row .col-md-4.comingsoontext{padding:5px 0 5px 10px;}
  .list-page-last-row .pagination{position: initial;}
  ul.dropdown-menu{right: auto;left: 0px;}
  .dropdown-submenu .dropdown-menu{left: 100%; right: auto;}
  #causelist-form .lastrow-btn-section #delete-btn{
    float: none;
    margin-right: 0px;
  }
  #causelist-form .tbl-list-select { margin: 0; }
    
    /* Ticket - #1406 - Alignment Issue - Cause List */
    .button-scroller {width: 100%!important;}
    .section-2 .grid-view .list-page-last-row .tbl-list-select {gap:20px 5px!important;}
}



@media only screen and (max-width:480px) {
  .doc-advance-filter-elements .col-md-4 {width: 100%;}
  .view-case-filter-actions.col-md-4 {padding-top: 10px;}
  .form-group{margin-bottom:0;}
  .main-content {min-height: 730px;}
  
  /*Gear Icons: Responsive Dropdown*/
  #causelist-form .dropdown-submenu .dropdown-menu {position: static;padding-left: 15px;}
  #causelist-form .dropdown-menu .caret{transform: none; right: 12px; border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent;left: auto;}
  .dropdown-submenu .dropdown-menu{min-width: 100%;}
  .content{overflow: visible;}
  /*Gear Icons: Responsive Dropdown*/
  
  /*Responosive code here*/
  #causelist-form .dropdown-menu > li > a{ margin: 0px; display: block; padding: 10px 10px; }
  .dropdown-submenu { position: static; }
  .dropdown li { min-width: 100%; display: block; }
  .cause-option-list .col-md-4{width: 100%;}
  .auto_7pm_list{font-size: 14px;}
  /*Responosive code ends here*/

  .page-case-api-index .section-2 .grid-view .lastrow-chkbtn-section{
    display: block;
  }
  .page-case-api-index .section-2 .grid-view .list-page-last-row span:not(.lastrow-chkbtn-section){
    width: 38%;
    float: none;
  }
  .page-case-api-index .section-2 .grid-view .list-page-last-row span:not(.lastrow-chkbtn-section) input[type="button"]{
    width: 100%;
    white-space: normal;
    max-width: 200px;
  }
  .page-case-api-index .section-2 .grid-view .list-page-last-row span:last-child{
    width: auto;
  }
}

@media only screen and (max-width:413px){
  .page-case-api-index .section-2 .grid-view .list-page-last-row span:not(.lastrow-chkbtn-section){
    width: 35%;
    float: none;
  }
  .page-case-api-index .section-2 .grid-view .list-page-last-row span:last-child{
    width: auto;
  }
}

/*Landscape Code start*/    

@media screen and (max-width: 736px) and (orientation: landscape){
    #causelist-form .dropdown-menu{min-width: auto; width: 300px;}
    #causelist-form .dropdown-submenu .dropdown-menu{position: static;width: 100%;} 
    #causelist-form .dropdown-menu .caret{left: auto; right: 12px;transform: none;}
    .cause-option-list .col-md-4{width: 100%;}
    .content{overflow: visible;}
    #causelist-form .dropdown-submenu .dropdown-menu {padding-left: 15px;}
    .main-content {min-height: 735px;}
}

/*Landscape Code ends*/