/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 08-mar-2022, 10:09:59
    Author     : jalarconp
*/

:root {
    --mainColorPurpleDark: #7d63e8;
    --mainColorPurpleLight: #9c7af3;
    --mainColorPinkDark: #ff8793;
    --mainColorPinkLight: #fe9ea1;
    --mainColorOrangeDark: #f4753f;
    --mainColorOrangeLight: #ffaf36;
}
*{
    /*font-family: 'Open Sans' !important;*/
}
/* latin */
@font-face {
    font-family: 'Open Sans' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2') !important;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000 !important;
}
/* latin */
@font-face {
    font-family: 'Open Sans' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2') !important;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000 !important;
}

/* latin */
@font-face {
    font-family: 'Open Sans' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2') !important;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000 !important;
}

/* latin */
@font-face {
    font-family: 'Open Sans' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2') !important;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000 !important;
}

/* latin */
@font-face {
    font-family: 'Open Sans' !important;
    font-style: normal !important;
    font-weight: 800 !important;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2') !important;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000 !important;
}

.loginBackground{
    background: radial-gradient(circle, rgba(254,158,161,1) 0%, rgba(156,122,243,1) 100%) !important;
}

.MarLeft20{
    margin-left: 20px;
}

/* Google Font Link */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins" , sans-serif;
}
.sidebar{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 78px;
    background: #11101D;
    padding: 6px 14px;
    z-index: 99;
    transition: all 0.5s ease;
}
.sidebar.open{
    width: 300px;
}
.sidebar .logo-details{
    height: 60px;
    display: flex;
    align-items: center;
    position: relative;
}
.sidebar .logo-details .icon{
    opacity: 0;
    transition: all 0.5s ease;
}
.sidebar .logo-details .logo_name{
    color: #fff;
    font-size: 20px;
    opacity: 0;
    transition: all 0.5s ease;
}
.sidebar.open .logo-details .icon,
.sidebar.open .logo-details .logo_name{
    opacity: 1;
}
.sidebar .logo-details #btn{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 22px;
    transition: all 0.4s ease;
    font-size: 23px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease;
}
.sidebar.open .logo-details #btn{
    text-align: right;
}
.sidebar i{
    color: #fff;
    height: 60px;
    min-width: 50px;
    font-size: 28px;
    text-align: center;
    line-height: 60px;
}
.sidebar .nav-list{
    margin-top: 20px;
    height: 100%;
}
.sidebar li{
    position: relative;
    margin: 8px 0;
    list-style: none;
}
.sidebar li .tooltip{
    position: absolute;
    top: -20px;
    left: calc(100% + 15px);
    z-index: 3;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    opacity: 0;
    white-space: nowrap;
    pointer-events: none;
    transition: 0s;
}
.sidebar li:hover .tooltip{
    opacity: 1;
    pointer-events: auto;
    transition: all 0.4s ease;
    top: 50%;
    transform: translateY(-50%);
}
.sidebar.open li .tooltip{
    display: none;
}
.sidebar input{
    font-size: 15px;
    color: #FFF;
    font-weight: 400;
    outline: none;
    height: 50px;
    width: 100%;
    width: 50px;
    border: none;
    border-radius: 12px;
    transition: all 0.5s ease;
    background: #1d1b31;
}
.sidebar.open input{
    padding: 0 20px 0 50px;
    width: 100%;
}
.sidebar .bx-search{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 22px;
    background: #1d1b31;
    color: #FFF;
}
.sidebar.open .bx-search:hover{
    background: #1d1b31;
    color: #FFF;
}
.sidebar .bx-search:hover{
    background: #FFF;
    color: #11101d;
}
.noStyle{
    display: flex;
    height: 100%;
    width: 100%;
    border-radius: 12px;
    align-items: center;
    text-decoration: none;
    transition: all 0.4s ease;
    background: none !important;
}
.sidebar li a{
    display: flex;
    height: 100%;
    width: 100%;
    border-radius: 12px;
    align-items: center;
    text-decoration: none;
    transition: all 0.4s ease;
    background: #11101D;
}
.sidebar li a:hover{
    background: #FFF;
}
.sidebar li a .links_name{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}
.sidebar.open li a .links_name{
    opacity: 1;
    pointer-events: auto;
}
.sidebar li a:hover .links_name,
.sidebar li a:hover i{
    transition: all 0.5s ease;
    color: #11101D;
    filter: none !important;
}
.sidebar li i{
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    border-radius: 12px;
    margin-right: 10px;
    
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;

}
.sidebar li.profile{
    position: fixed;
    height: 60px;
    width: 78px;
    left: 0;
    bottom: -8px;
    padding: 10px 14px;
    background: #1d1b31;
    transition: all 0.5s ease;
    overflow: hidden;
}
.sidebar.open li.profile{
    width: 300px;
}
.sidebar li .profile-details{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.sidebar li img{
    height: 45px;
    width: 45px;
    object-fit: cover;
    border-radius: 6px;
    margin-right: 10px;
}
.sidebar li.profile .name,
.sidebar li.profile .job{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
}
.sidebar li.profile .job{
    font-size: 12px;
}
.sidebar .profile #log_out{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #1d1b31;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 0px;
    transition: all 0.5s ease;
}
.sidebar.open .profile #log_out{
    width: 50px;
    background: none;
}
.home-section{
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 78px;
    width: calc(100% - 78px);
    transition: all 0.5s ease;
    z-index: 2;
}
.sidebar.open ~ .home-section{
    left: 300px;
    width: calc(100% - 300px);
}
.home-section .text{
    display: inline-block;
    color: #11101d;
    font-size: 25px;
    font-weight: 500;
    margin: 18px
}
@media (max-width: 420px) {
    .sidebar li .tooltip{
        display: none;
    }
}

.sidebar .profile #log_out:hover{
    background-color: #FFF;
    color: #1d1b31;
    border-radius: 20px;
}

.log-out-button{
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    background: #1d1b31 !important;
    width: 78px !important;
    height: 60px !important;
    line-height: 60px !important;
    border-radius: 0px !important;
    transition: all 0.5s ease !important;
    left: unset !important;
    border: none !important;
}
.log-out-button:hover{
    transition: all 0.5s ease;
    color: #11101D !important;
    background-color: white !important;
    border-radius: 15px !important;
}
.log-out-button .ui-icon {
    font-size: 30px !important;
    margin: -17px !important;
}

.search-button .ui-icon {
    font-size: 20px !important;
    margin: -11px !important;
}

.search-button:hover{
    border-radius: 6px !important;
}

.search-input{
    background-color: darkgray;
    transition: all 0.5s ease !important;
}
.sidebar.open .onlyOpen{
    display: block !important;
}

.displayNone .ui-selectonemenu-trigger {
    display: none !important;
}

.login-card{
    width: 80%;
    height: 700px;
    border-radius: 28px;
    margin-top: 5%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.login-right-card{
    background-color: white;
    height: 100%;
    width: 800px;
    border-radius: 27px 0 0 27px;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login-left-card{
    background-color: #c4bce6;
    height: 100%;
    width: 100%;
    border-radius: 0 27px 27px 00000;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 1300px) {
    .login-right-card{
        border-radius: 27px 27px 27px 27px;

    }
    .login-left-card{
        display: none;
    }

    .phoneView{
        display: flex !important;
    }

    .login-right-card{
        justify-content: space-between;
    }
}

.phoneView{
    display: none;
}
@font-face{
    font-family: coolvetica;
    src: url('../fonts/coolvetica_rg.otf');
    font-weight: normal;
    font-style: normal;
}

.coolveticaFont{
    font-family: coolvetica;
}
body .ui-float-label > .ui-inputwrapper-filled ~ label {
    color: red !important;
}
.ui-inputfield{
    margin:0;
    outline:medium none;
    padding:4px;
    font-weight:normal
}
input[type=text]::-ms-clear{
    display:none
}
.ui-widget-header .ui-inputfield,.ui-widget-content .ui-inputfield{
    font-weight:normal
}
.ui-inputtextarea-resizable{
    overflow:hidden;
    resize:none
}
.ui-selectonelistbox,.ui-selectmanymenu,.ui-multiselectlistbox-listcontainer{
    padding:2px;
    width:150px
}
.ui-selectonelistbox .ui-selectlistbox-listcontainer,.ui-selectmanymenu .ui-selectlistbox-listcontainer,.ui-multiselectlistbox-listcontainer{
    overflow:auto
}
.ui-selectonelistbox.ui-state-disabled .ui-selectlistbox-listcontainer,.ui-selectmanymenu.ui-state-disabled .ui-selectlistbox-listcontainer{
    overflow:hidden
}
.ui-selectonelistbox .ui-selectlistbox-list,.ui-selectmanymenu .ui-selectlistbox-list,.ui-multiselectlistbox .ui-multiselectlistbox-list{
    list-style-type:none;
    margin:0;
    padding:0
}
.ui-selectonelistbox .ui-selectlistbox-item,.ui-selectmanymenu .ui-selectlistbox-item,.ui-multiselectlistbox .ui-multiselectlistbox-item{
    margin:2px;
    border:0 none;
    cursor:pointer;
    font-weight:normal
}
.ui-selectonelistbox table.ui-selectlistbox-list,.ui-selectmanymenu table.ui-selectlistbox-list{
    border-collapse:collapse;
    width:100%
}
.ui-selectmanymenu .ui-selectlistbox-chkbox{
    width:1rem
}
.ui-selectlistbox-filter.ui-inputfield{
    padding-right:12%;
    padding-left:2%;
    width:85%;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.ui-selectlistbox-filter-container{
    position:relative;
    margin:.1em 0 .1em 0;
    padding:0
}
.ui-selectlistbox-filter-container .ui-icon{
    position:absolute;
    top:5px;
    right:2px
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer{
    float:left;
    margin-right:4px
}
.ui-multiselectlistbox .ui-multiselectlistbox-item{
    white-space:nowrap
}
.ui-multiselectlistbox.ui-state-disabled .ui-multiselectlistbox-item{
    cursor:default
}
.ui-multiselectlistbox .ui-multiselectlistbox-header{
    text-align:center;
    padding:2px 10px;
    border-bottom:0 none
}
.ui-listbox-outline{
    outline:1px dotted black;
    z-index:1
}
.ui-chkbox{
    display:inline-block;
    vertical-align:middle
}
.ui-chkbox .ui-chkbox-box{
    width:16px;
    height:16px;
    display:inline-block;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    cursor:pointer
}
.ui-chkbox .ui-chkbox-box.ui-state-disabled{
    cursor:default
}
.ui-chkbox-icon.ui-icon{
    overflow:visible
}
.ui-chkbox .ui-chkbox-label{
    cursor:pointer;
    margin:0 16px 0 8px;
    outline:medium none;
    z-index:1;
    display:inline-block;
    vertical-align:top
}
.ui-selectmanycheckbox label{
    vertical-align:middle;
    cursor:pointer;
    margin:0 16px 0 8px;
    outline:medium none;
    z-index:1;
    display:inline-block
}
.ui-selectmanycheckbox .ui-chkbox .ui-chkbox-box{
    display:block
}
.ui-selectoneradio label{
    cursor:pointer;
    display:inline-block;
    margin:0 16px 0 8px;
    vertical-align:middle
}
.ui-selectmanycheckbox.ui-widget td,.ui-selectoneradio.ui-widget td{
    border:0 none
}
.ui-panelgrid .ui-selectoneradio.ui-grid-responsive .ui-grid-row,.ui-panelgrid .ui-selectmanycheckbox.ui-grid-responsive .ui-grid-row{
    border-top:0 none
}
.ui-selectoneradio.ui-grid-responsive .ui-grid-row>div,.ui-selectmanycheckbox.ui-grid-responsive .ui-grid-row>div{
    padding:.5em
}
.ui-selectmanycheckbox .ui-selectmanycheckbox-item-group{
    font-weight:bold
}
.ui-selectmanycheckbox .ui-selectmanycheckbox-responsive-group{
    padding:.5em .5em .5em 0
}
.ui-radiobutton{
    margin:3px 0;
    width:16px;
    line-height:16px;
    display:inline-block;
    vertical-align:middle
}
.ui-radiobutton .ui-radiobutton-box{
    width:16px;
    height:16px;
    line-height:16px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    cursor:pointer
}
.ui-radiobutton .ui-radiobutton-box.ui-state-disabled{
    cursor:default
}
.ui-radiobutton-icon{
    margin-left:1px
}
.ui-radiobutton.ui-radiobutton-native{
    margin:0;
    padding:0
}
.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible{
    clip:auto;
    position:static!important;
    width:auto;
    height:auto;
    overflow:visible;
    margin:0;
    padding:0
}
.ui-radiobutton.ui-radiobutton-native .ui-radiobutton-box{
    display:none
}
.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible input{
    margin:0;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    transform:none
}
.ui-selectoneradio-native label{
    margin:0
}
.ui-selectonemenu{
    display:inline-block;
    position:relative;
    width:auto;
    -moz-transform:scaleX(1);
    -o-transform:scaleX(1);
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    cursor:pointer;
    padding-right:22px;
    vertical-align:top
}
.ui-selectonemenu .ui-selectonemenu-trigger{
    border-right:0;
    border-top:0;
    border-bottom:0;
    cursor:pointer;
    width:16px;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    padding:0 3px
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.ui-selectonemenu .ui-selectonemenu-label{
    display:block;
    border:0;
    white-space:nowrap;
    overflow:hidden;
    font-weight:normal;
    width:100%;
    text-align:left
}
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger,.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label{
    cursor:default
}
.ui-selectonemenu label.ui-selectonemenu-label{
    cursor:pointer
}
.ui-selectonemenu input.ui-selectonemenu-label{
    cursor:default
}
.ui-selectonemenu-panel{
    position:absolute;
    height:auto
}
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper{
    overflow:auto
}
.ui-selectonemenu-panel .ui-selectonemenu-item{
    font-weight:normal;
    cursor:pointer
}
.ui-selectonemenu-panel .ui-selectonemenu-item-group{
    font-weight:bold
}
.ui-selectonemenu-panel .ui-selectonemenu-list{
    padding:.4em;
    border:0 none
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item{
    border:0 none;
    margin:1px 0;
    padding:3px 5px;
    text-align:left;
    white-space:nowrap
}
.ui-selectonemenu-footer{
    border:0 none;
    margin:1px 0;
    padding:3px 5px
}
.ui-selectonemenu-panel .ui-selectonemenu-table{
    border-collapse:collapse;
    width:100%
}
.ui-selectonemenu-panel .ui-selectonemenu-table td{
    border-color:inherit
}
.ui-selectonemenu-panel .ui-selectonemenu-table th,.ui-selectonemenu-panel .ui-selectonemenu-table td{
    border-width:1px;
    border-style:solid;
    padding:4px 10px 4px 10px
}
.ui-selectonemenu-panel .ui-selectonemenu-filter{
    width:85%;
    padding-right:15px
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container{
    position:relative;
    margin:0;
    padding:.4em;
    display:inline-block;
    width:100%
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon{
    position:absolute;
    top:10px;
    right:10px
}
.ui-selectonemenu-rtl{
    direction:rtl
}
.ui-selectonemenu-rtl .ui-selectonemenu-label{
    text-align:right
}
.ui-selectonemenu-rtl .ui-selectonemenu-trigger{
    left:0;
    right:auto
}
.ui-selectonemenu-panel-rtl .ui-selectonemenu-list-item{
    text-align:right
}
.ui-state-disabled a{
    outline:0
}
.ui-button{
    display:inline-block;
    position:relative;
    padding:0;
    margin-right:.1em;
    text-decoration:none!important;
    cursor:pointer;
    text-align:center;
    overflow:visible
}
.ui-button-icon-only{
    width:2.4em
}
.ui-button .ui-button-text{
    display:block;
    line-height:normal
}
.ui-button-text-only .ui-button-text{
    padding:.3em 1em
}
.ui-button-icon-only .ui-button-text{
    padding:.3em;
    text-indent:-9999999px
}
.ui-button-text-icon-left .ui-button-text{
    padding:.3em 1em .3em 2.1em
}
.ui-button-text-icon-right .ui-button-text{
    padding:.3em 2.1em .3em 1em
}
.ui-button-icon-only .ui-icon,.ui-button-text-icon-left .ui-icon,.ui-button-text-icon-right .ui-icon{
    position:absolute;
    top:50%;
    margin-top:-8px
}
.ui-button-icon-only .ui-icon.fa,.ui-button-text-icon-left .ui-icon.fa,.ui-button-text-icon-right .ui-icon.fa,.ui-button-icon-only .ui-icon.fab,.ui-button-text-icon-left .ui-icon.fab,.ui-button-text-icon-right .ui-icon.fab,.ui-button-icon-only .ui-icon.far,.ui-button-text-icon-left .ui-icon.far,.ui-button-text-icon-right .ui-icon.far,.ui-button-icon-only .ui-icon.fas,.ui-button-text-icon-left .ui-icon.fas,.ui-button-text-icon-right .ui-icon.fas,.ui-button-icon-only .ui-icon.fal,.ui-button-text-icon-left .ui-icon.fal,.ui-button-text-icon-right .ui-icon.fal{
    margin-top:-7px
}
.ui-button-icon-only .ui-icon{
    left:50%;
    margin-left:-8px
}
.ui-button-icon-left{
    left:.5em
}
.ui-button-icon-right{
    right:.5em
}
.ui-buttonset .ui-button{
    margin-left:0;
    margin-right:0
}
button.ui-button::-moz-focus-inner{
    border:0;
    padding:0
}
.ui-linkbutton.ui-button.ui-state-default>a{
    color:inherit
}
.ui-linkbutton.ui-button.ui-state-hover>a{
    color:inherit
}
.ui-selectcheckboxmenu{
    display:inline-block;
    position:relative;
    width:auto;
    cursor:pointer
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{
    border-right:0;
    border-top:0;
    border-bottom:0;
    cursor:pointer;
    width:16px;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    padding:0 3px
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon{
    margin-top:3px
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label{
    display:block;
    padding:3px 26px 3px 5px;
    width:auto;
    border:0;
    cursor:pointer
}
.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-trigger,.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-label{
    cursor:auto
}
.ui-selectcheckboxmenu-panel{
    padding:.2em;
    position:absolute;
    overflow:hidden;
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.8);
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.8);
    box-shadow:0 5px 10px rgba(0,0,0,0.8)
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper{
    overflow:auto;
    position:relative;
    padding:.2em 0
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list{
    border:0 none
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item{
    border:0 none;
    cursor:pointer;
    font-weight:normal;
    margin:1px 0;
    padding:3px 5px;
    text-align:left;
    white-space:nowrap
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item{
    display:block;
    position:relative
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox{
    position:absolute;
    top:50%;
    margin-top:-8px
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label{
    display:block;
    padding-left:2em
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item-group{
    font-weight:bold
}
.ui-selectcheckboxmenu-header{
    margin-bottom:.3em;
    padding:.3em 0 .3em .4em
}
.ui-selectcheckboxmenu-header .ui-chkbox{
    float:left;
    cursor:pointer
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container{
    float:left;
    position:relative;
    margin-left:5px
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon{
    position:absolute;
    right:5px;
    top:2px
}
.ui-selectcheckboxmenu-header .ui-inputfield{
    padding:1px 20px 1px 2px
}
.ui-selectcheckboxmenu-header span.ui-icon{
    float:left
}
.ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-all,.ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-none{
    float:left;
    margin-right:10px;
    display:block
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close{
    float:right;
    padding:1px;
    margin-right:.2em;
    display:block
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover{
    padding:0
}
.ui-selectcheckboxmenu-multiple-container{
    clear:left;
    cursor:pointer;
    list-style-type:none;
    margin:0;
    min-height:24px;
    overflow:hidden;
    min-width:100px
}
.ui-selectcheckboxmenu-multiple-container.ui-inputfield{
    padding:0 22px 0 0;
    border:0
}
.ui-selectcheckboxmenu-multiple-container:empty:after{
    content:attr(label);
    white-space:nowrap;
    display:inline-block
}
.ui-selectcheckboxmenu-token{
    cursor:default;
    float:left;
    overflow:hidden;
    padding:1px 3px;
    white-space:nowrap;
    position:relative;
    margin:2px
}
.ui-selectcheckboxmenu-token-label{
    display:block;
    padding:0 2.1em 0 .5em
}
.ui-selectcheckboxmenu-token-icon{
    margin-top:-9px;
    position:absolute;
    right:.2em;
    top:50%;
    cursor:pointer
}
.ui-selectcheckboxmenu-input-token{
    float:left;
    list-style-type:none;
    margin:1px;
    padding:0
}
.ui-selectcheckboxmenu-input-token input{
    border:0 none;
    width:140px;
    outline:medium none;
    background-color:transparent;
    margin:2px
}
.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon{
    position:relative;
    top:50%;
    margin-top:-8px
}
.ui-splitbutton{
    position:relative;
    padding-right:2em
}
.ui-splitbutton .ui-button.ui-splitbutton-menubutton{
    position:absolute;
    top:0;
    margin-left:-1px;
    right:0
}
.ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container{
    position:relative;
    margin:0;
    padding:.4em 0;
    display:inline-block
}
.ui-splitbuttonmenu .ui-splitbuttonmenu-filter{
    width:100%;
    padding-right:15px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon{
    position:absolute;
    top:10px;
    right:10px
}
.ui-splitbuttonmenu .ui-splitbuttonmenu-list-wrapper{
    overflow:auto
}
.ui-splitbuttonmenu.ui-menu .ui-menu-list .ui-widget-header,.ui-splitbuttonmenu.ui-menu .ui-menuitem-link{
    width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
div.ui-button,.ui-splitbutton{
    display:inline-block
}
.ui-password-panel{
    padding:4px 10px;
    width:150px;
    margin-top:2px
}
.ui-password-panel .ui-password-meter{
    height:10px;
    background:transparent url("/ITTControlTransportes/javax.faces.resource/forms/password-meter.png.xhtml?ln=primefaces&v=10.0.6") no-repeat left top;
    padding:0;
    margin:0
}
.ui-password-info{
    margin-top:4px
}
.ui-password-panel-overlay{
    position:absolute
}
.ui-outputlabel.ui-state-error{
    border:0 none
}
.ui-outputlabel .ui-outputlabel-rfi{
    margin-left:.4em
}
.ui-selectonebutton{
    display:inline-block;
    padding:1px
}
.ui-selectonebutton.ui-state-error{
    padding:0
}
.ui-selectonebutton .ui-button.ui-state-focus{
    outline:0
}
.ui-selectmanybutton{
    display:inline-block;
    padding:1px
}
.ui-selectmanybutton.ui-state-error{
    padding:0
}
.ui-selectmanybutton .ui-button.ui-state-focus{
    outline:0
}
.ui-cascadeselect{
    display:inline-flex;
    cursor:pointer;
    position:relative;
    user-select:none
}
.ui-cascadeselect-trigger{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}
.ui-cascadeselect-label{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    flex:1 1 auto;
    width:1%;
    text-overflow:ellipsis;
    cursor:pointer
}
.ui-cascadeselect-label-empty{
    overflow:hidden;
    visibility:hidden
}
.ui-cascadeselect-panel{
    min-width:100%
}
.ui-cascadeselect-panel{
    position:absolute
}
.ui-cascadeselect-item{
    cursor:pointer;
    font-weight:normal;
    white-space:nowrap
}
.ui-cascadeselect-item-content{
    display:flex;
    align-items:center;
    overflow:hidden;
    position:relative
}
.ui-cascadeselect-group-icon{
    margin-left:auto
}
.ui-cascadeselect-items{
    margin:0;
    padding:0;
    list-style-type:none
}
.ui-cascadeselect-sublist{
    position:absolute;
    min-width:100%;
    z-index:1;
    display:none
}
.ui-cascadeselect-item-active{
    overflow:visible!important
}
.ui-cascadeselect-item-active>.ui-cascadeselect-sublist{
    display:block;
    left:100%;
    top:0
}
.ui-fluid .ui-inputfield{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.ui-fluid .ui-inputtext{
    width:100%
}
.ui-fluid .ui-inputnumber{
    width:100%
}
.ui-fluid .ui-inputtext[size],.ui-fluid .ui-inputfield[size]{
    width:auto
}
.ui-fluid .ui-inputtextarea{
    width:100%
}
.ui-fluid .ui-selectonemenu{
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger{
    width:32px;
    padding:0 6px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.ui-fluid .ui-calendar,.ui-fluid .ui-calendar input{
    width:100%
}
.ui-fluid .ui-calendar{
    position:relative
}
.ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button{
    position:absolute;
    right:-2px;
    width:2.4em
}
.ui-fluid .ui-trigger-calendar .ui-button-icon-only .ui-button-text{
    padding:.28em
}
.ui-fluid .ui-trigger-calendar input.hasDatepicker{
    padding-right:2.4em
}
.ui-fluid .ui-spinner{
    width:100%
}
.ui-fluid .ui-spinner .ui-spinner-input{
    padding-right:36px;
    width:100%
}
.ui-fluid .ui-spinner .ui-spinner-button{
    width:auto
}
.ui-fluid .ui-spinner .ui-spinner-button .ui-icon{
    left:6px
}
.ui-fluid .ui-autocomplete,.ui-fluid .ui-autocomplete-input{
    width:100%
}
.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button{
    width:2.4em
}
.ui-fluid .ui-inputmask{
    width:100%
}
.ui-fluid .ui-password{
    width:100%
}
.ui-fluid .ui-keyboard-input{
    width:100%
}
.ui-fluid .ui-selectcheckboxmenu{
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.ui-fluid .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon{
    margin-left:auto;
    margin-right:auto
}
.ui-fluid .ui-selectcheckboxmenu-trigger{
    width:32px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.ui-fluid .ui-button{
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.ui-fluid .ui-buttonset{
    width:100%
}
.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button{
    width:100%
}
.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button{
    width:50%
}
.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button{
    width:33.3%
}
.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button{
    width:25%
}
.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button{
    width:20%
}
.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{
    width:16.6%
}
@media(max-width:640px){
    .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{
        width:100%
    }
}
.ui-fluid .ui-splitbutton{
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.ui-fluid .ui-splitbutton .ui-button{
    width:100%
}
.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton{
    width:32px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.ui-fluid .ui-selectonelistbox,.ui-fluid .ui-selectmanymenu{
    width:100%
}
.ui-fluid .ui-cascadeselect{
    display:flex
}
.ui-fluid .ui-cascadeselect .ui-cascadeselect-label{
    width:1%
}
.ui-float-label{
    display:block;
    position:relative
}
.ui-float-label>label{
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:.25em;
    top:50%;
    margin-top:-.5em;
    transition:.3s ease all;
    -moz-transition:.3s ease all;
    -webkit-transition:.3s ease all;
    color:#898989;
    line-height:1
}
.ui-float-label>textarea ~ label{
    top:1.2em
}
.ui-float-label>input:focus ~ label,.ui-float-label>input.ui-state-filled ~ label,.ui-float-label>textarea:focus ~ label,.ui-float-label>textarea.ui-state-filled ~ label,.ui-float-label>.ui-inputwrapper-focus ~ label,.ui-float-label>.ui-inputwrapper-filled ~ label{
    top:-1em !important;
    font-size:16px !important
}
.ui-float-label>input:-webkit-autofill ~ label,.ui-float-label>textarea:-webkit-autofill ~ label{
    top:-.75em;
    font-size:12px
}
.ui-sr-only{
    border:0;
    clip:rect(1px,1px,1px,1px);
    clip-path:inset(50%);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    word-wrap:normal!important
}
.ui-slider .ui-slider-handle{
    cursor:grab
}

.inputWithIcon body .ui-float-label > label{
    margin-left: 1.5rem !important;
}

.inputWithIcon  {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.ui-password{
    width: 100%;
}

.widget-overview-box-small {
    width: fit-content;
    border-left: 4px solid !important;
    border-left-color: #64B5F6 !important;
}

.widget-overview-box-small .overview-title {
    font-weight: 600;
    font-size: 1.25rem;
    vertical-align: middle;
    margin-right: 0.5rem;
}
.widget-overview-box-small .overview-icon {
    display: inline-block;
    border-radius: 4px;
    width: 2em;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    vertical-align: middle;
    margin-right: 0.5rem;
}
.widget-overview-box-small .overview-icon i {
    font-size: 1rem;
    line-height: inherit;
}
.widget-overview-box-small .overview-detail {
    text-align: center;
    margin-top: 1rem;
    margin-right: 0.5rem;
}
.widget-overview-box-small .overview-detail .p-col-6 {
    padding: 0.5rem;
}
.widget-overview-box-small .overview-number {
    font-size: 1.5rem;
    font-weight: 600;
    vertical-align: middle;
}
.widget-overview-box-small .overview-subtext {
    color: #6c757d;
    font-weight: 600;
    margin-top: 0.25rem;
}
.widget-overview-box-small .p-col-6:first-child {
    border-right: 1px solid #dee2e6;
}
.widget-overview-box-small.widget-overview-box-1 {
    border-left-color: #64B5F6;
}
.widget-overview-box-small.widget-overview-box-1 .overview-title {
    color: #64B5F6;
}
.widget-overview-box-small.widget-overview-box-1 .overview-icon {
    background: #64B5F6;
    color: #ffffff;
}
.widget-overview-box-small.widget-overview-box-2 {
    border-left-color: #7986CB;
}
.widget-overview-box-small.widget-overview-box-2 .overview-title {
    color: #7986CB;
}
.widget-overview-box-small.widget-overview-box-2 .overview-icon {
    background: #7986CB;
    color: #303F9F;
}
.widget-overview-box-small.widget-overview-box-3 {
    border-left-color: #4DB6AC;
}
.widget-overview-box-small.widget-overview-box-3 .overview-title {
    color: #4DB6AC;
}
.widget-overview-box-small.widget-overview-box-3 .overview-icon {
    background: #4DB6AC;
    color: #00796B;
}
.widget-overview-box-small.widget-overview-box-4 {
    border-left-color: #4DD0E1;
}
.widget-overview-box-small.widget-overview-box-4 .overview-title {
    color: #4DD0E1;
}
.widget-overview-box-small.widget-overview-box-4 .overview-icon {
    background: #4DD0E1;
    color: #0097A7;
}

.card {
    border-radius: 4px;
    background: #ffffff;
    padding: 1.25rem;
    border: 0 none;
    margin-bottom: 1rem;
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    border-radius: 4px;
}

.ui-widget-content.ui-datatable-odd.bck-color-green
{
    background-color: #ccffcc;
}
.ui-widget-content.ui-datatable-even.bck-color-green
{
    background-color: #ccffcc;
}

.ui-widget-content.ui-datatable-odd.bck-color-red{
    background-color: #ff9999 !important;
}
.ui-widget-content.ui-datatable-even.bck-color-red{
    background-color: #ff9999 !important;
}

.ui-datatable-tablewrapper{
    margin: 0px !important;
}

.dataTablePadding03{
    /* Celdas de las tablas, reduce el margen para que quepa mas información */
    padding: 0.3rem;
}

body .ui-datatable .ui-datatable-data > tr > td {
    /* Celdas de las tablas, reduce el margen para que quepa mas información */
    padding: 0.3em 0.3rem !important;
}

body .ui-datatable thead th {
    /* Celdas de las tablas, reduce el margen para que quepa mas información */
    padding: 0.3em 0.3rem !important;
}

body .ui-datatable .ui-datatable-data .ui-datatable-odd {
    /* Filas impares en tabla, para distinguir facilmente */
    background-color: #E8E8E8;
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    /* Fila seleccionada en tabla */
    /*    background: #E3F2FD !important;*/
    filter: brightness(0.8);
    color: #495057;
}

.DataTable table * {
    border: 2px !important;
}

body .ui-datatable tfoot td {
    padding: 5px !important;
    font-size: 1.15em !important;
    font-weight: bold !important;
}

.ui-datatable-scrollable-theadclone tr{
    font-size: 0;
}

.displayColumn{
    display: flex;
    flex-direction: column;
}

.displayRow{
    display: flex;
    flex-direction: row;
}

.MarRight15{
    margin-right: 15px;
}

.Wid100{
    width: 100px !important;
}

body .ui-overlaypanel .ui-overlaypanel-content{
    padding: 0.8rem !important;
}

.TxtAlgnCntr{
    text-align: center !important;
}

.TxtAlgnRight{
    text-align: right !important;
}

.languageSelectOneMenu{
    /* Seleccion de Idioma */
    width: 100%;
    background: transparent;
    border: none;
}

.languageSelectOneMenu :hover{
    /* Seleccion de Idioma */
    background: white;
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
    /* Quita las flechas del sort en tablas */
    display: none !important;
}

.layout-sidebar {
    box-shadow: none !important;
}