@font-face {
    font-family: 'IcoMoon';
    src: url('../../../media/jui/fonts/IcoMoon.eot');
    src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[data-icon]:before {
    font-family: 'IcoMoon';
    content: attr(data-icon);
    speak: none;
}
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    /*	width: 14px;
            height: 14px;*/
    margin-right: .25em;
    line-height: 14px;
}
dd > span[class^="icon-"] + time,
dd > span[class*=" icon-"] + time {
    margin-left: -0.25em;
}
dl.article-info dd.hits span[class^="icon-"],
dl.article-info dd.hits span[class*=" icon-"] {
    margin-right: 0;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
    font-weight: normal;
}
.icon-joomla:before {
    content: "\e200";
}
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
    content: "\e005";
}
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
    content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
    content: "\e007";
}
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
    content: "\e008";
}
.icon-arrow-first:before {
    content: "\e003";
}
.icon-arrow-last:before {
    content: "\e004";
}
.icon-arrow-up-2:before {
    content: "\e009";
}
.icon-arrow-right-2:before {
    content: "\e00a";
}
.icon-arrow-down-2:before {
    content: "\e00b";
}
.icon-arrow-left-2:before {
    content: "\e00c";
}
.icon-arrow-up-3:before {
    content: "\e00f";
}
.icon-arrow-right-3:before {
    content: "\e010";
}
.icon-arrow-down-3:before {
    content: "\e011";
}
.icon-arrow-left-3:before {
    content: "\e012";
}
.icon-menu-2:before {
    content: "\e00e";
}
.icon-arrow-up-4:before {
    content: "\e201";
}
.icon-arrow-right-4:before {
    content: "\e202";
}
.icon-arrow-down-4:before {
    content: "\e203";
}
.icon-arrow-left-4:before {
    content: "\e204";
}
.icon-share:before,
.icon-redo:before {
    content: "\27";
}
.icon-undo:before {
    content: "\28";
}
.icon-forward-2:before {
    content: "\e205";
}
.icon-backward-2:before,
.icon-reply:before {
    content: "\e206";
}
.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
    content: "\6c";
}
.icon-undo-2:before {
    content: "\e207";
}
.icon-move:before {
    content: "\7a";
}
.icon-expand:before {
    content: "\66";
}
.icon-contract:before {
    content: "\67";
}
.icon-expand-2:before {
    content: "\68";
}
.icon-contract-2:before {
    content: "\69";
}

.icon-pause{
    height: auto!important;
}

.icon-play{
    height: auto!important;
}


.icon-stop:before {
    content: "\e210";
}
.icon-previous:before,
.icon-backward:before {
    content: "\7c";
}
.icon-next:before,
.icon-forward:before {
    content: "\7b";
}
.icon-first:before {
    content: "\7d";
}
.icon-last:before {
    content: "\e000";
}
.icon-play-circle:before {
    content: "\e00d";
}
.icon-pause-circle:before {
    content: "\e211";
}
.icon-stop-circle:before {
    content: "\e212";
}
.icon-backward-circle:before {
    content: "\e213";
}
.icon-forward-circle:before {
    content: "\e214";
}
.icon-loop:before {
    content: "\e001";
}
.icon-shuffle:before {
    content: "\e002";
}
.icon-search:before {
    content: "\53";
}
.icon-zoom-in:before {
    content: "\64";
}
.icon-zoom-out:before {
    content: "\65";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
    content: "\2b";
}
.icon-pencil-2:before {
    content: "\2c";
}
.icon-brush:before {
    content: "\3b";
}
.icon-save-new:before,
.icon-plus-2:before {
    content: "\5d";
}
.icon-ban-circle:before,
.icon-minus-sign:before,
.icon-minus-2:before {
    content: "\5e";
}
.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
    content: "\49";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
    content: "\47";
}
.icon-new:before,
.icon-plus:before {
    content: "\2a";
}
.icon-plus-circle:before {
    content: "\e215";
}
.icon-minus:before,
.icon-not-ok:before {
    content: "\4b";
}
.icon-minus-circle:before {
    content: "\e216";
}
.icon-unpublish:before,
.icon-cancel:before {
    content: "\4a";
}
.icon-cancel-circle:before {
    content: "\e217";
}
.icon-checkmark-2:before {
    content: "\e218";
}
.icon-checkmark-circle:before {
    content: "\e219";
}
.icon-info:before {
    content: "\e220";
}
.icon-info-2:before,
.icon-info-circle:before {
    content: "\e221";
}
.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
    content: "\45";
}
.icon-question-2:before,
.icon-question-circle:before {
    content: "\e222";
}
.icon-notification:before {
    content: "\e223";
}
.icon-notification-2:before,
.icon-notification-circle:before {
    content: "\e224";
}
.icon-pending:before,
.icon-warning:before {
    content: "\48";
}
.icon-warning-2:before,
.icon-warning-circle:before {
    content: "\e225";
}
.icon-checkbox-unchecked:before {
    content: "\3d";
}
.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
    content: "\3e";
}
.icon-checkbox-partial:before {
    content: "\3f";
}
.icon-square:before {
    content: "\e226";
}
.icon-radio-unchecked:before {
    content: "\e227";
}
.icon-radio-checked:before,
.icon-generic:before {
    content: "\e228";
}
.icon-circle:before {
    content: "\e229";
}
.icon-signup:before {
    content: "\e230";
}
.icon-grid:before,
.icon-grid-view:before {
    content: "\58";
}
.icon-grid-2:before,
.icon-grid-view-2:before {
    content: "\59";
}
.icon-menu:before {
    content: "\5a";
}
.icon-list:before,
.icon-list-view:before {
    content: "\31";
}
.icon-list-2:before {
    content: "\e231";
}
.icon-menu-3:before {
    content: "\e232";
}
.icon-folder-open:before,
.icon-folder:before {
    content: "\2d";
}
.icon-folder-close:before,
.icon-folder-2:before {
    content: "\2e";
}
.icon-folder-plus:before {
    content: "\e234";
}
.icon-folder-minus:before {
    content: "\e235";
}
.icon-folder-3:before {
    content: "\e236";
}
.icon-folder-plus-2:before {
    content: "\e237";
}
.icon-folder-remove:before {
    content: "\e238";
}
.icon-file:before {
    content: "\e016";
}
.icon-file-2:before {
    content: "\e239";
}
.icon-file-add:before,
.icon-file-plus:before {
    content: "\29";
}
.icon-file-remove:before,
.icon-file-minus:before {
    content: "\e017";
}
.icon-file-check:before {
    content: "\e240";
}
.icon-file-remove:before {
    content: "\e241";
}
.icon-save-copy:before,
.icon-copy:before {
    content: "\e018";
}
.icon-stack:before {
    content: "\e242";
}
.icon-tree:before {
    content: "\e243";
}
.icon-tree-2:before {
    content: "\e244";
}
.icon-paragraph-left:before {
    content: "\e246";
}
.icon-paragraph-center:before {
    content: "\e247";
}
.icon-paragraph-right:before {
    content: "\e248";
}
.icon-paragraph-justify:before {
    content: "\e249";
}
.icon-screen:before {
    content: "\e01c";
}
.icon-tablet:before {
    content: "\e01d";
}
.icon-mobile:before {
    content: "\e01e";
}
.icon-box-add:before {
    content: "\51";
}
.icon-box-remove:before {
    content: "\52";
}
.icon-download:before {
    content: "\e021";
}
.icon-upload:before {
    content: "\e022";
}
.icon-home:before {
    content: "\21";
}
.icon-home-2:before {
    content: "\e250";
}
.icon-out-2:before,
.icon-new-tab:before {
    content: "\e024";
}
.icon-out-3:before,
.icon-new-tab-2:before {
    content: "\e251";
}
.icon-link:before {
    content: "\e252";
}
.icon-picture:before,
.icon-image:before {
    content: "\2f";
}
.icon-pictures:before,
.icon-images:before {
    content: "\30";
}
.icon-palette:before,
.icon-color-palette:before {
    content: "\e014";
}
.icon-camera:before {
    content: "\55";
}
.icon-camera-2:before,
.icon-video:before {
    content: "\e015";
}
.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
    content: "\56";
}
.icon-music:before {
    content: "\57";
}
.icon-user:before {
    content: "\22";
}
.icon-users:before {
    content: "\e01f";
}
.icon-vcard:before {
    content: "\6d";
}
.icon-address:before {
    content: "\70";
}
.icon-share-alt:before,
.icon-out:before {
    content: "\26";
}
.icon-enter:before {
    content: "\e257";
}
.icon-exit:before {
    content: "\e258";
}
.icon-comment:before,
.icon-comments:before {
    content: "\24";
}
.icon-comments-2:before {
    content: "\25";
}
.icon-quote:before,
.icon-quotes-left:before {
    content: "\60";
}
.icon-quote-2:before,
.icon-quotes-right:before {
    content: "\61";
}
.icon-quote-3:before,
.icon-bubble-quote:before {
    content: "\e259";
}
.icon-phone:before {
    content: "\e260";
}
.icon-phone-2:before {
    content: "\e261";
}
.icon-envelope:before,
.icon-mail:before {
    content: "\4d";
}
.icon-envelope-opened:before,
.icon-mail-2:before {
    content: "\4e";
}
.icon-unarchive:before,
.icon-drawer:before {
    content: "\4f";
}
.icon-archive:before,
.icon-drawer-2:before {
    content: "\50";
}
.icon-briefcase:before {
    content: "\e020";
}
.icon-tag:before {
    content: "\e262";
}
.icon-tag-2:before {
    content: "\e263";
}
.icon-tags:before {
    content: "\e264";
}
.icon-tags-2:before {
    content: "\e265";
}
.icon-options:before,
.icon-cog:before {
    content: "\38";
}
.icon-cogs:before {
    content: "\37";
}
.icon-screwdriver:before,
.icon-tools:before {
    content: "\36";
}
.icon-wrench:before {
    content: "\3a";
}
.icon-equalizer:before {
    content: "\39";
}
.icon-dashboard:before {
    content: "\78";
}
.icon-switch:before {
    content: "\e266";
}
.icon-filter:before {
    content: "\54";
}
.icon-purge:before,
.icon-trash:before {
    content: "\4c";
}
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
    content: "\23";
}
.icon-unlock:before {
    content: "\e267";
}
.icon-key:before {
    content: "\5f";
}
.icon-support:before {
    content: "\46";
}
.icon-database:before {
    content: "\62";
}
.icon-scissors:before {
    content: "\e268";
}
.icon-health:before {
    content: "\6a";
}
.icon-wand:before {
    content: "\6b";
}
.icon-eye-open:before,
.icon-eye:before {
    content: "\3c";
}
.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {
    content: "\e269";
}
.icon-clock:before {
    content: "\6e";
}
.icon-compass:before {
    content: "\6f";
}
.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
    content: "\e01b";
}
.icon-book:before {
    content: "\e271";
}
.icon-lightning:before,
.icon-flash:before {
    content: "\79";
}
.icon-print:before,
.icon-printer:before {
    content: "\e013";
}
.icon-feed:before {
    content: "\71";
}
.icon-calendar:before {
    content: "\43";
}
.icon-calendar-2:before {
    content: "\44";
}
.icon-calendar-3:before {
    content: "\e273";
}
.icon-pie:before {
    content: "\77";
}
.icon-bars:before {
    content: "\76";
}
.icon-chart:before {
    content: "\75";
}
.icon-power-cord:before {
    content: "\32";
}
.icon-cube:before {
    content: "\33";
}
.icon-puzzle:before {
    content: "\34";
}
.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
    content: "\72";
}
.icon-lamp:before {
    content: "\74";
}
.icon-pin:before,
.icon-pushpin:before {
    content: "\73";
}
.icon-location:before {
    content: "\63";
}
.icon-shield:before {
    content: "\e274";
}
.icon-flag:before {
    content: "\35";
}
.icon-flag-3:before {
    content: "\e275";
}
.icon-bookmark:before {
    content: "\e023";
}
.icon-bookmark-2:before {
    content: "\e276";
}
.icon-heart:before {
    content: "\e277";
}
.icon-heart-2:before {
    content: "\e278";
}
.icon-thumbs-up:before {
    content: "\5b";
}
.icon-thumbs-down:before {
    content: "\5c";
}
.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
    content: "\40";
}
.icon-star-2:before {
    content: "\41";
}
.icon-featured:before,
.icon-default:before,
.icon-star:before {
    content: "\42";
}
.icon-smiley:before,
.icon-smiley-happy:before {
    content: "\e279";
}
.icon-smiley-2:before,
.icon-smiley-happy-2:before {
    content: "\e280";
}
.icon-smiley-sad:before {
    content: "\e281";
}
.icon-smiley-sad-2:before {
    content: "\e282";
}
.icon-smiley-neutral:before {
    content: "\e283";
}
.icon-smiley-neutral-2:before {
    content: "\e284";
}
.icon-cart:before {
    content: "\e019";
}
.icon-basket:before {
    content: "\e01a";
}
.icon-credit:before {
    content: "\e286";
}
.icon-credit-2:before {
    content: "\e287";
}
.icon-expired:before {
    content: "\4b";
}
body{
    background:  #fff;
    /*background-position: -163px -135px;
    background-size: 1163px auto;*/
    height: 100vh;
    font-size: 0.8rem;
    font-family: 'Open Sans', sans-serif;
}
.gps_loader{
    display:none
}
/*.input_home_note{
    display:none
}*/
.top_block0 {
    display:none
}
/*.top_navbar_home{
    display:none
}
.top_navbar_home.navbar_visible{
    display: -ms-flexbox;
    display: flex;
}*/
footer{
    color:#000
}
/*.button-unlock_new{
    display:none
}*/
#stuff-number-form{
    width: 82%;
    margin: 1em 0 0 0
}
#stuff-number-form input{
    background: #fff !important;
    border-radius: 20px;
    width:100%;
    text-align:center;
    border-color: transparent;
    outline: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    /*-webkit-box-shadow: 5px 5px 10px -4px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 5px 5px 10px -4px rgba(0,0,0,0.75) !important;
    box-shadow: 5px 5px 10px -4px rgba(0,0,0,0.75) !important;*/
    border: 1px solid #ddd;
    padding:0.4em
}
#stuff-number-form button{
    border-radius: 20px;
    width:100%
}
input:-webkit-autofill {
   -webkit-box-shadow: inset  0 1px 4px 0 #fff,  
        inset 0 0 0 50px #fff, 
        0 1px rgba(255, 255, 255, 0.06) !important; 
    -webkit-text-fill-color: #000 !important;
     -moz-box-shadow: inset  0 1px 4px 0 #fff,  
        inset 0 0 0 50px #fff, 
        0 1px rgba(255, 255, 255, 0.06) !important; 
    -moz-text-fill-color: #000 !important;
    background-color: #fff !important;
}
/*autofill*/ 
/*#stuff-number-form input:-webkit-autofill,
#stuff-number-form input:-webkit-autofill:hover, 
#stuff-number-form input:-webkit-autofill:focus, 
#stuff-number-form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 33px white inset !important;
    -webkit-text-fill-color:#000 !important
}*/
.login_form_wrapper{
    height: 80vh;
}
.login_form_basic{
    height:400px;
    background: #fff;
    border-radius:20px;
    min-width: 600px;
    -webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.75);
}
.logo-d{
    width:220px
}
.login_form_basic .custom{
    color:#000 !important;
    /*font-size: 14px;*/
}
.login_form_basic .custom p{
    margin-bottom:0.3rem
}
.footer_width{
    width: 650px;
    margin:0 auto
}
.one_login_form_item{
    width:45%
}
.signup_txt_wrapper{
    font-size:14px
}
.signup_txt_wrapper span{
    font-weight: bold;
    color: gray;
    cursor: pointer
}
.login_block_content_basic button{
    border-radius: 20px;
    width:100%;
    padding: 0.4em;
}
/*.buttons-start-stop{
    width: 100%;
}*/
.pass_hidden {
    position: absolute;
    left: 8px;
    top: 8px;
    height: 14px;
    color: #8a8f98;
    font-size: 18px;
}
.home_input_wrapper{
    position: relative
}
.message-box{
    /*margin-top: 30px;
    margin-bottom: 10px;*/
    max-width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width:100%
}
.message-box:not(:empty){
    /*margin-top: 30px;*/
    margin-bottom: 10px;
}
.message-ok{
    background: #DFF0D8;
    border-radius: 10px;
    border: 1px solid #53AB55;
    color: #53AB55;
    text-align: center;
    font-family: arial;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}


.message-not{
    background: #E5C0C0;
    border-radius: 10px;
    border: 1px solid #E90909;
    color: #E90909;
    text-align: center;
    font-family: arial;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
/*.alarm-clock {
    font-family: Avenir Next, Nunito, sans-serif;
    color: #444;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    position: relative;
    padding: 10px;
    border-radius: 10px;
}
.alarm-clock .date {
    position: absolute;
    bottom: 15px;
    left: 50%;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    transform: translateX(-50%);
    z-index: 9;
    font-weight: 400;
}*/
.alarm-clock .time {
    
    padding: 0 40px 28px 40px !important;
    border-radius: 0px !important;
    /*font-family: Avenir Next, Nunito, sans-serif;*/
    font-size: 66px !important;
  
}
/*.alarm-clock .time span {
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    color: #fff;
    line-height: 1.75;
}
.alarm-clock .time span.colon {
    width: 17px;
    text-align: center;
    animation: blink 2s infinite;
}*/
.li_logout_home a{
    color:#c0695e !important
}
.li_logout_home a i{
    color:#e28f4a;
    font-size:20px;
    padding: 0 5px 0 0;
}
.li_control_panel a{
    color: #e28f4a !important
}
.item-page-body-users .title-saff{
    display:none
}
.item-page-body-users .login-user-list{
    color:#fff;
    width: 100%
}
.item-page-body-users .login-user-list tr{
    border-bottom: 1px solid #fff;
}
.item-page-body-users .login-user-list .number-user{
    display:none
}

.item-page-body-users .login-user-list .square-status {
    cursor: pointer;
    display: inline-block;
    height: 25px;
    margin-right: 2px;
    vertical-align: top;
    width: 25px;
    background: #fff;
    border-radius: 50%;
}
.item-page-body-users .login-user-list .brown-square {
    background: #a2846d none repeat scroll 0 0;
}
.item-page-body-users .login-user-list td{
    padding:15px 0
}
.item-page-body-users .login-user-list .status-user{
    width: 15%;
}
.item-page-body-users .login-user-list .last-tr{
    display:none
}
.home_central_wrapper{
    padding-top:100px
}
.seconds{
    display:none !important
}
/*.time .colon:nth-child(1){
    display: none !important
}*/
.alarm-clock{
    padding:0 !important
}
.alarm-clock .date{
    bottom:19px !important;
    border-top:1px solid #fff;
    font-size: 14px !important;
    padding-top:8px
}
.button-start, .button-stop {
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size:20px;
    font-weight:bold;
    position:relative
}
.label-button{
    position: absolute;
    top: 41px;
    right: 59px;
    font-size:25px
}
.button-start img, .button-stop img{
    width:200px
}
#stuff-number-form{
    width: 82%;
    margin: 1em 0 0 0
}
#stuff-number-form_unlocked{
    width: 100%;
    margin: 1em 0 0 0px;
}

#stuff-number-form_unlocked button{
    border-radius: 20px;
    width:100%
}
.central_inputs_wrapper{
    width:71%
}
#stuff-number-form_unlocked input,
.input_home_note{
    background: #fff !important;
    border-radius: 20px;
    width:100%;
    text-align:center;
    border-color: transparent;
    outline: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    padding:0.7em
}
.buttons_unlock{
    width:82%
}
.staff-number-field{
    position:relative
}
.staff-number-field i{
    font-size: 20px;
    position: absolute;
    top: 11px;
    right: 9px;
    cursor:pointer;
    color:#8a8f98
}
.input_without_bradius{
    border-radius:20px 20px 0 0
}
.body_lang-is .label-button{
    right: 50px
}
#free-license,
#send_pdf_ok,
#send_pdf_error{
    display:none !important
}
/*.table-striped tbody tr:not(.is_hide_user):nth-of-type(odd){
    background:#f4f7fa
}*/
.table-striped tbody tr:nth-of-type(odd){
    background:#f4f7fa
}
.h_style-0{
    /*margin-top: 0.8em;*/
}
.button_send,
#send_reports_to_manager002,
#auto_report{
    display:none
}
.number-user{
    border-right: 1px solid #dee2e6;
}
.login-user-list td{
    text-align: center
}
.login-user-list{
    border-bottom: 1px solid #dee2e6
}
.li_logout_home a i {
    font-size: 20px;
    padding: 0 5px 0 0;
}
.central_container{
    padding-top:60px
}
.reg_users_buttons_wrapper .btn:not(.last-bnt):not(.no_margin0){
    margin:0 1em 0 0
}
.no_margin0{
    margin-right:0 
}
.button_style_add_user{
    background:#574456;
    border-color: transparent
}
.button_style_add_user:hover{
    opacity:0.9;
    background:#574456;
    border-color: transparent
}

.button_style_pdf{
    background: #4f96bc;
    border-color: transparent
}
.button_style_pdf:hover{
    opacity:0.9;
    background:#4f96bc;
    border-color: transparent
}

.button_style_csv{
    background: #8ec5ab;
    border-color: transparent
}
.button_style_csv:hover{
    opacity:0.9;
    background:#8ec5ab;
    border-color: transparent
}
.login-user-list .edit2{
    min-height:25px;
}
.login-user-list .edit2 form input{
    height:25px;
    width:100%
}
.login-user-list .group-user .edit2 form input,
.new_user_row td input{
    width:100%
}
.delete-user-icon {
    padding: 4px;
    background: #000;
    cursor: pointer;
}
.del-user{
    padding:0 !important
}
.top_block1 .navbar-nav li:not(.li_control_panel):not(.li_logout_home){
    display:none
}
.menu-icon-cont{
    left: 10px !important;
    top:17px !important;
    position: absolute !important;
}
/*.menu-icon3 span{
    transform: rotateX(90deg);
}*/
.navbar{
    padding:1em
}
.navbar-brand{
    margin-left: 41px;
}
.bottom_apply_button_wrapper button{
    margin-right:0 !important
}
.new_menu_icon{
    font-size: 15px;
    color: #fff;
    margin: -10px 0px 0 -11px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    height: 22.19px;
    height: 40px;
    padding: 19px 0px 0 0;
    width: 44px;
    text-align: center;
}
.menu-icon-cont nav dl a, 
.menu-icon-cont nav dl a:link, 
.menu-icon-cont nav dl.level1 a, 
.menu-icon-cont nav dl.level1 a:link{
    color:#fff !important
}
.item-page.rules{
    border-bottom: 1px solid #ccc
}
.com_audit.view-rules_new.view-loop4 .page_rules_header .in_rule_editable_rule_name{
    max-width: 68%;
    word-break: break-word;
}
.com_audit.view-task_manager_new .reg_users_buttons_wrapper {
   margin-bottom: calc(.5rem + 20px);
}

.com_audit.view-rules_new.opened_rule_for_edit .table_monthly .custom_checkbox + label{
    padding: 0px 0 0 21px;
    margin-left:0
}
.com_audit.view-task_manager_new .item-page.pay-period {
    /*border-bottom: 1px solid #ccc;*/
}
.ui-widget{
    font-family: 'Open Sans', sans-serif !important;
}
.com_audit.view-map_new .item-page.pay-period {
    /*border-bottom: 1px solid #ccc;*/
}
.com_audit.view-map_new .reg_users_buttons_wrapper {
    margin-bottom: calc(.5rem + 20px);
}
.com_shifts.view-new_psd .top_spec_holiday{
    display:none
}
.com_audit.view-pay_period_new .edit_hours.js_count_hours {
    min-height: 19px;
}
.disabled_link{
    text-decoration:line-through !important;
    pointer-events: none !important
}
#navbarSupportedContent ul{
    margin-left:1em
}
.com_shifts .li_control_panel,
.com_spec_holiday2 .li_control_panel{
    display:none !important
}
.sm-open-181 > .sm-btn-181, .sm-open-181 .sm-content-inner > .sm-btn-181,
.sm-open-182 > .sm-btn-182, .sm-open-182 .sm-content-inner > .sm-btn-182{
    z-index:9999999 !important
}

@media screen and (max-width:650px){
    .footer_width{
        width:100%
    }
}

@media screen and (max-height:659px){
    .footer_block{
        display:none
    }
}
/*bootstrap breakpoint*/
@media screen and (max-width: 1200px) {
    .alarm-clock .date{
        width:100%;
        text-align: center;
    }
    .button-start img, .button-stop img{
        width:168px
    }
    .label-button{
        top: 31px;
        right: 40px;
    }
    .body_lang-is .label-button{
        right: 32px;
    }
    .com_audit.view-rules_new .reg_users_buttons_wrapper .buttons_reg_user:after{
        position:relative;
        right:auto
    }
    .union_rule_collet_block_editable{
        min-width: 400px;
    }
    .com_audit.view-rules_new #table-time-wages-yellow_rule-earn_minutes .new_rule_table_edit_with_del{
        width:auto !important
    }
    .com_audit.view-rules_new.view-loop4 .page_rules_header .in_rule_editable_rule_name{
        max-width: 68%;
        word-break: break-word;
    }
    .com_audit.view-rules_new.opened_rule_for_edit .table_monthly .custom_checkbox + label{
        padding: 0px 0 0 21px;
        margin-left:0
    }
    .com_audit.view-task_manager_new .one_item_page_rules_item.item_edit_task{
        width: 73%;
    }
    .com_shifts.view-new_psd .h_style-0{
        margin-top:0
    }
    .com_shifts.view-new_psd .reg_users_style0{
        margin-top:0
    }
    .com_shifts.view-new_psd .filter_state_wrapper{    
        margin: 5px 6px 0 0;
    }
    .com_shifts.view-new_psd .custom-radio+label{
        font-size: 13px;
    }
    .com_shifts.view-new_psd .reg_users_style1{
        width: 98%;
        margin-bottom: calc(.5rem + 20px);
    }
    @-moz-document url-prefix() {
        .com_shifts.view-new_psd .swiper-slide span{
            width: 65%;
            word-wrap: break-word;
        }
    }
    .com_shifts.view-new_psd .clone_shifts_panel .clone_items .one_clone_item{
        margin-top: -0.9px;
    }
    .com_shifts.view-new_psd .clone_shifts_panel .clone_items .one_clone_item i{
        font-size:11px
    }
    .com_shifts.view-new_psd .percent_wrapper{
        font-size: 12px;
        padding:0
    }
    #nav-tabContent .form_row_save{
        width: 22%;
        word-break: break-word
    }
    .com_audit.view-time_wages_new #subscription .one_subscr_input:not(.width-x2){
        width: 16%;
    }
    /*.com_audit.view-pay_period_new .pdf-35{
        width:100%;
        margin: 0 0 1em 0;
    }*/
    .com_audit.view-pay_period_new .additional_info_report-bottom{
        width:50%
    }
    .com_audit.view-pay_period_new .right_pp_new .value-hours{
        width: 50%;
    }
    .com_audit.view-pay_period_new .right_pp_new .bottom_time_panel2 .name-hours{
        width: 50%;
    }
    .com_audit.view-pay_period_new .right_pp_new{
        margin:0 0 2em 0
    }
    .com_audit.view-pay_period_new .pay_period_new_top_right{
        margin: 0 0 1em 0;
    }
    .com_audit.view-pay_period_new .table-responsive{
        overflow-x: visible
    }
    .com_audit.view-collect_new .pay_period_new_top_right{
        margin-bottom: 1em;
    }
    .com_audit.view-collect_new .pay_period_search_input_wrapper{
        width:293px
    }
    @-moz-document url-prefix() {
       
        .pay_period_search_input_wrapper{
            width:100%
        }
    }
    .com_audit.view-collect_new .data_option_wrapper .one_option span, 
    .com_audit.view-collect_new .data_option_wrapper .one_option_task span{
        max-width: 91%;
    }
    .com_audit.view-confirm_time_new .pay_period_new_top_right{
        margin-bottom: 1em;
    }
    .com_audit.view-report_new .report_calendar_wrapper .ui-datepicker-group{
        width: 22.1727%;
    }
    .com_audit.view-report_new .bottom_time_panel2 .pdf-h-value-1,
    .com_audit.view-report_new .bottom_time_panel2 .pdf-h-label-1{    
        font-size: 10px;
    }
    .com_audit.view-collect_new .pay_period_search_wrapper{
        width:100%;
        margin: 0 0 1em 0;
    }
    .com_audit.view-collect_new .h_style-0{
        margin-top: 0.8em;
    }
    .com_audit.view-collect_new .pay_period_new_top_right{
        height:auto
    }
    .com_audit.view-collect_new .collect_top_right{
        margin: 0 0 1em 0;
    }
    .com_audit.view-collect_new .calendar_inputs_pay_period_global_wrapper {
        margin: 0 0 0 0em;
    }
    .com_audit.view-rules_new .limit_part{
        width: 16%;
        margin: 0 1em 0 1em;
    }
    .com_audit.view-rules_new .shifts_table_wrapper .union_rule_collet_block_editable{
        min-width: 252px;
    }
    .com_audit.view-rules_new .form_edit_shift_aw_limit{
        width: 89px;
    }
    .com_audit.view-calc_new .right_addons .calc_addons_from_to_wr .form-control{
        width:23%
    }
    .com_audit.view-calc_new #load_calculator .custom_height{
        height: 36px !important;
    }
    .com_audit.view-calc_new #load_calculator .custom_label-0{
        margin-left: 13px;
    }
}
/*bootstrap breakpoint*/
@media screen and (max-width: 992px) {
    .button-start img, .button-stop img{
        width:120px
    }
    .label-button{
        top: 24px;
        right: 32px;
        font-size: 18px;
    }
    .body_lang-is .label-button{
        top: 24px;
        right: 22px;
    }
    .com_audit.view-rules_new  .table_auto_width{
        width:100% !important
    }
    .com_audit.view-rules_new .union_rule_parts_wrapper{
        width:100%
    }
    /*.com_audit.view-rules_new .union_rule_collet_block_editable{
        padding-left: 0 !important
    }*/
    /*.com_audit.view-rules_new .table td, .com_audit.view-rules_new .table th {
        padding: .3rem;
    }   */
    .com_audit.view-rules_new.body_lang-is .edit_header_text{
        width:100%
    }
    .com_audit.view-rules_new .loop_calendar_wrapper_big{
        top:17px
    }
    .com_audit.view-rules_new .shifts_table_wrapper_loops{
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .com_audit.view-rules_new.view-loop4 .page_rules_header .in_rule_editable_rule_name{
        max-width: 68%;
        word-break: break-word;
    }
    .com_audit.view-rules_new.opened_rule_for_edit .table_monthly .custom_checkbox + label{
        padding: 0px 0 0 21px;
        margin-left:0
    }
    .com_audit.view-task_manager_new .one_item_page_rules_item.item_edit_task{
        width: 64%;
    }
    div[aria-describedby="worksheet-upload-files-popup"]{
        width:100% !important
    }
    .com_audit.view-map_new .map_wrapper,
    .com_audit.view-map_new .item-page-body.map{
        min-height: 79.5vh;
    }
    /*@-moz-document url-prefix() {
        .com_audit.view-map_new .map_wrapper,
        .com_audit.view-map_new .item-page-body.map{
            min-height: 73vh;
        }
    }*/
    .com_spec_holiday2 .months_toggle_wr a{
        margin-right: 0.5em;
        font-size: 12px;
    }
   .com_shifts.view-new_psd .h_style-0{
        margin-top:0
    }
    .com_shifts.view-new_psd .reg_users_style0{
        margin-top:0
    }
    .com_shifts.view-new_psd .filter_state_wrapper{    
        margin: 5px 6px 0 0;
    }
    .com_shifts.view-new_psd .custom-radio+label{
        font-size: 13px;
    }
    .com_shifts.view-new_psd .reg_users_style1{
        width: 100%;
        margin-bottom: calc(.5rem + 20px);
    }
    @-moz-document url-prefix() {
        .com_shifts.view-new_psd .swiper-slide span{
            width: 65%;
            word-wrap: break-word;
        }
    }
    .com_shifts.view-new_psd .clone_shifts_panel .clone_items .one_clone_item{
        margin-top: -0.9px;
    }
    .com_shifts.view-new_psd .clone_shifts_panel .clone_items .one_clone_item i{
        font-size:11px
    }
    .com_shifts.view-new_psd .percent_wrapper{
        font-size: 12px;
        padding:0 0 0 1px
    }
    .com_shifts.view-new_psd .combine_confirm_and_pay_period_wr1{
        min-width:100% !important;
        max-width:100%;
        width:100%;
    }
    .com_shifts.view-new_psd .shifts_top_panel{
        width:100%;
        margin:1.5em 0 0 0
    }
    .com_shifts.view-new_psd .swiper-button-prev{
        left: 0;
    }
    .com_shifts.view-new_psd .swiper-button-next{
        right:0
    }
    .com_shifts.view-new_psd .swiper-container{
        width:92%
    }
    .com_shifts.view-new_psd .confirm_messages_wrapper{
        margin: 2em 0 0 0;
    }
    .clone_shifts_panel{
        width: 6% !important;
    }
    #dp{
        width:93% !important
    }
    .com_audit.view-time_wages_new .edit_break_val{
        min-width:0
    }
    .com_audit.view-time_wages_new table[id|="table-time-wages"] td, 
    .com_audit.view-time_wages_new table[id|="table-time-wages"] th, 
    .com_audit.view-time_wages_new .table_spec_headers td, 
    .com_audit.view-time_wages_new .table_spec_headers th{
        font-size: 11px;
        padding:.1rem;
        vertical-align: middle
    }
    .com_audit.view-time_wages_new .edit_break_time_wrapper{
        font-size: 14px;
        right: 5px;
        top: -1px;
    }
    .com_audit.view-time_wages_new .item-page-body.time-wages{
        padding: 30px 10px;
    }
    .com_audit.view-time_wages_new .edit_header_text{
        word-break: break-word;
    }
    .com_audit.view-time_wages_new  #export .spec_table_wrapper{
        overflow-x: auto
    }
    .com_audit.view-time_wages_new .form_row_token{
        width: 74%;
    }
    
    .com_audit.view-time_wages_new .custom-file{
        min-height: calc(1.5em + .75rem + 2px);
        height: auto
    }
    .com_audit.view-time_wages_new #subscription .one_subscr_input:not(.width-x2){
        width: 21%;
    }
    .com_audit.view-pay_period_new .table td{
        padding:.1rem;
        font-size:9px
    }
    .com_audit.view-pay_period_new .td_pay_period_note{
        width:20% !important;
        max-width:20% !important
    }
    .com_audit.view-pay_period_new .calendar_inputs_pay_period_global_wrapper .pay_period_calendar_save{
        margin-right:0
    }
    .com_audit.view-pay_period_new .dropdown_users_wrapper{
        margin: 0 0 1em 0;
        width: 32.5%;
    }
    .com_audit.view-pay_period_new .reg_users_buttons_wrapper{
        margin:1em 0 0 0
    }
    .com_audit.view-pay_period_new .right_pp_new{
        margin-top:1em
    }
    .com_audit.view-collect_new .pay_period_new_top_right{
        height:auto
    }
    /*.com_audit.view-collect_new .calendar_inputs_pay_period_global_wrapper{
        margin:1em 0 0 0
    }*/
    .com_audit.view-collect_new .data_option_wrapper .one_option span, 
    .com_audit.view-collect_new .data_option_wrapper .one_option_task span{
        max-width: 89%;
    }
    .com_audit.view-collect_new .calendar_inputs_pay_period_global_wrapper{
        margin: 1em 0 0 0;
    }
    .com_audit.view-collect_new .pay_period_search_wrapper{
        width:100%
    }
    
    .com_audit.view-confirm_time_new .pay_period_new_top_right{
        margin-bottom: 1em;
    }
    .com_audit.view-confirm_time_new .filters{
        width:100%
    }
    .com_audit.view-confirm_time_new .name_search_wrapper{
        float: left;
    }
    .com_audit.view-confirm_time_new .pay_period_search_wrapper{
       width:100% 
    }
    .com_audit.view-confirm_time_new .pay_period_search_input_wrapper{
        margin: 1em 0 1em 0em; 
    }
    .com_audit.view-confirm_time_new .dropdown_users_wrapper{
        min-width: 164px;
    }
    .com_audit.view-confirm_time_new .table td{
        padding:.1rem;
        font-size:9px
    }
    .com_audit.view-confirm_time_new .edit_hours_logged,
    .com_audit.view-confirm_time_new .edit_hours_exit,
    .com_audit.view-confirm_time_new .edit_hours_daytime,
    .com_audit.view-confirm_time_new .edit_hours_afterwork,
    .com_audit.view-confirm_time_new .edit_hours_night_time,
    .com_audit.view-confirm_time_new .edit_hours_weekend,
    .com_audit.view-confirm_time_new .edit_hours_holidays{
        min-height: 14px;
    }
    .com_audit.view-pay_period_new .pay_period_search_wrapper{
        width:31%
    }
    .com_audit.view-report_new .reg_users_buttons_wrapper .dropdown_users_wrapper{
        width:35%
    }
    .com_audit.view-report_new .fancybox-wrap.fancybox-desktop.fancybox-type-iframe.ui-draggable.ui-draggable-handle.fancybox-opened{
        width:100% !important;
        top:0 !important;
        left:0 !important;
        z-index:9999999999 !important
    }
    .com_audit.view-report_new .fancybox-wrap.fancybox-desktop.fancybox-type-iframe.ui-draggable.ui-draggable-handle.fancybox-opened .fancybox-inner{
        width:100% !important;
    }
    .com_audit.view-report_new .fancybox-wrap.fancybox-desktop.fancybox-type-iframe.ui-draggable.ui-draggable-handle.fancybox-opened .fancybox-close{
        top: -1px;
        right: -2px;
    }
    .com_audit.view-report_new .fancybox-overlay{
        z-index:9999999999 !important
    }
    .com_audit.view-login_new #login-form,
    .com_audit.view-login_new .hello_text{
        width:100%
    }
    .com_audit.view-collect_new .calendar_inputs_pay_period_global_wrapper {
        margin: 0 0 0 0em;
    }
    .com_spec_holiday2 #navbarDropdown0,
    .com_shifts #navbarDropdown0{
        display:none
    }
    .com_spec_holiday2 .li_control_panel,
    .com_shifts .li_control_panel{
        display:list-item !important
    }
    .com_audit.view-rules_new .limit_part{
        width:100%;
        margin:0
    }
    .com_audit.view-rules_new .form_edit_shift_aw_limit{
        display:table;
        margin: 0 auto !important
    }
    .com_audit.view-pay_period_new .info_popup_toggle{
        margin: 14px 0 0 3px;
    }
    
    .com_audit.view-calc_new #load_calculator .calc_addons_from_to_wr{
        margin-bottom:10px
    }
    .com_audit.view-calc_new #load_calculator .input-group-addon.add_units,
    .com_audit.view-calc_new #load_calculator .input-group-addon.add_units2{
        padding-right:14px
    }
    .com_audit.view-calc_new #load_calculator label{
        font-size: 11px;
    }
    .com_audit.view-calc_new #load_calculator .input-group .form-control{
        padding: 10px 2px;
    }
    .com_audit.view-calc_new #load_calculator .custom_height{
        height: 22px !important;
    }
    /*#load_calculator .parent_group_style-2{
        display: -ms-flexbox!important;
        display: flex!important;
    }*/
    
}

/*bootstrap breakpoint*/
@media screen and (max-width:768px){
    .login_form_basic{
        min-width:100%;
        width:100%;
        height:auto;
        min-height:400px
    }
    .pass_hidden{
        font-size:14px;
        top:10px
    }
    .login_form_wrapper{
        height:auto
    }
    .one_login_form_item{
        width:100%
    }
    .footer_block{
        display:none
    }
    .home_central_wrapper{
        padding-top:20px
    }
    
    .com_audit.view-rules_new .reg_users_buttons_wrapper .buttons_reg_user{
       margin:0 0 1em 0 !important
    }
    .com_audit.view-rules_new .editable_rule_header{
        max-width:none
    }
    .com_audit.view-rules_new .one_column_rules{
        margin-bottom:3em;
        -webkit-box-shadow: 0px 9px 5px -2px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 9px 5px -2px rgba(0,0,0,0.75);
        box-shadow: 0px 9px 5px -2px rgba(0,0,0,0.75);
    }
    /*.com_audit.view-rules_new .union_rule_collet_block_editable{
        padding-left: 0 !important
    }*/
     .com_audit.view-rules_new.body_lang-is .edit_header_text{
        width:100%
    }
    .com_audit.view-rules_new .table td, 
    .com_audit.view-rules_new .table th {
        padding: .3rem;
        font-size: 11px;
       /* word-break: break-word*/
    }
    .com_audit.view-rules_new .page_rules_header .in_rule_editable_rule_name{
        font-size: 17px;
    }
    .com_audit.view-rules_new .time_container_content label{
        font-size: 14px;
    }
    .com_audit.view-rules_new .delete_table_row{
        right: -29px;
    }
    .com_audit.view-rules_new .td_style-10 i{
        margin-top: -5.5px;
    }
    .com_audit.view-rules_new .edit_break_time_wrapper{
        font-size: 16px;
        top: 1px;
    }
    #table-time-wages-yellow_rule-earn_minutes .new_rule_table_edit_with_del{
        padding-top:35px
    }
    .opened_rule_for_edit .table_auto_width .edit3:empty{
        padding: 10px 0 !important;
    }
    .com_audit.view-rules_new .loop_calendar_wrapper_big{
        top:17px
    }
    .com_audit.view-rules_new.view-loop4 .edit_break_time_wrapper{
        top: -3px;
    }
    .com_audit.view-rules_new.view-loop4 .edit_break_val{
        min-height: 18px;
    }
    .com_audit.view-rules_new.view-loop4 .page_rules_header .in_rule_editable_rule_name{
        max-width: 68%;
        word-break: break-word;
    }
    .com_audit.view-rules_new.opened_rule_for_edit .table_monthly .custom_checkbox + label{
        padding: 0px 0 0 21px;
        margin-left:0
    }
    .com_audit.view-task_manager_new .one_item_page_rules_item.item_edit_task{
        width: 52%;
    }
    div[aria-describedby="worksheet-upload-files-popup"]{
        width:100% !important
    }
    /*.com_audit.view-task_manager_new table .tbody.worksheet-attachments-list .td_files-4{
        word-break: break-word !important;
    }*/
    .com_audit.view-map_new .map_wrapper,
    .com_audit.view-map_new .item-page-body.map{
        min-height: 79.5vh;
    }
    .com_spec_holiday2 .rel_button_wr{
        margin-bottom:1em
    }
    .com_spec_holiday2 .months_toggle_wr{
        margin:1em 0 0 0
    }
     .com_shifts.view-new_psd .h_style-0{
        margin-top:0
    }
    .com_shifts.view-new_psd .reg_users_style0{
        margin-top: 7px;
        width:100%
    }
    .com_shifts.view-new_psd .filter_state_wrapper{    
        margin: 5px 6px 0 0;
    }
    .com_shifts.view-new_psd .custom-radio+label{
        font-size: 13px;
    }
    .com_shifts.view-new_psd .reg_users_style1{
        width: 100%;
        margin-bottom: calc(.5rem + 20px);
    }
    @-moz-document url-prefix() {
        .com_shifts.view-new_psd .swiper-slide span{
            width: 65%;
            word-wrap: break-word;
        }
    }
    .com_shifts.view-new_psd .clone_shifts_panel .clone_items .one_clone_item{
        margin-top: -0.9px;
    }
    .com_shifts.view-new_psd .clone_shifts_panel .clone_items .one_clone_item i{
        font-size:11px
    }
    .com_shifts.view-new_psd .percent_wrapper{
        font-size: 12px;
        padding:0 0 0 1px
    }
    .com_shifts.view-new_psd .combine_confirm_and_pay_period_wr1{
        min-width:100% !important;
        max-width:100%;
        width:100%;
    }
    .com_shifts.view-new_psd .shifts_top_panel{
        width:100%;
        margin:1.5em 0 0 0
    }
    .com_shifts.view-new_psd .swiper-button-prev{
        left: 0;
    }
    .com_shifts.view-new_psd .swiper-button-next{
        right:0
    }
    .com_shifts.view-new_psd .swiper-container{
        width:88%
    }
    .com_shifts.view-new_psd .confirm_messages_wrapper{
        margin: 2em 0 0 0;
    }
    .clone_shifts_panel{
        width: 7% !important;
    }
    #dp{
        width:92% !important
    }
    .com_audit.view-time_wages_new .settings_content .tab-content{
        padding-top: 2em;
    }
    .com_audit.view-time_wages_new .form_row_save{
        width: 20% !important;
    }
    .com_audit.view-time_wages_new .users_import_wrapper.uploadFiles form,
    .com_audit.view-time_wages_new #dropbox_token_form{
        -ms-flex-align: start;
        align-items: start;
    }
    .com_audit.view-time_wages_new #template .form_row_files{
        width: 74.4%
    }
    .com_audit.view-time_wages_new #subscription .one_subscr_input:not(.width-x2){
        width: 21%;
    }
    .com_audit.view-pay_period_new .table td{
        padding:.1rem;
        font-size:9px
    }
    .com_audit.view-pay_period_new .td_pay_period_note{
        width:20% !important;
        max-width:20% !important
    }
    .com_audit.view-pay_period_new .calendar_inputs_pay_period_global_wrapper .pay_period_calendar_save{
        margin-right:0
    }
    .com_audit.view-pay_period_new .dropdown_users_wrapper{
        margin: 0 0 1em 0;
        width: 41%;
        float: left
    }
    .com_audit.view-pay_period_new .view_report_button{
        float: left
    }
    .com_audit.view-pay_period_new .reg_users_buttons_wrapper{
        margin:1em 0 0 0
    }
    .com_audit.view-pay_period_new .right_pp_new{
        margin-top:1em
    }
    .com_audit.view-pay_period_new .pdf-35{
        width: 100%;
        margin:1em 0 1em 0
    }
    .com_audit.view-pay_period_new .table-responsive{
        overflow-x: auto
    }
    .com_audit.view-pay_period_new .str_wrapper{
        margin: 0 1em 0 0;
    }
    .com_audit.view-pay_period_new .new_pp_top_from_to_wrapper{
        margin: 1em 0 0 0;
    }
    .com_audit.view-pay_period_new #to{
        margin-right:0
    }
    .com_audit.view-pay_period_new .calendar_inputs_pay_period_global_wrapper .calendar_inputs_pay_period_wrapper{
        float: left;
        width: 85%;
    }
    .com_audit.view-pay_period_new .bottom_links_block{
        margin:0 0 1em 0
    }
    .com_audit.view-pay_period_new .calendar_inputs_pay_period_global_wrapper .pay_period_calendar_save{
        margin: 1em 0 0 1em;
    }
    .com_audit.view-pay_period_new .pay_period_search_wrapper{
        width: 84.7%;
    }
    @-moz-document url-prefix() {
        .com_audit.view-pay_period_new .new_pp_top_from_to_wrapper{
            width:100% !important
        }
        .com_audit.view-pay_period_new .form-control{
            width:48%
        }
        .com_audit.view-collect_new .calendar_inputs_pay_period_wrapper{
            /*width: 84%;*/
        }
        .com_audit.view-collect_new .calendar_inputs_pay_period_wrapper input{
            width:48%
        }
    }
    .com_audit.view-collect_new .table td {
        padding: .1rem;
        font-size: 9px;
    }
    .com_audit.view-pay_period_new .bottom_links_block{
        width:auto
    }
    .com_audit.view-pay_period_new.body_lang-is .calendar_inputs_pay_period_global_wrapper .calendar_inputs_pay_period_wrapper{
        width: 57%;
    }
    .com_audit.view-pay_period_new.body_lang-is .bottom_links_block{
        width: 42%;
    }
    .com_audit.view-pay_period_new.body_lang-is .reg_users_buttons_wrapper{
        width: 112% !important;
    }
    .com_audit.view-report_new .report_calendar_wrapper .ui-datepicker-group{
        width: 29%;
    }
    .com_audit.view-report_new .report_calendar_wrapper .ui-datepicker-group:nth-child(4n+4){
        margin-right: 20px
    }
    .com_audit.view-report_new .report_count_row{
        width:100%
    }
    .com_audit.view-report_new .report_count_item:not(.change_diapason){
        width: 214px !important;
        margin: 0 0 20px 0;
    }
    .com_audit.view-report_new .reg_users_buttons_wrapper .dropdown_users_wrapper{
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }
    .com_audit.view-report_new .reg_users_buttons_wrapper .dropdown_users_wrapper button{
        margin-right:0
    }
    .com_audit.view-report_new .report_link_pay_period{
        width: 100%;
    }
    .com_audit.view-report_new .custom_year_select_wrapper{
        width: 108%;
    }
    .com_audit.view-report_new .change_diapason{
        width:99%
    }
    .com_audit.view-login_new .button_style_pdf{
        display: block;
        width:100%
    }
    .com_audit.view-collect_new .reg_users_buttons_wrapper {
        margin: 1em 0 0 0em;
    }
    .com_audit.view-collect_new .calendar_inputs_pay_period_global_wrapper{
        width:100%
    }
    .com_audit.view-calc_new  #Calculator,
    .com_audit.view-calc_new #selcalc1{
        padding-top:1em
    }
    .com_audit.view-calc_new #load_calculator .input-group .form-control{
        width: 100px !important;
        padding:10px 14px;
    }
}
@media screen and (width:576px){
    .com_audit.view-pay_period_new .reg_users_buttons_wrapper{
        width: auto !important;
        -ms-flex-direction: column!important;
        flex-direction: column!important;
    }
    .com_audit.view-pay_period_new #to{
        margin-top:0 !important
    }
    .com_audit.view-report_new .report_link_pay_period{
        display: block !important
    }
    .com_audit.view-collect_new .pay_period_search_input_wrapper{
        margin-bottom:1em !important
    }
    .com_audit.view-collect_new #from,
    .com_audit.view-collect_new #to{
        width: 100%;
    }
    .com_audit.view-collect_new #from{
        margin-right:0
    }
    .com_audit.view-collect_new.body_lang-is .reg_users_buttons_wrapper{
        width:100% !important
    }
    .com_audit.view-collect_new .generate_dk_collect_csv{
        margin: 0 0 1em 0 !important
    }
    .com_audit.view-collect_new .reg_users_buttons_wrapper .loader-img,
    .com_audit.view-collect_new .reg_users_buttons_wrapper .loader-img1{
        margin:0 auto 1em auto
    }
    .com_audit.view-collect_new .reg_users_buttons_wrapper{
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
}
@media screen and (width:768px){
    .com_audit.view-pay_period_new .new_pp_top_from_to_wrapper{
        margin-top:0
    }
    .com_audit.view-pay_period_new .calendar_inputs_pay_period_global_wrapper .pay_period_calendar_save{
         margin-top:0
    }
    .com_audit.view-report_new .reg_users_buttons_wrapper{
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important;
    }
    .com_audit.view-report_new .report_count_row{
        -ms-flex-direction: column!important;
        flex-direction: column!important;
    }
}
@media screen and (width:992px){
    .com_audit.view-pay_period_new .bottom_links_block{
        width:33%
    }
    .com_audit.view-pay_period_new .dropdown_users_wrapper{
        margin-right:1em
    }
    .com_audit.view-pay_period_new .pay_period_new_top_right{
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important;
    }  
    .com_audit.view-collect_new .calendar_inputs_pay_period_global_wrapper {
        margin: 0 0 0 0em;
    }
}
/*bootstrap breakpoint*/
@media screen and (max-width:576px){
    
    .item-page.register-user .change_pdf_diapason_wrapper{
        top:62px
    }
    .logo-d{
        width:150px
    }
    .com_audit.view-rules_new .reg_users_buttons_wrapper .buttons_reg_user{
       margin:0 0 1em 0 !important
    }
    .com_audit.view-rules_new .editable_rule_header{
        max-width:none
    }
    .com_audit.view-rules_new .one_column_rules{
        margin-bottom:3em;
        -webkit-box-shadow: 0px 9px 5px -2px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 9px 5px -2px rgba(0,0,0,0.75);
        box-shadow: 0px 9px 5px -2px rgba(0,0,0,0.75);
    }
    .com_audit.view-rules_new .union_rule_collet_block_editable{
        padding-left: 0 !important
    }
    .com_audit.view-rules_new.body_lang-is .edit_header_text{
        width:100%
    }
    .com_audit.view-rules_new .table td, 
    .com_audit.view-rules_new .table th {
        padding: .3rem;
        font-size: 9px;
       /* word-break: break-word*/
    }
    .com_audit.view-rules_new .page_rules_header .in_rule_editable_rule_name{
        font-size: 15px;
    }
    .com_audit.view-rules_new .time_container_content label{
        font-size: 12px;
    }
    .com_audit.view-rules_new .delete_table_row{
        right: 3px;
    }
    .com_audit.view-rules_new .td_style-10 i{
        margin-top: -4.5px;
    }
    .com_audit.view-rules_new .edit_break_time_wrapper{
        font-size: 16px;
        top: -1px;
    }
    .com_audit.view-rules_new .th_width_add_owervork{
        padding-right:0
    }
    .com_audit.view-rules_new .td_style-12.only_earn .flexbox_wrapper{
        align-items: flex-start;
        -webkit-align-items: flex-start
    }
    .com_audit.view-rules_new .td_style-12.only_earn .editable{
        /*width:auto;
        min-width:100%*/
    }
    /*.com_audit.view-rules_new  .union_rule_collet_block_editable{
        min-width:200px !important
    }*/
    #table-time-wages-yellow_rule-sicktime td{
        text-align:left
    }
    .com_audit.view-rules_new .td_style-13{
        line-height: 21px;
    }
    #table-time-wages-yellow_rule-earn_minutes .new_rule_table_edit_with_del{
        padding-top:31px
    }
    .com_audit.view-rules_new .edit_break_val{
        min-height: 13px;
    }
    .opened_rule_for_edit .table_auto_width .edit3:empty{
        padding: 10px 0 !important;
    }
    .com_audit.view-rules_new .loop_calendar_wrapper_big{
        top:17px
    }
    .com_audit.view-rules_new.view-loop4 .edit_break_time_wrapper{
        top: -3px;
    }
    .com_audit.view-rules_new.view-loop4 .edit_break_val{
        min-height: 18px;
    }
    .com_audit.view-rules_new.view-loop4 .page_rules_header .in_rule_editable_rule_name{
        max-width: 68%;
        word-break: break-word;
    }
    .com_audit.view-rules_new.opened_rule_for_edit .table_monthly .custom_checkbox + label{
        padding: 0px 0 0 21px;
        margin-left:0
    }
    .com_audit.view-task_manager_new .one_item_page_rules_item.item_edit_task{
        width: 100%;
    }
    div[aria-describedby="worksheet-upload-files-popup"]{
        width:100% !important
    }
    /*.com_audit.view-task_manager_new table .tbody.worksheet-attachments-list .td_files-4{
        word-break: break-word !important;
    }*/
    .move-icon-box{
        display: none;
    }
    .com_audit.view-map_new .map_wrapper,
    .com_audit.view-map_new .item-page-body.map{
        min-height: 79.5vh;
    }
    .com_spec_holiday2 .rel_button_wr{
        margin-bottom:1em
    }
     .com_spec_holiday2 .months_toggle_wr{
        margin:1em 0 0 0
    }
    .menu-icon-cont{
        top:15px !important
    }
    .navbar-brand{
        padding-top:0
    }
    .com_shifts.view-new_psd .swiper-container{
       /*display:none*/
       width:81%
    }
    .swiper-slide span{
        display:none
    }
    .clone_shifts_panel{
        display:none !important
    }
    #dp{
        width:100% !important
    }
    .com_audit.view-time_wages_new .new_settings_img img{
        max-width: 250px
    }
    .com_audit.view-time_wages_new .new_settings_img{
        margin-top:0
    }
    .com_audit.view-time_wages_new #subscription .one_subscr_input:not(.width-x2){
        width: 25%;
    }
    .com_audit.view-time_wages_new #subscription .one_subscr_input label{
        text-align: left
    }
    .com_audit.view-time_wages_new #subscription .one_subscr_input:not(.width-x2){
        width:100%
    }
    .com_audit.view-time_wages_new #subscription .one_subscr_input.width-x2{
        width:100%
    }
    .com_audit.view-time_wages_new #subscription .one_subscr_input:not(.last_one_subscr_input){
        margin-right:0
    }
    .com_audit.view-time_wages_new .form_row_prices{
        margin-top:1em
    }
    .com_audit.view-pay_period_new .table td{
        padding:.1rem;
        font-size:9px
    }
    .com_audit.view-pay_period_new .td_pay_period_note{
        width:17% !important;
        max-width:17% !important
    }
    .com_audit.view-pay_period_new .calendar_inputs_pay_period_global_wrapper .pay_period_calendar_save{
        margin-right:0
    }
    .com_audit.view-pay_period_new .dropdown_users_wrapper{
        margin: 0 0 1em 0;
        width: 100%;
    }
    .com_audit.view-pay_period_new .reg_users_buttons_wrapper{
        margin:0 0 0 0;
        width:100%
    }
    .com_audit.view-pay_period_new .right_pp_new{
        margin-top:1em
    }
    .com_audit.view-pay_period_new .pdf-35{
        width: 100%;
        margin:1em 0 1em 0
    }
    .com_audit.view-pay_period_new .table-responsive{
        overflow-x: auto
    }
    .com_audit.view-pay_period_new .str_wrapper{
        margin: 0 1em 0 0;
    }
    .com_audit.view-pay_period_new .new_pp_top_from_to_wrapper{
        margin: 1em 0 0 0;
    }
    .com_audit.view-pay_period_new #to{
        margin-right:0;
        margin-top:0.5em
    }
    .com_audit.view-pay_period_new .calendar_inputs_pay_period_global_wrapper .calendar_inputs_pay_period_wrapper{
        float: left;
        width: 100%;
    }
    .com_audit.view-pay_period_new .bottom_links_block{
        margin:0 0 1em 0;
        width:100%
    }
    .com_audit.view-pay_period_new .calendar_inputs_pay_period_global_wrapper .pay_period_calendar_save{
        margin: 1em 0 0 0;
        width:100%
    }
    .com_audit.view-pay_period_new .pay_period_search_wrapper{
        width: 84.7%;
    }
    .com_audit.view-pay_period_new .button_style-save_pp_preserved{
        display: block;
        width:100%
    }
    .com_audit.view-pay_period_new .buttons_reg_user1{
        margin:0 0 1em 0 !important;
        display: block;
        width:100%
    }
    .com_audit.view-pay_period_new .reg_users_buttons_wrapper a{
        display: block;
        width: 100%;
        float: left;
    }
    .com_audit.view-pay_period_new.body_lang-is .reg_users_buttons_wrapper{
        width:100%
    }
    .com_audit.view-pay_period_new .reg_users_buttons_wrapper a:hover{
        text-decoration: none !important
    }
    @-moz-document url-prefix() {
        .com_audit.view-pay_period_new .new_pp_top_from_to_wrapper{
            width:100% !important
        }
        .com_audit.view-pay_period_new .new_pp_top_from_to_wrapper .form-control{
            width:100%
        }
    }
    .com_audit.view-collect_new .new_pp_top_from_to_wrapper{
        margin: 1em 0 0 0;
    }
    .com_audit.view-collect_new #to{
        margin-right:0;
        margin-top:0.5em
    }
    .com_audit.view-collect_new .calendar_inputs_pay_period_global_wrapper .calendar_inputs_pay_period_wrapper{
        float: left;
        width: 100%;
    }
    .com_audit.view-collect_new .bottom_links_block{
        margin:0 0 1em 0;
        width:100%
    }
    .com_audit.view-collect_new .calendar_inputs_pay_period_global_wrapper .pay_period_calendar_save{
        margin: 1em 0 0 0;
        width:100%
    }
    .com_audit.view-collect_new .pay_period_search_wrapper{
        width: 100%;
    }
    .com_audit.view-collect_new .button_style-save_pp_preserved{
        display: block;
        width:100%
    }
    .com_audit.view-collect_new .buttons_reg_user1{
        margin:0 0 1em 0 !important;
        display: block;
        width:100%
    }
    .com_audit.view-collect_new .reg_users_buttons_wrapper a{
        display: block;
        width: 100%;
        float: left;
    }
    .com_audit.view-collect_new.body_lang-is .reg_users_buttons_wrapper{
        width:100%
    }
    .com_audit.view-collect_new .reg_users_buttons_wrapper a:hover{
        text-decoration: none !important
    }
    .com_audit.view-collect_new .pay_period_search_input_wrapper{
        width: 100%;
        margin: 0;
    }
    .com_audit.view-collect_new .miniloader_wrapper{
        width:100%;
        text-align: center;
        margin-top:1em
    }
    @-moz-document url-prefix() {
        .com_audit.view-collect_new .calendar_inputs_pay_period_wrapper{
            width: 100%;
        }
        .com_audit.view-collect_new .calendar_inputs_pay_period_wrapper input{
            width:100%
        }
    }
    .com_audit.view-collect_new .new_layout_bottom_totals{
        padding-left:10px
    }
    .com_audit.view-collect_new .bottom_global_totals .bottom_time_panel{
        width:100%
    }
    .com_audit.view-confirm_time_new .dropdown_users_wrapper{
        margin: 0 0 1em 0;
    }
    .com_audit.view-confirm_time_new .pay_period_search_input_wrapper{
        width:100%;
        min-width:0
    }
    .com_audit.view-confirm_time_new .filter_state_wrapper,
    .com_audit.view-confirm_time_new .name_search_wrapper{
        margin-top:0
    }
    .com_audit.view-confirm_time_new .filters{
        margin:0 0 1em 0
    }
    .com_audit.view-confirm_time_new .a_pp_link_in_confirm img{
        width:14px
    }
    .com_audit.view-map_new .h_style-0{
        width:100%
    }
     .com_audit.view-pay_period_new.body_lang-is .bottom_links_block{
        width: 100%;
    }
    .com_audit.view-pay_period_new.body_lang-is .reg_users_buttons_wrapper{
        width: 100% !important;
    }
    .com_audit.view-pay_period_new.body_lang-is .calendar_inputs_pay_period_global_wrapper .calendar_inputs_pay_period_wrapper{
        width: 100% !important;
    }
    .com_audit.view-report_new .report_calendar_wrapper .ui-datepicker-group{
        width: 100%;
        margin-right: 0 !important;
    }
    .com_audit.view-report_new .custom_year_select_wrapper{
        width:100%;
        margin: 0 0 1em 0;
    }
    .com_audit.view-report_new .str_wrapper{
        width:100%;
        margin:0 0 1em 0
    }
    .com_audit.view-report_new .str_text{
        margin:0 0 0 0.2em
    }
    .com_audit.view-report_new .tcalInput{
        background-position: 98% 50% !important;
    }
    .com_audit.view-report_new .str_wrapper .str_left{
        margin-right: 1em
    }
    .com_audit.view-report_new .str_wrapper i{
        font-size: 43px;
    }
    .com_audit.view-collect_new.body_lang-is .reg_users_buttons_wrapper{
        width:100% !important
    }
    .com_audit.view-collect_new .generate_dk_collect_csv{
        margin: 0 0 1em 0 !important
    }
    .com_audit.view-collect_new .data_option_wrapper .one_option span, .com_audit.view-collect_new .data_option_wrapper .one_option_task span{
        max-width: 95%;
    }
    .com_audit.view-collect_new #from,
    .com_audit.view-collect_new #to{
        width:100%
    }
    .com_audit.view-collect_new .collect .reg_users_buttons_wrapper{
        width:100% !important
    }
    .com_audit.view-collect_new .generate_collect_csv{
        margin-right:0 !important;
        margin-bottom:1em !important
    }
    .com_audit.view-pay_period_new .view_report_button{
        margin:0 0 1em 0;
        width: 100%
    }
    .com_audit.view-calc_new #load_calculator #profile .input-group .form-control{
        width:100% !important
    }
    .com_audit.view-calc_new .right_addons .calc_addons_from_to_wr .form-control{
        width:100% !important;
        margin:0 0 1em 0
    }
    .com_audit.view-calc_new #load_calculator .right_addons_button{
        width: 100%;
        margin:0 0 1em 0
    }
    .com_audit.view-calc_new #load_calculator .calc_addons_from_to_wr{
        margin:0
    }
    .com_audit.view-calc_new #load_calculator .col-calc .calc-options{
        margin-left:auto
    }
    .com_audit.view-calc_new .new-rules-title{
        min-height: 158px;
    }
    .com_audit.view-calc_new .new-rules-title .h_style-0{
        text-align: center;
    }
    .com_audit.view-calc_new .item-page.calc_new .reg_users_buttons_wrapper{
        float: left;
        margin: 4em 0 0 0;
        width: 100%;
    }
    .com_audit.view-calc_new .item-page.calc_new #load_calc_tab{
        margin: 0 0 1em 0;
    }
    .com_audit.view-calc_new.view-earned_income .reg_users_buttons_wrapper .btn{
        margin:1em 0 0 0
    }
    .com_audit.view-calc_new.view-earned_income .item-page-body.calc_new{
        padding:18em 0 0 0
    }
    .com_audit.view-calc_new.view-earned_income .new-rules-title{
        min-height: 285px;
    }
    .com_audit.view-calc_new.view-earned_income .calc_addons_from_to_wr_earned_income .form-control{
        width: 100% !important;
        margin: 0 0 1em 0;
    }
    .com_audit.view-calc_new.view-earned_income .calc_addons_from_to_wr_earned_income{
        margin: 1em 0px 0 0;
    }
    .com_audit.view-calc_new.view-earned_income .pseudo_str_wrapper{
        margin: 0.8em 0 1em 0;
        width: 100%;
    }
    .com_audit.view-calc_new.view-earned_income .right_addons_button {
        width: 100%;
        margin: 0 0 1em 0;
    }
}
@media screen and (min-height:660px) and (max-height:830px) and (max-width:889px){
    .footer_block .footer_width{
        color:#fff !important
    }
}
@media screen and (min-width:992px) and (max-width:1021px){
    @-moz-document url-prefix() {
        .com_audit.view-collect_new.body_lang-is .pay_period_search_input_wrapper{
            width: 254px !important;
        }
    }
}
@media screen and (min-width:1180px) and (max-width:1230px){
    @-moz-document url-prefix() {
        .com_audit.view-collect_new .pay_period_search_input_wrapper{
            width: 277px !important;
        }
        
    }
}