@charset "utf-8";
/* CSS Document */

/*25-12-2020 Start*/
html{
    scroll-behavior: smooth;
	font-size: 0.9rem;
}
.sidebar-mini.accent-primary .mt-4 .card-body a{
    display: block;
    padding: 0;
    margin: 0 !important;
}
.sidebar-mini.accent-primary .mt-4 .card-body a:hover{
    box-shadow: 0px 0px 14px #000;
}
.sidebar-mini.accent-primary .mt-4 .card-body a .notification.red.remove_img{
    background: red;
    border-color: #000;
    right: 0;
    height: 19px;
    padding-top: 1px;
}
/*25-12-2020 End*/

body.login-page{
    background: #fcfaf9;

}


body.login-page .login-box{
    background: #f4f6f9 !important;

    width: 420px !important;

}

body.login-page .login-box .login-box-msg,
body.login-page .login-box .register-box-msg
{
    padding: 0 10px 10px;
}

.login-box .card-body.login-card-body .btn.btn-primary.btn-block
{
    background-color: #008c44 ;
    border-color: #008c44;
}

.login-box .card-body.login-card-body{
    background: #f2f2f2 !important;
}

.login-box .card{
    background: #f2f2f2 !important;
}

.login-box .card-body.login-card-body .input-group{
    border-right: 1px solid #ced4da;

    border-left: 1px solid #ced4da;
    border-radius: .25rem;
}

.login-box .card-body.login-card-body .input-group .input-group-text{
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}


.login-box .card-body.login-card-body .btn.btn-primary.btn-block:hover
{
    background-color: #0069d9 ;
    border-color: #0069d9;
}

.login-box .card-body.login-card-body
{
   text-align: center;
}

body.login-page login{
    margin-top: -5%;
}


.content .container-fluid .btn.btn-primary.float-right{
    background: #008c44 !important; ;
    border-color: #008c44 !important;
}


.content .container-fluid .btn.btn-primary.float-right:hover{
    background: #0069d9 !important;
    border-color: #0069d9 !important;
}

.content .container-fluid .card .card-footer .btn.btn-primary{
    background: #008c44 !important; ;
    border-color: #008c44 !important;
}


.content .container-fluid .card .card-footer .btn.btn-primary:hover{
    background: #0069d9 !important;
    border-color: #0069d9 !important;
}

.content .container-fluid .card .card-body #usersTable .btn.btn-primary.proyecto_module{
    background: #008c44 !important; ;
    border-color: #008c44 !important;
}


.content .container-fluid .card .card-body #usersTable .btn.btn-primary.proyecto_module:hover{
    background: #0069d9 !important;
    border-color: #0069d9 !important;
}

.pnameall li a.Ticketlist{
    color: #504741 !important;
}
.pnameall li a.Ticketlist:hover{
    color: #0069d9 !important;
}

.sidebar-mini.accent-primary .wrapper .main-header.navbar.navbar-expand{
    background-color: #008c44;
}

.sidebar-mini.accent-primary .wrapper .main-header.navbar.navbar-expand li a.nav-link{
    color: white;
}

.sidebar-mini.accent-primary .wrapper .main-sidebar.sidebar-light-navy.elevation-4 a.brand-link{
    background-color: #008c44;
    color: white;
	padding: .41rem .5rem;
}


.sidebar-mini.accent-primary .wrapper .main-sidebar .sidebar .nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon{
    margin-top: 5px;
	width: 1.1rem;
}

.sidebar-mini.accent-primary .wrapper .main-sidebar .sidebar .nav-sidebar .nav-treeview>.nav-item>.nav-link>p{
   width: 85%;
}

.sidebar-mini.accent-primary .wrapper .main-sidebar .sidebar .nav-sidebar li ul li{
   margin-left: 20px;
}

.main-header.navbar .navbar-nav.mr-auto li.private_panel{
    display: flex;
}
.main-header.navbar .navbar-nav.mr-auto li.private_panel a{
    padding: 7px;
}


.space-10
{
    display:block;
    height:10px;
}

.pad-left-25
{
    padding-left:25px;
}



.green-box-link
{
    height: 150px;
    padding: 10px;
    background-color: #3EB803;
    border: 1px solid #3EB803;
    border-radius: 3px;
    margin: 10px;
    color:#FFF !important;
    text-align:center;
    vertical-align:middle;
}
.green-box-link h2
{
    color:#FFF;
    margin-top: 45px;
}

.form-group
{
    margin-bottom: 20px !important;
}

.dataTables_length
{
    float: left;
}
.dataTables_filter
{
    float: right;
}

.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th
{
    background-color:rgba(215, 212, 212, 0.4)
}

/*  ============================================================================================== */

div#datepicker .ui-state-active  {
    border: 1px solid #fed22f !important;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) !important;
}
div#datepicker .ui-state-highlight{
    border: 1px solid #cccccc;
    background: #ffffff;
}
.box-content
{
    position: relative;
    height:auto;
}
.loadcontent
{
    position: absolute;
    height: 100%;
    background: #FFF;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.loader{
    margin: 100px auto;
    width: 120px;
}

label.error{
    color: #e30;
    margin-left:3px 0px 5px;
    padding: 0;
}
.asigned_agents
{
    padding-left:30px;
}
ul.navigate_ticket
{
    margin: 0;
    list-style: none;
    padding: 0;
    border: 1px solid #CCC;
    border-bottom: 0;
    max-height: 400px;
    overflow-y: scroll;
}
ul.navigate_ticket li a{
    display: block;
    padding: 5px;
    border-bottom: 1px solid #CCC;
    text-decoration: none;
    font-size: 14px;
}
ul.navigate_ticket li a:hover
{
    text-decoration: none;
    background-color: #76ad3a;
    color: #FFF;
}
.excel_format img
{
    width: 100%;
}
.excel_format
{
    display: inline-block;
    width: 98%;
    padding: 10px;
    border: 1px solid #999;
}
.box{
    display: inline-block !important;
    width: 100% !important;
}
.pnameall li
{
    text-align: center;

}
.pnameall li a {
    display: block;
    min-height: 112px;
}
.pnameall li a img
{
    display: block;
    margin: 5px auto 0 !important;
    padding: 0;
}

@media screen and (max-width: 1099px)
{
    .pnameall li
    {
        min-height: 170px;
    }
}
@media screen and (max-width: 1080px)
{
    .pnameall li
    {
        width: 16%;
    }
}
@media screen and (max-width: 902px)
{
    .pnameall li {
        min-height: 150px;
        width: 25% !important;
        min-height: 170px;
    }
}
@media screen and (max-width: 902px)
{
    .pnameall li {
        width: 36% !important;
        min-height: 185px;
    }
}


.create_btn_ticket_recieved
{
    float: right;
}
.jc-bs3-container.container
{
    /*width: max-content;*/
}


.is_visited td, .is_visited:hover td
{
    background-color: #FAFCB4 !important;
}

.dataTables_wrapper.dt-bootstrap4.no-footer{
    overflow-x: scroll;
}
.sidebar{padding-left:0px; padding-right:0px;}
#usersTable_wrapper > .row:first-child, #usersTable_wrapper > .row:nth-child(3){margin-left:0px; margin-right:0px;}


.multiselect-container.dropdown-menu{
    width: max-content;
}


.container-fluid .small-box .icon{
    background-image: none;
}


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

.login-box .login_as{
    text-align: justify;
}
.login-box .login_as input{
   margin-right: 10px;
}
.fa-male, .fa-female{
    font-size: 20px;
}