.bootstrap-select .btn{margin-top:0px!important;padding: 10px 20px 8px;display: inline-block;font-size: 14px;border-radius: 30px;background: #ffffff;color: #666;text-align: left;
    line-height: initial;letter-spacing: initial;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.bootstrap-select .btn:hover,.bootstrap-select .btn:focus,.bootstrap-select .btn:active{color:#666!important;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:90%;max-width:350px;}
.display-hide {display: none;}

.drawer{position:absolute;top:0;right:0;bottom:0;overflow:auto;width:50%;z-index:9999;background:#ffffff;height:calc(100% - 1px);box-shadow:0 6.4px 14.4px 0 rgba(0,0,0,.132),0 1.2px 3.6px 0 rgba(0,0,0,.108);}
.drawer .drawer-header{height: 50px;display: inline-block;padding:15px;border-bottom: solid 2px lightgray;width: 100%;z-index: 999999999;background:#ffffff;position:fixed;top:0;font-weight:bold;}
.drawer .drawer-body{overflow-x:hidden;overflow-y:auto;padding:15px;height:calc(100vh - 110px);margin : 50px 0;}
.drawer .drawer-footer{background:#ffffff;height:50px;display: inline-block;padding:10px 15px;border-top: solid 2px lightgray;z-index: 999999999;width:100%;position:fixed;bottom:0;}
.drawer.wide{width:85%!important;}
.drawer .fa-spin{margin: 0 0 0 10px!important;}


.custompagination {display: flex;justify-content: center;list-style: none;padding: 0px;margin-bottom:0;margin-top:15px;}
.custompagination li a {display: block;padding: 5px 12px;text-decoration: none;border: 1px solid gray;color: black;margin: 0 4px;border-radius: 0px;}
.custompagination li a.disabled {color: #dddddd;cursor: not-allowed;pointer-events: none;}
.custompagination li a:hover{background:#a6c437;color:#ffffff;}
.custompagination li a.w3-red{background:#a6c437;color:#ffffff;}

.table-header{width: 100%;display:flex;flex-direction:row;flex-wrap:wrap;color: #000000;height: 30px;margin-bottom: 5px;line-height: 10px;}
.table-header .records{width:20%;text-align:right;line-height:30px;}
.table-header .actions{width:80%;line-height:30px;}
.btnaction,.btnaction:active,.btnaction:visited,.btnaction:focus{text-decoration: none;border: solid 1px gray;padding: 5px 10px;color: #000000;}
.btnaction:hover{background-color: #a6c437;color: #ffffff;border: solid 1px #a6c437;text-decoration:none;}


.gridinfo{font-size:13px;margin-top:50px;display:inline-block;}
.gridinfo .scrollit{overflow-y:auto;height:calc(100vh - 200px);border-bottom: solid 1px lightgray;border-right: solid 1px lightgray;border-left: solid 1px lightgray;padding: 2px;}
.gridinfo table{width:100%;table-layout:fixed;margin-bottom:0;}
.gridinfo table tr>th{background:#a6c437;color:#ffffff;font-weight:normal;}
.gridinfo table tr.data-row{cursor:pointer;}
.gridinfo table tr.selected{background-color:#ebebeb;}
.gridinfo .footer{background: black;color: #ffffff;padding: 10px!important;}

.customloader {border: 5px solid #f3f3f3;border-radius: 50%!important;border-top: 5px solid #a6c437;width: 40px;height: 40px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;margin:50px auto;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

.manage-wrapper .manage-item{float: left;width: 30%;max-width: 230px;margin-bottom:5px;margin-bottom:10px;}
.manage-wrapper .manage-item .title{width:100%;display:inline-block;}
.manage-wrapper .manage-item input[type='text'],.manage-wrapper .manage-item .input-group,.manage-wrapper .manage-item input[type='number'],.manage-wrapper .manage-item input[type='date']{width:95%;}
.manage-wrapper .input-group-addon{padding:3px 0;left:15px;top:0;}
.manage-wrapper .manage-item .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:95%;}
.manage-wrapper .manage-item .inline-title{display:inline-block;margin-left:10px;font-weight:bold;}

.manage-wrapper .manage-item-wide{float: left;width:100%;max-width:none;margin-bottom:10px;}
.manage-wrapper .manage-item-wide input[type='text'],.manage-wrapper .manage-item .input-group{width:96%;}
.manage-wrapper .manage-item-wide .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:96%;}
.manage-wrapper .manage-item-wide .title{width:100%;display:inline-block;}
.manage-wrapper .manage-item-wide .inline-title{display:inline-block;margin-left:10px;font-weight:bold;}

.manage-wrapper .manage-item-semiwide{float: left;width:45%;max-width:none;margin-bottom:10px;}
.manage-wrapper .manage-item-semiwide input[type='text'],.manage-wrapper .manage-item-semiwide input[type='number'],.manage-wrapper .manage-item .input-group,.manage-wrapper .manage-item-semiwide input[type='date']{width:93%;}
.manage-wrapper .manage-item-semiwide .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:93%;}
.manage-wrapper .manage-item-semiwide .title{width:100%;display:inline-block;}
.manage-wrapper .manage-item-semiwide .inline-title{display:inline-block;margin-left:10px;font-weight:bold;}

.manage-wrapper .chb-wrapper{width:100%;display:inline-block;cursor:pointer;}
.manage-wrapper .chb-wrapper .checkbox{width: 20px;height: 20px;vertical-align: middle;}
.manage-wrapper .chb-wrapper .checklabel{display: inline-block;margin-left: 10px;}

.green-circle {display: inline-block;width: 20px;height: 20px;background-color: #a6c437;border-radius: 50%;}
.red-circle {display: inline-block;width: 20px;height: 20px;background-color: #e52b50;border-radius: 50%;}
.yellow-circle {display: inline-block;width: 20px;height: 20px;background-color: #ffbd0a;border-radius: 50%;}