body{

    background-color: #f7f7f7 !important;

}

.x_title h2,

table.tile_info td p {

    white-space: nowrap;

    text-overflow: ellipsis

}

.modal-backdrop {

    position: relative;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    background-color: #000;

}

.modal-backdrop.in {

    filter: alpha(opacity=50);

    opacity: .5;

}

.site_title,

.x_title h2,

table.tile_info td p {

    text-overflow: ellipsis

}



.jst-hours, .jst-minutes, .jst-seconds{

    float:left;

    font-size: 35px;

    color: #fff;

}



.counter_div{

    background: #e80b0b;

    padding: 10px;

    margin-top: -3px;

    border-radius: 3px;

    padding: 10px !important;

    float: right !important;

    margin-right: 15px;

    margin-top: -5px;

}

.counter_div a{

    color:#fff !important;

}



.counter_div{

    padding-left: 16px !important;

}

.detail a,

.expand,

.jqstooltip,

.paging_full_numbers a:hover,

.site_title:focus,

.site_title:hover,

a,

a:focus,

a:hover {

    text-decoration: none

}



.byline,

.main_menu .fa {

    -webkit-font-smoothing: antialiased

}



.daterangepicker .ranges li {

    color: #73879C

}



.daterangepicker .ranges li.active,

.daterangepicker .ranges li:hover {

    background: #536A7F;

    border: 1px solid #536A7F;

    color: #fff

}



.daterangepicker .input-mini {

    background-color: #eee;

    border: 1px solid #ccc;

    box-shadow: none!important

}



.daterangepicker .input-mini.active {

    border: 1px solid #ccc

}



.daterangepicker select.ampmselect,

.daterangepicker select.hourselect,

.daterangepicker select.minuteselect,

.daterangepicker select.monthselect,

.daterangepicker select.secondselect,

.daterangepicker select.yearselect {

    font-size: 12px;

    padding: 1px;

    margin: 0;

    cursor: default;

    height: 30px;

    border: 1px solid #ADB2B5;

    line-height: 30px;

    border-radius: 0!important

}



.daterangepicker select.monthselect {

    margin-right: 2%

}



.daterangepicker td.in-range {

    background: #E4E7EA;

    color: #73879C

}



.daterangepicker td.active,

.daterangepicker td.active:hover {

    background-color: #536A7F;

    color: #fff

}



.daterangepicker th.available:hover {

    background: #eee;

    color: #34495E

}



.daterangepicker:after,

.daterangepicker:before {

    content: none

}



.daterangepicker .calendar.single {

    margin: 0 0 4px

}



.daterangepicker .calendar.single .calendar-table {

    width: 224px;

    padding: 0 0 4px!important

}



.daterangepicker .calendar.single .calendar-table thead tr:first-child th {

    padding: 8px 5px

}



.daterangepicker .calendar.single .calendar-table thead th {

    border-radius: 0

}



.daterangepicker.picker_1 {

    color: #fff;

    background: #34495E

}



.daterangepicker.picker_1 .calendar-table {

    background: #34495E

}



.daterangepicker.picker_1 .calendar-table thead tr {

    background: #213345

}



.daterangepicker.picker_1 .calendar-table thead tr:first-child {

    background: #1ABB9C

}



.daterangepicker.picker_1 .calendar-table td.off {

    background: #34495E;

    color: #999

}



.daterangepicker.picker_1 .calendar-table td.available:hover {

    color: #34495E

}



.daterangepicker.picker_2 .calendar-table thead tr {

    color: #1ABB9C

}



.daterangepicker.picker_2 .calendar-table thead tr:first-child {

    color: #73879C

}



.daterangepicker.picker_3 .calendar-table thead tr:first-child {

    color: #fff;

    background: #1ABB9C

}



.daterangepicker.picker_4 .calendar-table thead tr:first-child {

    color: #fff;

    background: #34495E

}



.daterangepicker.picker_4 .calendar-table td,

.daterangepicker.picker_4 .calendar-table td.off {

    background: #ECF0F1;

    border: 1px solid #fff;

    border-radius: 0

}



.daterangepicker.picker_4 .calendar-table td.active {

    background: #34495E

}



.calendar-exibit .show-calendar {

    float: none;

    display: block;

    position: relative;

    background-color: #fff;

    border: 1px solid #ccc;

    margin-bottom: 20px;

    border: 1px solid rgba(0, 0, 0, .15);

    overflow: hidden

}



.calendar-exibit .show-calendar .calendar {

    margin: 0 0 4px

}



.calendar-exibit .show-calendar.picker_1 {

    background: #34495E

}



.calendar-exibit .calendar-table {

    padding: 0 0 4px

}



.left_col {

    background: #fff

}



.nav-sm .container.body .col-md-3.left_col {

    min-height: 100%;

    width: 70px;

    padding: 0;

    z-index: 9999;

    position: absolute

}



.nav-sm .container.body .col-md-3.left_col.menu_fixed {

    position: fixed;

    height: 100%

}



.nav-sm .container.body .col-md-3.left_col .mCSB_container,

.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {

    overflow: visible

}



.overflow_hidden,

.sidebar-widget,

.site_title,

.tile,

.weather-days .col-sm-2,

.x_title h2,

table.tile_info td p {

    overflow: hidden

}



.nav-sm .hidden-small {

    visibility: hidden

}



.nav-sm .container.body .right_col {

    padding: 10px 20px;

    margin-left: 70px;

    z-index: 2

}



.nav-sm .navbar.nav_title {

    width: 70px

}



.nav-sm .navbar.nav_title a span {

    display: none

}



.nav-sm .navbar.nav_title a i {

    font-size: 27px;

    margin: 13px 0 0 3px

}



.site_title i {

    border: 1px solid #EAEAEA;

    padding: 5px 6px;

    border-radius: 50%

}



.nav-sm .main_container .top_nav {

    display: block;

    margin-left: 70px;

    z-index: 2

}



.nav-sm .nav.side-menu li a {

    text-align: center!important;

    font-weight: 400;

    font-size: 10px;

    padding: 10px 5px

}



.nav-sm .nav.child_menu li.active,

.nav-sm .nav.side-menu li.active-sm {

    border-right: 5px solid #1ABB9C

}



.nav-sm .nav.side-menu li.active-sm ul ul,

.nav-sm ul.nav.child_menu ul {

    position: static;

    width: 200px;

    background: 0 0

}



.nav-sm>.nav.side-menu>li.active-sm>a {

    color: #1ABB9C!important

}



.nav-sm .nav.side-menu li a i.toggle-up {

    display: none!important

}



.nav-sm .menu_section h3,

.nav-sm .profile,

.nav-sm .menu_section span.fa {

    display: none

}



.nav-sm .nav.side-menu li a i {

    font-size: 25px!important;

    text-align: center;

    width: 100%!important;

    margin-bottom: 5px

}



.nav-sm ul.nav.child_menu {

    left: 100%;

    position: absolute;

    top: 0;

    width: 210px;

    z-index: 4000;

    background: #3E5367;

    display: none

}



.nav-sm ul.nav.child_menu li {

    padding: 0 10px

}



.nav-sm ul.nav.child_menu li a {

    text-align: left!important

}



.menu_section {

    margin-bottom: 35px

}



.menu_section h3 {

    padding-left: 15px;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: .5px;

    font-weight: 700;

    font-size: 11px;

    margin-bottom: 0;

    margin-top: 0;

    text-shadow: 1px 1px #000

}



.menu_section>ul {

    

    padding: 0px 8px;

    padding-top: 8px;

	overflow-y: auto;

    height: 600px;

}



.profile_pic {

    width: 35%;

    float: left

}



.img-circle.profile_img {

    width: 70%;

    background: #fff;

    margin-left: 15%;

    z-index: 1000;

    position: inherit;

    margin-top: 10px;

    border: 1px solid rgba(52, 73, 94, .44);

    padding: 4px

}



.profile_info {

    

    padding: 12px 10px 22px 00px;

    width: 65%;

    float: left

}



.profile_info span {

    font-size: 13px;

    line-height: 30px;

    color: #BAB8B8

}



.profile_info h2 {

    font-size: 14px;

    color: #ECF0F1;

    margin: 0;

    font-weight: 300

}



.profile.img_2 {

    text-align: center

}



.profile.img_2 .profile_pic {

    width: 100%

}



.profile.img_2 .profile_pic .img-circle.profile_img {

    width: 50%;

    margin: 10px 0 0

}



.profile.img_2 .profile_info {

    padding: 15px 10px 0;

    width: 100%;

    margin-bottom: 10px;

    float: left

}



.main_menu span.fa {

    float: right;

    text-align: center;

    margin-top: 5px;

    font-size: 10px;

    min-width: inherit;

    color: #C4CFDA;

    display:block;

}



.active a span.fa {

    text-align: right!important;

    margin-right: 4px

}



.nav-sm .menu_section {

    margin: 0

}



.nav-sm li li span.fa {

    display: inline-block

}



.nav_menu {

    float: left;

   

    margin-bottom: 10px;

    width: 100%;

    position: relative

}



.task-mgnt label{

  font-size: 15px;

  margin-bottom: 12px;

    

}

.task-magnt select{

 width: 101%;

  height: 35px;

}

.sub_task{

   

  padding-left: 0px;

  

}

.sub_task input{

  width: 102%;

    height: 38px;

    padding: 5px;

    font-size: 12px;

    border-radius: 2px;

}

.parent_task_mgnt{

  height: 190px;

  border-bottom: 2px solid #e6e9ed73;

    

}

.sub_parent_task{

  border: 1px solid #99999942;

  margin-top: 12px;

  background: #fff;

    

    box-shadow: 0px 2px 6px 5px #9999992b;

}

.main_form{

  margin-top: 13px;

}

.type_control{

  border-radius: 2px;

  padding-left: 0px;

    width: 100%;

   height:40px;

}

.textarea_control{

  padding: 0px;

    }

.form-control {

     padding-left: 5px;

    border-radius: 2px;

    width: 99%;

}

.close{

    opacity: 1 !important;

}

.nav.navbar-nav>li>a {

    color: #343434 !important;

    text-transform: capitalize;

}

.padding_zero{

      

  padding-left: 2px;

    padding-right: 7px;

}

.btn_add{

   border-radius: 4px 5px;

   margin-top: 0px;

  height: 35px;

  background: #5a4932;

    /* border: none; */

  color: #fff;

   border: 1px solid #5a4932;

    }

  .btn_Submit{

    width:10%;

    border-radius: 4px 5px;

    float: right;

    margin-bottom: 19px;

    height: 35px;

  background: #5a4932;

    /* border: none; */

  color: #fff;

   border: 1px solid #5a4932;

  }

.sub_forms{

background: #fff;

  border: 1px solid #99999942;

  padding: 9px 6px;

    border-radius: 1%;

    box-shadow: 0px 2px 6px 5px #9999992b;

  }

  .task{

    margin-top: 12px; 

  }

.task_mgnt select{

    width: 12px;

    border: 1px solid #ccc;



}

.btn_add_more .btn{

    text-align: left;

}



  /*/*view_all_log-view_task css start*/

  .view_sub_parent_task{

    border: 1px solid #99999942;

    margin-top: 21px;

    background: #fff;

    height: 105px;

    box-shadow: 0px 2px 6px 5px #9999992b;

  }

  .btn_hold{

    float: right;

  }

  .view_btn_control button{

   margin-left: 7px;

    float: right;

    width: 7%;

    height: 35px;

    border-radius: 4px 5px;

    background: #5a4932;

    color: #fff;

    border: 1px solid #5a4932;

    /*margin-top: 16px;*/

    margin-top: 0px;

  }

  .view_task{

   border: 1px solid #99999942;

    margin-top: 12px;

    background: #fff;

    height: 332px;

    box-shadow: 0px 2px 6px 5px #9999992b;

    padding: 12px 12px;

  }

.btn_view_task{

  text-align: center;

}

.view_form_control{

  padding-left: 0PX;

    width: 103%;

}

.view_color_control{

  background: #f7f7f7;

    height: 440px;

}

.btn_status{

  margin-top: 40px;

}

.btn_status button{

  width: 7%;

    height: 35px;

    border-radius: 4px 5px;

    background: #5a4932;

    color: #fff;

    border: 1px solid #5a4932;

}

.btn_view_task button{

  width: 33%;

    height: 35px;

    border-radius: 4px 5px;

    background: #5a4932;

    color: #fff;

    border: 1px solid #5a4932;

}



.task-magnt select{

 width: 101%;

  height: 35px;

}

.main_details{

    height: 500px;

}

.new_details_list ul{

    height: 500px;

    overflow-y: auto;

    border: 1px solid #aaaaaa40;

    background: #fff;

    padding: 8px 10px;

    /* height: 357px; */

    box-shadow: 1px 2px 6px 5px #9999992b;

}

.new_details_list ul li{

   line-height: 15px;

    list-style: none;

    border: 1px solid #e2dada;

    padding: 5px 0px;

    margin-bottom: 14px;

    border-radius: 3px;

}

.back i{

  

    padding: 5px 6px 5px 0px;

}





 .parent_task_mgnt .y_title{

    background: #f7f7f7;;

 }

.tbl_view{

        width: 55%;

    /*width: 100%;*/

}

.sub_staus_view .tbl_task{

  /* width: 60%; */

   margin-top: 12px;

}

.nav-tabs {

    margin-bottom: 10px;

}

.sub_staus_view .tbl_task td{

   /* width: 50%;*/

    text-align: left;

}

.tbl_view td{

    font-size: 13px;

    text-align: left;

    width: 50%;

   

}

.tbl_details{

    margin-top: 10px;

    margin-bottom: 8px;

}

.tbl_details td,th{

    text-align: left;

    /*width: 47%;*/

}



/*.tbl_width_task th{

    padding-right: 20px;

}*/

.tbl_details td{

    text-align: left;

} 

.sub_detail_control button{

    margin-right: 0 !important;

    margin-left: 3px;

}

.padding_z{

    padding: 0px;

}

.view_sub_task_control{

line-height: 28px;

margin-top: 19px;

background: #fff;



border: 1px solid #eee;

}

.main_view_control{

     

    margin-top: 0px;

    

}

.sub_staus_view{

  

    background: #fff;

    margin-top: 15px;

    box-shadow: 1px 2px 5px 0px #9999992b;

    border: 1px solid #eee;

    padding-left: 10px;

    padding-right: 0px;

    border-radius: 3px;

}

/*.sub_staus_view .btn{

    font-size: 11px;

    margin-top: 5px;

}*/

/*.btn_sta a{

    float: right !important;

    margin: 0px;

   width: 55px;

   padding: 4px 6px;

   font-size: 12px;

   margin-top: 5px;

 

}*/

.btn_sta{

   

    position: absolute;

    bottom: 8px;

    right: 10px;



}

.btn_sta button{

    

    background: #45ab59;

}

.btn_view_task a{

   float: left !important;

    text-align: left;

    font-size: 11px;

    margin-top: 5px;

    

}

@media (min-width:480px) {

    .nav_menu {

        position: static;

		background: #fff;

    }

}



.nav-md .container.body .col-md-3.left_col {

    

   

    min-height: 100%;

    width: 255px;

    padding: 0;

    position: fixed;

    display: -ms-flexbox;

 

    z-index: 1

}



.nav-md .container.body .col-md-3.left_col.menu_fixed {

    height: 100%;

    position: fixed

}



body .container.body .right_col {

    /*background: #fff*/

    background: #f7f7f7;

}



.nav-md .container.body .right_col {

    padding: 10px 15px 0px 40px;

    margin-left: 230px

}



@media (max-width:991px) {

    .nav-md .container.body .right_col,

    .nav-md .container.body .top_nav {

        width: 100%;

        margin: 0

    }

    .nav-md .container.body .col-md-3.left_col {

        display: none

    }

    .nav-md .container.body .right_col {

        width: 100%;

        padding-right: 0

    }

    .right_col {

        padding: 10px!important

    }

}



@media (max-width:1200px) {

    .x_title h2 {

        width: 62%;

        font-size: 17px

    }

    .graph,

    .tile {

        zoom: 85%;

        height: inherit

    }

}



@media (max-width:1270px) and (min-width:192px) {

    .x_title h2 small {

        display: none

    }

}



.left_col .mCSB_scrollTools {

    width: 6px

}



.left_col .mCSB_dragger {

    max-height: 400px!important

}



.blue {

    color: #3498DB

}



.purple {

    color: #9B59B6

}



.green {

    color: #1ABB9C

}



.aero {

    color: #9CC2CB

}



.red {

    color: #E74C3C

}



.dark {

    color: #34495E

}



.border-blue {

    border-color: #3498DB!important

}



.border-purple {

    border-color: #9B59B6!important

}



.border-green {

    border-color: #1ABB9C!important

}



.border-aero {

    border-color: #9CC2CB!important

}



.border-red {

    border-color: #E74C3C!important

}



.border-dark {

    border-color: #34495E!important

}



.bg-white {

    background: #fff!important;

    border: 1px solid #fff!important;

    color: #73879C

}



.bg-green {

   

    background: #ed7f28!important;

    border: 1px solid #ec5916!important;

    color: #fff

}



.bg-red {

    background: #E74C3C!important;

    border: 1px solid #E74C3C!important;

    color: #fff

}



.bg-blue {

    background: #3498DB!important;

    border: 1px solid #3498DB!important;

    color: #fff

}



.bg-orange {

    background: #F39C12!important;

    border: 1px solid #F39C12!important;

    color: #fff

}



.bg-purple {

    background: #9B59B6!important;

    border: 1px solid #9B59B6!important;

    color: #fff

}



.bg-blue-sky {

    background: #50C1CF!important;

    border: 1px solid #50C1CF!important;

    color: #fff

}



.container {

    width: 100%;

    padding: 0

}



.top_nav .nav .open>a,

.top_nav .nav .open>a:focus,

.top_nav .nav .open>a:hover,

.top_nav .nav>li>a:focus,

.top_nav .nav>li>a:hover {

    

}

table.dataTable thead th, table.dataTable thead td{

    border-color:#ccc;

}

.table.dataTable.no-footer{

    border-color:#ccc;

}

body {

    color: #73879C;

    background: #fff;

    font-family: 'Noto Sans', sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.471

}



.main_container .top_nav {

    display: block;

    margin-left: 230px

}



.no-padding {

    padding: 0!important

}



.page-title {

    width: 100%;

    height: 65px;

    padding: 10px 0

}



.page-title .title_left {

    width: 45%;

    float: left;

    display: block

}



.page-title .title_left h3 {

    margin: 9px 0

}



.page-title .title_right {

    width: 55%;

    float: left;

    display: block

}



.page-title .title_right .pull-right {

    margin: 10px 0

}



.fixed_height_320 {

    height: 320px

}



.fixed_height_390 {

    height: 390px

}



.fixed_height_200 {

    height: 200px

}



.progress-bar-dark {

    background-color: #34495E!important

}



.progress-bar-gray {

    background-color: #BDC3C7!important

}



table.no-margin .progress {

    margin-bottom: 0

}



.main_content {

    padding: 10px 20px

}



.col-md-55 {

    width: 50%;

    margin-bottom: 10px

}



@media (min-width:768px) {

    .col-md-55 {

        width: 20%

    }

}



@media (min-width:992px) {

    .col-md-55 {

        width: 20%

    }

}



@media (min-width:1200px) {

    .col-md-55 {

        width: 20%

    }

}



@media (min-width:192px) and (max-width:1270px) {

    table.tile_info span.right {

        margin-right: 7px;

        float: left

    }

}



.center-margin {

    margin: 0 auto;

    float: none!important

}



.col-lg-1,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-md-1,

.col-md-10,

.col-md-11,

.col-md-12,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-55,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-sm-1,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-xs-1,

.col-xs-10,

.col-xs-11,

.col-xs-12,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9 {

    position: relative;

    min-height: 1px;

    float: left;

    padding-right: 10px;

    padding-left: 10px

}



.row {

    margin-right: -10px;

    margin-left: -10px

}



.grid_slider .col-md-6 {

    padding: 0 40px

}



.h1,

.h2,

.h3,

h1,

h2,

h3 {

    margin-top: 10px;

    margin-bottom: 10px

}



a {

    color: #5A738E

}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus,

:active,

:focus,

:visited,

a,

a:active,

a:focus,

a:visited {

    outline: 0

}



.navbar {

    margin-bottom: 0

}



.navbar-header {

    background: #34495E

}



.navbar-right {

    margin-right: 0

}



.top_nav .navbar-right {

  

}



.top_nav .navbar-right li {

    display: inline-block;

    float: right;

    position: static

}



@media (min-width:480px) {

    .top_nav .navbar-right li {

        position: relative

    }

}



.top_nav .dropdown-menu li {

    width: 100%

}



.top_nav .dropdown-menu li a {

    width: 100%;

    padding: 12px 20px;

    color:#000;

}



.top_nav li a i { 

    font-size: 15px

}



.navbar-static-top {

    position: fixed;

    top: 0;

    width: 100%

}



.sidebar-header {

    border-bottom: 0;

    margin-top: 46px

}



.sidebar-header:first-of-type {

    margin-top: 0

}



.nav.side-menu>li {

    position: relative;

    display: block;

    cursor: pointer

}





.nav.side-menu>li>a:hover,

.nav>li>a:focus {

    

    text-decoration: none;

    

}

input[type=file]

{

    padding: 5px;

    padding-top: 8px;

}

.btn-assigned{

    color: #3e3e3e !important;

    border: none;

    border-radius: 3px;

    float: right;

}

.btn-accepted,.btn-pause{

    color:#fff !important;

}

.btn-accept{

    background-color: #0c9130;

}

.btn-back{

    background: #04073a;

    color: #ffffff !important;

    margin: 0px !important;

    margin-right: 7px !important;

    border: none;

    border-radius: 10px 0px;

}

.action{

    width:150px;

}

.current-page>a

{

    color: #fff !important;

}

.profile {

    display:none;

}

.nav.child_menu {

    display: none

}



.nav.child_menu li.active,

.nav.child_menu li:hover {

    background-color: rgba(255, 255, 255, .06)

}



.nav.child_menu li {

    padding-left: 36px

}



.nav-md ul.nav.child_menu li:before {

    background: #e3e1e1;

    bottom: auto;

    content: "";

    height: 8px;

    left: 23px;

    margin-top: 15px;

    position: absolute;

    right: auto;

    width: 8px;

    z-index: 1;

    border-radius: 50%

}



.nav-md ul.nav.child_menu li:after {

    border-left: 1px solid #e3e1e1;

    bottom: 0;

    content: "";

    left: 27px;

    position: absolute;

    top: 0

}



.nav.top_menu>li>a,

.nav>li>a {

    position: relative;

    display: block

    

}

.table-striped>tbody>tr:nth-of-type(odd){

    background-color: #f5f5f5 !important;

}

.nav.child_menu>li>a,

.nav.side-menu>li>a {

  

    font-size: 14px;

    

    border-radius: 8px;

    color: #4e4c4c;

    font-weight: bold;

    

}



.nav li li.current-page a,

.nav.child_menu li li a.active,

.nav.child_menu li li a:hover {

   /* color: #424242*/

   color: #fff

}



.nav.child_menu li li.active,

.nav.child_menu li li:hover {

    background: 0 0

}



.nav>li>a {

 

    padding: 12px 9px;



}



.profile {

    background:#000;

}

.mail_sort{

    float:right;

}

.nav li.current-page a {

    background-color: #c0e1ff;

    color:#0052cc !important;

    border-radius: 4px;

       

}



.compose_mail{

    margin:0px auto;

    float:none;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

    color: #000;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice

{

     color: #000;

}

.compose_mail .x_panel{

    

    margin: 0px auto;

    border-radius: 3px;

    margin-top: 19px;



}

.mail_sort{

    width: 40%;

}



.mail_sort select{

    font-size: 13px;

}

.mail_sort .form-group{

    margin-bottom: 0px;

}



table td, table th{

    color: #131111 !important;

}

.btn_sta span{

    color: #000;

}

.x_panel .nav>li>a {

    color: #000;

}

.inactive-color span{

    color: #7b7575;

}

.circle{

    height: 10px;

    width: 10px;

    border-radius: 50%;

    /* background: #000; */

    display: block;

    float: left;

    margin-top: 5px;

    margin-right: 5px;



}

.modal{

    background: #000000b5;

}

label {

    color: #000;

}

.nav-tabs>li.active>a

{

   

    background-color: #5a4932 !important;

    color: #fff !important;



    padding: 13px 14px;

    font-weight: 600;

}



.btn-danger {

    font-size: 12px;

    padding: 5px !important;

    font-weight: 600;

    color: #fff;

    background-color: #e80c06 !important;

    border-color: #ce0a04 !important;

}

.btn-success {

    color: #fff;

    background-color: #0052cc !important;

 border: none !important;

    padding: 8px 28px;

    

}

.sub_head h5{

	

    color: #bb700b;

    font-weight: bold;

}

.btn-msg{

    color: #fff !important;

    background: #027cff;

}



.nav li li li.current-page {

    background: 0 0

}

.question input{

 border-color:red;	

}

.add_more_box{

	background:#f2f2f2;

	padding-bottom:10px;

	margin-bottom:15px;

	border:1px solid #ccc;

}



.navbar-brand,

.navbar-nav>li>a,

.site_title {

    color: #000!important;

    margin-left: 0!important

}



.nav.side-menu>li.active>a {

   

}



.navbar-brand,

.navbar-nav>li>a {

    font-weight: 600;

    line-height: 32px

}







.nav.top_menu>li>a {

    padding: 10px 15px;

    color: #34495E!important

}





.top_search {

    padding: 0

}



.top_search .form-control {

    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075);

    border-radius: 25px 0 0 25px;

    padding-left: 20px;

    border: 1px solid rgba(221, 226, 232, .49)

}



.top_search .form-control:focus {

    border: 1px solid rgba(221, 226, 232, .49);

    border-right: 0

}



.top_search .input-group-btn button {

    border-radius: 0 25px 25px 0;

    border: 1px solid rgba(221, 226, 232, .49);

    border-left: 0;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    color: #93A2B2;

    margin-bottom: 0!important

}



.tiles,

.top_tiles {

    margin-bottom: 0

}



.toggle {

    float: left;

    margin: 0;

    padding-top: 16px;

    width: 70px

}



.toggle a {

    padding: 15px 15px 0;

    margin: 0;

    cursor: pointer

}



.toggle a i {

    font-size: 26px;

    

    color: #fff;

}



.nav.child_menu>li>a {

    

    color: #424242;

    font-size: 12px;

    padding: 9px;

    font-weight: bold;

}



.panel_toolbox {

    float: right;

    min-width: 70px

}



.panel_toolbox>li {

    float: left;

    cursor: pointer

}



.panel_toolbox>li>a {

    padding: 5px;

    color: #C5C7CB;

    font-size: 14px

}



.panel_toolbox>li>a:hover {

    background: #F5F7FA

}



.line_30 {

    line-height: 30px

}



.main_menu_side {

    padding: 0;

    height: 900px;

    overflow: scroll;

}



.bs-docs-sidebar .nav>li>a {

    display: block;

    padding: 4px 6px

}







.nav-sm footer {

    margin-left: 70px

}



.footer_fixed footer {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%

}



.degrees:after,

.x_content,

.x_panel {

    position: relative

}



@media (min-width:768px) {

    .footer_fixed .nav-sm footer,

    .footer_fixed footer {

        margin-left: 0

    }

}



.tile-stats.sparkline {

    padding: 10px;

    text-align: center

}



.jqstooltip {

    background: #34495E!important;

    width: 30px!important;

    height: 22px!important

}



.tooltip {

    display: block!important

}



.tiles {

    border-top: 1px solid #ccc;

    margin-top: 15px;

    padding-top: 5px

}



.top_tiles .tile h2 {

    font-size: 30px;

    line-height: 30px;

    margin: 3px 0 7px;

    font-weight: 700

}



article.media {

    width: 100%

}



*,

:after,

:before {

    box-sizing: border-box

}



#integration-list {

    width: 100%;

    margin: 0 auto;

    display: table

}



#integration-list ul {

    padding: 0;

    margin: 20px 0;

    color: #555

}



#integration-list ul>li {

    list-style: none;

    border-top: 1px solid #ddd;

    display: block;

    padding: 15px;

    overflow: hidden

}



#integration-list ul:last-child {

    border-bottom: 1px solid #ddd

}



#integration-list ul>li:hover {

    background: #efefef

}



.expand {

    display: block;

    color: #555;

    cursor: pointer

}



.expand h2 {

    width: 85%;

    float: left

}



h2 {

    font-size: 18px;

    font-weight: 400

}



#left,

#right {

    display: table

}



#sup {

    display: table-cell;

    vertical-align: middle;

    width: 80%

}



.detail a {

    color: #C0392B;

    border: 1px solid #C0392B;

    padding: 6px 10px 5px;

    font-size: 13px;

    margin-right: 7px

}



.detail {

    margin: 10px 0;

    display: none;

    line-height: 22px;

    height: 150px

}



.detail span {

    margin: 0

}



.right-arrow {

    width: 10px;

    float: right;

    font-weight: 700;

    font-size: 20px

}



.accordion .panel {

    margin-bottom: 5px;

    border-radius: 0;

    border-bottom: 1px solid #efefef

}



.x_panel,

.x_title {

    margin-bottom: 10px

}

.form-control:focus{

    

    box-shadow: 4px 5px 8px 2px #ccc !important;

}

.accordion .panel-heading {

    background: #F2F5F7;

    padding: 13px;

    width: 100%;

    display: block

}



.accordion .panel:hover {

    background: #F2F5F7

}



.x_panel {

    

    border-radius: 4px;

    width: 100%;

    padding: 10px 17px;

    display: inline-block;

    background: #fff;

    border: 1px solid #E6E9ED;

    -webkit-column-break-inside: avoid;

    -moz-column-break-inside: avoid;

    column-break-inside: avoid;

    opacity: 1;

    transition: all .2s ease;

    

    box-shadow: 4px 5px 8px 2px rgb(0 0 0 / 6%);

}



.x_title {

    /* border-bottom: 2px solid #E6E9ED; */

    padding: 1px 5px 6px

}



.x_title .filter {

    width: 40%;

    float: right

}



.x_content,

table.tile td ul li a,

table.tile_info {

    width: 100%

}



.x_title h2 {

   

    margin: 5px 0 6px;
    

    float: left;

	font-weight:bold;

     display: block;

    color: #0052cc;

}



.x_title h2 small {

    margin-left: 10px

}



/* .x_title span {

        color: #000;

} */



.x_content {

    padding: 0 5px 6px;

    float: left;

    clear: both;

    margin-top: 5px

}



.x_content h4 {

    font-size: 16px;

    font-weight: 500

}



legend {

    padding-bottom: 7px

}



.demo-placeholder {

    height: 280px

}



.profile_details:nth-child(3n) {

    clear: both

}



.profile_details .profile_view {

    display: inline-block;

    padding: 10px 0 0;

    background: #fff

}



.profile_details .profile_view .divider {

    border-top: 1px solid #e5e5e5;

    padding-top: 5px;

    margin-top: 5px

}



.profile_details .profile_view .ratings {

    margin-bottom: 0;

    text-align: left;

    font-size: 16px

}



.profile_details .profile_view .bottom {

    background: #F2F5F7;

    padding: 9px 0;

    border-top: 1px solid #E6E9ED

}



.profile_details .profile_view .left {

    margin-top: 20px

}



.profile_details .profile_view .left p {

    margin-bottom: 3px

}



.profile_details .profile_view .right {

    margin-top: 0;

    padding: 10px

}



.profile_details .profile_view .img-circle {

    border: 1px solid #E6E9ED;

    padding: 2px

}



.profile_details .profile_view h2 {

    margin: 5px 0

}



.profile_details .profile_view .brief {

    margin: 0;

    font-weight: 300

}



.profile_details .profile_left {

    background: #fff

}



.pagination.pagination-split li {

    display: inline-block;

    margin-right: 3px

}



.pagination.pagination-split li a {

    border-radius: 4px;

    color: #768399;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px

}



table.tile h3,

table.tile h4,

table.tile span {

    font-weight: 700;

    vertical-align: middle!important

}



table.tile td,

table.tile th {

    text-align: center

}



table.tile th {

    border-bottom: 1px solid #E6ECEE

}



table.tile td {

    padding: 5px 0

}



table.tile td ul {

    text-align: left;

    padding-left: 0

}



table.tile td ul li {

    list-style: none;

    width: 100%

}



table.tile td ul li a big {

    right: 0;

    float: right;

    margin-right: 13px

}



table.tile_info td {

    text-align: left;

    padding: 1px;

    font-size: 15px

}



table.tile_info td p {

    margin: 0;

    line-height: 28px

}



table.tile_info td i {

    margin-right: 8px;

    font-size: 17px;

    float: left;

    width: 18px;

    line-height: 28px

}



table.tile_info td:first-child {

    width: 83%

}



td span {

    line-height: 28px

}



.error-number {

    font-size: 90px;

    line-height: 90px;

    margin: 20px 0

}



.col-middle {

    margin-top: 5%

}



.mid_center {

    width: 370px;

    margin: 0 auto;

    text-align: center;

    padding: 10px 20px

}



h3.degrees {

    font-size: 22px;

    font-weight: 400;

    text-align: center

}



.degrees:after {

    content: "o";

    top: -12px;

    font-size: 13px;

    font-weight: 300

}



.daily-weather .day {

    font-size: 14px;

    border-top: 2px solid rgba(115, 135, 156, .36);

    text-align: center;

    border-bottom: 2px solid rgba(115, 135, 156, .36);

    padding: 5px 0

}



.weather-days .col-sm-2 {

    width: 16.66666667%

}



.weather .row {

    margin-bottom: 0

}



.bulk-actions {

    display: none

}



table.countries_list {

    width: 100%

}



table.countries_list td {

    padding: 0 10px;

    line-height: 30px;

    border-top: 1px solid #eee

}



.dataTables_paginate a {

    padding: 6px 9px!important;

    background: #ddd!important;

    border-color: #ddd!important

}



.paging_full_numbers a.paginate_active {

    background-color: rgba(38, 185, 154, .59)!important;

    border-color: rgba(38, 185, 154, .59)!important

}



a.DTTT_button,

button.DTTT_button,

div.DTTT_button {

    border: 1px solid #E7E7E7!important;

    background: #E7E7E7!important;

    box-shadow: none!important

}



table.jambo_table {

    border: 1px solid rgba(221, 221, 221, .78)

}



table.jambo_table thead {

    background: rgba(52, 73, 94, .94);

    color: #ECF0F1

}



table.jambo_table tbody tr:hover td {

    background: rgba(38, 185, 154, .07);

    border-top: 1px solid rgba(38, 185, 154, .11);

    border-bottom: 1px solid rgba(38, 185, 154, .11)

}



table.jambo_table tbody tr.selected {

    background: rgba(38, 185, 154, .16)

}



table.jambo_table tbody tr.selected td {

    border-top: 1px solid rgba(38, 185, 154, .4);

    border-bottom: 1px solid rgba(38, 185, 154, .4)

}



.dataTables_wrapper {

    position: relative;

    clear: both;

    zoom: 1

}



.dataTables_processing {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 250px;

    height: 30px;

    margin-left: -125px;

    margin-top: -15px;

    padding: 14px 0 2px;

    border: 1px solid #ddd;

    text-align: center;

    color: #999;

    font-size: 14px;

    background-color: #fff

}



td.details,

td.group {

    background-color: #d1cfd0

}



.dataTables_length {

    width: 40%;

    float: left

}



.dataTables_filter {

    /*//width: 50%;*/

    float: right;

    text-align: right

}



.dataTables_info {

    width: 60%;

    float: left

}



.dataTables_paginate {

    float: right;

    text-align: right

}



.dataTables_empty,

table.display td.center {

    text-align: center

}



table.dataTable td.focus,

table.dataTable th.focus {

    outline: #1ABB9C solid 2px!important;

    outline-offset: -1px

}



.paging_full_numbers a:active,

table.display thead td:active,

table.display thead th:active {

    outline: 0

}



table.display {

    margin: 0 auto;

    clear: both;

    width: 100%

}



table.display thead th {

    padding: 8px 18px 8px 10px;

    border-bottom: 1px solid #000;

    font-weight: 700;

    cursor: pointer

}



table.display tfoot th {

    padding: 3px 18px 3px 10px;

    border-top: 1px solid #000;

    font-weight: 700

}



table.display tr.heading2 td {

    border-bottom: 1px solid #aaa

}



table.display td {

    padding: 3px 10px

}



.dataTables_scroll {

    clear: both

}



.dataTables_scrollBody {

    -webkit-overflow-scrolling: touch

}



.top .dataTables_info {

    float: none

}



.clear {

    clear: both

}



tfoot input {

    margin: .5em 0;

    width: 100%;

    color: #444

}



tfoot input.search_init {

    color: #999

}



td.group {

    border-bottom: 2px solid #A19B9E;

    border-top: 2px solid #A19B9E

}



td.details {

    border: 2px solid #A19B9E

}



.example_alt_pagination div.dataTables_info {

    width: 40%

}



.paging_full_numbers {

    width: 400px;

    height: 22px;

    line-height: 22px

}



.paging_full_numbers a.paginate_active,

.paging_full_numbers a.paginate_button {

    border: 1px solid #aaa;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 2px 5px;

    margin: 0 3px;

    cursor: pointer

}



.paging_full_numbers a.paginate_button {

    background-color: #ddd

}



.paging_full_numbers a.paginate_button:hover {

    background-color: #ccc;

    text-decoration: none!important

}



.login_content .btn-default:hover,

.login_content a,

.tagsinput span.tag a,

.tile-stats>.dash-box-footer,

.tile:hover,

.view a.info,

span.tag {

    text-decoration: none

}



table.display tr.even.row_selected td {

    background-color: #B0BED9

}



table.display tr.odd.row_selected td {

    background-color: #9FAFD1

}



div.box {

    height: 100px;

    padding: 10px;

    overflow: auto;

    border: 1px solid #8080FF;

    background-color: #E5E5FF

}



ul.msg_list li {

    

    padding: 5px;

    display: -ms-flexbox;

    display: flex;

    margin: 6px 6px 0;

    width: 96%!important

}



ul.msg_list li:last-child {

    margin-bottom: 6px;

    padding: 10px

}



ul.msg_list li a {

    padding: 3px 5px!important

}



ul.msg_list li a .image img {

    border-radius: 2px;

    -webkit-border-radius: 2px;

    float: left;

    margin-right: 10px;

    width: 11%

}



ul.msg_list li a .time {

    font-size: 11px;

    font-style: italic;

    font-weight: 700;

    position: absolute;

    right: 35px

}



ul.msg_list li a .message {

    display: block!important;

    font-size: 11px

}



.dropdown-menu.msg_list span {

    white-space: normal

}



.tile_count .tile_stats_count,

ul.quick-list li {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.dropdown-menu {

    box-shadow: none;

    display: none;

    float: left;

    font-size: 12px;

    left: 0;

    list-style: none;

    padding: 0;

    position: absolute;

    text-shadow: none;

    top: 100%;

    z-index: 9998;

    border: 1px solid #D9DEE4;

    border-top-left-radius: 0;

    border-top-right-radius: 0

}



.dropdown-menu>li>a {

    color: #ffffff;

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

    color: #fff !important;

    text-decoration: none;

    background-color: #2f4cdd !important;

}



.navbar-nav .open .dropdown-menu {

    position: absolute;

    

    margin-top: 0;

    border: 1px solid #D9DEE4;

    -webkit-box-shadow: none;

    /* right: 0; */

    left: auto;

    width: 100%;

    /* min-width: 120px !important; */

}



.navbar-nav .open .ac {

    position: absolute;

    

    margin-top: 0;

    min-width: 130px !important;

     right: 0;

     left: auto;

}



input.timepicker::placeholder{

    color: #555 !important;

}



.navbar-nav .open .dropdown-menu.msg_list {

    width: 300px

}



.info-number .badge {

    font-size: 10px;

    font-weight: 400;

    line-height: 13px;

    padding: 2px 6px;

    position: absolute;

    right: 2px;

    top: 8px

}



ul.to_do {

    padding: 0

}



ul.to_do li {

    background: #f3f3f3;

    border-radius: 3px;

    position: relative;

    padding: 7px;

    margin-bottom: 5px;

    list-style: none

}



ul.to_do p {

    margin: 0

}



.dashboard-widget {

    background: #f6f6f6;

    border-top: 5px solid #79C3DF;

    border-radius: 3px;

    padding: 5px 10px 10px

}



.dashboard-widget .dashboard-widget-title {

    font-weight: 400;

    border-bottom: 1px solid #c1cdcd;

    margin: 0 0 10px;

    padding-bottom: 5px;

    padding-left: 40px;

    line-height: 30px

}



.dashboard-widget .dashboard-widget-title i {

    font-size: 100%;

    margin-left: -35px;

    margin-right: 10px;

    color: #33a1c9;

    padding: 3px 6px;

    border: 1px solid #abd9ea;

    border-radius: 5px;

    background: #fff

}



ul.quick-list {

    width: 45%;

    padding-left: 0;

    display: inline-block

}



ul.quick-list li {

    padding-left: 10px;

    list-style: none;

    margin: 0;

    padding-bottom: 6px;

    padding-top: 4px

}



ul.quick-list li i {

    padding-right: 10px;

    color: #757679

}



.dashboard-widget-content {

    padding-top: 9px

}



.dashboard-widget-content .sidebar-widget {

    width: 50%;

    display: inline-block;

    vertical-align: top;

    background: #fff;

    border: 1px solid #abd9ea;

    border-radius: 5px;

    text-align: center;

    float: right;

    padding: 2px;

    margin-top: 10px

}



.widget_summary {

    width: 100%;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.widget_summary .w_left {

    float: left;

    text-align: left

}



.widget_summary .w_center {

    float: left

}



.widget_summary .w_right {

    float: left;

    text-align: right

}

.inbox_unread_message{

    background-color: #ffffff !important;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22);

}

.widget_summary .w_right span {

    font-size: 20px

}



.w_20 {

    width: 20%

}



.w_25 {

    width: 25%

}



.w_55 {

    width: 55%

}



h5.graph_title {

    text-align: left;

    margin-left: 10px

}



h5.graph_title i {

    margin-right: 10px;

    font-size: 17px

}



span.right {

    float: right;

    font-size: 14px!important

}



.tile_info a {

    text-overflow: ellipsis

}



.sidebar-footer {

    bottom: 0;

    clear: both;

    display: block;

    padding: 5px 0 0;

    position: fixed;

    width: 230px;

    background: #efefef;

    z-index: 999

}



.form-control{

   height:40px !important;

   

    padding-left: 10px;

   

}

label{

    font-size:14px;

}

.btn-primary{

   padding: 6px 12px;

    font-size: 14px;

    font-weight: 600;

    background: #3a55e0 !important;

    border-color: #3a55e0 !important;

    color: #fff  !important;

}



table .btn-primary{

    font-size: 12px;

    padding: 5px !important;

    font-weight: 600;

    /*background: #000 !important;

    border-color: #000 !important;*/

    color: #fff  !important;

}



.sidebar-footer a {

    padding: 7px 0 3px;

    text-align: center;

    width: 25%;

    font-size: 17px;

    display: block;

    float: left;

    background: #fff;

    cursor: pointer;

}



.sidebar-footer a:hover {

    background: #d2310b;

    color: #fff;

}



.tile_count {

    margin-bottom: 20px;

    margin-top: 20px;

    border: 1px solid #e3e1e1;

}



.tile_count .tile_stats_count {

    border-bottom: 1px solid #D9DEE4;

    padding: 0 10px 0 20px;

    position: relative;

}

.tab_container{

    padding: 5px !important;

    margin-top: 10px !important;

}

.tab_container span{

    font-size: 15px;

    font-weight: 600;

    padding-right: 3px;



}

.tab_container p{

    font-size: 13px;

    font-weight: 600;

    color: #f68014;

}

.tab_container li{

    list-style: none;

    float: left;

    padding:10px 12px;

    width: 20%;

}

.tab_container a{

    color:#fff;

}

.assign-tab{

    color: #f47e1c;

}



@media (min-width:992px) {

    

    .tile_count .tile_stats_count {

        margin-bottom: 10px;

        border-bottom: 0;

        padding-bottom: 10px

    }

    .tile_count .tile_stats_count:first-child:before {

        border-left: 0

    }

}



.tile_count .tile_stats_count .count {

    font-size: 30px;

    line-height: 47px;

    font-weight: 600;

    color:#3f3f3f;

}



@media (min-width:768px) {

    .tile_count .tile_stats_count .count {

        font-size: 40px

    }

}



@media (min-width:992px) and (max-width:1100px) {

    .tile_count .tile_stats_count .count {

        font-size: 30px

    }

}



.tile_count .tile_stats_count span {

 

    font-size: 15px;

    font-weight: 600;

    color: #151515;

}



@media (min-width:768px) {

    .tile_count .tile_stats_count span {

        font-size: 13px;

        font-weight: 600;

    }

}



.tile_count .tile_stats_count .count_bottom i {

    width: 12px

}



.dashboard_graph {

    background: #fff;

    padding: 7px 10px

}



.dashboard_graph .col-md-3,

.dashboard_graph .col-md-9 {

    padding: 0

}



a.user-profile {

    color: #5E6974!important

}



.user-profile img {

    width: 29px;

    height: 29px;

    border-radius: 50%;

    margin-right: 10px

}



ul.top_profiles {

    height: 330px;

    width: 100%

}



ul.top_profiles li {

    margin: 0;

    padding: 3px 5px

}



ul.top_profiles li:nth-child(odd) {

    background-color: #eee

}



.media .profile_thumb {

    border: 1px solid;

    width: 50px;

    height: 50px;

    margin: 5px 10px 5px 0;

    border-radius: 50%;

    padding: 9px 12px

}



.media .profile_thumb i {

    font-size: 30px

}



.media .date {

    background: #ccc;

    width: 52px;

    margin-right: 10px;

    border-radius: 10px;

    padding: 5px

}



.media .date .day,

.media .date .month {

    margin: 0;

    text-align: center;

    color: #fff

}



.media .date .day {

    font-size: 27px;

    line-height: 27px;

    font-weight: 700

}



.event .media-body a.title {

    font-weight: 700

}



.event .media-body p {

    margin-bottom: 0

}



h4.graph_title {

    margin: 7px;

    text-align: center

}



.fontawesome-icon-list .fa-hover a:hover {

    background-color: #ddd;

    color: #fff;

    text-decoration: none

}



.fontawesome-icon-list .fa-hover a {

    display: block;

    line-height: 32px;

    height: 32px;

    padding-left: 10px;

    border-radius: 4px

}



.fontawesome-icon-list .fa-hover a:hover .fa {

    font-size: 28px;

    vertical-align: -6px

}



.fontawesome-icon-list .fa-hover a .fa {

    width: 32px;

    font-size: 16px;

    display: inline-block;

    text-align: right;

    margin-right: 10px

}



.main_menu .fa {

    width: 18px;

    opacity: .99;

    display:none;

    font-family: FontAwesome;

    font-style: normal;

    font-weight: 400;

    font-size: 17px;

    -moz-osx-font-smoothing: grayscale

}



.tile-stats {

    position: relative;

    display: block;

    margin-bottom: 12px;

    border: 1px solid #E4E4E4;

    -webkit-border-radius: 5px;

    overflow: hidden;

    padding-bottom: 5px;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 5px;

    -moz-background-clip: padding;

    border-radius: 5px;

    background: #FFF;

    transition: all .3s ease-in-out

}



.tile-stats:hover .icon i {

    animation-name: transformAnimation;

    animation-duration: .5s;

    animation-iteration-count: 1;

    color: rgba(58, 58, 58, .41);

    animation-timing-function: ease;

    animation-fill-mode: forwards;

    -webkit-animation-name: transformAnimation;

    -webkit-animation-duration: .5s;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-timing-function: ease;

    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: transformAnimation;

    -moz-animation-duration: .5s;

    -moz-animation-iteration-count: 1;

    -moz-animation-timing-function: ease;

    -moz-animation-fill-mode: forwards

}



.tile-stats .icon {

    width: 20px;

    height: 20px;

    color: #BAB8B8;

    position: absolute;

    right: 53px;

    top: 22px;

    z-index: 1

}



.tile-stats .icon i {

    margin: 0;

    font-size: 60px;

    line-height: 0;

    vertical-align: bottom;

    padding: 0

}



.tile-stats .count {

    font-size: 38px;

    font-weight: 700;

    line-height: 1.65857

}



.tile-stats .count,

.tile-stats h3,

.tile-stats p {

    position: relative;

    margin: 0 0 0 10px;

    z-index: 5;

    padding: 0

}



.tile-stats h3 {

    color: #BAB8B8

}



.tile-stats p {

    margin-top: 5px;

    font-size: 12px

}



.tile-stats>.dash-box-footer {

    position: relative;

    text-align: center;

    margin-top: 5px;

    padding: 3px 0;

    color: #fff;

    color: rgba(255, 255, 255, .8);

    display: block;

    z-index: 10;

    background: rgba(0, 0, 0, .1)

}



.tile-stats>.dash-box-footer:hover {

    color: #fff;

    background: rgba(0, 0, 0, .15)

}



table.tile_info {

    padding: 10px 15px

}



table.tile_info span.right {

    margin-right: 0;

    float: right;

    position: absolute;

    right: 4%

}



.tile_header {

    border-bottom: transparent;

    padding: 7px 15px;

    margin-bottom: 15px;

    background: #E7E7E7

}



.tile_head h4 {

    margin-top: 0;

    margin-bottom: 5px

}



.tiles-bottom {

    padding: 5px 10px;

    margin-top: 10px;

    background: rgba(194, 194, 194, .3);

    text-align: left

}



a.star {

    color: #428bca!important

}



.mail_content {

    background: #FFF;

    border-radius: 4px;

    margin-top: 20px;

    min-height: 500px;

    padding: 10px 11px;

    width: 100%

}



.list-btn-mail {

    margin-bottom: 15px

}



.list-btn-mail.active {

    border-bottom: 1px solid #39B3D7;

    padding: 0 0 14px

}



.list-btn-mail>i {

    float: left;

    font-size: 18px;

    font-style: normal;

    width: 33px

}



.list-btn-mail>.cn {

    background: #39B3D7;

    border-radius: 12px;

    color: #FFF;

    float: right;

    font-style: normal;

    padding: 0 5px

}



.byline,

.view p {

    font-style: italic

}



.button-mail {

    margin: 0 0 15px!important;

    text-align: left;

    width: 100%

}



.btn,

.buttons,

.modal-footer .btn+.btn,

button {

    margin-bottom: 5px;

    margin-right: 5px

}



.btn-group .btn,

.btn-group-vertical .btn {

    margin-bottom: 0;

    margin-right: 0

}



.mail_list_column,

.mail_view {

    border-left: 1px solid #DBDBDB

}



.mail_list {

    width: 100%;

    border-bottom: 1px solid #DBDBDB;

    margin-bottom: 2px;

    display: inline-block

}



.mail_list .left {

    width: 5%;

    float: left;

    margin-right: 3%

}



.mail_list .right {

    width: 90%;

    float: left

}



.mail_list h3 {

    font-size: 15px;

    font-weight: 700;

    margin: 0 0 6px

}



.mail_list h3 small {

    float: right;

    color: #ADABAB;

    font-size: 11px;

    line-height: 20px

}



.mail_list .badge {

    padding: 3px 6px;

    font-size: 8px;

    background: #BAB7B7

}



@media (max-width:767px) {

    .mail_list {

        margin-bottom: 5px;

        display: inline-block

    }

}



.mail_heading h4 {

    font-size: 18px;

    border-bottom: 1px solid #ddd;

    padding-bottom: 10px;

    margin-top: 20px

}



.attachment {

    margin-top: 30px

}



.attachment ul {

    width: 100%;

    list-style: none;

    padding-left: 0;

    display: inline-block;

    margin-bottom: 30px

}



.attachment ul li {

    float: left;

    width: 150px;

    margin-right: 10px;

    margin-bottom: 10px

}



.attachment ul li img {

    height: 150px;

    border: 1px solid #ddd;

    padding: 5px;

    margin-bottom: 10px

}



.attachment ul li span {

    float: right

}



.attachment .file-name {

    float: left

}



.attachment .links {

    width: 100%;

    display: inline-block

}



.compose {

    padding: 0;

    position: fixed;

    bottom: 0;

    right: 0;

    background: #fff;

    border: 1px solid #D9DEE4;

    border-right: 0;

    border-bottom: 0;

    border-top-left-radius: 5px;

    z-index: 9999;

    display: none

}



.compose .compose-header {

    padding: 5px;

    background: #169F85;

    color: #fff;

    border-top-left-radius: 5px

}



.compose .compose-header .close {

    text-shadow: 0 1px 0 #fff;

    line-height: .8

}



.compose .compose-body .editor.btn-toolbar {

    margin: 0

}



.compose .compose-body .editor-wrapper {

    height: 100%;

    min-height: 50px;

    max-height: 180px;

    border-radius: 0;

    border-left: none;

    border-right: none;

    overflow: auto

}



.compose .compose-footer {

    padding: 10px

}



.editor.btn-toolbar {

    zoom: 1;

    background: #F7F7F7;

    margin: 5px 2px;

    padding: 3px 0;

    border: 1px solid #EFEFEF

}



.input-group {

    margin-bottom: 10px;

    width: 100%;



}



.ln_solid {

    border-top: 1px solid #e5e5e5;

    color: #fff;

    background-color: #fff;

    height: 1px;

    margin: 20px 0

}



span.section {

    display: block;

    width: 100%;

    padding: 0;

    margin-bottom: 20px;

    font-size: 21px;

    line-height: inherit;

    color: #333;

    border: 0;

    border-bottom: 1px solid #e5e5e5

}



.form-control {

    border-radius: 2px;

    width: 100%

}



.form-horizontal .control-label {

    padding-top: 8px

}



.form-control:focus {

     border-color: #131313;

  box-shadow: 1px 2px 6px -1px #939090 !important;

}

.note-editable:focus {

     border-color: #131313;

  box-shadow: 1px 2px 6px -1px #939090 !important;

}



legend {

    font-size: 18px;

    color: inherit

}

.box_height{

    height:250px;

}

th,td{

    /*text-align:center;*/

}

.countries_list th, .countries_list td{

    text-align:left !important;

    padding:5px !important;

}

.form-horizontal .form-group {

    margin-right: 0;

    margin-left: 0

}



.form-control-feedback {

    margin-top: 8px;

    height: 23px;

    color: #bbb;

    line-height: 24px;

    font-size: 15px

}



.form-control-feedback.left {

    border-right: 1px solid #ccc;

    left: 13px

}



.form-control-feedback.right {

    border-left: 1px solid #ccc;

    right: 13px

}



.form-control.has-feedback-left {

    padding-left: 45px

}



.form-control.has-feedback-right {

    padding-right: 45px

}



.form-group {

 /*margin-bottom: 10px*/

    margin-bottom: 28px;

}



.validate {

    /*margin-top: 10px*/

}



.invalid-form-error-message {

    margin-top: 10px;

    padding: 5px

}



.invalid-form-error-message.filled {

    border-left: 2px solid #E74C3C

}



p.parsley-success {

    color: #468847;

    background-color: #DFF0D8;

    border: 1px solid #D6E9C6

}



p.parsley-error {

    color: #B94A48;

    background-color: #F2DEDE;

    border: 1px solid #EED3D7

}



ul.parsley-errors-list {

    list-style: none;

    color: #E74C3C;

    padding-left: 0

}



input.parsley-error,

select.parsley-error,

textarea.parsley-error {

    background: #FAEDEC;

    border: 1px solid #E85445

}



.btn-group .parsley-errors-list {

    display: none

}



.bad input,

.bad select,

.bad textarea {

    border: 1px solid #CE5454;

    box-shadow: 0 0 4px -2px #CE5454;

    position: relative;

    left: 0;

    -moz-animation: .7s 1 shake linear;

    -webkit-animation: .7s 1 shake linear

}



.item input,

.item textarea {

    transition: .42s

}



.item .alert {

    float: left;

    margin: 0 0 0 20px;

    padding: 3px 10px;

    color: #FFF;

    border-radius: 3px 4px 4px 3px;

    background-color: #CE5454;

    max-width: 170px;

    white-space: pre;

    position: relative;

    left: -15px;

    opacity: 0;

    z-index: 1;

    transition: .15s ease-out

}



.item .alert::after {

    content: '';

    display: block;

    height: 0;

    width: 0;

    border-color: transparent #CE5454 transparent transparent;

    border-style: solid;

    border-width: 11px 7px;

    position: absolute;

    left: -13px;

    top: 1px

}



.item.bad .alert {

    left: 0;

    opacity: 1

}



.inl-bl {

    display: inline-block

}



.well .markup {

    background: #fff;

    color: #777;

    position: relative;

    padding: 45px 15px 15px;

    margin: 15px 0 0;

    border-radius: 0 0 4px 4px;

    box-shadow: none

}



.well .markup::after {

    content: "Example";

    position: absolute;

    top: 15px;

    left: 15px;

    font-size: 12px;

    font-weight: 700;

    color: #bbb;

    text-transform: uppercase;

    letter-spacing: 1px

}



.autocomplete-suggestions {

    border: 1px solid #e4e4e4;

    background: #F4F4F4;

    cursor: default;

    overflow: auto

}



.autocomplete-suggestion {

    padding: 2px 5px;

    font-size: 1.2em;

    white-space: nowrap;

    overflow: hidden

}



.autocomplete-selected {

    background: #f0f0f0

}



.autocomplete-suggestions strong {

    color: #39f;

    font-weight: bolder

}



.btn {

    border-radius: 3px

}



a.btn-danger,

a.btn-primary,

a.btn-success,

a.btn-warning {

    color: #fff

}

.project_module .action{

    width:30% !important;

}

table .btn {

   margin-right: 0px;

   margin-left: 0px;

    padding: 4px 10px !important;

    margin-bottom: 0px;

    font-size: 12px;

    font-weight: 500;



}

.btn-success.active,

.btn-success:active,

.btn-success:focus,

.btn-success:hover,

.open .dropdown-toggle.btn-success {

    background: #169F85

}



.btn-dark {

    color: #E9EDEF;

    background-color: #4B5F71;

    border-color: #364B5F

}



.btn-dark.active,

.btn-dark:active,

.btn-dark:focus,

.btn-dark:hover,

.open .dropdown-toggle.btn-dark {

    color: #FFF;

    background-color: #394D5F;

    border-color: #394D5F

}



.btn-round {

    border-radius: 30px

}



.btn.btn-app {

    position: relative;

    padding: 15px 5px;

    margin: 0 0 10px 10px;

    min-width: 80px;

    height: 60px;

    box-shadow: none;

    border-radius: 0;

    text-align: center;

    color: #666;

    border: 1px solid #ddd;

    background-color: #fafafa;

    font-size: 12px

}



.btn.btn-app>.fa,

.btn.btn-app>.glyphicon,

.btn.btn-app>.ion {

    font-size: 20px;

    display: block

}



.btn.btn-app:hover {

    background: #f4f4f4;

    color: #444;

    border-color: #aaa

}



.btn.btn-app:active,

.btn.btn-app:focus {

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)

}



.btn.btn-app>.badge {

    position: absolute;

    top: -3px;

    right: -10px;

    font-size: 10px;

    font-weight: 400

}



textarea {

    padding: 10px;

    vertical-align: top;

    width: 200px

}



textarea:focus {

    outline-style: solid;

    outline-width: 2px

}



.btn_ {

    display: inline-block;

    padding: 3px 9px;

    margin-bottom: 0;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    color: #333;

    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);

    background-color: #f5f5f5;

    background-image: linear-gradient(to bottom, #fff, #e6e6e6);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);

    border: 1px solid #ccc;

    border-bottom-color: #b3b3b3;

    border-radius: 4px;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)

}



.bs-glyphicons {

    margin: 0 -10px 20px;

    overflow: hidden

}



.bs-glyphicons-list {

    padding-left: 0;

    list-style: none

}



.bs-glyphicons li {

    float: left;

    width: 25%;

    height: 115px;

    padding: 10px;

    font-size: 10px;

    line-height: 1.4;

    text-align: center;

    background-color: #f9f9f9;

    border: 1px solid #fff

}



.bs-glyphicons .glyphicon {

    margin-top: 5px;

    margin-bottom: 10px;

    font-size: 24px

}



.bs-glyphicons .glyphicon-class {

    display: block;

    text-align: center;

    word-wrap: break-word

}



.bs-glyphicons li:hover {

    color: #fff;

    background-color: #1ABB9C

}



@media (min-width:768px) {

    .bs-glyphicons {

        margin-right: 0;

        margin-left: 0

    }

    .bs-glyphicons li {

        width: 12.5%;

        font-size: 12px

    }

}



.tagsinput {

    border: 1px solid #CCC;

    background: #FFF;

    padding: 6px 6px 0;

    width: 300px;

    overflow-y: auto

}



span.tag {

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    display: block;

    float: left;

    padding: 5px 9px;

    background: #1ABB9C;

    color: #F1F6F7;

    margin-right: 5px;

    font-weight: 500;

    margin-bottom: 5px;



}



span.tag a {

    color: #F1F6F7!important

}



.tagsinput span.tag a {

    font-weight: 700;

    color: #82ad2b;

    font-size: 11px

}



.tagsinput input {

    width: 80px;

    margin: 0;

    font-family: helvetica;

    font-size: 13px;

    border: 1px solid transparent;

    padding: 3px;

    background: 0 0;

    color: #000;

    outline: 0

}



.tagsinput div {

    display: block;

    float: left

}



.social-body,

.social-sidebar,

ul.bar_tabs.right li {

    float: right

}



.tags_clear {

    clear: both;

    width: 100%;

    height: 0

}



.not_valid {

    background: #FBD8DB!important;

    color: #90111A!important

}



ul.bar_tabs {

    overflow: visible;

    background: #F5F7FA;

    height: 25px;

    margin: 21px 0 14px;

    padding-left: 14px;

    position: relative;

    z-index: 1;

    width: 100%;

    border-bottom: 1px solid #E6E9ED

}



ul.bar_tabs>li {

    border: 1px solid #E6E9ED;

    color: #333!important;

    margin-top: -17px;

    margin-left: 8px;

    background: #fff;

    border-bottom: none;

    border-radius: 4px 4px 0 0

}



ul.bar_tabs>li.active {

    border-right: 6px solid #D3D6DA;

    border-top: 0;

    margin-top: -15px

}



ul.bar_tabs>li a {

    padding: 10px 17px;

    background: #F5F7FA;

    margin: 0;

    border-top-right-radius: 0

}



ul.bar_tabs>li a:hover {

    border: 1px solid transparent

}



ul.bar_tabs>li.active a {

    border-bottom: none

}



ul.bar_tabs.right {

    padding-right: 14px

}



a:focus {

    outline: 0

}



ul.timeline li {

    position: relative;

    border-bottom: 1px solid #e8e8e8;

    clear: both

}



.timeline .block {

    margin: 0 0 0 105px;

    border-left: 3px solid #e8e8e8;

    overflow: visible;

    padding: 10px 15px

}



.timeline.widget {

    min-width: 0;

    max-width: inherit

}



.timeline.widget .block {

    margin-left: 5px

}



.timeline .tags {

    position: absolute;

    top: 15px;

    left: 0;

    width: 84px

}



.timeline .tag {

    display: block;

    height: 30px;

    font-size: 13px;

    padding: 8px

}



.timeline .tag span {

    display: block;

    overflow: hidden;

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis

}



.tag {

    line-height: 1;

    background: #1ABB9C;

    color: #fff!important

}



.tag:after {

    content: " ";

    height: 30px;

    width: 0;

    position: absolute;

    left: 100%;

    top: 0;

    margin: 0;

    pointer-events: none;

    border-top: 14px solid transparent;

    border-bottom: 14px solid transparent;

    border-left: 11px solid #1ABB9C

}



.timeline h2.title {

    position: relative;

    font-size: 16px;

    margin: 0

}



.timeline h2.title:before {

    content: "";

    position: absolute;

    left: -23px;

    top: 3px;

    display: block;

    width: 14px;

    height: 14px;

    border: 3px solid #d2d3d2;

    border-radius: 14px;

    background: #f9f9f9

}



.timeline .byline {

    padding: .25em 0

}



.byline {

    font-size: .9375em;

    line-height: 1.3;

    color: #aab6aa

}



ul.social li {

    border: 0

}



.social-sidebar {

    background: #EDEDED;

    width: 22%

}



.social-body {

    border: 1px solid #ccc;

    width: 78%

}



.thumb img {

    width: 50px;

    height: 50px;

    border-radius: 50%

}



.chat .thumb img {

    width: 27px;

    height: 27px;

    border-radius: 50%

}



.chat .status {

    float: left;

    margin: 16px 0 0 -16px;

    font-size: 14px;

    font-weight: 700;

    width: 12px;

    height: 12px;

    display: block;

    border: 2px solid #FFF;

    z-index: 12312;

    border-radius: 50%

}



.chart,

.percent {

    display: inline-block

}



.chat .status.online {

    background: #1ABB9C

}



.chat .status.away {

    background: #F39C12

}



.chat .status.offline {

    background: #ccc

}



.chat .media-body {

    padding-top: 5px

}



.dashboard_graph .x_title {

    padding: 5px 5px 7px

}



.dashboard_graph .x_title h3 {

    margin: 0;

    font-weight: 400

}



.chart {

    position: relative;

    width: 110px;

    height: 110px;

    margin-top: 5px;

    margin-bottom: 5px;

    text-align: center

}



.chart canvas {

    position: absolute;

    top: 0;

    left: 0

}



.percent {

    line-height: 110px;

    z-index: 2;

    font-size: 18px

}



.percent:after {

    content: '%';

    margin-left: .1em;

    font-size: .8em

}



.angular {

    margin-top: 100px

}



.angular .chart {

    margin-top: 0

}



.widget {

    min-width: 250px;

    max-width: 310px

}



.widget_tally_box .btn-group button {

    text-align: center;

    color: inherit;

    font-weight: 500;

    background-color: #f5f5f5;

    border: 1px solid #e7e7e7

}



ul.widget_tally,

ul.widget_tally li {

    width: 100%

}



ul.widget_tally li {

    padding: 2px 10px 4px;

    border-bottom: 1px solid #ECECEC

}



ul.widget_tally .month {

    width: 70%;

    float: left

}



ul.widget_tally .count {

    width: 30%;

    float: left;

    text-align: right

}



.pie_bg {

    border-bottom: 1px solid rgba(101, 204, 182, .16);

    border-radius: 4px;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);

    padding-bottom: 10px;

    box-shadow: 0 4px 6px -6px #222

}



.widget_tally_box .flex {

    display: -ms-flexbox;

    display: flex

}



ul.widget_profile_box {

    width: 100%;

    height: 42px;

    padding: 3px;

    background: #ececec;

    margin-top: 40px;

    margin-left: 1px

}



ul.widget_profile_box li:first-child {

    width: 25%;

    float: left

}



ul.widget_profile_box li:first-child a {

    float: left

}



ul.widget_profile_box li:last-child {

    width: 25%;

    float: right

}



ul.widget_profile_box li:last-child a {

    float: right

}



ul.widget_profile_box li a {

    font-size: 22px;

    text-align: center;

    width: 35px;

    height: 35px;

    border: 1px solid rgba(52, 73, 94, .44);

    display: block;

    border-radius: 50%;

    padding: 0

}



ul.widget_profile_box li a:hover {

    color: #1ABB9C!important;

    border: 1px solid #26b99a

}



ul.widget_profile_box li .profile_img {

    width: 85px;

    height: 85px;

    margin: -28px 0 0

}



.widget_tally_box p,

.widget_tally_box span {

    text-align: center

}



.widget_tally_box .name {

    text-align: center;

    margin: 25px

}



.widget_tally_box .name_title {

    text-align: center;

    margin: 5px

}



.widget_tally_box ul.legend {

    margin: 0

}



.widget_tally_box ul.legend p,

.widget_tally_box ul.legend span {

    text-align: left

}



.widget_tally_box ul.legend li .icon {

    font-size: 20px;

    float: left;

    width: 14px

}



.widget_tally_box ul.legend li .name {

    font-size: 14px;

    margin: 5px 0 0 14px;

    text-overflow: ellipsis;

    float: left

}



.widget_tally_box ul.legend p {

    display: inline-block;

    margin: 0

}



.widget_tally_box ul.verticle_bars li {

    height: 140px;

    width: 23%

}



.widget .verticle_bars li .progress.vertical.progress_wide {

    width: 65%

}



ul.count2 {

    width: 100%;

    margin-left: 1px;

    border: 1px solid #ddd;

    border-left: 0;

    border-right: 0;

    padding: 10px 0

}



ul.count2 li {

    width: 30%;

    text-align: center

}



ul.count2 li h3 {

    font-weight: 400;

    margin: 0

}



ul.count2 li span {

    font-weight: 300

}



.divider {

    border-bottom: 1px solid #ddd;

    margin: 10px

}



.divider-dashed {

    border-top: 1px dashed #e7eaec;

    background-color: #fff;

    height: 1px;

    margin: 10px 0

}



ul.messages {

    padding: 0;

    list-style: none

}



.tasks li,

ul.messages li {

    border-bottom: 1px dotted #e6e6e6;

    padding: 8px 0

}



img.avatar,

ul.messages li img.avatar {

    height: 32px;

    width: 32px;

    float: left;

    display: inline-block;

    border-radius: 2px;

    padding: 2px;

    background: #f7f7f7;

    border: 1px solid #e6e6e6

}



ul.messages li .message_date {

    float: right;

    text-align: right

}



ul.messages li .message_wrapper {

    margin-left: 50px;

    margin-right: 40px

}



ul.messages li .message_wrapper h4.heading {

    font-weight: 600;

    margin: 0 0 10px;

    cursor: pointer;

    line-height: 100%

}



ul.messages li .message_wrapper blockquote {

    padding: 0 10px;

    margin: 0;

    border-left: 5px solid #eee

}



ul.user_data li {

    margin-bottom: 6px

}



ul.user_data li p {

    margin-bottom: 0

}



ul.user_data li .progress {

    width: 90%

}



.project_progress .progress {

    margin-bottom: 3px!important;

    margin-top: 5px

}



.projects .list-inline {

    margin: 0

}



.profile_title {

    background: #F5F7FA;

    border: 0;

    padding: 7px 0;

    display: -ms-flexbox;

    display: flex

}



ul.stats-overview {

    border-bottom: 1px solid #e8e8e8;

    padding-bottom: 10px;

    margin-bottom: 10px

}



ul.stats-overview li {

    display: inline-block;

    text-align: center;

    padding: 0 15px;

    width: 30%;

    font-size: 14px;

    border-right: 1px solid #e8e8e8

}



ul.stats-overview li:last-child {

    border-right: 0

}



ul.stats-overview li .name {

    font-size: 12px

}



ul.stats-overview li .value {

    font-size: 14px;

    font-weight: 700;

    display: block

}



ul.stats-overview li:first-child {

    padding-left: 0

}



ul.project_files li {

    margin-bottom: 5px

}



ul.project_files li a i {

    width: 20px

}



.project_detail p {

    margin-bottom: 10px

}



.project_detail p.title {

    font-weight: 700;

    margin-bottom: 0

}



.avatar img {

    border-radius: 50%;

    max-width: 45px

}



.pricing {

    background: #fff

}



.pricing .title {

    background: #1ABB9C;

    height: 110px;

    color: #fff;

    padding: 15px 0 0;

    text-align: center

}



.pricing .title h2 {

    text-transform: capitalize;

    font-size: 18px;

    border-radius: 5px 5px 0 0;

    margin: 0;

    font-weight: 400

}



.notifications a,

.tabbed_notifications h2,

.view .tools,

.view a.info {

    text-transform: uppercase

}



.pricing .title h1 {

    font-size: 30px;

    margin: 12px

}



.pricing .title span {

    background: rgba(51, 51, 51, .28);

    padding: 2px 5px

}



.pricing_features {

    background: #FAFAFA;

    padding: 20px 15px;

    min-height: 230px;

    font-size: 13.5px

}



.pricing_features ul li {

    margin-top: 10px

}



.pricing_footer {

    padding: 10px 15px;

    background-color: #f5f5f5;

    border-top: 1px solid #ddd;

    text-align: center;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px

}



.pricing_footer p {

    font-size: 13px;

    padding: 10px 0 2px;

    display: block

}



.ui-ribbon-container {

    position: relative

}



.ui-ribbon-container .ui-ribbon-wrapper {

    position: absolute;

    overflow: hidden;

    width: 85px;

    height: 88px;

    top: -3px;

    right: -3px

}



.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {

    background-color: #5b90bf

}



.ui-ribbon-container .ui-ribbon {

    position: relative;

    display: block;

    text-align: center;

    font-size: 15px;

    font-weight: 700;

    color: #fff;

    transform: rotate(45deg);

    padding: 7px 0;

    left: -5px;

    top: 15px;

    width: 120px;

    line-height: 20px;

    background-color: #555;

    box-shadow: 0 0 3px rgba(0, 0, 0, .3)

}



.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {

    border-top: 2px solid #5b90bf

}



.ui-ribbon-container .ui-ribbon:before {

    left: 0;

    bottom: -1px;

    right: 0

}



.ui-ribbon-container .ui-ribbon:after,

.ui-ribbon-container .ui-ribbon:before {

    position: absolute;

    content: " ";

    line-height: 0;

    border-top: 2px solid #555;

    border-left: 2px solid transparent;

    border-right: 2px solid transparent

}



.thumbnail .image {

    height: 120px;

    overflow: hidden

}



.caption {

    padding: 9px 5px;

    background: #F7F7F7

}



.caption p {

    margin-bottom: 5px

}



.thumbnail {

    height: 190px;

    overflow: hidden

}



.view {

    overflow: hidden;

    position: relative;

    text-align: center;

    box-shadow: 1px 1px 2px #e6e6e6;

    cursor: default

}



.dropdown-menu a,

.voiceBtn {

    cursor: pointer

}



.view .content,

.view .mask {

    position: absolute;

    width: 100%;

    overflow: hidden;

    top: 0;

    left: 0

}



.sideways,

.view .tools,

.view img,

.view p {

    position: relative

}



.view img {

    display: block

}



.view .tools {

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 3px;

    background: rgba(0, 0, 0, .35);

    margin: 43px 0 0

}



.mask.no-caption .tools {

    margin: 90px 0 0

}



.view .tools a {

    display: inline-block;

    color: #FFF;

    font-size: 18px;

    font-weight: 400;

    padding: 0 4px

}



.view p {

    font-size: 12px;

    color: #fff;

    padding: 10px 20px 20px;

    text-align: center

}



.view a.info {

    display: inline-block;

    padding: 7px 14px;

    background: #000;

    color: #fff;

    box-shadow: 0 0 1px #000

}



.view-first img {

    transition: all .2s linear

}



.view-first .mask {

    opacity: 0;

    background-color: rgba(0, 0, 0, .5);

    transition: all .4s ease-in-out

}



.view-first .tools {

    transform: translateY(-100px);

    opacity: 0;

    transition: all .2s ease-in-out

}



.view-first p {

    transform: translateY(100px);

    opacity: 0;

    transition: all .2s linear

}



.view-first:hover img {

    transform: scale(1.1)

}



.view-first:hover .mask {

    opacity: 1

}



.view-first:hover .tools,

.view-first:hover p {

    opacity: 1;

    transform: translateY(0)

}



.view-first:hover p {

    transition-delay: .1s

}



.form-group.has-feedback span {

    display: block!important

}



.form-group .btn {

    margin-bottom: -6px

}



.input-group-btn .btn {

    margin-bottom: 0

}



.input-group.date .input-group-addon {

    border-radius: 0px!important;

    background-color: #ffff!important

}





/*!

 * bootstrap-vertical-tabs - v1.2.1

 * https://dbtek.github.io/bootstrap-vertical-tabs

 * 2014-11-07

 * Copyright (c) 2014 İsmail Demirbilek

 * License: MIT

 */



.tabs-left,

.tabs-right {

    border-bottom: none;

    padding-top: 2px

}



.tabs-left {

    border-right: 1px solid #F7F7F7

}



.tabs-right {

    border-left: 1px solid #F7F7F7

}



.tabs-left>li,

.tabs-right>li {

    float: none;

    margin-bottom: 2px

}



.alignleft,

.left {

    float: left

}



.tabs-left>li {

    margin-right: -1px

}



.tabs-left>li>a,

.tabs-right>li>a {

    margin-right: 0;

    background: #F7F7F7;

    overflow: hidden;

    text-overflow: ellipsis

}



.tabs-right>li {

    margin-left: -1px

}



.tabs-left>li.active>a,

.tabs-left>li.active>a:focus,

.tabs-left>li.active>a:hover {

    border-bottom-color: #F7F7F7;

    border-right-color: transparent

}



.tabs-right>li.active>a,

.tabs-right>li.active>a:focus,

.tabs-right>li.active>a:hover {

    border-bottom: 1px solid #F7F7F7;

    border-left-color: transparent

}



.tabs-left>li>a {

    border-radius: 4px 0 0 4px;

    display: block

}



.tabs-right>li>a {

    border-radius: 0 4px 4px 0

}



.sideways {

    margin-top: 50px;

    border: none

}



.sideways>li {

    height: 20px;

    width: 120px;

    margin-bottom: 100px

}



.sideways>li>a {

    border-bottom: 1px solid #ddd;

    border-right-color: transparent;

    text-align: center;

    border-radius: 4px 4px 0 0

}



.sideways>li.active>a,

.sideways>li.active>a:focus,

.sideways>li.active>a:hover {

    border-bottom-color: transparent;

    border-right-color: #ddd;

    border-left-color: #ddd

}



.sideways.tabs-left {

    left: -50px

}



.sideways.tabs-right {

    right: -50px

}



.sideways.tabs-right>li {

    transform: rotate(90deg)

}



.sideways.tabs-left>li {

    transform: rotate(-90deg)

}



.morris-hover {

    position: absolute;

    z-index: 1000

}



.morris-hover.morris-default-style {

    padding: 6px;

    color: #666;

    background: rgba(243, 242, 243, .8);

    border: 2px solid rgba(195, 194, 196, .8);

    font-family: sans-serif;

    font-size: 12px;

    text-align: center

}



.login_content .btn{

    font-weight:800 !important;

    

}

.morris-hover.morris-default-style .morris-hover-row-label {

    font-weight: 700;

    margin: .25em 0

}



.morris-hover.morris-default-style .morris-hover-point {

    white-space: nowrap;

    margin: .1em 0

}



.price {

    font-size: 40px;

    font-weight: 400;

    color: #26B99A;

    margin: 0

}



.prod_title {

    border-bottom: 1px solid #DFDFDF;

    padding-bottom: 5px;

    margin: 30px 0;

    font-size: 20px;

    font-weight: 400

}



.product-image img {

    width: 90%

}



.prod_color li {

    margin: 0 10px

}



.prod_color li p {

    margin-bottom: 0

}



.prod_size li {

    padding: 0

}



.prod_color .color {

    width: 25px;

    height: 25px;

    border: 2px solid rgba(51, 51, 51, .28)!important;

    padding: 2px;

    border-radius: 50px

}



.product_gallery a {

    width: 100px;

    height: 100px;

    float: left;

    margin: 10px;

    border: 1px solid #e5e5e5

}



.product_gallery a img {

    width: 100%;

    margin-top: 15px

}



.product_price {

    margin: 20px 0;

    padding: 5px 10px;

    background-color: #FFF;

    text-align: left;

    border: 2px dashed #E0E0E0

}



.price-tax {

    font-size: 18px

}



.product_social {

    margin: 20px 0

}



.product_social ul li a i {

    font-size: 35px

}



.login {

    

        background-size: cover;

    

}



.login .fa-paw {

    font-size: 26px

}



a.hiddenanchor {

    display: none

}



.tile_count{



    margin-top: 55px;

   

    padding-top: 17px;

    margin-bottom: 10px;

}

.tile_stats_count{

    text-align:center;

    color:#fff;

}

.tile_stats_count a{

    /* background: #fc7911; */

    padding: 100px;

    display: block;

    padding: 0;

    width: 50px;

    margin: 0px auto;

    color: #f68014;

    text-transform: uppercase;

    font-style: normal;

}

    

.tile_count{

        border-radius: 3px;

   background: #fff;

    margin-bottom: 0;

}

.login_wrapper {

    right: 0;

   height:100%;

    max-width: 100%;

    position: fixed;

}



.cropper .docs-cropped .modal-body>canvas,

.cropper .docs-cropped .modal-body>img,

.cropper .img-container>img,

.cropper .img-preview>img {

    max-width: 100%

}

.login_content img{

    margin:0px auto;

}



.login_content h2{

   font-size: 17px;

    text-align: left;

    color: #1c1c1c;

    margin-top: 35px;

    font-weight: 800;

    text-transform: uppercase;

    line-height: 21px;

    text-align: center;

    

}

.login_form,

.registration_form {

    position: absolute;

    top: 0;

    width: 100%;

    right: 0px;

    float: right;

    width: 450px;

}



.registration_form {

    z-index: 21;

    opacity: 0;

    width: 100%

}



.login_form {

    z-index: 22

}



#signin:target~.login_wrapper .login_form,

#signup:target~.login_wrapper .registration_form {

    z-index: 22;

    animation-name: fadeInLeft;

    animation-delay: .1s

}



#signin:target~.login_wrapper .registration_form,

#signup:target~.login_wrapper .login_form {

    animation-name: fadeOutLeft

}



.animate {

    -webkit-animation-duration: .5s;

    -webkit-animation-timing-function: ease;

    -webkit-animation-fill-mode: both;

    -moz-animation-duration: .5s;

    -moz-animation-timing-function: ease;

    -moz-animation-fill-mode: both;

    -o-animation-duration: .5s;

    -o-animation-timing-function: ease;

    -o-animation-fill-mode: both;

    -ms-animation-duration: .5s;

    -ms-animation-timing-function: ease;

    -ms-animation-fill-mode: both;

    animation-duration: .5s;

    animation-timing-function: ease;

    animation-fill-mode: both

}



.login_box {

    padding: 20px;

    margin: auto

}



.alignleft {

    margin-right: 15px

}



.alignright {

    float: right;

    margin-left: 15px

}



.clearfix:after,

form:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.login_content {

    margin: 0 auto;

    padding: 0px 0 0;

    position: relative;

    text-align: center;

    text-shadow: 0 1px 0 #fff;

    min-width: 280px

}



.login_content a:hover {

    text-decoration: underline

}



.login_content h1 {

    font: 400 25px Helvetica, Arial, sans-serif;

    letter-spacing: -.05em;

    line-height: 20px;

    margin: 10px 0 30px

}



.login_content h1:after,

.login_content h1:before {

    content: "";

    height: 1px;

    position: absolute;

    top: 10px;

    width: 20%

}



.login_content h1:after {

    background: #7e7e7e;

    background: linear-gradient(left, #7e7e7e 0, #fff 100%);

    right: 0

}



.login_content h1:before {

    background: #7e7e7e;

    background: linear-gradient(right, #7e7e7e 0, #fff 100%);

    left: 0

}



.login_content form {

    margin: 20px 0;

    position: relative

}



.login_content form input[type=text],

.login_content form input[type=email],

.login_content form input[type=password] {

    border-radius: 3px;

    -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, .08) inset;

    -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, .08) inset;

    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, .08) inset;

    border: 1px solid #c8c8c8;

    color: #000;

    margin: 0 0 5px;

    width: 100%

}

.login_content .form-group{

	margin-bottom: 20px;

}



.login_content form input[type=text]:focus,

.login_content form input[type=email]:focus,

.login_content form input[type=password]:focus {

    -ms-box-shadow: 0 0 2px #ed1c24 inset;

    -o-box-shadow: 0 0 2px #ed1c24 inset;

    box-shadow: 0 0 2px #A97AAD inset;

    background-color: #fff;

    border: 1px solid #A878AF;

    outline: 0

}

.nav_title{

	text-align:center;

	padding:10px;

}

#username {

    background-position: 10px 10px!important

}



#password {

    background-position: 10px -53px!important

}



.login_content form div a {

    font-size: 12px;

    margin: 10px 15px 0 0

}



.reset_pass {

    margin-top: 10px!important

}



.login_content div .reset_pass {

    margin-top: 13px!important;

    margin-right: 39px;

    float: right

}



.separator {

    border-top: 1px solid #D8D8D8;

    margin-top: 10px;

    padding-top: 10px

}



.button {

    background: #f7f9fa;

    background: linear-gradient(top, #f7f9fa 0, #f0f0f0 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);

    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;

    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;

    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;

    border-radius: 0 0 5px 5px;

    border-top: 1px solid #CFD5D9;

    padding: 15px 0

}



#content form .submit,

.login_content form input[type=submit] {

    float: left;

    background: #00002a;

    color: #fff;

}



.button a {

    background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;

    color: #7E7E7E;

    font-size: 17px;

    padding: 2px 0 2px 40px;

    text-decoration: none;

    transition: all .3s ease

}



.button a:hover {

    background-position: 0 -135px;

    color: #00aeef

}



header {

    width: 100%

}



#nprogress .bar {

    background: #1ABB9C

}



#nprogress .peg {

    box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C

}



#nprogress .spinner-icon {

    border-top-color: #1ABB9C;

    border-left-color: #1ABB9C

}



.editor-wrapper {

    min-height: 250px;

    background-color: #fff;

    border-collapse: separate;

    border: 1px solid #ccc;

    padding: 4px;

    box-sizing: content-box;

    box-shadow: rgba(0, 0, 0, .07451) 0 1px 1px 0 inset;

    overflow: scroll;

    outline: 0;

    border-radius: 3px

}



.voiceBtn {

    width: 20px;

    color: transparent;

    background-color: transparent;

    transform: scale(2, 2);

    -webkit-transform: scale(2, 2);

    -moz-transform: scale(2, 2);

    border: transparent;

    box-shadow: none;

    -webkit-box-shadow: none

}



div[data-role=editor-toolbar] {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.select2-container--default .select2-selection--multiple,

.select2-container--default .select2-selection--single {

    background-color: #fff;

    border: 1px solid #ccc;

    border-radius: 0;

    min-height: 35px

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

    color: #404346;

    padding-top: 2px

}

.select2-results__option {

    color: #000;

    text-transform: uppercase;

}

.sub_forms .select2-container--default .select2-selection--single .select2-selection__rendered{

   text-transform: uppercase;

}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {

    padding-top: 3px

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 36px

}



.select2-container--default .select2-selection--multiple .select2-selection__choice,

.select2-container--default .select2-selection--multiple .select2-selection__clear {

    margin-top: 2px;

    border: none;

    border-radius: 0;

    padding: 3px 5px

}



.select2-container--default.select2-container--focus .select2-selection--multiple {

    border: 1px solid #ccc

}



.switchery {

    width: 32px;

    height: 20px

}



.switchery>small {

    width: 20px;

    height: 20px

}



fieldset {

    border: none;

    margin: 0;

    padding: 0

}



.cropper .img-container,

.cropper .img-preview {

    background-color: #f7f7f7;

    width: 100%;

    text-align: center

}



.cropper .img-container {

    min-height: 200px;

    max-height: 516px;

    margin-bottom: 20px

}



.cropper .docs-data>.input-group,

.cropper .docs-toggles>.btn,

.cropper .docs-toggles>.btn-group,

.cropper .docs-toggles>.dropdown,

.cropper .img-preview {

    margin-bottom: 10px

}



@media (min-width:768px) {

    .cropper .img-container {

        min-height: 516px

    }

}



.cropper .docs-preview {

    margin-right: -15px

}



.cropper .img-preview {

    float: left;

    margin-right: 10px;

    overflow: hidden

}



.cropper .preview-lg {

    width: 263px;

    height: 148px

}



.cropper .preview-md {

    width: 139px;

    height: 78px

}



.cropper .preview-sm {

    width: 69px;

    height: 39px

}



.cropper .preview-xs {

    width: 35px;

    height: 20px;

    margin-right: 0

}



.cropper .docs-data>.input-group>label {

    min-width: 80px

}



.cropper .docs-data>.input-group>span {

    min-width: 50px

}



.cropper .docs-buttons>.btn,

.cropper .docs-buttons>.btn-group,

.cropper .docs-buttons>.form-control {

    margin-right: 5px;

    margin-bottom: 10px

}



.cropper .docs-tooltip {

    display: block;

    margin: -6px -12px;

    padding: 6px 12px

}



.cropper .docs-tooltip>.icon {

    margin: 0 -3px;

    vertical-align: top

}



.cropper .tooltip-inner {

    white-space: normal

}



.cropper .btn-toggle .tooltip-inner,

.cropper .btn-upload .tooltip-inner {

    white-space: nowrap

}



.cropper .btn-toggle {

    padding: 6px

}



.cropper .btn-toggle>.docs-tooltip {

    margin: -6px;

    padding: 6px

}



@media (max-width:400px) {

    .cropper .btn-group-crop {

        margin-right: -15px!important

    }

    .cropper .btn-group-crop>.btn {

        padding-left: 5px;

        padding-right: 5px

    }

    .cropper .btn-group-crop .docs-tooltip {

        margin-left: -5px;

        margin-right: -5px;

        padding-left: 5px;

        padding-right: 5px

    }

}



.cropper .docs-options .dropdown-menu {

    width: 100%

}



.cropper .docs-options .dropdown-menu>li {

    padding: 3px 20px

}



.cropper .docs-options .dropdown-menu>li:hover {

    background-color: #f7f7f7

}



.cropper .docs-options .dropdown-menu>li>label {

    display: block

}



.cropper .docs-cropped .modal-body {

    text-align: center

}



.cropper .docs-diagram .modal-dialog {

    max-width: 352px

}



.cropper .docs-cropped canvas {

    max-width: 100%

}



.form_wizard .stepContainer {

    display: block;

    position: relative;

    margin: 0;

    padding: 0;

    border: 0 solid #CCC;

    overflow-x: hidden

}



.wizard_horizontal ul.wizard_steps {

    display: table;

    list-style: none;

    position: relative;

    width: 100%;

    margin: 0 0 20px

}



.wizard_horizontal ul.wizard_steps li {

    display: table-cell;

    text-align: center

}



.wizard_horizontal ul.wizard_steps li a,

.wizard_horizontal ul.wizard_steps li:hover {

    display: block;

    position: relative;

    -moz-opacity: 1;

    filter: alpha(opacity=100);

    opacity: 1;

    color: #666

}



.wizard_horizontal ul.wizard_steps li a:before {

    content: "";

    position: absolute;

    height: 4px;

    background: #ccc;

    top: 20px;

    width: 100%;

    z-index: 4;

    left: 0

}



.wizard_horizontal ul.wizard_steps li a.disabled .step_no {

    background: #ccc

}



.wizard_horizontal ul.wizard_steps li a .step_no {

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 100px;

    display: block;

    margin: 0 auto 5px;

    font-size: 16px;

    text-align: center;

    position: relative;

    z-index: 5

}



.step_no,

.wizard_horizontal ul.wizard_steps li a.selected:before {

    background: #34495E;

    color: #fff

}



.wizard_horizontal ul.wizard_steps li a.done .step_no,

.wizard_horizontal ul.wizard_steps li a.done:before {

    background: #1ABB9C;

    color: #fff

}



.wizard_horizontal ul.wizard_steps li:first-child a:before {

    left: 50%

}



.wizard_horizontal ul.wizard_steps li:last-child a:before {

    right: 50%;

    width: 50%;

    left: auto

}



.wizard_verticle .stepContainer {

    width: 80%;

    float: left;

    padding: 0 10px

}



.actionBar {

    width: 100%;

    border-top: 1px solid #ddd;

    padding: 10px 5px;

    text-align: right;

    margin-top: 10px

}



.actionBar .buttonDisabled {

    cursor: not-allowed;

    pointer-events: none;

    opacity: .65;

    filter: alpha(opacity=65);

    box-shadow: none

}



.actionBar a {

    margin: 0 3px

}



.wizard_verticle .wizard_content {

    width: 80%;

    float: left;

    padding-left: 20px

}



.wizard_verticle ul.wizard_steps {

    display: table;

    list-style: none;

    position: relative;

    width: 20%;

    float: left;

    margin: 0 0 20px

}



.wizard_verticle ul.wizard_steps li {

    display: list-item;

    text-align: center

}



.wizard_verticle ul.wizard_steps li a {

    height: 80px

}



.wizard_verticle ul.wizard_steps li a:first-child {

    margin-top: 20px

}



.wizard_verticle ul.wizard_steps li a,

.wizard_verticle ul.wizard_steps li:hover {

    display: block;

    position: relative;

    -moz-opacity: 1;

    filter: alpha(opacity=100);

    opacity: 1;

    color: #666

}



.wizard_verticle ul.wizard_steps li a:before {

    content: "";

    position: absolute;

    height: 100%;

    background: #ccc;

    top: 20px;

    width: 4px;

    z-index: 4;

    left: 49%

}



.wizard_verticle ul.wizard_steps li a.disabled .step_no {

    background: #ccc

}



.wizard_verticle ul.wizard_steps li a .step_no {

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 100px;

    display: block;

    margin: 0 auto 5px;

    font-size: 16px;

    text-align: center;

    position: relative;

    z-index: 5

}



.progress.progress_sm,

.progress.progress_sm .progress-bar {

    height: 10px!important

}



.step_no,

.wizard_verticle ul.wizard_steps li a.selected:before {

    background: #34495E;

    color: #fff

}



.wizard_verticle ul.wizard_steps li a.done .step_no,

.wizard_verticle ul.wizard_steps li a.done:before {

    background: #1ABB9C;

    color: #fff

}



.wizard_verticle ul.wizard_steps li:first-child a:before {

    left: 49%

}



.wizard_verticle ul.wizard_steps li:last-child a:before {

    left: 49%;

    left: auto;

    width: 0

}



.form_wizard .loader,

.form_wizard .msgBox {

    display: none

}



.progress {

    border-radius: 0

}



.progress-bar-info {

    background-color: #3498DB

}



.progress-bar-success {

    background-color: #26B99A

}



.progress_summary .progress {

    margin: 5px 0 12px!important

}



.progress_summary .row {

    margin-bottom: 5px

}



.progress_summary .row .col-xs-2 {

    padding: 0

}



.progress_summary .data span,

.progress_summary .more_info span {

    text-align: right;

    float: right

}



.progress_summary p {

    margin-bottom: 3px;

    width: 100%

}



.progress_title .left {

    float: left;

    text-align: left

}



.progress_title .right {

    float: right;

    text-align: right;

    font-weight: 300

}



.progress.progress_sm {

    border-radius: 0;

    margin-bottom: 18px

}



.dashboard_graph p {

    margin: 0 0 4px

}



ul.verticle_bars {

    width: 100%

}



ul.verticle_bars li {

    width: 23%;

    height: 200px;

    margin: 0

}



.progress.vertical.progress_wide {

    width: 35px

}

.alert{

	z-index: 99999;

}

.alert-success {

    color: #fff;

    background-color: rgba(38, 185, 154, .88);

    border-color: rgba(38, 185, 154, .88)

}



.alert-info {

    color: #E9EDEF;

    background-color: rgba(52, 152, 219, .88);

    border-color: rgba(52, 152, 219, .88)

}



.alert-warning {

    color: #E9EDEF;

    background-color: rgba(243, 156, 18, .88);

    border-color: rgba(243, 156, 18, .88)

}



.alert-danger,

.alert-error {

    color: #E9EDEF;

    background-color: rgba(231, 76, 60, .88);

    border-color: rgba(231, 76, 60, .88)

}



.ui-pnotify.dark .ui-pnotify-container {

    color: #E9EDEF;

    background-color: rgba(52, 73, 94, .88);

    border-color: rgba(52, 73, 94, .88)

}



.custom-notifications {

    position: fixed;

    margin: 15px;

    right: 0;

    float: right;

    width: 400px;

    z-index: 4000;

    bottom: 0

}



ul.notifications {

    float: right;

    display: block;

    margin-bottom: 7px;

    padding: 0;

    width: 100%

}



.notifications li {

    float: right;

    margin: 3px;

    width: 36px;

    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3)

}



.notifications li:last-child {

    margin-left: 0

}



.notifications a {

    display: block;

    text-align: center;

    text-decoration: none;

    padding: 9px 8px

}



.tabbed_notifications .text {

    padding: 5px 15px;

    height: 140px;

    border-radius: 7px;

    box-shadow: 6px 6px 6px rgba(0, 0, 0, .3)

}



.tabbed_notifications div p {

    display: inline-block

}



.tabbed_notifications h2 {

    font-weight: 700;

    width: 80%;

    float: left;

    height: 20px;

    text-overflow: ellipsis;

    overflow: hidden;

    display: block

}



.tabbed_notifications .close {

    padding: 5px;

    color: #E9EDEF;

    float: right;

    opacity: 1

}



.fc-state-default {

    background: #f5f5f5;

    color: #73879C

}



.fc-state-active,

.fc-state-down {

    color: #333;

    background: #ccc

}



.dropzone {

    min-height: 300px;

    border: 1px solid #e5e5e5

}



.main_menu .label {

    line-height: 11px;

    margin-top: 4px

}



@media (max-width:460px) {

    .dataTables_wrapper .col-sm-6 {

        width: 100%;

        margin-bottom: 5px

    }

    .dataTables_wrapper .col-sm-6 .dataTables_filter {

        float: none

    }

}



@media (max-width:767px) {

    .dataTables_length {

        float: none

    }

}



.daterangepicker.xdisplay {

    width: 228px

}



.dataTables_wrapper>.row {

    overflow: auto!important

}

.module_Box{

    display:none;

}

.login .login_form{

    

    background: #fff;

   

    padding: 30px;

  

    height: 100%; 

   

}

.login_content input{

    height:43px;

}

#content form .submit, .login_content form input[type=submit] {

    /* float: left; */

    background: #00002a;

    color: #fff;

    width: 100%;

    text-transform: uppercase;

}

.alert{

    position: fixed !important;

    bottom: 10px !important;

    right: 10px !important;

}

.project_date{

    padding-top: 15px;

    margin: 0px 13px 0px 0px;

    float: right;

}

.project_table{

    border:none;

}

.project_background{

    background: #fff;

    border: 1px solid #E6E9ED;

}

.sub_forms .select2 {

    margin-bottom: 10px;

}



.select2-selection {



    border: 1px solid #d0d0d0 !important;

    border-radius: 2px !important;

}

.sub_parent_task{

    padding:10px;



}

.login_form label{

	text-align:left !important;

}

.align-left{

	text-align:left !important;

}

.btn_add_more a{

    text-align: left;

    float:left !important;

}

.sub_detail_control{

   min-height: 539px;

   padding: 1px 2px 3px 5px;

    border: 1px solid #aaaaaa40;

    /*margin-top: 17px;*/

    background: #fff;

    box-shadow: 1px 2px 6px 5px #9999992b;

}

.padding_control{

    padding: 0px;

}

.head_log{

    height: 37px;

    background: #5a4932;

    /*margin-top: 18px;*/

}



.head_log h4{

   

    margin-top: 0px;

    padding-top: 10px;

    text-align: center;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

}

.time_act{

    font-size: 11px !important;

}

.new_details_list ul li p{

    font-size: 12px;

    margin-bottom: 2px;

    padding: 1px 5px;

    color: #2b2b2b;

}

.para_control{

    font-size: 12px;

    float:right;

}

.modal-header{

    border-bottom: 0px;

    padding-bottom: 0px;

}

.modal-title{

    border-bottom: 1px solid #c7c7c7;

    padding-bottom: 15px;

}



/* Modal Content/Box */

.modal-content {

 

  background-color: #fefefe;

  margin: 15% auto; 

  padding: 20px;

  border: 1px solid #888;

 padding: 2px 4px 7px 8px;

   /* Could be more or less, depending on screen size */

}

.modal-content.modal-content-invoice{

    background-color: #fefefe;

    margin: 5% auto; 

    padding: 20px;

    border: 1px solid #888;

   padding: 2px 4px 7px 8px;

} 





/* The Close Button */

.close {

  color: #aaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: black;

  text-decoration: none;

  cursor: pointer;

}

.tbl_view_control{

    width: 80%;

}

.tbl_view_control td{

    text-align: left;

}

.btn_re{

    width: 11%;

    border: none;

    height: 34px;

    border-radius: 4px;

    color: #fff;

    background: #5a4932;

    float: right;

} 

.sub_details_list ul{

background: #fff;

padding: 4px 15px!important;

border: 1px solid #ccc;

 box-shadow: 1px 2px 6px 5px #9999992b;

}



.sub_details_list ul li{

border: 1px solid #eee;

 list-style: none;

 padding-left: 0px !important;

}

.text_details{

width: 100%;

}

.sub_btn button{

    border: none;

    height: 35px;

    border-radius: 4px;

    color: #fff;

    background: #5a4932;

    float: right;

    width: 27%;

    font-size: 12px;

}

.btn-cancelled{

    background-color: red;

    color: #FFF !important;

    padding: 5px 10px;

    /* float: right; */

    /*font-weight: 600;*/

}

.btn-hold{

    float: right;

}

.btn-complete{

    float: right;

    background-color:#0A8CD2;

    color:#FFF !important;

}

.list_details{

    background: #efefef;

}

.btn-accepted {

   /* float: right;*/

    background-color: #6B8E23;

    }

.btn-pause {

    /*float: right;*/

    background-color: #FF8C00;

}

.btn-paused {

    color: #fff !important;

    float: right;

    background-color: #FF8C00;

}

.sub_forms .select2{

    width : 100% !important;

}

.message_body .select2{

    width : 100% !important;

}

.btn_add_more{

    margin-top:15px;

}

.error{

    color: #ff0400;

}

.btn_view_task a{

    padding: 5px 7px;

    font-size: 11px;

    margin-bottom: 9px;

    font-weight: 600;

}

.tbl_task th {

    text-align: left;

    line-height: 23px;

    width: 47%;

}

.btn-hold{

    padding: 6px 14px;

    border: none;

    border-radius: 3px;

    float: right;

    background: #1e2427;

}

.text-hold{

    height: 165px;

    width: 99%;

    margin-bottom: 15px;

    color: #15073a;

    font-size: 15px;

    font-weight: 400;

}

.btn-assign{

    color:#080808;

    height: 36px;

    border: none;

    border-radius: 3px;

    float: right;

    background-color: #f5bd1f;

}

.btn-q{

    height: 36px;

    border: none;

    border-radius: 3px;

    color: #fff;

    float: right;

    background-color: #6d0e59;

}

.back_new_task h2{

    font-size: 18px;

    font-weight: 700;

}

.main_view_area p{

   

    margin-bottom: 0px;

    font-size: 14px;

    color: #525050;

}



.view_sub_task_control{

    padding: 15px 15px;

    border-radius: 5px;

}

 .btn-assigned_log{

    background: #f7e706;

    color: #4e2828 !important;

    padding: 5px 13px;



    /*font-weight: 600;*/

}

.btn-hold_log{

    background: #8c8c82;

    color: #FFF !important;

    padding: 5px 25px;

    /*font-weight: 600;*/

    color: #fff;

}

.show_err{

    color: #bf0c0c !important;

    font-weight: 600;

    font-size: 14px;

}

.modal-title{

    color: #5a4932;

    font-size: 18px;

    font-weight: 600;

}

.btn-cancel{

    background-color: red;

    color: #FFF !important;

    padding: 5px 10px;

   

}





.align_button{

    float: right;

}

.btn-status-assign{

  

    background: #f5bd1f;

}

.btn-status-assignqa{

   

    background: #409376;

}

.btn-status-completed{

    

    background: #0A8CD2;

}

.btn-status-test-completed{

   

    background: #022217;

}

.btn-status-accept{

   

    background: #6B8E23;

}

.btn-status-review{

   

    background: #800080;

}

.btn-status-pause{

   

    background: #FF8C00;

}

.remove .btn-danger{

    padding: 3px 16px !important;

    margin-top: 5px;

}

.view_delete .btn-danger{

     padding: 3px 16px !important;

    margin-top: 5px;

}



.tbl_details tr th{

    text-align: left;

}

.status_right{



    float: right;

    padding: 10px 15px;

}



.status_task{

   

    color: #252525;

    font-size: 14px;

    font-weight: 600;

}

.status_task

.back_new_task, .back_new_task a{

    font-size: 16px;

    color: #000;

}  

.sub_forms .error{

    font-size: 11px;

}

.square_css {

    /* background: #f00; */

    padding: 9px;

}

.manual_satus {

    width: 10%;

    float: left;

}

.manual_satus p{

    color: #515050;

    margin-bottom: 0px;

}

.status_task-assign{

  

    background: #f5bd1f;

}

.status_task-assignqa{

   

    background: #409376;

}

.status_task-completed{

    

    background: #0a8cd2;

}

.status_task-test-completed{

    background: #022217;

}

.status-name-width{

    width:15%;

}

.status_task-accept{

   

    background: #6B8E23;

}

.status_task-review{

   

    background: #800080;

}

.status_task-pause{

   

    background: #FF8C00;

}

.status_task-hold{

     background: #1e2427;

}

.status_task-cancelled{

     background: #ff0000;

}

.assign_button{

    background: #ff800f !important;

    margin-top: 13px;

    font-size: 13px;

}

.message_button{

     background: #027cff !important;

    margin-top: 13px;

    font-size: 13px;

    float: right;

    color: #fff !important;

    font-size: 600;

    font-weight: 600;

}

.message_button:hover{

    color: #fff;

}

.padding-z{

    padding: 0px;

}

.message-control{

    height: 261px;

}

.chosen-container-single .chosen-single span {

    display: block;

    overflow: hidden;

    margin-right: 26px;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-left: 15px;

}

.list_style{

  /*  width: 83%;*/

    list-style: none;

}

.list-sub-control{

    width: 12.333333%;

}

.list-control{

    list-style: none;

}

.menu_box .user-profile {



    font-size: 15px;

    padding: 0;

    text-align: center;

    

}

.quick_link{

    list-style: none;

}



.quick_link .quick_link_list ul{

    list-style: none;

    padding:0px;

}

.quick_link .quick_link_list ul li{

   display: inline-block;

}

.quick_link .quick_link_list ul li a{

  border: 1px solid #0052cc;

    padding: 7px 12px;

    border-radius: 3px;

    margin-right: 15px;

    font-size: 13px;  

    color: #0052cc;

    display: block;

    font-weight: 600;

}

.quick_link .quick_link_list ul li a:hover{

    color: #fff;

	background: #0052cc;

}

.file_upload{

    padding-top: 5px;

    padding-left: 5px;

}

.disable_field select{

    pointer-events: none;

}

.confirm_model {

    padding: 15px  0px;

}

.disabel_btn {

    pointer-events: none;

}

.user-profile {

    display: inline-block;

    width: 80px;

    white-space: nowrap;

    /*overflow: hidden;

    text-overflow: ellipsis;*/

}

.chosen-container-single .chosen-single {

    height: 34px;

    padding-top: 5px;

    position: relative;

    display: block;

    overflow: hidden;

    /* padding: 0 0 0 8px; */

    /* height: 25px; */

    border: 1px solid #aaa;

    border-radius: 5px;

    background-color: #fff;

     background: none !important; 

     background: none !important; 

     background-clip: padding-box; 

     -webkit-box-shadow: none !important; 

     box-shadow: none !important; 

    color: #444;

    text-decoration: none;

    white-space: nowrap;

    line-height: 24px;

    border: 1px solid #ccc !important;

}

.manage_task {

    margin-top: 10px;

}

.manage_td {

    overflow: hidden;

    height: 67px;

}

.manage_table{

   min-height: 485px;

    /*overflow: auto;*/

}

.manage_table1{

    /*overflow: auto;*/

}

.manage_table1 th{

    background: #eee;

    width: 10%;

}

.manage_table th{

    width: 205px;

}

.btn-tc_status {

    background-color: #022217;

    color: #fff !important;

}

.example .dt-buttons{

    color: #000;

    

}

.btn-inactive{

    background-color: #e04f17;

    color: #fff !important;

}

/* .dt-button span{

    color:#000 !important;

}

 .dt-button span:hover{

    color: #fff !important;

}



.dt-buttons .buttons-excel:hover{

    color: #fff !important;

} */



.dt-buttons .buttons-excel{

    color: #000 !important;

 



}



/* .dtfc-fixed-left{

    position: inherit !important;

} */



div.dt-buttons .buttons-copy, .buttons-csv, .buttons-pdf {

    display: none !important;

}

.btn-edit{

    background-color:#1755e0;

    color:#fff !important;

}

.tab_col_width{

    width:500px;

}

.time_act_scroll{

    height: 200px;

    overflow-y: auto;

    

}

.btn-project-upload{

    background-color: #3e0707;

    color: #fff !important;

}

.text-message{

    width: 100%;

    height: 100px;

    border-radius: 3px;

}

.message-content{

    width: 420px;

}

.sub-btn{

    margin-top: 16px;

    background: #00BCD4;

    color: #fff;

}

.sub-btn:hover{

     color: #fff;

}

.top-message-section{

margin-bottom: 32px;



}

.middle-message-section{

    width: 100%;

    max-height: 130px;

    overflow: auto;

    border: 1px solid #eee;

    background: #fff;

    margin-top: 15px;

    border-radius: 4px;

    padding-right: 12px;



}

.middle-message-section p{

    padding-top: 6px;

    padding-left: 12px;

}

.date-control ul li{

    /*padding-left: 12px;*/

    float: left;

    padding-right: 6px;

    list-style: none;



}

.date-control ul{

    float: right;

    margin-top: 21px;

    margin-bottom: 0px;

    padding-bottom: 5px;

}

.date-control a{

    font-weight: 700;

    color: #b76060;

}

.date-control{

    font-style: italic;

}

.details-control p{

    margin-bottom: 0px;

    color: #868383;

}

.mail-box a{

    background: transparent;

    border: none;

}

.mail-box img{

    width: 22px;

}

.mail-box span{

    text-align: center;

  position: absolute;

    width: 25px;

    height: 25px;

    border: 1px solid #ff0000;

    border-radius: 50%;

    margin-top: -7px;

    margin-left: -12px;

    padding-left: -5px;

    padding-bottom: 2px;

    font-size: 13px;

    background: #ff0000;

    line-height: 25px;



}

.sidebar-mail-section{

    width: 100%;

}

.sidebar-mail-section ul{

    text-align: center;

   height: 400px;

    padding-left: 0px;

    border-right: 1px solid #eee;

}

.sidebar-mail-section ul li{

    border-bottom: 1px solid #9e9e9e30;

    padding: 19px 3px 17px 7px;

    list-style: none;

}

.attachment-sub-section ul{

    border: 1px solid #eee;

    padding-left: 16px;

    padding-top: 12px;

    padding-bottom: 35px;

    margin-bottom: 0px;

    background: #eee;



}

.attachment-sub-section ul li{

        float: left;

    margin-left: 59px;

    list-style: none;



}

.padding-zero{

    padding: 0px;

}

.sub-mail-control{

    padding-left: 28px;

    padding-top: 14px;

}

.sub-mail-control i{

    font-size: 23px;

    /* width: 20px; */

    padding-right: 6px;

}

.sub-mail-middle-section{

    background: #fff;

    height: 410px;

}

.sub-mail-control ul li{

    list-style: none;

}

.sub-mail-control ul{

    padding-left: 0px;

}



.label-control{

    padding-left: 29px;

}



.info-control{

    text-align: left;

    padding-left: 12px;

}



.info-subject{

    width:100%;

    text-align: left;

}

.sub-sec-record td{

     text-align: left;

}

.sub-sec-record th{

     text-align: left;

}

.top-main-center tr th{

    text-align: left;

}

.head-control{

    font-size: 16px;

}

.btn-control button{

  

    background: #FF9800;

    color: #fff;

    padding: 4px 9px;

    border: none;

    border-radius: 3px;

}



.mail_box td, .mail_box th{

    border:none !important;

    vertical-align:middle !important;

}

.inbox-control span{

    margin-right: 10px;

    color: #0c0c0c;;

}

.inbox_unread_message td{

        font-weight: 700;

}

.btn-forward{

   padding: 10px 13px;

    background: #5a4932;

    color: #fff;

    margin-right: 10px;

    border: none;

    border-radius: 5px;

}

.btn-reply{

    padding: 10px 13px;

    background: #ff800f;;

    color: #fff;

    margin-right: 10px;

    border: none;

    border-radius: 5px;

}

.reply_all {

    border: 2px solid #eee;

    margin: 10px 0px;

    padding: 10px 0px;

}

.btn-attatch{

    background: #0a9e27;

    padding: 10px;

    margin-top: 20px;

    color: #fff !important;

    border-radius: 3px;

    font-weight: 600;

}

.attatchment_div{

        margin-top: 15px;

}

.reply_title span{

    color: #000;

    font-weight: 600;

    font-size: 15px;

}

.reply_all{

    color: #000;

    background: #eee;

}

.mail_date{

    float: right;

    font-weight: 600;

    color: #000;

    background: #eee;

    padding: 10px;

}

.btn-forward i,

.btn-reply i{

        margin-top: 4px;

}

.task_filter{

    width: 62px;

}

.mail_description p{

    padding: 1px 8px;

    color: #000;

    font-size: 15px;

    font-weight: 700;

}

.mail_description span{

    padding: 10px 10px;

    color: #000;

    font-size: 15px;

    text-align: justify;

    font-weight: 200;

}

.overtime td{

    background: #d03c3c;

    color: #fff !important;

}

.project_col{

    width: 35%;

}

.report_table span{

    font-weight: 600;

}

.over_time{

    background: #b93838;

    color: #fff !important;

}

.reject_desc{

    border-bottom: none !important;

    padding-bottom: 0px !important;

}

.emp_details{

    width:50% !important;

    text-align: left;

}

.assign_previleges{

    font-size: 12px;

    padding: 5px !important;

    font-weight: 600;

    background: #9ba1af !important;

    border-color: #9ba0af !important;

    color: #fff !important;

}

#department-error, #send_to-error{

    position: absolute !important;

    top: 54px !important;

}

.chosen-container-multi .chosen-choices{

    padding: 3px 3px !important;

    border: 1px #ccc solid !important;

}

#employees-error{

    position: absolute;

    top: 71px;

}

#project_name-error{

    position: absolute !important;

    top: 56px !important;

}

.sub_staus_view{

    min-height: 250px;

}

/*Vaibhav*/

.tab_container{

	display:none;

}

.count_bottom{

	display:none;

}





/*------------------ Amruta Style ------------------------------------*/



.form_div{

    width: 70%;

}

.form_div2{

    width: 30%;

}

/* The switch - the box around the slider */

.switch {

    position: relative;

    display: inline-block;

    width: 60px;

    height: auto;

  }

  

  /* Hide default HTML checkbox */

  .switch input {

    opacity: 0;

    width: 0;

    height: 0;

  }

  

  /* The slider */

  .slider {

    width: 50px;

    height: 25px;

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #ccc;

    -webkit-transition: .4s;

    transition: .4s;

  }

  

  .slider:before {

    position: absolute;

    content: "";

    height: 19px;

    width: 19px;

    left: 4px;

    bottom: 3px;

    background-color: white;

    -webkit-transition: .4s;

    transition: .4s;

  }

  

  input:checked + .slider {

    background-color: #060606;

  }

  

  input:focus + .slider {

    box-shadow: 0 0 1px #2196F3;

  }

  

  input:checked + .slider:before {

    -webkit-transform: translateX(26px);

    -ms-transform: translateX(26px);

    transform: translateX(26px);

  }

  

  /* Rounded sliders */

  .slider.round {

    border-radius: 34px;

  }

  

  .slider.round:before {

    border-radius: 50%;

  }

.text_btn > td{

    padding: 4px !important;

    vertical-align: middle !important;

    text-align: left !important;

    border-top: none !important;

   font-weight: 600;

}

.main_div{

    /* border: 2px solid black; */

}

.row_div{

    /* border: 2px solid red; */

    width: 100%;

    justify-content: space-around;

    align-items: center;

    flex-direction: row;

    

}

.box1{

    width: 25%;

   margin-bottom:15px;

    

}

.projectmn_div{

    flex-direction: column;

    height: 160px;

    /* border: 2px solid blue; */

    background: #221818cf;

    border-radius: 5px;

    display: flex;

    justify-content: center;

    align-items: center;

    

}

.projectmn_img{

    width: 50px;

    position: relative;

    top: 13px;

    right: 2px;

}

.projectbox_text{

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    text-align: center;

    

    /* margin-left: 13px; */

    margin-top: 10px;

}

.img_contain{

    border: 2px solid #fff;

    height: 80px;

    width: 80px;

    border-radius: 50%;

  

    padding-left:15px;

    text-align: left;

}

.row_2{

    margin-top: -15px;

}

.edit_btn{

    background-color: green !important;

}

.text_alignfm{

    text-align: left;

}

.view_btn{

    background: #5a4932;  

    color: #fff;

    border: none;

    border-radius: 2px;

    padding: 4px 10px !important;

    font-size: 12px;

    font-weight: 500;

}

.individual_btn{

    background: #d18217;  

    color: #fff;

    border: none;

    border-radius: 2px;

    padding: 4px 10px !important;

    font-size: 12px;

    font-weight: 500;

}

.consolidated_btn{

    background: #0ba76d;  

    color: #fff;

    border: none;

    border-radius: 2px;

    padding: 4px 10px !important;

    font-size: 12px;

    font-weight: 500;

}

.top_projectdiv{

    background: #fff;

    

    box-shadow: 4px 5px 8px 2px rgb(0 0 0 / 6%);

    margin-bottom: 25px;

    border-radius: 5px;

}

.div1{

    display: inline-block;

    padding: 12px 30px;

    font-size: 14px;

    font-weight: 550;

    width:24%;

    text-align:center;

    color:#4e4c4c;

  

}

.welcome_text {

    color: #2f4cdd;

    font-size: 18px;

    font-weight: 600;

    /* margin-top: 21px;

    padding-left: 15px; */

}

.welcome_second{

    color: #343434;

    font-size: 18px;

    font-weight: 600;

}



.welcome_third{

    color: #343434;

    font-size: 13px;

    font-weight: 600;

}

.track_div{

    height: 510px;

    display: flex;

  justify-content: center;

  align-items: center;

}

.center_div{

    height: 450px;

    width: 700px;

    /* border: 2px solid black; */

  

}

.nodata_img{

    width: 50%;

    position: relative;

    bottom: 40px;

}

.nodata_imgcontain{

    display: flex;

    justify-content: center;

    

}

.nodata_imgtext{

    text-align: center;

    font-size: 18px;

    color:  #5a4932;

    font-weight: 600;

    position: relative;

    bottom: 50px;

}

.nodata_imgbtn{

    text-align: center;

    position: relative;

    bottom: 40px;

    

}

.nodata_imgbtn1{

    color: #5a4932;

    border:2px solid #5a4932;

    border-radius: 6px;

    padding: 6px 12px;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 1px;

}

.table_heading{

    color: #fff;

   

}

.heading_table th{



    padding: 4px !important;

}

.rowstable td{

    padding: 4px !important;

}

.rowstable th{

    padding: 4px !important;

}

.plus_btn{

    background: #e39911;

    color: #fff;

    width: 70px;

}

.minus_btn{

    background:#bb1818;  

    color: #fff;

    width: 70px;

}

.bell_icon{

    font-size: 20px;

   

}

.fa-bell{

    color: #5a4932;

}

.sr_width{

      width: 62px;

    border: 1px solid #9f9384;

    border-radius: 3px;

     padding:0px 15px;

    height: 40px;

	text-align: center;

    

}

.table_widthcr td,.table_widthcr th{

    border-top:none !important;

    padding:10px;

}



.table_widthcr th{

    border-bottom:0 !important;

}

.table_widthcr{

 

    margin: auto;

}

.module_width{

     width: 100%; 

      border: 1px solid #9f9384;

     padding:0px 15px;

    border-radius: 3px;

    font-size:15px;

    height: 40px;

    

}

.plus_btn:hover{

    color: #fff !important;

}

.minus_btn:hover{

    color: #fff !important;

}

.nodata_sheetbtnc{

    text-align: center;

    position: relative;

    bottom: 20px;

    

}

.nodata_sheetbtn{

    color: green;

    border:2px solid green;

    border-radius: 6px;

    padding: 6px 12px;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 1px;

}

.h11{

    color: red;

}

.form_divaccept{

    color: #000;

    width: 100%;

    margin: auto;

    background-color: #fff;

    padding: 0px 20px 20px 20px;

}

.form_heading{

    color: #5a4932;

    font-size: 18px;

    font-weight: 550;

    padding: 8px;

    margin: 0px;

    border-bottom: 2px solid #E6E9ED;

    margin-bottom: 20px;

    padding: 15px 15px 15px 0px;

} 

.addmore{

    padding: 10px 12px;

    font-size: 13px;

    font-weight: 600;

    background:green !important;

    color: #fff ;

    border-radius: 3px;

    border: none;

    margin-top: 25px;

}

.accept_list{

    width: 100% !important;

    margin-top:10px;

}

.accept_maindiv{

    width: 100%;

}

.span_title{

   /* position: relative;*/

    top: 8px;

    color: #0052cc !important;

    padding-bottom: 15px;

	font-weight: 700;

}

.letter_listtitle{

    float: none;

    padding-bottom: 10px;

    margin-top: 0px;

}



.list_title{

float:none;

color: #5a4932;

font-size: 19px;

}

.list_togglebtn{

    position: absolute;

    left: 6px;

}

.list_printbtn{

    margin-right: 0px;

    margin-left: 0px;

    padding: 4px 10px !important;

    margin-bottom: 0px;

    font-size: 12px;

    font-weight: 500;

    color: #fff;

    border: none;

    border-radius: 3px;

    background-color: #15c5d7 !important;

}

.dbrdata_usage{

    padding: 0px 10px;

    width: 100%;

}

.usage_div{

    width: 100%;

    

}

.usage_text{

    padding: 0px 10px;

    float: left;

    display: inline-block;

    color: #5a4932 !important;

    font-size: 16px;

}

.toggle_btnform{

   float: right;

    

}

.table_div1{

  border: 3px solid #5a4932; 

  width: 70%;

}

.right_arrow{

    font-size: 13px;

    color: #5a4932;

    float: right;

}

.fixed_widthrow{

    width:40%;

    padding: 10px;

    font-weight:bold !important;

}

.fixed_widthrow2{

    width:60%;

    padding: 10px;

    font-weight:bold !important;

    

}

.table_divs{

    color: #5a4932 !important;

    display: flex;

    width: 100%;

    border-bottom:1px solid #5a4932 ;

}

.ec_textarea{

    width: 100%;

    border: 1px solid #ccc;

}

.checkbox_margin{

    position: relative;

    bottom: 1px;

}

.sub_head hr{

    margin-top: 0px;

}

.sub_head h5{

    margin-bottom: 6px;

}

.letter_issuesub{

    padding-left: 7px;

}

#submit_button{

    margin-top: 10px;

}

.addmore_margin{

    margin-top: 0px !important;

}

.coming_soon{

    color: black;

    font-size: 50px;

    height: 450px;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    left: 63%;

    font-weight: 600;

   }

   .div2{

    display: inline-block;

    padding: 12px 30px;

    font-size: 14px;

    font-weight: 300;

    width: 24%;

   

    color: #000000;

   

  

   }

   .borders{

    border-right-style: ridge;



   }

   .cd{

    font-weight: 600 ;

     color: black ;

   }

   .labels{

    border: 1px solid black;

    padding: 3px;

    width: 100%;

    text-align: center;

   }

   .labels:hover{

    border: 2px solid #fff;

    color: #fff;

    background-color:#4d4adf;

 

   }

   .modal-backdrop {

	display: none;

}

.modalDialog1 {

	position: fixed;

	font-family: Arial, Helvetica, sans-serif;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 99999;

	opacity:1;

	-webkit-transition: opacity 400ms ease-in;

	-moz-transition: opacity 400ms ease-in;

	transition: opacity 400ms ease-in;

	pointer-events: auto;

	display:none;

/*	background:rgba(0,0,0,0.8);*/

}

.modal-backdrop1 {

    background: rgba(0,0,0,0.8);

    position: absolute;

    top: 0;

    height: 100%;

    width: 100%;

}

.modalDialog1:target {

	opacity:1;

	pointer-events: auto;

}

.modalDialog1 .overlay {

    width: 50%;

    height: auto;

	position: relative;

	margin: 5% auto;

	padding: 40px 50px;

	border-radius:0;

	background:white;

	z-index: 9999;

}

.close1 {

	background:black;

	color: #FFFFFF;

	line-height: 25px;

	position: absolute;

	right: -12px;

	text-align: center;

	top: -10px;

	text-decoration: none;

	font-weight: bold;

	opacity: 1;

    width: 40px;

    height: 30px;

    border-radius: 50%;

    padding: 6px 0px;

}

.modal-backdrop1.in{

	opacity:0;

}

.close1:focus, .close1:hover {

	background:black;

	color:white;

	opacity:1;

	text-decoration:none;

}

.modal-body1 .coupon-btn1, .modal-body1 .thanks-btn1 {

    background: #dc241e;



    float: left;

    display: inline-block;

    margin: 30px 20px 20px;

    color: #fff;

    cursor: pointer;

    font-family: "Oswald", sans-serif;

}

.modal-head1 {

	text-align:center;

}

.modal-body1 .coupon-btn1 {

	background:gray;

}

body.modal-open {

     overflow:auto; 

     padding-right:0 !important;

}

.heading {

  display:table;

  width:100%;

}



.btn_choose_sent input {

  

    display: block;

    margin: 10px;

    width: 18px;

    height: 18px;

    border-radius: 12px;

    cursor: pointer;

    vertical-align: middle;



    background-color: hsla(0,0%,0%,.2);

        background-image: -webkit-radial-gradient( #fff 0%, #fff 15%, #fff 28%, #fff 70% );

    background-repeat: no-repeat;

    -webkit-transition: background-position .15s cubic-bezier(.8, 0, 1, 1),

      -webkit-transform .25s cubic-bezier(.8, 0, 1, 1);

    outline: none;

  }

  .btn_choose_sent input:checked {

    -webkit-transition: background-position .2s .15s cubic-bezier(0, 0, .2, 1),

      -webkit-transform .25s cubic-bezier(0, 0, .2, 1);

  }

  .btn_choose_sent input:active {

    -webkit-transform: scale(1.5);

    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);

  }

  

  

  

  /* The up/down direction logic */

  

  .btn_choose_sent input,

  .btn_choose_sent input:active {

    background-position: 0 24px;

  }

  .btn_choose_sent input:checked {

    background-position: 0 0;

  }

  .btn_choose_sent input:checked ~ input,

   .btn_choose_sent input:checked ~ input:active {

    /* background-position: 0 -24px; */

  }

  

  .btn_choose_sent{

          background: #EF2D56;

      color: #fff;

      box-shadow: 0 10px 20px rgba(125, 147, 178, .3);

      border: none; 

       border-radius: 3px;

      font-size: 16px;

      line-height: 10px;

      padding:  16px 20px 16px 38px;

      text-align: center;

      display: inline-block;

      text-decoration: none;

      margin-right: 30px;

      transition: all .3s;

      height: auto;

      cursor: pointer;

      position: relative;

      outline: none;

  }

  

  .btn_choose_sent input{

      position: absolute;

      left: 0;

      right: 0;

      z-index: 99;

      top: 2px;

  }

  

  .btn_choose_sent input:after{

       position: absolute;

      content: '';

      width: 15rem;

      left: 0;

      right: 0;



      height: 40px;

      top: -10px;

  }

  

  .bg_btn_chose_1{

      background-color: #f78968 !important;

  }



  



  

  

  /*-=p=--=*/

  

  

  /*================ PRADEEP STYLE  ===================*/

  

  .serieal_number_div{

	  width:10%;

	  float:left;

	  padding-left: 10px;

	  padding-right: 10px;

  }

  .module_name_div{

	  width:50%;

	  float:left;

	  padding-left: 10px;

	  padding-right: 10px;

  }

  .module_action_div{

	  width:20%;

	  float:left;

	  padding-left: 10px;

	  padding-right: 10px;

  }

  .module_notification_div{

	  width:20%;

	  float:left;

	  padding-left: 10px;

	  padding-right: 10px;

  }

  .dynamic_sub_module{

	  width: 95%;

		margin: 0px 0px 0px auto;

  }

  .custom-btn{

		width: auto;

		font-size: 11px;

		padding: 5px 10px;

  }

  .add_more_module_sub_module{

		width: auto;

		padding: 9px 14px;

	}

  .add_more_module_second_sub_module{

		width: auto;

		padding: 9px 14px;

	}

  .rowstable {

	  margin-bottom: 15px;

  }

  .remove_model{

	  width: auto;

		padding: 9px 14px;

  }

  .sub_minus_btn{

	  width: auto;

		padding: 9px 14px;

		background: #bb1818;

		color: #fff;

  }

  .second_sub_minus_btn{

	  width: auto;

		padding: 9px 14px;

		background: #bb1818;

		color: #fff;

  }

  .subrowstable{

	  margin-bottom: 15px;

  }

  .dynamic_scond_sub_module{

	  width: 95%;

		margin: 0px 0px 0px auto;

  }

	.punch_details{

		background: #eee;

		border: 1px solid #ddd;

		border-radius: 5px;

		padding: 15px 15px;

		margin: 0 0 20px;

	}

	.punch_details p{

		font-weight: 600;

		color: #000;

		margin-bottom: 5px;

	}

	.punch_details h3{

		color: #727272;

		font-size: 14px;

		margin: 0;

	}

	.punch-info {

		margin: 0 0 20px;

	}

	.punch-info .punch-hours {

		background-color: #f9f9f9;

		border: 5px solid #3a55e0;

		font-size: 18px;

		height: 120px;

		width: 120px;

		margin: 0 auto;

		border-radius: 50%;

		padding: 40px 10px;

		text-align: center;

	}

	.punch-btn-section {

		text-align: center;

		margin: 0 0 20px;

	}

	.punch-btn-section .punch-btn {

		font-size: 18px;

		font-weight: 600;

		max-width: 100%;

		padding: 8px 40px;

		border-radius: 50px;

	}

	.punch-status .stats-box {

		margin-bottom: 0;

	}

	.stats-box {

		background-color: #f9f9f9;

		border: 1px solid #e3e3e3;

		margin: 0 0 15px;

		padding: 5px;

	}

	.stats-box p {

		margin: 0;

		font-size: 12px;

		color: #000;

	}

	.stats-box h6 {

		margin-top: 0px;

	}

	.search-btn{

		/* width: 100%; */

		background-color: #55ce63 !important;

		border: 1px solid #55ce63;

		border-color: #55ce63 !important;

        padding: 14px 32px;

		font-size: 14px;

		/* text-transform: uppercase; */

		font-weight: 600;

		border-radius: 5px;

		margin-top: 25px !important;

	}

	.search-input{

		border-radius: 5px;

		/*font-size: 18px;*/

		height: 50px !important;

	}

	.filter_section{

		margin-top: 30px;

	}

	.spend_hours{

		color:#3a55e0;

	}

	

	.dialog-container {

		/* position: absolute; */

		position: fixed;

		left: 50%;

		top: -30%;

		transform: translateX(-50%) translateY(-50%);

		width: 400px;

		background: #fff;

		padding: 10px;

		border: 2px solid #ddd;

		box-shadow: 1px 1px 5px 1px #ccc;

		border-radius: 10px;

		opacity: 0;

		transition: all 0.3s linear 0s;

	}

	.dialog-header {

		padding: 10px;

		font-weight: bold;

		background: #0052cc;

		color: #f6f7f8;

	}

	.dialog-body {

		padding: 10px;

		line-height: 24px;

	}

	.dialog-footer {

		text-align: center;

		background: #f5f5f2;

		padding: 3px 0;

	}

	.dialog-footer a {

		display: inline-block;

		width: 100px;

		padding: 5px 0;

		border: 1px solid #ccc;

		border-radius: 10px;

		background: #eee;

		cursor: pointer;

		color: #4e4c4c;

	}

	.dialog-footer a:active {

		box-shadow: inset 2px 2px 4px 0 #ccc;

		color: #666;

	}

	.dialog-close{

		float: right;

		padding: 0px 8px;

		cursor: pointer;

	}

	.dialog-body p{

		margin-bottom: 0px;

		color: #4e4c4c;

	}

	.float-right{

		float: right;

	}

	.working_days_table{

		/*border: 1px solid #bbb;*/

		margin-top: 40px;

	}

	.working_days_table th, .working_days_table td{

		text-align:center !important;

		padding: 10px;

	}

	.absent_mark_new{

		color: #000 !important;

		font-size: 12px;

		padding-top: 0px !important;

		padding-bottom: 0px !important;

		/* cursor: pointer; */

		background: #e5819375;

		font-weight: 600;

		width: 32px;

	}

	.absent_mark{

		color: #000 !important;

		font-size: 12px;

		padding-top: 5px !important;

		/* cursor: pointer; */

		background: #e5819375;

		font-weight: 600;

		width: 32px;

	}

	.leave_mark_new{

		color: #000 !important;

		font-size: 12px;

		padding-top: 0px !important;

		padding-bottom: 0px !important;

		/* cursor: pointer; */

		background: #f762ac70;

		font-weight: 600;

		width: 32px;

	}

	.leave_mark{

		color: #000 !important;

		font-size: 12px;

		padding-top: 5px !important;

		/* cursor: pointer; */

		background: #f762ac70;

		font-weight: 600;

		width: 32px;

	}

	.half_day_mark_new{

		color: #000 !important;

		font-size: 12px;

		padding-top: 0px !important;

		padding-bottom: 0px !important;

		cursor: pointer;

		background: #c0efb5ba;

		font-weight: 600;

		width: 32px;

	}

	.half_day_mark{

		color: #000 !important;

		font-size: 12px;

		padding-top: 5px !important;

		cursor: pointer;

		background: #c0efb5ba;

		font-weight: 600;

		width: 32px;

	}

	.present_mark_new{

		color: #000 !important;

		font-size: 5px;

		padding-top: 0px !important;

		padding-bottom: 0px !important;

		/* cursor: pointer; */

		background: #cfe1b99e;

		font-weight: 600;

		width: 32px;

	}

	.present_mark{

		color: #000 !important;

		font-size: 12px;

		padding-top: 5px !important;

		/* cursor: pointer; */

		background: #cfe1b99e;

		font-weight: 600;

		width: 32px;

	}

	.out_time_mark_new{

		color: #000 !important;

		font-size: 12px;

		padding-top: 0px !important;

		padding-bottom: 0px !important;

		/* cursor: pointer; */

		background: #f5d98570;

		font-weight: 600;

		width: 32px;

	}

	.out_time_mark{

		color: #000 !important;

		font-size: 12px;

		padding-top: 5px !important;

		/* cursor: pointer; */

		background: #f5d98570;

		font-weight: 600;

		width: 32px;

	}

	.paid_holiday_mark_new{

		color: #000000 !important;

		font-size: 12px;

		padding-top: 0px !important;

		padding-bottom: 0px !important;

		/* cursor: pointer; */

		background: #c3edef;

		font-weight: 600;

		width: 32px;

	}

	.paid_holiday_mark{

		color: #000000 !important;

		font-size: 12px;

		padding-top: 5px !important;

		/* cursor: pointer; */

		background: #c3edef;

		font-weight: 600;

		width: 32px;

	}

	.holiday_working_mark_new{

		color: #000000 !important;

		font-size: 12px;

		padding-top: 0px !important;

		padding-bottom: 0px !important;

		/* cursor: pointer; */

		background: #71fdca9e;

		font-weight: 600;

		width: 32px;

	}

	.holiday_working_mark{

		color: #000000 !important;

		font-size: 12px;

		padding-top: 5px !important;

		/* cursor: pointer; */

		background: #71fdca9e;

		font-weight: 600;

		width: 32px;

	}

	.weekend_working_mark_new{

		color: #000000 !important;

		font-size: 12px;

		padding-top: 0px !important;

		padding-bottom: 0px !important;

		/* cursor: pointer; */

		background: #1cb76a47;

		font-weight: 600;

		width: 32px;

	}

	.weekend_working_mark{

		color: #000000 !important;

		font-size: 12px;

		padding-top: 5px !important;

		/* cursor: pointer; */

		background: #1cb76a47;

		font-weight: 600;

		width: 32px;

	}

	.weekend_mark_new{

		color: #000000 !important;

		font-size: 12px;

		padding-top: 0px !important;

		padding-bottom: 0px !important;

		/* cursor: pointer; */

		background: #3eb7a75c;

		font-weight: 600;

		width: 32px;

	}

	.weekend_mark{

		color: #000000 !important;

		font-size: 12px;

		padding-top: 5px !important;

		/* cursor: pointer; */

		background: #3eb7a75c;

		font-weight: 600;

		width: 32px;

	}

	.sandwich_mark_new{

		color: #000000 !important;

		font-size: 12px;

		padding-top: 0px !important;

		padding-bottom: 0px !important;

		/* cursor: pointer; */

		background: #d682d659;

		font-weight: 600;

		width: 32px;

	}

	.sandwich_mark{

		color: #000000 !important;

		font-size: 12px;

		padding-top: 5px !important;

		/* cursor: pointer; */

		background: #d682d659;

		font-weight: 600;

		width: 32px;

	}

	

	

	.attendanceTable tr td{

		text-align: center;

	}

	.attendanceTable thead tr th{

		text-align: left;

	}

	.attendanceTable .employee_photo{

		height: 27px;

		width: 27px;

		border-radius: 50%;

		background-position: center;

		background-size: cover;

		float: left;

		margin-right: 13px;

		border: 1px solid #000;

	}

	.attendanceTable .employee_name{

		float: left;

		margin-top: 5px;

		font-size: 12px;

	}

	.custom-textarea{

		height: auto !important;

	}

	.list_table .nav-item{

		list-style: none;

		float: none;

	}

	.list_table .nav-item li .nav-link{

		color: #000 !important;

		font-size: 20px !important;

	}

	.list_table .nav-item .dropdown-menu{

		background: #fff;

	}

	.list_table .nav-item .dropdown-menu a{

		width: 100%;

		display: block;

        /* text-align: center; */

		padding: 10px 15px;

		color: #000;

		font-weight: 600;

	}

	.list_table .nav-item .dropdown-menu a:hover{

		background: #0052cc;

		color: #fff;

	}

	.attendance_info_modal .modal-dialog{

		width: 745px;

	}

	.attendance_info_modal .modal-dialog .modal-header{

		position: relative;

	}

	.attendance_info_modal .modal-dialog .modal-header .close{

		position: absolute;

		top: 23px;

		right: 10px;

		background: #8b8b8b;

		border-radius: 50%;

		color: #fff;

		font-size: 15px;

		width: 20px;

		height: 20px;

		text-align: center;

		padding: 0px 6px;

	}

	.attendance_info_modal .modal-dialog .modal-title{

		border: none;

		text-align: center;

		font-size: 22px;

	}

	.attendance_info_modal .x_panel{

		box-shadow: none;

	}

	.attendance_info_modal .x_title{

		border-bottom: none;

	}

	.attendance_info_modal .form-group {

		margin-bottom: 12px;

	}

	.attendance_info_modal #submit_button {

		width: 100%;

	}

	.colorNotice{

		list-style: none;

	}

	.colorNotice li{

		display: inline;

	}

	.fullDay_notice{

		

	}

	

	.leave_details_section h4{

		font-size: 13px;

		letter-spacing: 0.3px;

		margin-bottom: 0px;

		margin-top: 10px;

		color: #000;

	}

	

	.approval_btn{

		font-size: 12px !important;

		padding: 6px 12px !important;

	}

	

	.list_table .employee_photo{

		height: 35px;

		width: 35px;

		border-radius: 50%;

		background-position: center;

		background-size: cover;

		float: left;

		margin-right: 13px;

		border: 1px solid #000;

	}

	

	.list_table .employee_name{

		float: left;

		margin-top: 9px;

	}

	.latemarkTable thead tr th{

		font-size: 12px;

		padding-left: 10px;

		padding-right: 10px;

	}

	.latemarkTable tbody tr th{

		font-size: 12px;

		padding-left: 10px;

		padding-right: 10px;

	}

	.latemarkTable tbody tr td{

		font-size: 12px;

		padding-left: 3px;

		padding-right: 3px;

	}

	.late_value_row{

		background: #a94442;

	}

	.late_value_row th{

		color: #fff !important;

	}

	.late_value_row td{

		color: #fff !important;

	}

	.no-border-table>tbody>tr>td, .no-border-table>tbody>tr>th, .no-border-table>tfoot>tr>td, .no-border-table>tfoot>tr>th, .no-border-table>thead>tr>td, .no-border-table>thead>tr>th{

		padding: 18px 8px;

	}

	#ot_request_form textarea{

		height: auto !important;

	}

	.employee_list_section .employee_image{

		height: 100px;

		width: 100px;

		border-radius: 50%;

		background-position: center;

		background-size: cover;

		margin: 0px auto;

	}

	.employee_list_section .employee_details h4{

		color: #333333;

		margin-top: 10px;

		font-weight: 600;

		font-size: 16px;

		margin-bottom: 0px;

	}

	.employee_list_section .employee_details h6{

		color: #8e8e8e;

		font-size: 13px;

		margin-top: 5px;

		font-weight: 600;

	}

	.profile-widget {

		background-color: #ffffff;

		border: 1px solid #ededed;

		margin-bottom: 30px;

		padding: 20px;

		text-align: center;

		position: relative;

		/*overflow: hidden;*/

		border-radius: 4px;

		-webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%);

		-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);

		box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%);

		height: 195px;

	}

	.profile-widget .dropdown.profile-action {

		position: absolute;

		top: 10px;

		right: 10px;

		width: 20px;

		text-align: center;

		cursor: pointer;

	}

	.profile-widget .dropdown.profile-action .action-icon {

		color: #777;

		font-size: 18px;

		display: inline-block;

	}

	.profile-widget .dropdown-menu {

		background-color: #ffffff;

		border: 1px solid rgba(0, 0, 0, 0.1);

		box-shadow: inherit;

		font-size: 14px;

		border-radius: 3px;

		transform-origin: left top 0;

		-webkit-transform-origin: left top 0;

		-ms-transform-origin: left top 0;

	}

	.profile-widget .dropdown-menu .dropdown-item {

		display: block;

		width: 100%;

		padding: 0.75rem 1rem;

		clear: both;

		font-weight: 400;

		color: #212529;

		text-align: inherit;

		text-decoration: none;

		white-space: nowrap;

		background-color: transparent;

		border: 0;

	}

	.profile-widget .dropdown-item:focus, .profile-widget .dropdown-item:hover {

		color: #1e2125;

		background-color: #e9ecef;

	}

	.title_right .btn-custom{

		background: #fff;

		font-size: 18px;

		border: 1px solid #ddd;

		padding-top: 9px;

	}

	.employee_list_type .btn-custom{

		color:#000;

	}

	.title_right .btn-active{

		color:#428bca;

	}

	.title_right .btn-primary{

		padding-top: 9px;

		padding-bottom: 10px;

		margin-top: 1px !important;

		border: 1px solid #3a55e0;

	}

	textarea.form-control {

		height: auto !important;

	}

	.attendanceTable .table>tbody>tr>td, .attendanceTable .table>tbody>tr>th, .attendanceTable .table>tfoot>tr>td, .attendanceTable .table>tfoot>tr>th, .attendanceTable .table>thead>tr>td, .attendanceTable .table>thead>tr>th{

		padding: 4px 8px;

	}

	

	

	

	

	

	

	

	

	

nav > .nav.nav-tabs{



	border: none;

    color:#fff;

    /*background:#272e38;*/

    border-radius:0;



}

nav > div a.nav-item.nav-link,

nav > div a.nav-item.nav-link.active

{

	border: none;

    padding: 8px 8px;

    color: #fff;

    background: #272e38;

    border-radius: 0;

    font-size: 12px;

	text-wrap: nowrap;

    line-height: 37px;

}



/*nav > div a.nav-item.nav-link.active:after

 {

  content: "";

  position: relative;

  bottom: -60px;

  left: -10%;

  border: 15px solid transparent;

  border-top-color: #e74c3c ;

}*/

.tab-content{

  background: #fdfdfd;

    /* line-height: 25px; */

    border: 1px solid #ddd;

    border-top:5px solid #0052cc;

    padding:30px 25px;

	margin-top: -2px;

}

.tab-content .active{

	opacity: 1 !important;

}



nav > div a.nav-item.nav-link:hover,

nav > div a.nav-item.nav-link:focus

{

  border: none;

    background: #0863e9;

    color:#fff;

    border-radius:0;

    transition:background 0.20s linear;

}

.dynamic_div .view_delete .btn-danger{

	padding: 9px 15px !important;

    font-size: 18px;

}



.nav-tabs .active{

	background: #0052cc !important;

}

.chart_heading{

	border-bottom: none;

	text-align: left;

	margin-top: 10px;

}

.chart_heading h2{

	float: unset;

	font-size: 15px;

    letter-spacing: 0.5px;

}

.dash-widget-info{

	width: 75%;

    float: left;

	text-align:right;

}

.dash-widget-info h3{

	font-weight: 600;

    margin-top: 5px;

    margin-bottom: 3px;

	color: #5f5f5f;

}

.dash-widget-info span{

	font-weight: 600;

	color: #5f5f5f;

}

.dash-widget-icon{

	width: 25%;

    float: left;

	margin-top: 8px;

}

.dash-widget-icon .icon{

	background: #0468ff47;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    text-align: center;

    /* font-size: 17px; 

    color: #0052cc;*/

    padding-top: 8px;

}

.dash-widget-icon .icon img{

	width: 60%;

}

.dashboard-counts .x_panel{

	padding: 15px 17px;

}





.birthday__item {

  padding: 5px;

}

.birthday__avatar {

  width: 108px;

  border-radius: 99px;

  margin: 0px auto;

  height: 108px;

    background-position: center;

    background-size: cover;

}

.birthday .slick-list {

  padding-left: 0 !important;

}

.birthday .slick-prev {

    left:0px;

}

.birthday .slick-next {

    right:0px;

}

.birthday .slick-arrow {

	font-size: 19px;

    display: inline-block;

    position: absolute;

    top: 75px;

    border-radius: 50%;

    width: 35px;

    height: 35px;

    border: none;

	z-index: 999;

}



.birthday__item {

  justify-content: center;

  padding-top: 30px;

  padding-bottom: 30px;

  border-radius: 4px;

  width: 70% !important;

	display: block !important;

	margin: 0px auto;

	text-align:center;

}

.birthday__item h4{

  font-size: 15px;

    font-weight: 600;

    color: #000;

	margin-bottom: 4px;

}

.birthday__item p{

	color: #000;

	margin-bottom: 5px;

}

.birthday_date{

	font-weight: 600;

}

.birthday_section{

	background-position: bottom;

    background-size: cover;

}

.application_list .applicant__image{

	background-position: center;

    background-size: cover;

    height: 70px;

    width: 70px;

    border-radius: 50%;

    margin: 0px auto;

}

.application_list .applicant__details h4{

	margin: 0px;

    font-size: 15px;

    color: #000;

    font-weight: 600;

    margin-bottom: 5px;

}

.application_list .applicant__details p{

	color: #000;

    margin-top: 0px;

	margin-bottom: 5px;

}

.application_list .applicant__details .approved{

	margin: 0px;

	background: #5cb85c;

    color: #fff;

    padding: 2px;

    width: 80px;

    border-radius: 11px;

    text-align: center;

    font-size: 12px;

}

.application_list .applicant__details .pending{

	margin: 0px;

	background: #e0de19;

    color: #fff;

    padding: 2px;

    width: 80px;

    border-radius: 11px;

    text-align: center;

    font-size: 12px;

}

.application_list .applicant__details .reject{

	margin: 0px;

	background: #e01919;

    color: #fff;

    padding: 2px;

    width: 80px;

    border-radius: 11px;

    text-align: center;

    font-size: 12px;

}

.application_list{

	border-bottom: 1px solid #ddd;

    padding-top: 5px;

    padding-bottom: 5px;

}

.more-application{

	text-align: center;

    margin-top: 20px;

    margin-bottom: 6px;

}

.more-application .btn-view-more{

	background: #0052cc;

    color: #fff;

    font-size: 12px;

    padding: 7px 24px;

}





.absent_list .applicant__image{

	background-position: center;

    background-size: cover;

    height: 70px;

    width: 70px;

    border-radius: 50%;

    margin: 0px auto;

}

.absent_list .applicant__details h4{

	margin: 0px;

    font-size: 15px;

    color: #000;

    font-weight: 600;

    margin-bottom: 5px;

}

.absent_list .applicant__details p{

	color: #000;

    margin-top: 0px;

	margin-bottom: 5px;

}

.absent_list .applicant__details .approved{

	margin: 0px;

	background: #5cb85c;

    color: #fff;

    padding: 2px;

    width: 80px;

    border-radius: 11px;

    text-align: center;

    font-size: 12px;

}

.absent_list .applicant__details .pending{

	margin: 0px;

	background: #e0de19;

    color: #fff;

    padding: 2px;

    width: 80px;

    border-radius: 11px;

    text-align: center;

    font-size: 12px;

}

.absent_list .applicant__details .reject{

	margin: 0px;

	background: #e01919;

    color: #fff;

    padding: 2px;

    width: 80px;

    border-radius: 11px;

    text-align: center;

    font-size: 12px;

}

.absent_list .applicant__details{

	margin-top: 15px;

}

.absent_list{

	border-bottom: 1px solid #ddd;

    padding-top: 6px;

    padding-bottom: 5px;

}

.more-absent{

	text-align: center;

    margin-top: 20px;

    margin-bottom: 6px;

}

.more-absent .btn-view-more{

	background: #0052cc;

    color: #fff;

    font-size: 12px;

    padding: 7px 24px;

}









.timeline {

	width: 100%;

	/*height: 696px;*/

	/*background: #ecf1f524;*/

	mix-blend-mode: normal;

	backdrop-filter: blur(15px);

	overflow: hidden;

	top: 144px;

	border-radius: 10px;

}

.timeline h3 {

  font-family: Open Sans;

  font-style: normal;

  font-weight: bold;

  font-size: 22px;

  line-height: 30px;

  color: #ffffff;

  margin-left: 66px;

  margin-top: 40px;

}

.timeline label {

  font-family: Open Sans;

  font-style: normal;

  font-weight: normal;

  font-size: 16px;

  line-height: 22px;

  /* identical to box height */

  margin-left: 66px;

  margin-top: 10px;

  color: #ffffff;

}

.timeline .box {

  width: 100%;

  height: auto;

  background: #ffffff;

  /*margin-top: 99.5px;*/

  border: none;

  padding-top: 40px;

  overflow: unset;

}

.timeline .box .container {

  width: 100%;

  /*height: 357px;*/

  display: flex;

}

.timeline .box .container .lines {

  margin-left: -5px;

  margin-top: -7px;

}

.timeline .box .container .lines .dot {

  width: 14px;

  height: 14px;

  background: #d1d6e6;

  border-radius: 7px;

}

.timeline .box .container .lines .line {

  height: 68px;

  width: 2px;

  background: #d1d6e6;

  margin-left: 5.3px;

}

.timeline .box .container .cards {

  margin-left: 12px;

  transform: translateY(-50px);

}

.timeline .box .container .cards .card {

	padding-top: 13px;

	border-radius: 10px;

	margin-bottom: 10px;

}

.timeline .box .container .cards .card.mid {

  height: 71px;

}

.timeline .box .container .cards .card h4 {

  font-family: Open Sans;

  font-style: normal;

  font-weight: bold;

  font-size: 14px;

  line-height: 19px;

  margin-left: 5px;

  margin-bottom: 5px;

  color: #2b2862;

}

.timeline .box .container .cards .card p {

  font-family: Open Sans;

  font-style: normal;

  font-weight: normal;

  font-size: 12px;

  line-height: 17px;

  color: #2b2862;

  margin-left: 5px;

}

.timeline .box .bottom {

  width: 100%;

  height: 107px;

  background: #fff;

  box-shadow: 0 0 2px #eeeeee50;

  padding-top: 45px;

}

.timeline .box .bottom .btn {

  width: 249px;

  height: 62px;

  background: #ffffff40;

  mix-blend-mode: normal;

  cursor: pointer;

  border: 1px solid #8260d780;

  border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: Open Sans;

  font-style: normal;

  font-weight: bold;

  font-size: 14px;

  line-height: 19px;

  color: #2b2862;

  margin-left: 53px;

  transition: 0.3s;

  background: #2b2862;

  color: #fff;

  border-color: #2b2862;

}

.timeline .box .bottom .btn:hover {

  transform: scale(1.03);

}



.taskStatus{

	height: 465px;

}

.taskStatus #task-chart{

	padding-top: 30px;

}

.taskStatus #attendance-chart{

	padding-top: 30px;

}

.no_data_found{

	display: block;

    text-align: center;

    width: 100%;

}

.no_data_found h4{

	font-size: 15px;

    color: #5f5f5f;

    font-weight: 600;

}

.present_attendance {

    border-radius: 7px;

    padding: 13px 0px;

}

.absent_day {

    background-color: #d02410;

    color: #fff;

}

.present_day {

    background-color: #4CAF50;

    color: #fff;

}

.calender_cell {

    width: 14.28%;

    float: left;

    text-align: center;

    border-radius: 0px;

    border: 1px solid #dcdcdc;

    border-collapse: collapse;

    height: 55px;

    color: #000;

    font-size: 9px;

    padding: 4px 0px !important;

}

.attendance {

    margin-top: 10px;

}

.calendar_days .days_div{

	width: 14.28%;

    float: left;

    text-align: center;

    border-radius: 0px;

    border: 1px solid #dcdcdc;

    border-collapse: collapse;

    padding-top: 5px;

    padding-bottom: 5px;

    color: #000;

    background: #eee;

}

.head_attendance h4{

	margin-top: 6px;

    border-bottom: 2px solid #E6E9ED;

    padding-bottom: 10px;

	font-size: 15px;

}

.search_div .btn-att-search{

	width: 100%;

    padding: 11px 8px;

    font-size: 11px;

    background: #0052cc;

    border: 1px solid #0052cc;

}



.pd-l-0{

	padding-left:0px;

}

.pd-r-0{

	padding-right:0px;

}

.announcement_hedding{

	display: block;

    background: #8b00db;

    height: 45px;

    text-align: center;

    padding-top: 14px;

}

.announcement_hedding h4{

	margin-top: 0px;

    font-size: 16px;

	color: #fff;

}

marquee {

  background: -webkit-linear-gradient(225deg, #008ed9, #8b00db);

  background: -moz-linear-gradient(225deg, #008ed9, #8b00db);

  background: -o-linear-gradient(225deg, #008ed9, #8b00db);

  background: -ms-linear-gradient(225deg, #008ed9, #8b00db);

  background: linear-gradient(-135deg, #008ed9, #8b00db);

  width: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 1em;

  color: #fff;

  font-weight: 200;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: box;

  display: flex;

  -webkit-box-align: center;

  -moz-box-align: center;

  -o-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  overflow: hidden;

  margin-bottom: 15px;

  font-weight: 500;

}

marquee a{

	color: #fff;

    font-weight: 600;

    text-decoration: underline;

	margin-right: 15px;

}

.task_graph{

	padding-top: 45px;

    padding-bottom: 39px;

}

.application_status_list{

	margin-top: 20px;

}

.application_status_list ul{

	padding: 0px;

    list-style: none;

	display: flex;

}

.application_status_list ul li{

	width: 33.33%;

    float: left;

    text-align: center;

}

.application_status_list ul li .pending{

	background: #f6ae06;

    padding: 3px 10px;

    font-size: 11px;

    color: #fff;

    font-weight: 600;

    border-radius: 10px;

	border: 1px solid #f6ae06;

}

.application_status_list ul li .pending:hover{

	background: #fff;

    color: #f6ae06;

}

.application_status_list ul li .approved{

	background: #5cb85c;

    padding: 3px 10px;

    font-size: 11px;

    color: #fff;

    font-weight: 600;

    border-radius: 10px;

	border: 1px solid #5cb85c;

}

.application_status_list ul li .approved:hover{

	background: #fff;

    color: #5cb85c;

}

.application_status_list ul li .rejected{

	background: #e01919;

    padding: 3px 10px;

    font-size: 11px;

    color: #fff;

    font-weight: 600;

    border-radius: 10px;

	border: 1px solid #e01919;

}

.application_status_list ul li .rejected:hover{

	background: #fff;

    color: #e01919;

}

#accordion .card-background{

	background: #fff;

}

#accordion .card-background .card-header{

	background: #eee;

    font-size: 15px;

    font-weight: 600;

	border-bottom: 1px solid #ddd;

}

#accordion .card-background .card-header .card-link{

    padding: 13px;

	display: block;

}

#accordion .card-background .card-header .card-link i{

    /*position: absolute;

    right: 30px;

    top: 18px;*/

}

#accordion .card-background .card-body{

    padding: 13px;

    font-size: 13px;

    color: #565656;

}

.btn-submit{

	background: #0052cc;

    color: #fff;

    width: 125px;

}

.btn-submit:hover{

	background: #015de6;

    color: #fff;

}

.attendance_location h4{

	font-size: 11px;

    color: #000;

}

.employee_form_section{

	margin-top: 115px;

}

.task_checkbox h4{

	display: inline;

}

.taskChart{

	padding-top: 20px;

    padding-bottom: 34px;

}

.note-dropdown-menu li a{

	color: #000000;

}

.day_name_row{

	font-size: 9px;

}

.leave_count_section{

	text-align: center;

}

.leave_count_section  h4 span{

    color: #0052cc;

}

.leave_count_section h4{

	color: #000;

    font-size: 16px;

    font-weight: 600;

	margin-bottom: 3px;

}

.leave_count_section p{

	color: #000;

    /*font-size: 14px;*/

    font-size: 19px;

    font-weight: 600;

	margin-bottom: 0px;

}

.latemark_list .weekend_mark{

	width: auto;

	font-size: 10px;

	text-align: center;

}

.latemark_list .paid_holiday_mark{

	width: auto;

	font-size: 10px;

	padding: 2px 5px;

	text-align: center;

}

.attendance-shortname-list {

    padding: 0px;

    text-align: center;

}

.attendance-shortname-list li {

    /*display: inline-block;*/

    padding-left: 10px;

    padding-right: 10px;

    color: #405189;

    font-weight: 600;

}

.old_data_view{

	float: right;

}



.old_data_view .btn-info{

	padding: 0px 5px;

}

.old_data{

	width:100%;

}

.shift_name_heading{

	margin-top: 8px !important;

    color: #000 !important;

}

.close{

	position: absolute;

    top: 15px;

    right: 17px;

}

.modal-footer{

	border-top:none;

}

.cursor-pointer{

	position: absolute;

    top: 35px;

    right: 20px;

    color: #000;

    font-size: 16px;

    cursor: pointer;

}











.notification {

	padding-bottom: 0.75em;

	position: fixed;

	bottom: 12.5em;

	right: 1.5em;

	width: 300px;

	max-width: calc(100% - 3em);

	transition: transform 0.15s ease-out;

	-webkit-user-select: none;

	-moz-user-select: none;

	user-select: none;

	z-index: 9999;

}

.notification__box,

.notification__content,

.notification__btns {

	display: flex;

}

.notification__box,

.notification__content {

	align-items: center;

}

.notification__box {

	animation: flyIn 0.3s ease-out;

	background-color: hsl(0,0%,100%);

	border-radius: 0.75em;

	box-shadow: 0px 0px 7px 3px #ddd;

	height: 5em;

	transition:

		background-color var(--transDur),

		color var(--transDur);

}

.notification--out .notification__box {

	animation: flyOut 0.3s ease-out forwards;

}

.notification__content {

	padding: 0.375em 1em;

	width: 100%;

	height: 100%;

}

.notification__icon {

	flex-shrink: 0;

	margin-right: 0.75em;

	width: 2em;

	height: 2em;

}

.notification__icon-svg {

	width: 100%;

	height: auto;

}

.notification__text {

	line-height: 1.333;

}

.notification__text-title {

	font-size: 12px;

	font-weight: bold;

}

.notification__text-subtitle {

	font-size: 10px;

	opacity: 0.75;

}

.notification__btns {

	box-shadow: -1px 0 0 hsla(var(--hue),10%,10%,0.15);

	flex-direction: column;

	flex-shrink: 0;

	min-width: 4em;

	height: 100%;

	transition: box-shadow var(--transDur);

}

.notification__btn {

	background-color: transparent;

	box-shadow: 0 0 0 hsla(var(--hue),10%,10%,0.5) inset;

	font-size: 0.6em;

	line-height: 1;

	font-weight: 500;

	height: 100%;

	padding: 0 0.5rem;

	transition:

		background-color var(--transDur),

		color var(--transDur);

	-webkit-appearance: none;

	appearance: none;

	-webkit-tap-highlight-color: transparent;

	margin:0px;

	border: none;

}

.notification__btn-text {

	display: inline-block;

	pointer-events: none;

}

.notification__btn:first-of-type {

	border-radius: 0 0.75rem 0 0;

}

.notification__btn:last-of-type {

	border-radius: 0 0 0.75rem 0;

}

.notification__btn:only-child {

	border-radius: 0 0.75rem 0.75rem 0;

}

.notification__btn + .notification__btn {

	box-shadow: 0 -1px 0 hsla(var(--hue),10%,10%,0.15);

	font-weight: 400;

}

.notification__btn:active,

.notification__btn:focus {

	background-color: hsl(var(--hue),10%,95%);

}

.notification__btn:focus {

	outline: transparent;

}



@supports selector(:focus-visible) {

	.notification__btn:focus {

		background-color: transparent;

	}

	.notification__btn:focus-visible,

	.notification__btn:active {

		background-color: hsl(var(--hue),10%,95%);

	}

}



/* Dark theme */

@media (prefers-color-scheme: dark) {

	:root {

		--bg: hsl(var(--hue),10%,10%);

		--fg: hsl(var(--hue),10%,90%);

	}

	.notification__box {

		background-color: hsl(var(--hue),10%,30%);

	}

	.notification__btns {

		box-shadow: -1px 0 0 hsla(var(--hue),10%,90%,0.15);

	}

	.notification__btn + .notification__btn {

		box-shadow: 0 -1px 0 hsla(var(--hue),10%,90%,0.15);

	}

	.notification__btn:active,

	.notification__btn:focus {

		background-color: hsl(var(--hue),10%,35%);

	}



	@supports selector(:focus-visible) {

		.notification__btn:focus {

			background-color: transparent;

		}

		.notification__btn:focus-visible,

		.notification__btn:active {

			background-color: hsl(var(--hue),10%,35%);

		}

	}

}



/* Animations */

@keyframes flyIn {

	from {

		transform: translateX(calc(100% + 1.5em));

	}

	to {

		transform: translateX(0);

	}

}

@keyframes flyOut {

	from {

		transform: translateX(0);

	}

	to {

		transform: translateX(calc(100% + 1.5em));

	}

}













.important_notice {

	width: 100%;

	/*height: 696px;*/

	background: #ecf1f524;

	mix-blend-mode: normal;

	backdrop-filter: blur(15px);

	overflow: hidden;

	top: 144px;

	border-radius: 10px;

}



.important_notice .block {

    margin: 0 0 0 105px;

    border-left: 3px solid #e8e8e8;

    overflow: visible;

    padding: 10px 15px

}



.important_notice.widget {

    min-width: 0;

    max-width: inherit

}



.important_notice.widget .block {

    margin-left: 5px

}



.important_notice .tags {

    position: absolute;

    top: 15px;

    left: 0;

    width: 84px

}



.important_notice .tag {

    display: block;

    height: 30px;

    font-size: 13px;

    padding: 8px

}



.important_notice .tag span {

    display: block;

    overflow: hidden;

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis

}



.important_notice h2.title {

    position: relative;

    font-size: 16px;

    margin: 0

}



.important_notice h2.title:before {

    content: "";

    position: absolute;

    left: -23px;

    top: 3px;

    display: block;

    width: 14px;

    height: 14px;

    border: 3px solid #d2d3d2;

    border-radius: 14px;

    background: #f9f9f9

}



.important_notice h3 {

  font-family: Open Sans;

  font-style: normal;

  font-weight: bold;

  font-size: 22px;

  line-height: 30px;

  color: #ffffff;

  margin-left: 66px;

  margin-top: 40px;

}

.important_notice label {

  font-family: Open Sans;

  font-style: normal;

  font-weight: normal;

  font-size: 16px;

  line-height: 22px;

  /* identical to box height */

  margin-left: 66px;

  margin-top: 10px;

  color: #ffffff;

}

.important_notice .box {

  width: 100%;

  height: auto;

  background: #ffffff;

  /*margin-top: 99.5px;*/

  border: none;

  padding-top: 40px;

  overflow: unset;

}

.important_notice .box .container {

  width: 100%;

  /*height: 357px;*/

  display: flex;

}

.important_notice .box .container .lines {

  margin-left: -5px;

  margin-top: -7px;

}

.important_notice .box .container .lines .dot {

  width: 14px;

  height: 14px;

  background: #d1d6e6;

  border-radius: 7px;

}

.important_notice .box .container .lines .line {

  height: 68px;

  width: 2px;

  background: #d1d6e6;

  margin-left: 5.3px;

}

.important_notice .box .container .cards {

  margin-left: 0px;

  transform: translateY(-50px);

}

.important_notice .box .container .cards .card {

	padding-top: 13px;

	border-radius: 10px;

	margin-bottom: 10px;

}

.important_notice .box .container .cards .card.mid {

  height: 71px;

}

.important_notice .box .container .cards .card h4 {

  font-family: Open Sans;

  font-style: normal;

  font-weight: bold;

  font-size: 14px;

  line-height: 19px;

  margin-left: 16px;

  margin-bottom: 5px;

  color: #2b2862;

}

.important_notice .box .container .cards .card p {

  font-family: Open Sans;

  font-style: normal;

  font-weight: normal;

  font-size: 12px;

  line-height: 17px;

  color: #2b2862;

  margin-left: 5px;

}

.important_notice .box .bottom {

  width: 100%;

  height: 107px;

  background: #fff;

  box-shadow: 0 0 2px #eeeeee50;

  padding-top: 45px;

}

.important_notice .box .bottom .btn {

  width: 249px;

  height: 62px;

  background: #ffffff40;

  mix-blend-mode: normal;

  cursor: pointer;

  border: 1px solid #8260d780;

  border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: Open Sans;

  font-style: normal;

  font-weight: bold;

  font-size: 14px;

  line-height: 19px;

  color: #2b2862;

  margin-left: 53px;

  transition: 0.3s;

  background: #2b2862;

  color: #fff;

  border-color: #2b2862;

}

.important_notice .box .bottom .btn:hover {

  transform: scale(1.03);

}

.notice_inner{

	width:100%;

	display:table;

	clear:both;

}

.notice_count{

	width:5%;

	float:left;

}

.notice_details{

	width:95%;

	float:left;

}

.notice_count_inner{

	height: 12px;

    width: 12px;

    text-align: center;

    background: #0052cc;

    border-radius: 50%;

    margin-top: 14px;

}

.important_notice .more-absent{

	margin-top: 0px;

}

.list_table .navbar-nav{

	float: unset;

    margin: 0;

    display: inline-block;

	padding-left: 19px;

}

.filter-btn{

	width:100%;

}

.content {display:none;}

.preload { width:135px;

    height: 100px;

    position: fixed;

    top: 50%;

    left: 50%;

	text-align: center;}

.preload h5{

	font-size: 16px;

    color: #000;

}

.employee_profile_image .employee_profile_image_inner{

	width: 135px;

    height: 135px;

    border-radius: 50%;

    background-position: center;

    background-size: cover;

    border: 5px solid #fff;

}

.employee_profile_image{

	width: 150px;

    float: left;

}

.employee_profile_inner{

	width: 100%;

    display: table;

    clear: both;

}

.employee_personal_details{

	padding-top: 5px;

}

.employee_personal_details h3{

	font-size: 22px;

    color: #0052cc;

    font-weight: 600;

	margin-bottom: 8px;

}

.employee_personal_details h5{

	font-size: 16px;

    margin-top: 0px;

    color: #4e4c4c;

}

.profile-update-btn{

	margin-top: 15px;

}

.employee_info_inner{

	width: 100%;

    display: table;

    clear: both;

	padding-top: 15px;

}

.employee_info_inner ul{

	padding: 0px;

    list-style: none;

}

.employee_info_inner ul li{

	width: 33.33%;

    padding-left: 15px;

    padding-right: 15px;

    float: left;

    padding-top: 7px;

    padding-bottom: 7px;

    border-bottom: 1px solid #ddd;

	color: #4e4c4c;

}

.employee_info_inner ul li span{

	font-weight: 600;

}

.employee_department_inner{

	padding-left: 15px;

	padding-top: 10px;

}

.employee_department_inner h6{

	font-size: 14px;

    color: #4e4c4c;

    font-weight: 700;

	margin-top: 0px;

    margin-bottom: 0px;

}

.employee_department_inner h4{

	font-size: 21px;

    color: #0052cc;

    font-weight: 700;

    text-transform: capitalize;

	margin-top: 5px;

    margin-bottom: 10px;

}

.employee_contact_section{

	background: #fff;

	height: 265px;

    overflow-y: auto;

}

.profile_seaction_header{

	padding: 5px 20px;

    border-bottom: 1px solid #eee;

}

.profile_seaction_header h4{

	color: #4e4c4c;

    font-size: 15px;

}

.employee_profile_section{

	margin-bottom: 45px;

}

.employee_contact_inner{

	padding: 5px 20px;

}

.employee_contact_inner h5{

	margin-bottom: 11px;

	color: #4e4c4c;

	font-size: 13px;

}

.employee_contact_inner h5 a{

	margin-left: 20px;

	color: #4e4c4c;

}

.employee_contact_inner h5 a:hover{

	color: #4e4c4c;

	text-decoration: underline;

}

.employee_contact_action{

	padding: 0px 20px 5px;

}

.employee_contact_action .profile-update-btn{

	margin-top: 5px;

	width: 100%;

    background: #0052cc;

}

.employee_address_section{

	background: #fff;

	height: 300px;

    overflow-y: auto;

}

.employee_home_address{

	padding: 0px 20px 5px;

	/*height: 85px;*/

}

.employee_home_address h4{

	font-size: 14px;

    color: #FF9800;

    margin-bottom: 5px;

	margin-top: 5px;

}

.employee_home_address p{

	font-size: 13px;

    color: #4e4c4c;

	margin-bottom: 2px 

}

.employee_current_address{

	padding: 0px 20px 5px;

	/*height: 85px;*/

}

.employee_current_address h4 {

    font-size: 13px;

    color: #4caf50;

    margin-bottom: 5px;

    margin-top: 5px;

}

.employee_current_address p{

	font-size: 13px;

    color: #4e4c4c;

}







/* The actual timeline (the vertical ruler) */

.timeline {

  /*position: relative;*/

  max-width: 1200px;

  margin: 0 auto;

}



/* The actual timeline (the vertical ruler) */

.timeline::after {

  content: '';

  position: absolute;

  width: 0px;

  background-color: white;

  top: 0;

  bottom: 0;

  left: 8%;

  margin-left: -3px;

}



/* Container around content */

.timeline_container {

  padding: 10px 29px;

  position: relative;

  background-color: inherit;

  width: 100%;

}



/* The circles on the timeline */

.timeline_container::after {

  content: '';

  position: absolute;

  width: 25px;

  height: 25px;

  right: -17px;

  background-color: white;

  border: 4px solid #FF9F55;

  top: 15px;

  border-radius: 50%;

  z-index: 1;

}



/* Place the container to the left */

.left {

  left: 0;

}



/* Place the container to the right */

.right {

  left: 9%;

}



/* Add arrows to the left container (pointing right) */

.left::before {

  content: " ";

  height: 0;

  position: absolute;

  top: 22px;

  width: 0;

  z-index: 1;

  right: 30px;

  border: medium solid white;

  border-width: 10px 0 10px 10px;

  border-color: transparent transparent transparent white;

}



/* Add arrows to the right container (pointing left) */

.right::before {

  content: " ";

  height: 0;

  position: absolute;

  top: 18px;

  width: 0;

  z-index: 1;

  left: 20px;

  border: medium solid white;

  border-width: 10px 10px 10px 0;

  border-color: transparent white transparent transparent;

}



/* Fix the circle for containers on the right side */

.right::after {

  left: -16px;

}



/* The actual content */

.timeline_content_inner {

  padding: 10px 20px;

  background-color: white;

  position: relative;

  border-radius: 6px;

}



/* Media queries - Responsive timeline on screens less than 600px wide */

@media screen and (max-width: 600px) {

/* Place the timelime to the left */

  .timeline::after {

    left: 31px;

  }



/* Full-width containers */

  .timeline_container {

    width: 100%;

    padding-left: 70px;

    padding-right: 25px;

  }



/* Make sure that all arrows are pointing leftwards */

  .timeline_container::before {

    left: 60px;

    border: medium solid white;

    border-width: 10px 10px 10px 0;

    border-color: transparent white transparent transparent;

  }



/* Make sure all circles are at the same spot */

  .left::after, .right::after {

    left: 15px;

  }



/* Make all right containers behave like the left ones */

  .right {

    left: 0%;

  }

}

.holiday_list_inner ul{

	padding-left: 20px;

}

.holiday_list_inner ul li h5{

	color: #4e4c4c;

}

.timeline_view_btn{

	text-align: center;

    margin-top: 25px;

    width: 100%;

	margin-bottom: 25px;

}

.timeline_view_btn .timeline_view{

	background: #0052cc;

}

.employee_leave_sections{

	background: #fff;

	/*margin-top: 20px;*/

}

.employee_leave_inner {

    padding: 5px 20px;

	height: 460px;

    overflow-y: auto;

}

.employee_leave_inner ul{

    padding-left: 15px;

	list-style: number;

}

.employee_leave_inner ul li .leave_name{

    font-weight: 700;

}

.employee_leave_inner ul li{

    color: #4e4c4c;

}

.employee_leave_inner ul li h4{

    font-size: 14px;

    color: #4e4c4c;

}

.employee_leave_inner ul li .leave_details{

    font-size: 14px;

    color: #4e4c4c;

	list-style: disc;

}

.employee_leave_inner ul li .leave_details li{

    display: inline-block;

    width: 32.33%;

}

.employee_team_sections{

	background: #fff;

	margin-top: 20px;

}

.employee_team_inner{

	height: 460px;

    overflow-y: auto;

}

.employee_team_details{

	padding: 9px 20px;

    border-bottom: 1px solid #ddd;

}

.employee_team_sections .employee_team_details{

	width: 100%;

    clear: both;

    display: table;

}

.employee_team_image{

	width: 20%;

	float: left;

}

.employee_team_details_inner{

	width: 80%;

	float: left;

	padding-left: 10px;

    padding-right: 10px;

}

.employee_team_image_inner{

	width: 65px;

    height: 65px;

    border-radius: 10px;

    background-position: center;

    background-size: cover;

	margin: 0px auto;

}

.employee_team_details_inner h4{

	font-size: 14px;

    color: #4e4c4c;

    margin-top: 0px;

    font-weight: 700;

	margin-bottom: 0px;

}

.employee_team_details_inner h5{

	color: #4e4c4c;

    margin-top: 5px;

	margin-bottom: 5px;

}

.employee_team_details_inner ul{

	padding-left: 0px;

    list-style: none;

	margin-bottom: 0px;

}

.employee_team_details_inner ul li{

	display: inline-block;

    background: #f7f7f7;

    padding: 2px 5px;

    font-size: 11px;

    border-radius: 5px;

    margin-bottom: 5px;

    color: #4e4c4c;

}

.employee_team_details:last-child{

	border:none;

}

.employee_other_section{

	margin-bottom: 25px;

}	

.employee_task_sections{

	background: #fff;

	margin-bottom: 20px;

	height: 300px;

}

.timeline_not_found{

	background: #fff;

    margin-bottom: 20px;

    padding: 20px 30px;

    text-align: center;

}

.timeline_not_found h4{

	font-size: 15px;

    font-weight: 600;

    color: #4e4c4c;

}

.employee_project_sections{

	background: #fff;

    margin-bottom: 20px;

	height: 505px;

}

.employee_application_inner{

	height: 350px;

    overflow-y: auto;

}

.employee_project_inner{

	height: 350px;

    overflow-y: auto;

}

.project_details_inner{

	width: 100%;

    clear: both;

    display: table;

	padding: 9px 20px;

    border-bottom: 1px solid #ddd;

}

.project_details_inner .project_icons{

	width:10%;

	float:left;

}

.project_details_inner .project_icons div{

	height: 35px;

    width: 35px;

    background-position: center;

    background-size: cover;

}

.project_details_inner .project_details{

	width:90%;

	float:left;

}

.project_details_inner .project_details h4{

	color: #4e4c4c;

    font-size: 15px;

    margin-bottom: 5px;

}

.project_details_inner .project_details h5{

	margin-top: 6px;

    font-size: 12px;

    color: #707070;

}

.project_view_btn{

	padding: 5px 20px 20px;

}

.project_view_btn .project_view{

	margin-top: 5px;

    width: 100%;

    background: #0052cc;

}

.employee_application_inner .application_list{

	padding-left: 20px;

	padding-right: 20px;

}

.employee_application_inner .applicant__details{

	font-size: 12px;

}

.employee_application_inner .applicant__details h4{

	margin: 0px;

    font-size: 12px;

    color: #000;

    font-weight: 600;

    margin-bottom: 5px;

}

.application_view_btn{

	padding: 5px 20px 20px;

}

.application_view_btn .application_view{

	margin-top: 5px;

    width: 100%;

    background: #0052cc;

}

.btn-graph-link{

	right: 25px;

    /* float: right; */

    position: absolute;

    bottom: 25px;

	z-index: 9999;

}

.employee_assign_assets_section{

	background: #fff;

    margin-top: 20px;

    /*height: 460px;

    overflow-y: scroll;*/

}

.employee_assign_assets_section .application_list {

    padding-left: 20px;

    padding-right: 20px;

}

.employee_assign_assets_section .applicant__details h4 {

    margin: 0px;

    font-size: 12px;

    color: #000;

    font-weight: 600;

    margin-bottom: 5px;

}

.employee_assign_assets_section .applicant__details p {

    color: #000;

    margin-top: 0px;

    margin-bottom: 5px;

}

.employee_graph_section .x_content{

	margin-bottom: 20px;

    width: 100%;

    background: #fff;

}

.employee_project_sections .application_status_list{

   padding-left: 20px;

    padding-right: 20px;

}

.employee_project_sections .application_status_list ul li {

    margin-left: 5px;

    margin-right: 5px;

}

.employee_project_sections .application_status_list ul .pending {

    background: #f6ae06;

    padding: 3px 10px;

    font-size: 11px;

    color: #fff;

    font-weight: 600;

    border-radius: 10px;

    border: 1px solid #f6ae06;

}

.employee_project_sections .application_status_list ul .approved {

    background: #5cb85c;

    padding: 3px 10px;

    font-size: 11px;

    color: #fff;

    font-weight: 600;

    border-radius: 10px;

    border: 1px solid #5cb85c;

}

.employee_project_sections .application_status_list ul .rejected {

    background: #e01919;

    padding: 3px 10px;

    font-size: 11px;

    color: #fff;

    font-weight: 600;

    border-radius: 10px;

    border: 1px solid #e01919;

}

.team_filter{

	padding-left: 20px;

    padding-right: 20px;

    padding-top: 8px;

    padding-bottom: 4px;

    border-bottom: 1px solid #eee;

}

.custom_select_filter{

	padding: 2px 12px;

    font-size: 12px;

	height: 24px !important;

}

.reporters_view{

	margin-top: 5px;

    width: 100%;

    background: #0052cc;

}

.profile_seaction_header span{

	float: right;

}

.task_status_inner{

	position: relative;

}

.attendance_page_section{

	max-width: 1320px;

    overflow-y: auto;

}

.form-control .error{

	color:#555;

}

#mark_login{

	width:100%;

	background: #0052cc;

    color: #fff;

}

.forgot_password_link a{

	font-size: 13px !important;

    font-weight: 600;

    margin: 0px !important;

}

.color-code-section{

	padding: 0px;

    text-align: center;

}

.color-code-section li{

	display: inline-flex;

	padding-right: 25px;

}

.color-code-section li span{

	height: 15px;

    width: 15px;

}

.color-code-section li h4{

	margin: 0px;

    margin-left: 5px;

    font-weight: 600;

    color: #4e4c4c;

    font-size: 14px;

}

.login_content input[type=checkbox]{

	height: auto !important;

	display: inline-flex;

}

.remember_me_section{

	text-align: left;

}

.remember_me_section label{

	font-weight: 500;

	display: inline-flex;

}

.timeline_not_found img{

	width: 70px;

    padding-top: 50px;

}

.pagination>.active>a{

	background: #0052cc !important;

}

#reporting_to-error{

	position: absolute;

    top: 65px;

    left: 12px;

}

.reporting_to_section{

	position: relative;

	margin-bottom: 25px;

}







.first-col {

  width: 270px;

  min-width: 270px;

  max-width: 270px;

  left: 0px;

}





::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	background-color: #F5F5F5;

	border-radius: 10px;

}



::-webkit-scrollbar

{

	width: 5px;

	background-color: #F5F5F5;

	height: 10px;

}



::-webkit-scrollbar-thumb

{

	border-radius: 10px;

	background-image: -webkit-gradient(linear,

									   left bottom,

									   left top,

									   color-stop(0.44, rgb(122,153,217)),

									   color-stop(0.72, rgb(73,125,189)),

									   color-stop(0.86, rgb(28,58,148)));

}

.view_more_employee{

	text-align: center;

}

.view_more_employee button{

	width: 127px !important;

	font-size: 13px;

	letter-spacing: 0.5px;

}

.checkbox_error{

	font-size: 14px;

    font-weight: 700;

    margin-top: 30px;

}



.first-col-common{

		width:auto;

	  min-width: auto;

	  max-width: auto;

	  left: 0px;

}

.shift_section{

    position: fixed;

    bottom: 0px;

    width: 1275px;

    background: #fff;

    padding: 10px 30px;

    left: 256px;

    box-shadow: 0px 0px 5px 0px #ddd;

}

.shift_section button{

    margin-top: 7px !important;

    height: 49px;

}

.profile-action_after {

    position: absolute;

    top: 10px;

    right: 10px;

    width: 20px;

    text-align: center;

    cursor: pointer;

}

#revisionModal .close{

	position: absolute;

    right: 10px;

    top: 15px;

  }

  #revisionModal .modal-header{

	position: relative;

  }

  

.report_inner .report_document_div{

	padding-left:10px;

	padding-right:10px;

	margin-bottom: 20px;

	height: 395px;

	

}

.report_document_inner{

	background-color: #edf2f9;

	border-radius: 5px;

	border: 1px solid #cfc9c9;

}

.report_details_inner{

  padding: 15px 15px;

  height: 360px;

}

.report_document_inner img{

	width: 70%;

}

.report_document_inner h4{

	font-size: 16px;

	letter-spacing: 0.5px;

	margin-bottom: 0px;

	margin-top: 0px;

	color:#141414;

}

.report_document_inner p{

	margin-bottom: 0px;

	margin-top: 6px;

	letter-spacing: 0.5px;

	font-size: 13px;

	color: #141414;

}

.action_btn_section{

    display: table;

    clear: both;

    width: 100%;

    margin-top: 0px;

	margin-bottom: 10px;

}

.action_btn_section .button_section {

	  width: 33.33%;

	  padding-left: 5px;

	  padding-right: 5px;

	  float: left;

}

.action_btn_section .button_section a{

	width: 100%;

	text-wrap: wrap;

	font-size: 11px;

	margin: 0px;

}



.timeline_not_found{

	background: #fff;

    margin-bottom: 20px;

    padding: 20px 30px;

    text-align: center;

}

.timeline_not_found h4{

	font-size: 15px;

    font-weight: 600;

    color: #4e4c4c;

}



.sitedetails{

	float: right;

}

.sitedetails ul{

	padding: 0px;

    list-style: none;

}

.sitedetails ul li{

	display: inline-block;

    margin-left: 20px;

	font-size: 15px;

	font-weight: 600;

}



.report_delete_section{

	position: absolute;

    z-index: 999;

    right: 30px;

    top: 10px;

}

.report_delete_section .report_delete_inner{

	padding: 3px 9px 5px;

    font-size: 15px;

    background: #d80303;

    color: #fff;

    border-radius: 6px;

	padding-left: 40px;

}

.top_menu_section{

	background: #fff;

    margin-bottom: 15px;

	padding-top: 15px;

	padding-left: 45px;

	padding-bottom: 10px;

}

.quick_link .quick_link_list{

	text-align: right;

	margin-top: 8px;

}

.custom_fields_data{

	clear: both;

	width: 100%;

	display: table;

}

.overflow-inner{

	overflow-y: auto;

}

.btn-filter{

	width: 100%;

}

.back_new_task{

	/*padding-left:10px;*/

}

.department_validate #department-error{

	position: unset !important;

}

  

.btn-disapprove{

	padding: 6px 12px !important;

    font-size: 14px;

} 

.close_btn {

    color: #fff !important;

    background-color: #727376 !important;

  }

  



   .thead_tab{

    /*position: sticky;*/

    top: 110px;

    background: #c0e1ff;

    /* border-bottom: 1px solid #000; */

    /* margin-bottom: 20px; */

   /* box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;*/

   }



   .form_second_tab{

     /*position: sticky;*/

    top: 30px;

    background: #fff;

    /* margin-bottom: 40px; */

    /* bottom: 20px; */

    height: 100px;

    padding: 0px 15px;

   }



   .table_head_title{

    /*position: sticky;*/

    top: 0;

    background: #fff;

    padding: 0px 15px;

   }



   .assign_shift_table{

    padding: 0px !important;

   }



   .check_lable{

    margin: 1px;

    color: black;

    font-size: 12px;

   }

   

   .scheduleModal .modal-dialog {

        width: 762px !important;

        margin: 30px auto;

    }

	.calender_cell .date{

		font-size: 12px;

	}

	.employee_attendance_inner .attendance-shortname-list{

		text-align: left;

	}

	.employee_attendance_inner .attendance-shortname-list li{

		padding-left: 8px;

		padding-right: 8px;

		font-size: 10px;

        padding-top: 5px !important;

        padding-bottom: 5px !important;

	}



    button.dt-button, div.dt-button, a.dt-button{

        border: 1px solid #0052cc;

        padding: 7px 12px;

        border-radius: 3px;

        margin-right: 15px;

        font-size: 13px;

        color: #0052cc !important;

        display: block;

        font-weight: 600;

    }

    button.dt-button, div.dt-button, a.dt-button:hover{

        color: #fff !important;

        background: #0052cc !important;

    }

    /* a.dt-button span:hover{

        color: white !important;

    } */

    button.dt-button, div.dt-button, a.dt-button:active, :focus{

        box-shadow: none !important;

        background-image: none !important;

        background-color: none !important;

    }

    button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled){

        color: #fff !important;

        background: #0052cc !important;

        text-shadow: none !important;

    }



    .table_new_title{

        margin: 5px 0 6px;

		font-weight: bold;

		display: block;

		color: #0052cc;

    }



    .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {

    border: none !important;

}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

    

    border-top: none !important;

}

.table-striped>tbody>tr:nth-of-type(odd){

    background-color: #fff !important;

}

.sticky-col {

    position: -webkit-sticky;

    position: sticky;

    background-color:  #c0e1ff !important;

  

  }



 .thead_tab_new .sticky_content  {

background-color: red ;

  }



.thead_tab_new{

    background: #c0e1ff;



   }

 

   button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled){

    border: none ;

   }

table.dataTable thead tr>.dtfc-fixed-left, table.dataTable thead tr>.dtfc-fixed-right, table.dataTable tfoot tr>.dtfc-fixed-left, table.dataTable tfoot tr>.dtfc-fixed-right{

    background-color:  #c0e1ff !important;

}



thead{

    background: #c0e1ff !important;

}

.dt-buttons{

    margin-bottom: 10px !important;

    

}



.dtfc-fixed-left{

    padding-top: 0px;

}

.table.dataTable{

    margin-bottom: 0px !important;

    /* margin-top: 6px !important; */

}

#navbarDropdown i{

    font-size: 16px;

}



.label-warning, .label-success {

    padding: 5px 10px;

}

.holiday_table{

    width: 100% !important;

}



/* .table>thead>tr>th {

    text-align: center !important;

}



.table>tbody>tr>th{

    text-align: center !important;

} */



.table thead tr th{

    vertical-align: middle !important;

}



.admin_header{

    /* margin-left: 228px; */
    padding-left: 266px;
    /* width: 85%; */

}



.label{

    font-size: 85% !important;

    display: inline-table;

    margin-bottom: 6px;

}



#email_error{

    font-size: 14px !important;

    font-weight: 700 !important;

}

.employee_information_nav .nav-tabs {

    margin-bottom: 0px;

}

.experience_inner{

	border-bottom: 1px dotted #ddd;

    padding-top: 10px;

    padding-bottom: 10px;

}

.client-details-inner .panel-default .panel-heading {

    color: #333;

    background-color: #405189;

    border-color: #405189;

}

.client-details-inner .panel-default .panel-heading .panel-title a{

    color: #fff;

	width: 100%;

    display: block;

}

#replace_EmployeeModal .modal-dialog{

	width: 50%;

}

.count-up span{

	font-size: 12px;

}

.product_information_nav .nav-tabs a.nav-item.nav-link{

    background: #6c6c6c !important;

}



.product_information_nav .nav-tabs a.nav-item.nav-link.active{

    background: #e7e7e7 !important;

    color: #151515 !important;

}



.custome_dialog{

    width: 1000px !important;

}

.custome_dialog_settle{

    width: 750px !important;

}

.custome_dialog_manpower{

    width:100% !important;

}



#settle_form{

    width: 97%;

    margin: 0 auto;

}

textarea {

    resize: vertical; /* Lock vertical resize */

}

.stock-status-shortname-list {

    padding: 0px;

    text-align: center;

}

.stock-status-shortname-list li {

    display: inline-block;

    padding-left: 10px;

    padding-right: 10px;

    color: #405189;

    font-weight: 600;

}

.attendanceStatus{

	height:auto !important

}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{

	background-color: #eee !important;

    opacity: 1;

}

.inhouse_attendance_info_modal .modal-dialog{

    width: 410px !important;

}

.no_data_available{

	text-align: center;

}

.no_data_available h4{

	font-size: 17px;

    color: #636363;

}


/* kajal work */
/* ── Summary Cards ── */
.appr-summary-row {
    display: flex;
    gap: 16px;
    margin: 24px 0;
    flex-wrap: wrap;
}

.appr-card {
    flex: 1;
    min-width: 180px;
    border-radius: 8px;
    padding: 16px 18px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    border: 1px solid;
    background: #fff;
}

.appr-card .ac-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #888;
    margin-bottom: 8px;
}

.appr-card .ac-value {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 4px;
}

.appr-card .ac-sub {
    font-size: 12px;
    color: #999;
}

.appr-card.ac-total {
    border-color: #3498db57;
    background: #edf6fc;
}

.appr-card.ac-total .ac-value {
    color: #2c3e50;
}

.appr-card.ac-pending {
    border-color: #f39c1257;
    background: #fef9f0;
}

.appr-card.ac-pending .ac-value {
    color: #e67e22;
}

.appr-card.ac-approved {
    border-color: #27ae6085;
    background: #eef9f3;
}

.appr-card.ac-approved .ac-value {
    color: #27ae60;
}

.appr-card.ac-rejected {
    border-color: #e74c3c5c;
    background: #fdefed;
}

.appr-card.ac-rejected .ac-value {
    color: #e74c3c;
}

/* ── Main Tabs ── */
.appr-main-tabs {
    display: flex;
    border-bottom: 2px solid #dee2e6;
    margin-bottom: 0;
    gap: 4px;
}

.appr-main-tab {
    padding: 10px 24px;
    font-size: 13px;
    font-weight: 700;
    color: #666;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    background: #f5f5f5;
    margin-bottom: -2px;
    transition: all 0.15s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.appr-main-tab:hover {
    background: #ebebeb;
}

.appr-main-tab.active {
    background: #fff;
    border-color: #dee2e6;
    border-bottom-color: #fff;
    color: #2c3e50;
}

.appr-main-tab .tab-badge {
    display: inline-block;
    background: #e74c3c;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 10px;
    min-width: 18px;
    text-align: center;
}

.appr-main-tab.active .tab-badge {
    background: #e67e22;
}

.appr-main-pane {
    display: none;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 6px 6px;
    background: #fff;
    padding: 20px;
}

.appr-main-pane.active {
    display: block;
}

/* ── Sub Tabs ── */
.appr-sub-tabs {
    display: flex;
    border-bottom: 1px solid #ddd;
    margin-bottom: 16px;
    gap: 4px;
}

.appr-sub-tab {
    padding: 7px 18px;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background: #f8f8f8;
    margin-bottom: -1px;
    transition: all 0.15s;
}

.appr-sub-tab:hover {
    background: #f0f0f0;
}

.appr-sub-tab.active {
    background: #fff;
    border-color: #ddd;
    border-bottom-color: #fff;
    color: #333;
}

.appr-sub-tab.sub-pending.active {
    border-top: 3px solid #e67e22;
    color: #e67e22;
}

.appr-sub-tab.sub-approved.active {
    border-top: 3px solid #27ae60;
    color: #27ae60;
}

.appr-sub-tab.sub-rejected.active {
    border-top: 3px solid #e74c3c;
    color: #e74c3c;
}

.appr-sub-tab.sub-all.active {
    border-top: 3px solid #3498db;
    color: #3498db;
}

.appr-sub-pane {
    display: none;
    overflow-x: auto;
}

.appr-sub-pane.active {
    display: block;
}

/* ── Status Badges ── */
.badge-pending {
    display: inline-block;
    background: #e67e22;
    color: #fff;
    padding: 2px 9px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
}

.badge-approved {
    display: inline-block;
    background: #27ae60;
    color: #fff;
    padding: 2px 9px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
}

.badge-rejected {
    display: inline-block;
    background: #e74c3c;
    color: #fff;
    padding: 2px 9px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
}

/* ── Action Buttons ── */
.btn-appr-approve {
    display: inline-block;
    border: 1px solid #27ae60;
    color: #27ae60;
    background: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    margin-right: 4px;
}

.btn-appr-approve:hover {
    background: #27ae60;
    color: #fff;
    text-decoration: none;
}

.btn-appr-reject {
    display: inline-block;
    border: 1px solid #e74c3c;
    color: #e74c3c;
    background: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
}

.btn-appr-reject:hover {
    background: #e74c3c;
    color: #fff;
    text-decoration: none;
}

.btn-appr-view {
    display: inline-block;
    border: 1px solid #3498db;
    color: #3498db;
    background: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    margin-right: 4px;
}

.btn-appr-view:hover {
    background: #3498db;
    color: #fff;
    text-decoration: none;
}

.amt-val {
    color: #2c3e50;
    font-weight: 700;
}

.section-title {
    font-size: 17px;
    font-weight: 700;
    color: #495057;
    margin-bottom: 16px;
}

.btn_remove{
     background: #d73838;
    color: white;   
}

/* kajal work 28-09-2026 */

.stmt-summary-row {
    display: flex;
    gap: 16px;
    margin: 24px 0;
    flex-wrap: wrap;
}
.stmt-card {
    flex: 1;
    min-width: 200px;
    border-radius: 8px;
    padding: 18px 20px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.09);
    border: 1px solid;
    background: #fff;
}
.stmt-card .sc-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #888;
    margin-bottom: 8px;
}
.stmt-card .sc-value {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 5px;
    line-height: 1.1;
}
.stmt-card .sc-sub { font-size: 12px; color: #999; }
.stmt-card.sc-total  { border-color: #3498db57; background: #edf6fc; }
.stmt-card.sc-total .sc-value { color: #2c3e50; }
.stmt-card.sc-credit { border-color: #27ae6085; background: #eef9f3; }
.stmt-card.sc-credit .sc-value { color: #27ae60; }
.stmt-card.sc-debit  { border-color: #e74c3c5c; background: #fdefed; }
.stmt-card.sc-debit .sc-value  { color: #e74c3c; }
.stmt-card.sc-balance { border-color: #fad9a5; background: #fef9f1; }
.stmt-card.sc-balance .sc-value { color: #27ae60; }
.sc-sub .lbl-cr { color: #27ae60; font-weight: 600; }
.sc-sub .lbl-dr { color: #e74c3c; font-weight: 600; }

/* ── Tabs ── */
.stmt-section-title { font-size: 18px; font-weight: 700; color: #495057; margin-bottom: 14px; }
.stmt-tab-bar {
    display: flex;
    border-bottom: 1px solid #ddd;
    margin-bottom: 16px;
    gap: 4px;
}
.stmt-tab-btn {
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    color: #666;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background: #f5f5f5;
    margin-bottom: -2px;
    transition: all 0.15s;
}
.stmt-tab-btn:hover { background: #f0f0f0; }
.stmt-tab-btn.active { background: #fff; border-color: #ddd; border-bottom-color: #fff; color: #333; }
.stmt-tab-btn.tab-cr { color: #27ae60; }
.stmt-tab-btn.tab-cr.active { border-top: 3px solid #27ae60; color: #27ae60; }
.stmt-tab-btn.tab-dr { color: #e74c3c; }
.stmt-tab-btn.tab-dr.active { border-top: 3px solid #e74c3c; color: #e74c3c; }
.stmt-pane { display: none; }
.stmt-pane.active { display: block; }

/* ── Table row colors ── */
table.list_table tbody tr.row-credit td { background-color: #f0faf4 !important; }
table.list_table tbody tr.row-debit td  { background-color: #fff5f5 !important; }
.amt-cr { color: #27ae60 !important; font-weight: 700; }
.amt-dr { color: #e74c3c !important; font-weight: 700; }
.badge-cr { display: inline-block; background: #27ae60; color: #fff; padding: 2px 9px; border-radius: 4px; font-size: 11px; font-weight: 700; }
.badge-dr { display: inline-block; background: #e74c3c; color: #fff; padding: 2px 9px; border-radius: 4px; font-size: 11px; font-weight: 700; }
.btn-map-action {
    display: inline-block;
    border: 1px solid #3498db;
    color: #3498db;
    background: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
}
.btn-map-action:hover { background: #3498db; color: #fff; text-decoration: none; }
.mapped-proj { font-size: 12px; color: #e67e22; font-weight: 600; }

/* ── Modal Overlay ── */
.map-modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: rgba(0,0,0,0.55);
    z-index: 99999;
    overflow-y: auto;
    box-sizing: border-box;
}
.map-modal-overlay.open {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 16px;
}
.map-modal {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    box-shadow: 0 8px 32px rgba(0,0,0,0.28);
    position: relative;
    margin: auto;
    flex-shrink: 0;
}
.map-modal-header {
    color: #fff;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
}
.map-modal-header.header-credit { background: #27ae60; }
.map-modal-header.header-debit  { background: #e74c3c; }
.map-modal-header .modal-close {
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    background: none;
    border: none;
    padding: 0;
}
.map-modal-body { padding: 20px; }

/* ── Amount Box ── */
.map-amount-box {
    border-radius: 6px;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}
.map-amount-box.amt-credit { border: 1.5px solid #27ae60; background: #f0faf4; }
.map-amount-box.amt-debit  { border: 1.5px solid #e74c3c; background: #fff5f5; }
.map-amount-box .amt-label { font-size: 13px; color: #555; }
.map-amount-box .amt-val   { font-size: 17px; font-weight: 800; }
.map-amount-box.amt-credit .amt-val { color: #27ae60; }
.map-amount-box.amt-debit  .amt-val { color: #e74c3c; }

/* ── GST / TDS / Invoice ── */
.gst-toggle-row {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 12px 14px;
    margin-bottom: 14px;
    background: #fafafa;
}
.gst-toggle-row label {
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}
.gst-details { margin-top: 12px; display: none; }
.gst-details.show { display: block; }
.gst-info-box {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 10px 14px;
    margin-top: 10px;
    font-size: 13px;
}
.gst-info-box .gst-amt  { color: #e67e22; font-weight: 700; }
.gst-info-box .base-amt { color: #2c3e50; font-weight: 700; }

/* ── Form Groups ── */
.map-form-group { margin-bottom: 14px; }
.map-form-group label {
    font-size: 13px;
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
    display: block;
}
.map-form-group label span.opt { font-size: 11px; color: #999; font-weight: 400; }
.map-form-group .form-control { font-size: 13px; }

/* ── Radio group row ── */
.radio-group-row {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fafafa;
}
.radio-group-row label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    margin: 0;
}

/* ── GST checkbox row ── */
.gst-check-row {
    margin-bottom: 12px;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fafafa;
}
.gst-check-row label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    margin: 0;
}

/* ── Invoice ── */
.invoice-check-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    cursor: pointer;
}
.invoice-select-wrap { display: none; }
.invoice-select-wrap.show { display: block; }

/* ── TDS ── */
.tds-summary-box {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 10px 14px;
    margin-top: 10px;
    font-size: 13px;
    margin-bottom:10px;
}
.tds-summary-box .tds-val   { color: #e74c3c; font-weight: 700; }
.tds-summary-box .gross-val { color: #27ae60; font-weight: 700; }
.tds-summary-box .tds-note  { font-size: 11px; color: #999; margin-top: 4px; }
.custom-tds-wrap { display: none; margin-top: 8px; }
.custom-tds-wrap.show { display: block; }

/* ── Modal Footer ── */
.map-modal-footer {
    padding: 14px 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid #eee;
}
.btn-cancel-map {
    padding: 8px 20px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
}
.btn-cancel-map:hover { background: #f5f5f5; }
.btn-save-map {
    padding: 8px 22px;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.btn-save-map.save-credit { background: #27ae60; }
.btn-save-map.save-credit:hover { background: #219a52; }
.btn-save-map.save-debit  { background: #e74c3c; }
.btn-save-map.save-debit:hover  { background: #c0392b; }


/*pending bucket list */
/* ── Tab Bar ── */
.pbl-tab-bar {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #dde3ec;
    margin-bottom: 18px;
}
.pbl-tab-btn {
    padding: 10px 28px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    color: #6c757d;
    background: #f4f6fb;
    transition: background .2s, color .2s;
    margin-right: 4px;
}
 #tbl_client_invoice_wrapper td span {
        line-height:15px !important;
    }
.pbl-tab-btn.active {
    background: #fff;
    color: #2c3e6b;
    border-color: #dde3ec;
    border-bottom: 2px solid #fff;
    margin-bottom: -2px;
}
.pbl-tab-btn:hover:not(.active) { background: #e8ecf5; color: #2c3e6b; }

/* ── Panes ── */
.pbl-pane { display: none; }
.pbl-pane.active { display: block; }

/* ── Summary Cards ── */
.pbl-summary-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.pbl-card {
    flex: 1 1 180px;
    border-radius: 8px;
    padding: 16px 20px;
    min-width: 160px;
        border: 1px solid #e9e9e9;
   
}
.pbl-card .sc-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; opacity: .75; }
.pbl-card .sc-value { font-size: 22px; font-weight: 700; margin: 4px 0 2px; }
.pbl-card .sc-sub   { font-size: 12px; opacity: .7; }
.sc-total   { background: #eef2ff; color: #2c3e6b; }
.sc-pending { background: #fff4e5; color: #7a4800; }
.sc-amount  { background: #e8f8f0; color: #1a6640; }
.sc-overdue { background: #fdecea; color: #8b1a1a; }

/* ── Badge ── */
.badge-pending  { background: #fff4e5; color: #c87000; border: 1px solid #f5c97a; border-radius: 4px; padding: 2px 8px; font-size: 11px; font-weight: 700; }
.badge-overdue  { background: #fdecea; color: #c0392b; border: 1px solid #f5a9a9; border-radius: 4px; padding: 2px 8px; font-size: 11px; font-weight: 700; }
.badge-partial  { background: #e8f0fe; color: #1a56db; border: 1px solid #a4c2f4; border-radius: 4px; padding: 2px 8px; font-size: 11px; font-weight: 700; }
.badge-complete {
    background: #e6f4ea;
    color: #1e7e34;
    border: 1px solid #a3d9b1;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
}
.amt-pending { color: #c87000; font-weight: 600; }
.amt-overdue { color: #c0392b; font-weight: 600; }

.pbl-section-title { font-size: 16px; font-weight: 700; color: #2c3e6b; padding: 4px 0 10px; }
.badge-pending{
   line-height: 15px; 
}

.send-for-approval{
     background: #2b9ad3 !important;
    border-color: #2b9ad3 !important;   
}


/* bank uplode */
.custom-file-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    height: 40px;
}
.custom-file-input-wrap .file-btn {
    background: #e9ecef;
    border-right: 1px solid #ccc;
    padding: 0 12px;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}
.custom-file-input-wrap .file-btn:hover {
    background: #dde0e3;
}
.custom-file-input-wrap .file-label {
    padding: 0 10px;
    font-size: 13px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}
.custom-file-input-wrap .file-label.selected {
    color: #333;
}
.custom-file-input-wrap input[type="file"] {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0;
    cursor: pointer;
}