/*Common css Open*/
body,html{font-family: 'CeraPro-Regular' !important; line-height: 150%; height: 100%; font-size: 14px; background: #f8f9fb; color: #6c7293;}
a:hover, a:focus {text-decoration: none; outline: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'CeraPro-Bold' !important; font-weight: 700; line-height: 1.3; }
.h6, h6 {font-size: 1rem;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block; }
p{font-family: 'CeraPro-Light'; }
ul, ol{ margin: 0; padding: 0 }
a{ color:  #6c7293}
a:hover{ color:#dc3545}

.bg_white{background:#fff}
.bg_black{background: #3d3d3e}
.bg_none{ background: none }
.bg_light{background: #f8f9fb}
.bg_danger {background: #dc3545 !important;}
.bg-success{ background: #00d284 !important;}
.bg-warning{background: #ff5730 !important;}
.bg-info{ background: #11d0d0 !important;}
.bg-theme{ background:#a80c22}

.txt-color{ color:#1F4262}
.txt-muted{ color:#ccc}
.txt_white{color: #fff}
.txt_black{color: #3d3d3e}
.txt-danger {color: #dc3545 !important;}
.txt-success{ color: #00d284 !important;}
.txt-warning{color: #ff5730 !important;}
.txt-info{ color: #11d0d0 !important;}

.w-20{ width: 20% }
.mt-5{ margin-top: 5px!important }
.mr-40{ margin-right: 40px }
.mt-15{ margin-top: 15px }
.mb-15{ margin-bottom: 15px }
.mr-15{ margin-right: 15px }
.ml-15{ margin-left: 15px }
.r-40{ right : 40px!important }


.card-header, .card-footer{ background-color: #fff !important }

label{ text-transform: uppercase; font-size: 12px; opacity: .8; margin-bottom: 0;display: block; }
.btn, .btn:active, .btn.active, .btn:focus{border:none !important; outline: none !important; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; padding: 10px 40px; text-transform: uppercase;}
.b-block{ display: block; width: 100%; padding: 10px 5px; }
.btn-sm, .btn-sm:active, .btn-sm.active, .btn-sm:focus{ padding: 5px 15px;}
.nav-tabs li a, .btn{font-family: 'CeraPro-Medium' !important}
.btn-default{border:1px solid #ddd !important; background-color: #fff}
.btn.btn-default:active, .btn.btn-default.active, .btn-default.btn:focus, .btn-default.btn:hover{border:1px solid #ddd !important; background-color: rgba(0,0,0,.03) !important;}
.btn-primary {
    color: #fff;
    background-color: #a80c22;
    border-color: #a80c22;
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary.focus, .btn-primary:focus{ background-color: #871719; border-color: #871719;}
.page-link{color: #b32432;}
.btn-secondary{ background-color:#2fce93; border-color:#2fce93;}
.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background-color:#08af71; border-color:##08af71}
td  .custom-control-label{margin-left: 4px !important}

.animate{transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;}
.box-shadow{ box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -o-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -ms-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);}

strong, .strong{font-family: 'CeraPro-Bold';}
.font-weight-normal{font-family: 'CeraPro-Medium' !important;}

.form-control:focus, button:focus, .btn:focus{box-shadow:none !important; outline: none !important}
input[type="file"]{ min-height: 35px; padding-left: 3px; padding-top: 3px;}
.dropdown-item.active, .dropdown-item:active{background-color: #f1f1f1;}	
.sidebar .nav .nav-item .nav-link i.menu-arrow{transition: all .5s ease;}
a[aria-expanded="true"] i.menu-arrow{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }

/* scrollbar for Chrome, Safari and Opera*/
::-webkit-scrollbar {width: 5px; }
::-webkit-scrollbar-track {background: rgba(255,255,255,0); }
::-webkit-scrollbar-thumb {background: rgba(0,0,0,.5); }
::-webkit-scrollbar-thumb:hover {background: rgba(255,255,255,0); }
button.close{ margin-top: -9px !important;}
.remove_caret:after { content: none }
/*
.dropdown-menu {display: block;visibility: hidden;opacity:0;transform: translateY(50px);transition:.5s ease all;}
.dropdown-menu.show {display: block;visibility: visible;opacity:1;transform: translateY(0px);transition:.5s ease all;}
*/
.dropdown{display: inline-block !important;}
.default.dropdown-menu {display: block;visibility: hidden;opacity:0;transform:none;transition:.5s ease all;}
.default.dropdown-menu li a{ padding: 7px 10px; display: block; border-bottom: 1px solid #ddd }
.default.dropdown-menu li:last-child a{border-bottom:none}
.default.dropdown-menu.show {display: block;visibility: visible;opacity:1;transform: none !important;transition:.5s ease all; right: 0 !important; left: auto; top: 50px !important}

.default1.dropdown-menu.show {display: block;visibility: visible;opacity:1;transform: none !important;transition:.5s ease all; right: 0 !important; left: auto !important; top: 50px !important}
.default1.dropdown-menu{right: 0 !important; left: auto !important;}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px white inset !important; }

.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden; padding: 2rem}
.modal-dialog-slideout .modal-content{border: 0;}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {height: 69px; display: block;} 
.modal-dialog-slideout .modal-header h5 {float:left;}
.pagination{ margin-top: 20px }

.alert {border: medium none; border-radius: 0; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999999; font-size: 0.9em; }
.alert-warning {background: #f3817a; color: #fff; text-align: center; }

#tabs{background: #007b5e; color: #eee; }
#tabs h6.section-title{color: #eee; }
#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #dc3545; background-color: transparent; border-color: transparent transparent #dc3545; border-bottom: 4px solid !important; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{ border-color: transparent; }
#tabs .nav-tabs .nav-link {border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #eee; font-size: 20px; }
.chosen-container{ width: 100% !important; }
.chosen-container-single .chosen-single{background: #fff !important; border: 1px solid #ced4da;    min-height: 34px; line-height: 32px; box-shadow: none !important;}
.chosen-container-single .chosen-single div b{ background-position: 0 7px !important }
.small, small{ line-height: 120% !important; color: #111; }

.row.no-gutters  & > [class^="col-"], .row.no-gutters  & > [class*=" col-"] {padding-right: 0; padding-left: 0; }
.hide_file-btn{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0 }
.file_uploadarea .form-control{ border-radius: .25rem 0 0 .25rem !important }
.file_uploadarea .btn{border-radius: 0 30px 30px 0 !important; height: 34px; margin-top: 7px; padding-top: 7px;}
.btn-third{ border-radius: 100%; background-color: #f1f1f1; text-align: center; width: 30px; height: 30px; line-height: 30px; display: inline-block; }
.btn-third:hover{ color: #6c7293; background-color: #e1e2e4 }
.btn-third-right{ position: absolute;right:13px; top: 8px }

.error_message{ font-size: 12px; color: #e03079; }
/*Common css Close*/


/*Custom css Open*/

/*Login Open*/
.login{ background: url('../images/bg.png') no-repeat center #111; background-size: cover; }
.login .nav-tabs{ border-bottom: none; }
.login .nav-tabs li{ border: none !important }
.login .nav-tabs li a{  border-color:transparent; padding: 3px 20px; border: none; text-transform: uppercase; background-color: #ccc; color: #fff;}
.login .nav-tabs li a.active{ background-color: #dc3545; color: #fff}
.login .nav-tabs li:first-child a{border-radius:40px 0 0 40px;}
.login .nav-tabs li:last-child a{border-radius: 0 40px 40px 0;}
/*.login h5 { font-size: 16px }*/
.login h5 span{ opacity: .5; padding-bottom: 5px; border-bottom: 2px dotted transparent }
.login h5 span.active{ opacity: 1; border-color: #111 }
.login .form-control{ border-bottom: 1px solid #ccc !important; border: none; background: none !important; border-radius: 0; padding-left: 0; padding-top: 0 }
.forgot_pass{border-bottom: 1px dotted; padding-bottom: 3px; font-size: 13px}
.login .tab-content{ min-height: 350px }
/*Login Close*/

/*swipper slider open*/
.swiper-container {width: 100%; height: 100%; } 
.swiper-slide {text-align: center; font-size: 18px; background: none; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 
.swiper-pagination-bullet {width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color:#fff; opacity: 1; background: rgba(0,0,0,0.2); } 
.swiper-pagination-bullet-active {color:#1f4262; background: #fff; }
  /*swipper slider close*/  

.container-scroller {display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

/*Top menu open*/
.fixed-top {position: fixed; top: 0; right: 0; left: 0; z-index: 1; }
.fixed-top h2{ font-size: 20px; color: #Fff }
.navbar { left: 260px;}
.navbar .navbar-menu-wrapper {color: #fff; padding-left: 24px; padding-right: 16px; width:100%; height: 60px;  position: relative;}
.navbar .navbar-menu-wrapper .navbar-toggler {border: 0; color: #fff; height: 60px; width: 48px; background: #282135; right: 100%; border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; -o-border-radius: 50px 0 0 50px; position: absolute; }
.navbar .navbar-menu-wrapper .navbar-nav{ flex-direction: row; -ms-flex-direction: row; }
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {margin-left: auto; }
.navbar .navbar-menu-wrapper .navbar-nav a{ padding: .5rem !important; display: block; color: #fff}
.navbar .navbar-menu-wrapper .navbar-nav .dropdown-menu a{color:#3d3d3e }
.fixed-top .navbar-nav .dropdown-menu { position: absolute; right: 0; left: auto;}
/*.notification{ position: relative; }*/
.notification {
    content: '';
    display: inline-block;
    text-decoration: inherit;
    min-width: 18px;
    height: 18px;
    background: #11d0d0;
    position: absolute;
    right: -3px;
    top: -3px;
    border-radius: 100%;
    text-align: center;
    line-height: 17px;
    font-size: 12px;
}
/*.notification:before {content: '';display: inline-block; text-decoration: inherit; width: 8px; height: 8px; background: #11d0d0;position: absolute; right: -3px; top: -3px;border-radius: 100%;}*/
.notification_list{ min-width: 260px }
..preview-item{ display: flex !important; }
.notification_list .notification_heading{font-family: 'CeraPro-Bold' !important; font-size: 16px}
.preview-thumbnail{ margin-right: 10px}
.preview-thumbnail .preview-icon {width: 36px; height: 36px; border-radius: 100%; text-align: center; line-height: 36px; color: #fff}
/* Top menu Close*/

/*Side bar open*/
.sidebar {min-height: calc(100vh); background: url('../images/bg_1.png') no-repeat center #fff; background-size: cover; font-weight: 400; padding: 0; width: 260px; border-right: 1px solid #e4e9f0;}
.input-group {position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%;
}
.input-group-append, .input-group-prepend {color: #c9c8c8; width: auto; border: none; }
.sidebar form .input-group .input-group-prepend .input-group-text{padding-left: 16px; height: 30px; background: #f7f8f9; color: #8e94a9; border-top-left-radius: 50px; border-bottom-left-radius: 50px; border: none}
.sidebar form .input-group .form-control{font-size: 10px; padding: 0; height: 30px; background: #f7f8f9; border-top-right-radius: 50px; border-bottom-right-radius: 50px; }
.sidebar .nav {-ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 60px; width: inherit; }
.sidebar .nav .nav-item{padding: 0 1rem !important; }
.sidebar>.nav>.nav-item{ border-bottom: 1px solid #ddd }
.sidebar .nav .nav-item .nav-link {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; padding: 10px 0 10px 0; color: #3e4b5b; -webkit-transition-duration: 0.45s; transition-duration: 0.45s; transition-property: color; -webkit-transition-property: color; }
.sidebar .nav .nav-item .nav-link i.menu-icon {font-size: 16px; line-height: 1.2; margin-right: 10px; color: #6a6b83; }
.sidebar .nav .nav-item .nav-link i.menu-arrow {line-height: 1; font-size: 16px; margin-left: auto; color: #423a8e; opacity: 0.36; }
.sidebar .nav.sub-menu {margin-bottom: 20px; margin-left: 9px; margin-top: 0; list-style: none; border-left: 1px solid #e4e9f0; } 
.sidebar .nav.sub-menu .nav-item {padding: 0; } 
.sidebar .nav.sub-menu .nav-item .nav-link {color: #3e4b5b; padding: 0.75rem 2rem 0.75rem 15px; position: relative; font-size: 0.8125rem; line-height: 1; height: auto; border-top: 0; }
.sidebar .nav .nav-item-head {padding: 0 1.5rem; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.sidebar .nav .nav-item.active {background: #282135; }
.sidebar .nav .nav-item.active a, .sidebar .nav .nav-item.active a i{color: #fff !important}
.sidebar .nav .nav-item .sub-menu .nav-link i.menu-icon{ color:#bcbdda;}
/*Side bar Close*/

/*Body open*/
.page-body-wrapper {min-height: calc(100vh - 60px); padding-left: 0; padding-right: 0; }
.main-panel {background: #f8f9fb; width: 100%; min-height: 100vh; padding-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.content-wrapper {background: #f8f9fb; padding: 40px; padding-bottom: 0; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.search_area .container{ padding: 0 !important }
.thumb-color{width: 24px; height: 24px; display: inline-block; border: 1px solid #ddd; border-radius: 3px}
.card_statistics{text-align: center; border: 1px solid rgba(0,0,0,.125); background-color: #Fff;border-radius: 4px; overflow: hidden;}
.card_statistics .card_cnt{width: 34%; border-right: 1px solid #ddd}
.card_statistics .card_cnt:last-child{ border-right: none }
.card_statistics .card_cnt big{ font-weight: 700; color: #111; font-size: 24px; text-align: center; }
.card_statistics .card_cnt .btn{ background-color: #f1f1f1; border-radius: 0 !important;padding-top: 20px; border-top:1px solid #ddd !important; font-size: 12px; color: rgba(0,0,0,.5); margin-top: -10px}
.card_cnt a.icn{ width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; color: #fff ; border-radius: 100%; position: relative; top: 5px; }
.md-accordion [role="tab"]{ padding-bottom: .5rem; padding-top: 1rem; position: relative; }
[role="tab"] h5{ color: #212529; font-size: 15px;}
[role="tab"] .btn-third{ position: absolute;right: 0; top: 8px }
/*Body close*/

td .img-thumbnail{ width:80px; }
.sorting{position:relative}
/*.sort_area {position: absolute;right: 5px;display: block;top: 50%;margin-top: -15px;background: #Fff;}*/
.sort_area { background: transparent;display: inline-block;vertical-align: -6px;margin-left: 5px; }
.sort_area span {display: block;}
.color-view{ position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 4px 0 0 4px; border: 1px solid #ddd; display: inline-block;  }
.position-relative input{ padding-left: 36px; } 
.axis { position: relative; }
.axis label{ position: absolute; left: 0; top: 0; height: 34px; border-right: 1px solid #ced4da; width: 28px; text-align: center; background-color: #f1f1f1}
.axis .form-control{ padding-left: 30px; }
.inves_pic{ font-family: 'CeraPro-Bold' !important; font-size: 14px; text-transform: uppercase; width: 36px; height: 36px; line-height: 34px; text-align: center; display: inline-block; border-radius: 100%; border: 1px solid #ddd; color: #fff; position: relative; margin-left: -15px }
.inves_pic:hover{ color: #fff !important; z-index: 1 }
.inves_pic:first-child{ margin-left: 0 }

.investigator_action dt{background-color: #f1f1f1; padding: 15px}
.investigator_action dd{ margin-left: 30px; margin-top: 20px; position: relative; }
.investigator_action dd:before{ content: ''; position: absolute; left: 17px; top: 0; height: 100%; width: 2px; background-color: #ddd; z-index: 0 }
.investigator_action .w-20{ width: 18%; margin-right: 2%; margin-bottom: 10px }
.investigator_action dd .count{width: 36px; min-width: 36px; height: 36px; line-height: 34px; text-align: center; display: block; border-radius: 100%; background-color: #f1f1f1;     color: #999; border: 2px solid #ddd; margin-right: 10px; position: relative; z-index: 1; font-family: 'CeraPro-Bold' !important;}
.investigator_action dd p{ margin-bottom: 0px }
.investigator_action dd .d-flex{ margin-bottom: 10px; position: relative; }
.investigator_action dd .d-flex:last-child:before{ content: ''; position: absolute; left: 17px; top: 0; height: 100%; width: 2px; background-color: #fff; z-index: 0 }

.document_ViewDownload{ display: inline-block; width: 100% }
.document_ViewDownload a{ display: inline-block; text-align: center; }
.document_ViewDownload a span{ display: block; }
/*Footer Open*/
.footer {background: #f8f9fb; padding: 15px 25px; font-size: 13px}
/*Footer Close*/


/*New Code*/
.investigator_nm>a{ width: 36px; height: 36px; line-height: 36px; display: inline-block; position: relative; margin-left: -10px; text-align: center; border: 1px solid #ddd;}

.investigator_nm>a:hover{ z-index: 1; background: #ddd !important; color: #999 !important }
.upload_doc{display: table;}
.upload_doc a{display: table-cell; border: 1px solid #ddd; padding: 10px; position: relative;}
.upload_doc a span{ position: absolute; right: 5px; top: 5px; background: #6c7293; color: #fff  }

.badge-light {color: #333 !important; border: 1px solid #ddd !important; margin-top: 3px!important ; margin-bottom: 3px!important ; margin-right: 1px!important ;margin-left: 15px!important ; font-weight : 500; text-align: left; padding: 6px; line-height: 14px; }
.action_require{ position: relative;}
.action_require dt{ margin-bottom: 10px}
.action_require dd{ padding-left: 25px; margin-bottom: 0; margin-left: 15px; /*border-left: 1px solid #ddd; */position: relative;}
.action_require dd:after{ content: ''; position: absolute; left: 0; top: 10px; width: 20px; height: 1px; border-bottom: 1px solid #ddd }
.action_require dd:before{ content: ''; position: absolute; left: 0; top: 5px; width: 10px; height: 10px; display: inline-block; border: 1px solid #ddd; border-radius: 100%; background: #fff; z-index: 1;}
.dropdown-toggle.custom{ border: 1px solid #ddd; background: #fff }
.icon_base_upload{ position: relative; width: 33px; height: 33px; margin: 0 10px; text-align: center; line-height: 30px; border: 1px solid #ced4da; border-radius: .25rem }
.icon_base_upload input{ opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.icon_base_upload i{}
.btn-info{ padding: 7px 12px; border: none; margin-left: 10px; border-radius: .25rem; }
.msg{  margin-bottom: 15px }
.msg .msg_date{ margin-left: 10px }
.msg:last-child{ margin-bottom: 0 !important }
.incomming{ margin-right: 50px;  }
.incomming .t_msg{background-color: rgba(32,66,98,.1) !important;border-radius: 1rem!important; padding: 10px;} 
.outgoing{ margin-left: 50px;} 
.outgoing .t_msg{background-color: #fff !important; border-radius: 1rem!important; padding: 10px;} 

.btn-round {width: 36px; height: 36px; text-align: center; border-radius: 100% !important; border: none; text-align: center; line-height: 36px;}
.btn-text{ border-radius: none;background: none !important; text-align: center; max-height: 34px; border: none !important }
.delet-right{ position: absolute; right: -5px; top: -5px }
.badge-light.ml-0{ margin-left: 0 !important }

.task_note_container .card-header1{ background: #fbfbfb; padding:0 15px; position: relative; }
.task_note_container .card-header1:before{ content: ''; position: absolute; left: -4px; border-left: 3px solid #204262; height: 100%; display: inline-block; }
.bouble{ border: 1px dotted rgba(0,0,0,.1) }

.task_note_container .card{box-shadow:0 3px 0px 1px rgba(32, 66, 98, .1); -webkit-box-shadow:0 3px 0px 1px rgba(32, 66, 98, .1); -moz-box-shadow:0 3px 0px 1px rgba(32, 66, 98, .1); -o-box-shadow:0 3px 0px 1px rgba(32, 66, 98, .1); -ms-box-shadow:0 3px 0px 1px rgba(32, 66, 98, .1);}
.task_note_container .card-body { padding: 5px }
.task_note_container .card-body1{ padding: 0 15px; margin-bottom: 1rem }

.table_horizontal_scroll{ display: block; overflow-x: auto; }

.sidebar-brand-logo{width: 100px !important;}

.opacity_5 { opacity: 0.5; }

.cursor_default{ cursor:default; }

.closeButton { background-image: url('../images/close.png');background-size: 16px; border: 0px; background-color: transparent; background-repeat: no-repeat; }

#case_task_status_message { font-size: 16px; text-align: center; }

.card-header1 .investigator_nm{ min-width: 50px; text-align: center; }