/* CK Editor CSS */

.ck.ck-editor {width: 99% !important;}
.ck-content {min-height: 250px;}
/* CK Editor CSS end */

#ajax-loader {
    background: url("../img/ajax-loader.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 10%;
    display: none;
    height: 70px;
    left: 49%;
    position: fixed;
    width: 170px;
}
.spinner-preview {
    width:100px;
    height:100px;
    bottom: 49%;
    left: 49%;
    position: fixed;
    background: url("../img/loader.gif") no-repeat;
    display: none;
    z-index: 1111111;
}

.login-layout {
    background: url("../img/brick.jpg");
}
form#login pre {
    font-size: 7px;
    letter-spacing: 2px;
    padding: 5px 3px 0;
}

.login-layout .widget-box {
    box-shadow: 0 2px 5px 4px #CCC;
    padding: 0px;
}
.action-buttons span {cursor: pointer;}
.action-buttons {white-space: nowrap;}
/*.zf-green {
    color: #68b604;
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}*/







/*
*
    ajax data table css ...............................#############
*
*/



.paging_full_numbers {
    bottom: 7px;

    /*right: 8px;*/
}
.paging_full_numbers .paginate_button {
    /*background-color:#EEEEEE;*/
    /*border: 1px solid #CCCCCC;*/
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: inline-block;
    /*margin-left: 5px;*/
    /*padding: 2px 8px;*/
}
.paging_full_numbers .paginate_button:hover {
    background: none repeat scroll 0 0 #EEEEEE;
    box-shadow: 1px 1px 2px #CCCCCC inset;
}
.paging_full_numbers .paginate_active, .paging_full_numbers .paginate_button:active {
    background-color:#405A87;
    border: 1px solid #405A87;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    margin-left: 5px;
    /*padding: 2px 8px;*/
}
.paging_full_numbers .paginate_button_disabled {
    color: #999999;
}
.pagination a {
    background-color:rgba(0, 0, 0, 0);
    border: 1px solid #BBBBBB;
    color: #333333;
    display: inline-block;
    padding: 5px 10px;
}
.pagination a {
    border-radius: 3px 3px 3px 3px;
}
.pagination a {
    box-shadow: 1px 1px 0 #F7F7F7;
}
.pagination a:hover {
}
.pagination a:hover {
    background-color:#EEEEEE;
    box-shadow: 1px 1px 3px #EEEEEE inset;
    text-decoration: none;
}
.pagination a.disabled {
    border: 1px solid #CCCCCC;
    color: #999999;
}
.pagination a.disabled:hover {
    background-color:rgba(0, 0, 0, 0);
    box-shadow: none;
}
.pagination a.current {
    background-color:#333333;
    border: 1px solid #405A87;
    color: #FFFFFF;
}
.pagination a.current:hover {
    box-shadow: none;
}
#ajax-data-table_processing, #ajax_status_table_processing, .dataTables_processing {
    background-color: #CF7;
    clear: both;
    color: #CF7;
    font-size: 14px;
    font-weight: bold;
    height: 0;
    width: 1px;
    left: 170px;
    position: relative;
    top: -75px;

}
#detailsDataTable_processing{
    background-color: #CF7;
    clear: both;
    color: #CF7;
    font-size: 14px;
    font-weight: bold;
    height: 0;
    width: 1px;
    z-index: 5;
    right: 50px;
    position: relative;
    top: -75px;

}

table.dataTable {width: 100% !important;}

#address-contact-data-table_processing,#party-contacts-data-table_processing{
    background-color: #CF7;
    clear: both;
    color: #CF7;
    font-size: 14px;
    font-weight: bold;
    height: 0;
    width: 1px;
    z-index: 5;
    right: 50px;
    position: absolute;
    top: -75px;


}

.clr{
    clear: both;
}

.table tbody > tr > td{
    padding: 4px;
}
.SmallTable{
    width: 50%;
    float: left;
}
.hideTable{
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 49%;
    z-index: 10;
}
.plus-minus-button{
    font-size: 15px;
    cursor: pointer;
}
.icon-trash, .icon-remove{
    cursor: pointer !important;
}

.borderRed{
    border: 1px solid #e65656 !important;
}
.borderGrey{
    height: 10px;
    border-bottom: 1px solid #cbe1ea;
}

/* Start  For Style Operation Edit Portion  */

   .aux_duration { margin: 10px 30px; clear: both; overflow: hidden; }
   .aux_duration input{ width: 85%; }
   .parrent_row_box .row{ margin: 10px 30px; clear: both; overflow: hidden; }
   .parrent_row_box .row .part1{ width: 40%; float: left; overflow: hidden; }
   .parrent_row_box .row .part1 select{ width: 95%; }
   .parrent_row_box .row .part2{ width: 40%; float: left; overflow: hidden; }
   .parrent_row_box .row .part2 input{ width: 95%; }
   .parrent_row_box .row .part3{ width: 20%; float: left; overflow: hidden; }
   .parrent_row_box .action{ cursor: pointer; }
   
/* End  For Style Operation Edit Portion  */
.nav-list > li > a > .menu-icon {vertical-align: middle;}
.nav-search {right: 50px;}
.ace-settings-container {top: 0;}

.widget-header h5, .widget-header h4 {
    display: inline;
    line-height: 36px;
    margin: 0;
    padding: 0;
}

/*
Sazedul Karim
Data table Fullscreen css, button
-------------------------------------------------*/
    .f_screen {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        margin: 0;
        padding: 0;
        background:#fff;
    }
    .f-screen-controll .btn-primary, .f-screen-controll .btn-primary:focus{  
        border: 0 none;
        padding: 9px 10px;
        vertical-align: super;
        outline: none;
    }

    .f-screen-controll .fa-compress{
        display: none;
    }

    .f_screen .f-screen-controll .fa-expand{
        display: none;
    }
    
    .f_screen .f-screen-controll .fa-compress{   
        display: inline-block;
    }
    
    .chosen-container.chosen-with-drop .chosen-drop {
        white-space: nowrap;
        min-width: 100%;
        width: auto;
    }
    table.cost_sheet thead tr:nth-of-type(n+2) th {
        line-height: 0.15;
        text-align: center;
        border: 1px solid #ddd;
    }
    
    .item-barcode-modal {width:900px}
    .modal-900 {width:900px}
    
    .bootstrap-timepicker-widget { z-index: 99999; }
	
	
	
    div.datepicker.datepicker-dropdown.dropdown-menu { z-index: 9999 !important; }
    
    .pdfWindow object {width:100%;height:750px;}
    .page-content .printable .table-responsive {font-size: 9px;}

	
    /************
    * Context menu Css
    * Added BY Abdul Wadud Chowdhury
    */
    .context-menu-item { display: block; clear: both;}
    .context-menu-list li:before { content: ''; }
	.context-menu-item.icon {  background-position: 4px 10px !important; }
	ul.context-menu-list.context-menu-root li { font-size: 15px; padding: 10px 30px; min-width: 150px;}
	ul.context-menu-list.context-menu-root li span { font-size: 13px; }
        .context-menu-submenu:after { content: "" !important; }

    .notificationShow li span {padding-right: 5px;}
    
    
    /**+++++++++++++++++++++++
    * Disable html a link for browser chrome, firefox, opera
    * Added By 
    */
    a.disabled { pointer-events: none; color: gray !important; }

    .dataTables_filter input[type="search"] {
        width: 90%;
        max-width: 125px;
    }

/* input, textarea and select all border disabled without bottom border, on focus 
* border bottom added
* @created by Asif
* @created 19-10-16
*/

 input, textarea {border-bottom-color: #b5b5b5 !important;}
 input, textarea {
        border-top: 1px solid transparent !important;
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important;
    }

    input:focus, textarea:focus, select:focus {
        box-shadow: 0 1px 0px -0px #719ECE !important;
        border-bottom-color: #FCC612 !important;
    }
    .chosen-container-multi .chosen-choices, .chosen-single{
        border-top: 1px solid transparent !important;
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important;
        /*background: white !important;*/
    }
    .chosen-drop {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important;
    }
    
    table.table-bordered:not(.dataTable) td, 
    .noBorderTdTable td, .searchTableMore td, .searchTable td 
    {border: 0px !important;}

    .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
        background-color: #f0f07e !important;
    }



/*for sweetalert popup size depnds on font size*/

    .swal2-popup{
        font-size: 1.3rem !important;
    }

    .swal2-styled.swal2-cancel {
        background-color: rgb(221, 51, 51) !important;
    }