.ADMdtp-container .masterInput input
{
    height: 31px;
}

.addCard-form
{
    height: 70%;
    width: 70%;
    background-color: #fff;
}

.card-model
{
    border-radius: 0px;
}

/*simple resets*/

*, *:before, *:after
{
    box-sizing: border-box;
    -webkit-box-sizing: -webkit-border-box;
    -moz-box-sizing: -moz-border-box;
}

/*general classes*/

.group
{
    margin-bottom: 12px;
}

.relative-position
{
    position: relative;
}

.pointer
{
    cursor: pointer;
    cursor: hand;
}

/*modal-backdrop*/

.modal-backdrop
{
    background: #f5f5f5;
}

    .modal-backdrop.in
    {
        opacity: 0.8;
    }

.wait.modal-backdrop
{
    position: absolute;
    background: #f5f5f5;
}

/*for position bootstrap alerts in center (updateSargelMitsvot)*/
.alert
{
    position: fixed;
    top: 50%;
    left: 25%;
    right: 25%;
    z-index: 7000;
}

@-ms-viewport
{
    width: device-width;
}

/*bootstrap customize*/

.dropdown-menu, .form-control, .btn
{
    font-size: 1rem;
}

.btn
{
    padding: 4px 12px;
    transition: all 0.65s ease;
}

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn
    {
        opacity: 0.5;
    }

/*end*/

/*Bootstrap RTL*/

.col-md
{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: right;
}

.col-md-1-5, .col-md-2-5, .col-lg-1-5
{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px)
{
    .col-md-1-5, .col-lg-1-5
    {
        float: right;
        width: 12.5%;
    }

    .col-md-2-5
    {
        float: right;
        width: 20%;
    }
}

.col-md-2-5 [class^="col-"]
{
    padding-left: 7px;
}

    .col-md-2-5 [class^="col-"] ~ [class^="col-"]
    {
        padding-right: 0;
    }

.col-md-1-3
{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px)
{
    .col-md-1-3
    {
        float: right;
        width: 11.1111111%;
    }
}

.cancel-margin
{
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.cancel-container-left-padding
{
    padding-left: 0;
}

.cancel-container-right-padding
{
    padding-right: 0;
}

.cancel-container-padding
{
    padding: 0;
}

.cancel-padding
{
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.cancel-right-padding
{
    padding-right: 0;
}

.cancel-left-padding
{
    padding-left: 0;
}

.phone-prefix
{
    width: 30%;
    float: left;
    padding: 0 !important;
}

/*end*/

/*Odeya*/
/*ScrollBar*/
::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    border-radius: 10px;
}

::-webkit-scrollbar-button
{
    height: 5px;
}

::-webkit-scrollbar-track-piece
{
    background: #aaa;
}

::-webkit-scrollbar-thumb
{
    background: #666; /*0b1423*/
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/*ScrollBar END*/

@font-face
{
    font-family: roboto-medium;
    src: url('../Fonts/ROBOTO-MEDIUM.ttf');
}

html
{
    font-size: 15px;
}

body
{
    font-family: Arial;
    height: 100%;
    background-color: #f5f5f5;
    /*font-size: 15px;*/
}

.container
{
    /*for "wait" directive*/
    position: relative;
}

@media (min-width: 768px)
{
    .container
    {
        width: 100%;
    }

    .main-menu-expand.container
    {
        width: calc(100% - 14px) !important;
    }
}

@media (min-width: 992px)
{
    .container
    {
        width: 98%;
    }

    .main-menu-expand.container
    {
        width: calc(100% - 14px) !important;
    }
}

@media (min-width: 1200px)
{
    .container
    {
        width: 98%;
    }

    .main-menu-expand.container
    {
        width: calc(98% - 14px) !important;
    }
}

@media (min-width: 1400px)
{
    .container
    {
        width: 95%;
    }

    .main-menu-expand.container
    {
        width: calc(95% - 14px) !important;
    }
}

@media (min-width: 1600px)
{
    .container
    {
        width: 93%;
    }

    .main-menu-expand.container
    {
        width: calc(93% - 14px) !important;
    }
}

/*footer*/

footer
{
    background: #fff;
    position: fixed;
    bottom: 0;
    height: 30px;
    width: 100%;
    text-align: left;
    direction: ltr;
    box-shadow: 0 -1px 2px #eee;
}

    footer img
    {
        max-height: 20px;
        margin-right: 18px;
    }

    footer a
    {
        line-height: 30px;
        color: #777;
        font-size: 0.73rem;
        text-decoration: none;
        transition: all .65s ease;
    }

        footer a:hover
        {
            color: #333;
            text-decoration: none;
        }

    footer i
    {
        font-size: 0.66rem;
        margin-right: 4px;
    }

.license-footer
{
    font-size: 0.8rem;
    display: inline-block;
    width: auto;
    float: right;
}

    .license-footer p
    {
        display: inline-block;
    }

/*footer end*/

/*header-temp*/

.header-wrapper
{
    height: 70px;
}

.main-header
{
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: inline-block;
    box-shadow: 0 1px 2px #eee;
}

    .main-header .row
    {
        padding-top: 10px;
    }

.header-logo
{
    margin: 5px 0;
    height: 40px;
}

    .header-logo:hover
    {
        cursor: pointer;
    }

.header-user-div
{
    text-align: left;
    margin-top: 20px;
    color: #B7B7B7;
    font-size: 0.9rem;
}

.logOut:hover
{
    cursor: pointer;
}

/*Menu-temp*/

.top-wrapper
{
    position: relative;
}

    /*.top-wrappe-expand {
position:fixed;
top:0;
background:#f5f5f5;
z-index:30;
width:100%;

}*/

    .top-wrapper .main-menu-close
    {
        position: absolute;
        top: 0;
        width: 62%;
        right: 20%;
    }

    .top-wrapper .main-menu-expand
    {
        position: static;
        /*padding-top: 5px;
margin-bottom: 15px;*/
    }

.main-menu
{
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.menu-item-padding
{
    width: 12.5%;
}

.menu-item-div
{
    color: white;
    cursor: pointer;
    background-color: white;
    border: 1px solid #e6e6e6;
    border-top-right-radius: 2PX;
    border-top-left-radius: 2PX;
    box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.08);
    height: 90px;
    position: relative;
    /*transition: all .4s ease;*/
}

    .menu-item-div label
    {
        display: block;
        text-align: center;
        font-size: 1rem;
        font-weight: normal;
        cursor: pointer;
        margin-bottom: 0px;
    }

    .menu-item-div i
    {
        text-align: center;
        padding-top: 10px;
        cursor: pointer;
        display: block;
    }

.main-menu-close i
{
    /*visibility: hidden;*/
    /*height: 0px;*/
}


.menu-item-padding
{
    /*cancel Bootstrap col default tight, left padding*/
    padding-left: 7px;
    padding-right: 7px;
}

/*.menu-div div:last-child .menu-item-padding {
    padding-left: 0;
}*/

.menu-item-div-bottom
{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.main-menu-expand .menu-item-div-bottom
{
    height: 30px;
    border-radius: 1px;
    border: 1px solid;
}

.main-menu-close .menu-item-div
{
    height: 40px;
}

.main-menu-close .menu-item-div-bottom
{
    height: 4px;
    border-bottom-width: 1px;
}

.dashboard
{
    border-color: #0382C6;
    color: #0382C6;
}

    .dashboard.active
    {
        background: rgba(3, 130, 198, 0.15);
    }

.sites
{
    border-color: #00cacc;
    color: #00cacc;
}

    .sites.active
    {
        background: rgba(3, 130, 198, 0.15);
    }

.personal
{
    border-color: #998675;
    color: #998675;
}

    .personal.active
    {
        background: rgba(3, 130, 198, 0.15);
    }

.results
{
    border-color: #8CC63F;
    color: #8CC63F;
}

    .results.active
    {
        background: rgba(3, 130, 198, 0.15);
    }

.reports
{
    border-color: #5F64B0;
    color: #5F64B0;
}

    .reports.active
    {
        background: rgba(3, 130, 198, 0.15);
    }

.attendance
{
    border-color: #5F64B0;
    color: #5F64B0;
}

    .attendance.active
    {
        background: rgba(3, 130, 198, 0.15);
    }

.inspection
{
    border-color: #3FA9F5;
    color: #3FA9F5;
}

    .inspection.active
    {
        background: rgba(3, 130, 198, 0.15);
    }

.maps
{
    border-color: #C1272D;
    color: #C1272D;
}

    .maps.active
    {
        background: rgba(3, 130, 198, 0.15);
    }

/*header-temp menu-temp end*/

/*Site Card*/

.siteCard
{
    /*margin-top: 13px;*/
    height: 55px;
    background-color: #00cacc;
    box-shadow: 0px 1px 0px #e6e6e6;
    color: white;
    /*padding-top: 17px;*/
    position: fixed;
    top: 70px;
    z-index: 21;
    width: 100%;
}

.navigation-sitecard h3
{
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 12px;
}

.navigation-sitecard .fa:before
{
    font-size: 0.66rem;
}

.navigation-sitecard span, .navigation-sitecard .fa:before
{
    color: #fff;
}

.siteCard .from-control-textarea
{
    width: 100%;
}

.siteCard .col-md-8
{
    line-height: 55px;
}

.site-card-left
{
    text-align: left;
}

.siteCard .btn-sitecard
{
    margin-top: 12px;
    padding: 5px 10px;
    border: 1px solid #00a4a6;
    border-radius: 4px;
    text-align: center;
    color: #fff;
}

    .siteCard .btn-sitecard:hover
    {
        background-color: #00a4a6;
        border: 1px solid #00a4a6;
        cursor: pointer;
        color: #fff;
    }

.siteCard-btn
{
    display: inline;
    padding: 0px 6.5px;
    font-size: 1rem;
}

.siteCard-div
{
    display: inline;
    text-align: center;
}

.BorderMenu
{
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
    color: #00a4a6;
}

.placeButton
{
    font-size: 0.8rem !important;
    margin-top: 4px;
}

    .placeButton:active
    {
        margin-top: 4px !important;
    }

/*MenuInternal*/

/*.menu-internal {
    height: 70px;
    position: fixed;
    top: 0;
    z-index: 21;
    background-color: #fff;
    width: 100%;
}

.menu-internal > .container > .row {
    padding-top: 18px;
}

.header-logo-Internal {
    margin: 0px 0;
}

.header-login-Internal {
    margin-top: 12px;
    text-align: left;
    color: #B7B7B7;
    font-size: 12px;
}*/

/*login*/

.login
{
    padding-top: 0 !important;
    overflow: hidden;
    height: 100%;
    text-align: center;
}

.bgstretch
{
    left: 0px;
    top: 0px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    z-index: -999999;
    position: fixed;
    width: 100%;
    height: 100%;
}

    .bgstretch:after
    {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 100;
        background-color: #fff;
    }

.div1-login
{
    background: rgb(2, 206, 255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyY2VmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzgyYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(2, 206, 255, 1) 0%, rgba(3, 130, 198, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(2, 206, 255, 1)), color-stop(100%, rgba(3, 130, 198, 1)));
    background: -webkit-linear-gradient(left, rgba(2, 206, 255, 1) 0%, rgba(3, 130, 198, 1) 100%);
    background: -o-linear-gradient(left, rgba(2, 206, 255, 1) 0%, rgba(3, 130, 198, 1) 100%);
    background: -ms-linear-gradient(left, rgba(2, 206, 255, 1) 0%, rgba(3, 130, 198, 1) 100%);
    background: linear-gradient(to right, rgba(2, 206, 255, 1) 0%, rgba(3, 130, 198, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02ceff', endColorstr='#0382c6', GradientType=1);*/
    background: #fcffde;
    position: relative;
    height: 350px;
    padding-top: 30px;
}

.spidometer-div img
{
    margin-top: 47px !important;
    display: block;
    margin: auto;
}

.bright img
{
    width: 100%;
}

.logo-container
{
    background: none;
    margin: auto;
    float: none;
    height: 220px;
    position: relative;
}

.logo-div img
{
    position: absolute;
    top: 40%;
}

@media (min-width: 768px)
{
    .logo-div img
    {
        right: 18%;
    }
}

@media (min-width: 992px)
{
    .logo-div img
    {
        right: -33%;
    }
}

@media (min-width: 1200px)
{
    .logo-div img
    {
        right: -20%;
    }
}

@media (min-width: 1401px)
{
    .logo-div img
    {
        right: -10%;
    }
}

@media (min-width: 1701px)
{
    .logo-div img
    {
        right: 2%;
    }
}

/*highchart login*/

.login .highcharts-container
{
    margin: auto;
    position: absolute;
    top: 35px;
}

.login .highcharts-background, .login .highcharts-background + rect
{
    fill: transparent;
}

    .login .highcharts-background ~ path
    {
        fill: #00FFFF;
    }

.login .highcharts-axis path
{
    stroke: #E6E6E6 !important;
}

.login .highcharts-axis-labels text, .login .highcharts-yaxis-labels text
{
    fill: #fff !important;
}

/*highchart login end*/

.bright
{
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    /*background: rgba(255, 255, 255, 0.2);*/
    background: white;
}

.div2-login
{
    background: #fff;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

@media screen and (min-width: 1171px) and (max-width: 1700px)
{
    .form-container .col-lg-2
    {
        width: 20%;
    }
}

.form-container
{
    float: none;
    margin: auto;
    padding-top: 40px;
}

.login .form-container
{
    height: 550px;
    padding-top: 71px;
}

.form-container h2
{
    text-align: center;
    color: #1A3E5D;
    font-size: 1.86rem;
    margin-bottom: 20px;
}

.form-container .form-group
{
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.form-container .form-control
{
    color: #777;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
{
    background-color: #fafafa !important;
    fill: #fafafa !important;
    color: #777 !important;
}

.form-container::-webkit-input-placeholder
{
    color: #eee !important;
}

.form-container:-moz-placeholder
{
    /* Firefox 18- */
    color: #eee !important;
}

.form-container::-moz-placeholder
{
    /* Firefox 19+ */
    color: #eee !important;
}

.form-container:-ms-input-placeholder
{
    color: #eee !important;
}

.btn-login:focus
{
    background: #424c9f;
}

.btn-login
{
    /*background: rgb(2, 206, 255);*/
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDJjZWZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzYjBlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg, rgba(2, 206, 255, 1) 0%, rgba(3, 176, 233, 1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(2, 206, 255, 1)), color-stop(100%, rgba(3, 176, 233, 1)));
    background: -webkit-linear-gradient(45deg, rgba(2, 206, 255, 1) 0%, rgba(3, 176, 233, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(2, 206, 255, 1) 0%, rgba(3, 176, 233, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(2, 206, 255, 1) 0%, rgba(3, 176, 233, 1) 100%);
    background: linear-gradient(45deg, rgba(2, 206, 255, 1) 0%, rgba(3, 176, 233, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02ceff', endColorstr='#03b0e9', GradientType=1);*/
    background: #424c9f;
    border: 1px solid #424c9f;
    /*width:165px;*/
    margin: auto;
    height: 40px;
}

    .btn-login:hover
    {
        border-color: #353d80;
        /*background: rgb(2, 206, 255);*/
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDJjZWZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGRkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg, rgba(2, 206, 255, 1) 0%, rgba(0, 141, 213, 1) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(2, 206, 255, 1)), color-stop(100%, rgba(0, 141, 213, 1)));
background: -webkit-linear-gradient(45deg, rgba(2, 206, 255, 1) 0%, rgba(0, 141, 213, 1) 100%);
background: -o-linear-gradient(45deg, rgba(2, 206, 255, 1) 0%, rgba(0, 141, 213, 1) 100%);
background: -ms-linear-gradient(45deg, rgba(2, 206, 255, 1) 0%, rgba(0, 141, 213, 1) 100%);
background: linear-gradient(45deg, rgba(2, 206, 255, 1) 0%, rgba(0, 141, 213, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02ceff', endColorstr='#008dd5', GradientType=1);*/
        background: #353d80;
    }

.div3-login
{
    background: rgb(0, 141, 213); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGRkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMGQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(0, 141, 213, 1) 0%, rgba(48, 217, 217, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 141, 213, 1)), color-stop(100%, rgba(48, 217, 217, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 141, 213, 1) 0%, rgba(48, 217, 217, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 141, 213, 1) 0%, rgba(48, 217, 217, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 141, 213, 1) 0%, rgba(48, 217, 217, 1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(0, 141, 213, 1) 0%, rgba(48, 217, 217, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008dd5', endColorstr='#30d9d9', GradientType=1); /* IE6-8 */
    height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/*login end*/

/*loader*/

#loader-wrapper
{
    position: absolute;
    right: 45.5%;
    top: 50%;
    z-index: 1000;
}

.svg-loader
{
    height: 18vmin;
    /*padding: 3vmin 4vmin;*/
    vertical-align: top;
    -webkit-animation: loadercircle .8s infinite linear;
    animation: loadercircle .8s infinite linear;
}

@-webkit-keyframes loadercircle
{
    from
    {
        -webkit-transform: rotate(0deg);
    }

    to
    {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes loadercircle
{
    from
    {
        transform: rotate(0deg);
    }

    to
    {
        transform: rotate(359deg);
    }
}

/*loader end*/

/*buttons style*/

.clear-filter
{
    background-color: #ed1c24;
}

    .clear-filter:hover
    {
        background-color: #c7171e;
    }

.export-excel
{
    background-color: #009245;
}

    .export-excel:hover
    {
        background-color: #047235;
    }

.add-comment
{
    background-color: #ad1c60;
}

    .add-comment:hover
    {
        background-color: #7d1445;
    }

.add-site:hover
{
    background-color: #00a4a6;
}

.add-site
{
    background-color: #00cacc;
}

.save-changes:hover
{
    background-color: #6d9931;
}

.save-changes
{
    background-color: #8cc63f;
}

.exit-dialog
{
    background-color: #25a0db;
    border-color: transparent;
}

    .exit-dialog:hover
    {
        background-color: #1e95cc;
        border-color: transparent;
    }

.add-worker:hover
{
    background-color: #061b3d;
}

.add-worker
{
    background-color: #09295c;
}

.add-customer:hover
{
    background-color: #464182;
}

.add-customer
{
    background-color: #6a61c2;
}

.btn-shadow
{
    box-shadow: 1px 1px 2px rgba(00, 00, 00, 0.5);
}

/*placeholder style*/

.form-control::-webkit-input-placeholder
{
    color: #666;
}

.form-control:-moz-placeholder
{
    color: #666;
}

.form-control::-moz-placeholder
{
    color: #666;
}

.form-control:-ms-input-placeholder
{
    color: #666;
}

.input-group .form-control[disabled]
{
    background-color: white;
}

.input-group-addon
{
    border-left-color: #ccc !important;
    background-color: white;
}

/*screen height*/

.scroll-wrapper
{
    position: relative;
}

.scroll-wrapper
{
    overflow: auto;
    position: relative;
}

.dashboard-wrapper
{
    direction: ltr;
    width: 100%;
}

    .dashboard-wrapper > div:first-child
    {
        direction: rtl;
    }

/*dropdown template*/

.col-md.filter-input
{
    padding: 0 0 0 15px;
    margin-bottom: 5px;
    min-width: 12%;
}

    .col-md.filter-input:not(.filter-input-big)
    {
        width: auto;
    }

.filter-input:last-child
{
    /*padding-left: 0;*/
}

.filter-input .btn-group
{
    width:100%;
    min-width: 130px;
}

    .filter-input .btn-group .btn-dropdown:focus
    {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .filter-input .btn-group .btn-dropdown
    {
        border-color: #ccc;
    }

.filter-input .form-control
{
    border-color: #e6e6e6;
    height: 31px;
    border-radius: 3px;
    box-shadow: none;
    padding: 5px 12px;
    width:100%;
}

    .filter-input .form-control:focus
    {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.filter-input .search-input
{
    width: 100%;
    position: relative;
}

.filter-input .btn.clear-btn
{
    width: 18%;
}

/*dashboard*/

#dashboard .row:not(.progress-container):not(.site-profile) > div[class^="col-"] ~ div[class^="col-"]
{
    padding-right: 0;
}

#dashboard .container, #menu-temp .container.main-menu-expand
{
    padding-left: 80px;
    padding-right: 80px;
}

.menu-btn
{
    /*background-color: white;*/
    /*padding: 7px;*/
    /*border-bottom: solid;*/
    /*/!* border-width: 1px ;*/
    /*border-color:#F9F9F9;*!/*/
    /*border-top-right-radius: 3PX;*/
    /*border-top-left-radius: 3PX;*/
    /*border-bottom-width: 4px !important;*/
    /*box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.08);*/
    /*cursor: pointer;*/
}

.menu-btn-select
{
    border: solid;
    border-width: 1px;
}

.menu-item
{
    /*display: block;*/
    /*text-align: center;*/
    /*font-size: 14px;*/
    /*font-weight: normal;*/
    /*width: 100% !important;*/
    /*margin: 2px 0 0 0;*/
    /*cursor: pointer;*/
}

.sitesmenuS
{
    background-color: #00cacc;
    border-color: #03ADAF;
    color: white;
}

/*.menu-div {*/
/*padding: 0px 6.5px;*/
/*cursor: pointer;*/
/*}*/

/*.menu-div:first-child {*/
/*padding-right: 0;*/
/*}*/

/*.menu-div:last-child {*/
/*padding-left: 0;*/
/*}*/

.filter-input-big .btn:not(.clear-filter)
{
    padding: 8px 12px;
}

#dashboard .clear-filter
{
    height: 38px;
    width: 40px;
}

#dashboard .command-btn.clear-filter img
{
    padding-top: 6px;
}

.filter-input-big ul .search-input
{
    width: 100%;
}

.filter-input-big.dashboard-filter-with-display .search-input
{
    width: 75%;
}

.filter-input-big .btn.clear-btn
{
    height: 31px;
    width: 12%;
}

.filter-input-big .btn.display-btn
{
    padding: 4px;
    width: 12%;
    height: 31px;
}

.filter-input-big .btn-dropdown-title
{
    font-size: 1.06rem;
    color: #0382c6;
}

.filter-input-big .btn-dropdown-value
{
    font-size: 1.06rem;
    color: #666 !important;
}

.dashboard-mitsvot
{
    padding-left: 7px;
    width: auto;
    min-width: 16.6%;
}

    .dashboard-mitsvot.filter-input .search-input
    {
        width: 73%;
    }

    .dashboard-mitsvot.filter-input .btn.clear-btn
    {
        width: 12%;
        margin-left: 3px;
    }

.no-padding-dropdown.btn.btn-dropdown.dropdown-toggle.claerfix
{
    padding: 4px 12px;
}

.btn-dropdown
{
    width: 100%;
    background-color: white;
    border: 1pt solid #e6e6e6;
    border-radius: 3px !important;
}

.btn-dropdown-title
{
    float: right;
    font-size: 1rem;
    color: #777;
}

.btn-dropdown-value
{
    color: #999;
    text-align: right;
    padding: 0px 5px;
    font-size: 1rem;
}

.filter-input .open > .dropdown-menu
{
    /*overflow-y: auto;*/
    /*max-height: calc(100vh - 205px);*/
    z-index: 1050;
}

.dropdown-items-over
{
    background: #eeeeee;
}

.filter-input .open > .dropdown-menu .dropdown-content
{
    overflow-y: auto;
}

.filter-input.dashboard-mitsvot .open > .dropdown-menu
{
    /*max-height:340px;*/
}

.filter-input .open > .dropdown-menu div
{
    /*max-height: calc(100vh - 330px);*/
    /*overflow-y: auto;*/
}

.login .filter-input .open > .dropdown-menu div
{
    /*max-height: calc(100vh - 700px);*/
    /*overflow-y: auto;*/
}

.customer-card .filter-input .open > .dropdown-menu
{
    /*max-height: calc(100vh - 735px);*/
    /*overflow-y: auto;*/
}

    .customer-card .filter-input .open > .dropdown-menu div
    {
        /*max-height: calc(100vh - 800px);*/
        /*max-height: 120px;*/
        /*overflow-y: auto;*/
    }

.site-card .filter-input .open > .dropdown-menu div
{
    /*max-height: 120px;*/
    /*overflow-y: auto;*/
}

.mitsvotAndResults-main .filter-input .open > .dropdown-menu div
{
    /*max-height: calc(100vh - 300px);*/
    /*overflow-y: auto;*/
}

.filter-input.dashboard-mitsvot .open > .dropdown-menu div
{
    /*max-height: 250px;*/
}

.filter-input.dashboard-mitsvot .open > .dropdown-menu > li
{
    padding: 5px;
}

ul.dropdown-menu
{
    min-width: 0;
    width: 100% !important;
}

    ul.dropdown-menu.paging
    {
        overflow-y: auto;
        max-height: 400px;
        width: 100%;
        min-width: 0;
    }

.filter-input-big .btn.clear-btn
{
    padding: 4px;
}

.btn-dropdown-value + i
{
    position: absolute;
    left: 15px;
    top: 8px;
    margin-right: 5px;
}

.btn-dropdown-value + .fa-search-disabled
{
    opacity: .25;
    cursor: none;
}

.btn .caret
{
    /*margin-top: 8px;*/
    margin-right: 8px;
    border-top-color: #666;
}

.dropdown-menu li
{
    padding: 0px 4px;
    cursor: pointer;
}

.site-li-slct
{
    border-right: solid 2px #0382C6;
    color: #0382C6;
    background-color: #fafafa;
}

.dashboard-filters-row
{
    padding-right: 10px;
    padding-left: 0;
}

.dashboard-filters
{
    width: 20%;
}

#dashboard .glyphicon-signal:before, #dashboard .glyphicon-th-large:before
{
    color: #0382c6;
}

#dashboard section
{
    /*margin-right:15px;
     margin-left:15px;*/
    position: relative;
}

section.site-profile
{
    margin-bottom: 10px;
}

#dashboard section h3
{
    font-size: 1.46rem;
    margin: 1px 0 3px;
    display: inline-block;
}

/*.dashboard-details-filters:before {
    content:"";
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    height:40px;
    width:30%;
    position:absolute;
    right:10%;
    top:57px;


}*/

.note-wrapper
{
    display: inline-block;
    margin-top: 5px;
}

.note
{
    padding-right: 15px;
    padding-left: 15px;
    font-size: 0.9rem;
    color: #999;
    vertical-align: middle !important;
}

    .note i
    {
        margin-left: 5px;
        vertical-align: middle;
    }

#dashboard .note
{
    color: #0382C6;
}

    #dashboard .note:nth-child(2n+1)
    {
        border-right: 1px solid #0382C6;
    }

hr.dashboard
{
    margin: 0 0 13px;
}

.profile-div
{
    border: 2px solid white;
    height: 190px;
}

.profile-inner-div
{
    height: 160px;
    border: 2px solid #fff;
    color: white;
    text-align: center;
    overflow: hidden;
    width: 91%;
    margin: auto;
    position: relative;
    cursor: pointer;
}

    .profile-inner-div.back
    {
        width: 100%;
    }

.flipped
{
    background-color: #fff;
}

.day-activity
{
    background-color: #9061BF;
}

.active-clients
{
    background-color: #4FC281;
}

.dash-sites
{
    background-color: #ED7774;
}

.personals
{
    background-color: #00CACC;
}

.profile-number-div
{
    margin-top: 25px;
    display: inline-block;
    position: relative;
}

.profile-number
{
    font-size: 55px;
    font-family: roboto-medium;
    margin: auto;
    text-align: center;
}

.profile-number-icon
{
    position: absolute;
    right: 9px;
    top: calc(50% - 30px);
    z-index: 3;
    transition: top .65s ease;
}

.site-profile .col-md-3
{
    position: relative;
    overflow: visible !important;
}

.tooltip-window
{
    background-color: #fff;
    position: absolute;
    z-index: 1000;
    top: 25%;
    right: 75%;
    width: 100%;
    height: auto;
    max-height: 60vh;
    box-shadow: 3px 3px 6px rgba(00, 00, 00, 0.3);
    border-radius: 2px;
}

    .tooltip-window:before
    {
        content: "";
        position: absolute;
        right: -8px;
        top: 10px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-left: 12px solid #fff;
        border-bottom: 8px solid transparent;
    }

.tooltip-window-small
{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 60vh;
    /*overflow-y:auto;*/
}

.tooltip-window ul
{
    display: inline-block;
    padding: 15px;
    margin: 0;
    max-height: 50vh;
    overflow-y: auto;
}

.tooltip-window .label
{
    padding: 5px;
    float: right;
    font-weight: normal;
    background-color: #F8F8F8;
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #777;
    box-shadow: 0px 1px 1px #F0F0F0;
    display: inline;
    margin: 5px;
    text-align: right;
    font-size: 0.9rem;
    line-height: 1.2rem;
}

    .tooltip-window .label .badge
    {
        margin-left: 5px;
        font-weight: normal;
        background-color: #aaa;
        color: #f8f8f8;
    }

.label.success
{
    border-color: #32B196;
    color: #32B196;
    width: 121px;
}

    .label.success .badge
    {
        background-color: #32B196;
    }

.label.primary
{
    border-color: #25A0DA;
    color: #25A0DA;
    width: 121px;
}

    .label.primary .badge
    {
        background-color: #25A0DA;
    }

.label.default
{
    width: 121px;
}

.label.disabled
{
    border-color: #CCCCCC;
    color: #CCCCCC;
    width: 121px;
}

    .label.disabled .badge
    {
        background-color: #CCCCCC;
    }

.less
{
    color: #FF7766;
}

.SitesCount .less
{
    color: #DB4C3B;
}

.more
{
    color: #45ED91;
}

.equal
{
    color: #aaa;
}

.profile-text
{
    font-size: 1.3rem;
}

.profile-arrow
{
    float: right;
    margin-right: 7px;
}

.dashboard-details-title
{
    width: calc(100% - 65px);
    padding-left: 0;
    padding-right: 15px !important;
}

.dashboard-details-icon
{
    width: 35px;
    display: inline-block;
    padding: 4px 10px;
}

.dashboard-details-div
{
    padding-right: 7px;
    padding-left: 7px;
    display: inline-block;
}

    .dashboard-details-div + div
    {
        padding-left: 15px;
    }

    .dashboard-details-div .form-control
    {
        height: 31px;
    }

    .dashboard-details-div .well .dropdown-menu
    {
        width: 100% !important;
    }

.plus-icon .glyphicon
{
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

.plus-icon input
{
    padding-right: 35px;
}

.chart-div
{
    border: 1px solid white;
    /*height: 250px;*/
    background-color: #FDFDFD;
    width: 100%;
    padding: 0;
    box-shadow: 7px 7px 7px #EAEAEA;
    position: relative;
    padding-bottom: 8px; /*20px*/
}

.mitsvot-graph-container
{
    height: 278px;
}

.hc-wrapper
{
    height: 100%;
}

.highcharts-container
{
    margin: auto !important;
    width: auto !important;
}

.site-profile .highcharts-container
{
    position: relative;
    height: 98%;
}

    .site-profile .highcharts-container svg
    {
        position: absolute;
        bottom: 5px;
        left: 0;
    }

.highcharts-tooltip
{
    opacity: 1 !important;
}

.container-gauge
{
    height: 150px;
    width: 100%;
}

.gauge-hr
{
    margin: 0;
}

.gauge-btn-div
{
    width: 75%;
    min-height: 80px;
    position: relative;
    bottom: 16px;
    display: block;
    cursor: pointer;
    margin: auto;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background-color: white;
    margin-bottom: 10px;
    text-align: center;
}

    .gauge-btn-div > span
    {
        font-family: roboto-medium;
        font-size: 54px;
        color: #0382C6;
    }

.gauge-btn
{
    position: absolute;
    right: -10px;
    top: 30%;
    background-color: #fff;
    border-radius: 100%;
    transition: top .65s ease;
}

    .gauge-btn.flaticon-down13:before, .gauge-btn.flaticon-up21:before, .gauge-btn.flaticon-video:before
    {
        font-size: 20px;
        opacity: .75;
    }

.gauge-label
{
    color: #0382C6;
    text-align: center;
    width: 100%;
    /*display:block;*/
    font-size: 16px;
    font-weight: normal;
}

.gauge-plus
{
    position: relative;
    bottom: 42px;
    right: 10px;
    width: 34px;
}

.point-gauge
{
    position: absolute;
    height: 17px;
    width: 17px;
    background-color: #0382C6;
    border-radius: 9px;
    right: -5px;
    top: -5px;
    color: white;
    font-size: 11px;
    padding: 1px;
}

.mitzvot-modal
{
    position: absolute;
    bottom: 310px;
    right: 5px;
}

.mitzvot-dropdown
{
    display: block;
    padding: 0;
    width: 220px;
    color: #a7a7a7;
    overflow-y: auto;
    max-height: 250px;
}

.dropdown-menu li
{
    padding: 5px 0px;
    border-bottom: solid 1px #F1F1F1;
    display: inline-block;
    width: 100%;
}

.mitzvot-li-slct
{
    border-right: solid 3px #0382C6;
    color: #0382C6;
    background-color: lightblue;
}

.mitzvot-title
{
    background-color: #ECECEC;
    color: #0382C6;
}

.btn-mitzvot-clear
{
    width: auto;
    padding: 3px 5px;
    margin-right: 20px;
}

.collapsing-width
{
    position: relative;
    overflow: hidden;
    -webkit-transition: width 2s ease;
    -moz-transition: width 2s ease;
    -o-transition: width 2s ease;
    transition: width 2s ease;
}

.progress-details .collapse > div
{
    display: none;
}

.progress-details .collapse.in > div
{
    display: inline-block;
}

.flip
{
    /*padding: 0 4.5px;*/
}

    .flip .card.flipped
    {
        -webkit-transform: rotateY(180deg);
    }

        .flip .card.flipped .gauge-btn
        {
            right: 10px;
        }

    .flip .card
    {
        -webkit-transform-style: preserve-3d;
        -webkit-transition: 0.5s;
    }

        .flip .card .face
        {
            /*position: absolute;*/
            -webkit-backface-visibility: hidden;
            z-index: 2;
        }

        .flip .card .front
        {
            position: absolute;
            z-index: 1;
            right: 5%;
            top: 7%;
        }

.progress-details .flip .card .front
{
    position: static;
    z-index: 1;
    /*display:inline-table;*/
}

.flip .card .back
{
    -webkit-transform: rotateY(180deg);
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
}

.site-profile .flip .card .back
{
    height: 100%;
    /*background:red;*/
}

.progress-details .flip .card .back
{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.card-explanation p
{
    color: #999;
    font-size: 0.86rem;
    text-align: center;
    margin-bottom: 2px;
}

.highcharts-title tspan
{
}

/*command row*/

.command-row
{
    /*width: 100%;*/
}

    .command-row > div > *
    {
        vertical-align: top;
    }

    .command-row div[class^="col-"]:first-child
    {
        padding-right: 0;
    }

    .command-row div[class^="col-"]:last-child
    {
        padding-left: 0;
    }

    .command-row .fa-chevron-right:before, .command-row .fa-chevron-left:before
    {
        font-size: 0.8rem;
    }

.grid-paging-wrapper
{
    width: auto;
}

.grid-paging .btn[disabled], .grid-paging .btn.disabled
{
    opacity: .35 !important;
}

.grid-paging .btn-dropdown-title
{
    width: auto;
    font-size: 0.93rem;
}

.grid-paging .caret
{
    margin-top: 8px;
}

.sites-pager-container
{
    display: inline-block;
    margin-top: 15px;
}

    .sites-pager-container ul
    {
        background-color: white;
    }

.command-row-left
{
    text-align: left;
    padding-left: 0;
}

.command-btn h6
{
    padding: 0;
    margin: 0;
    font-size: 10px;
}

.command-btn
{
    padding: 0px;
    margin: 0px;
    background-position: 0% 0%;
    border-radius: 6px;
    color: #fff;
    transition: all .65s ease;
    height: 45px;
    width: 45px;
    background-repeat: repeat;
    background-attachment: scroll;
}

    .command-btn img
    {
        padding-top: 8px;
        padding-right: 2px;
    }

    .command-btn:hover
    {
        background-image: none;
        color: #fff;
    }

    .command-btn:focus, .command-btn:active
    {
        /*background-color: #026397;*/
        /*border: 1px solid #026397;*/
        /*color: #fff;*/
    }

/* sub-menu*/

.sub-menu
{
    /*height: 40px;*/
    background-color: #fff;
    padding: 10px 0;
    box-shadow: 0 1px 1px #eee;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 10px;
}

    .sub-menu .btn-default
    {
        padding: 4px 12px;
        border-color: #E6E6E6;
        color: #b3b3b3;
        text-align: center;
        /*height:35px;*/
        margin-left: 5px;
        transition: all .65s ease;
    }

        .sub-menu .btn-default:hover
        {
            background-color: #ebebeb;
            border-color: #adadad;
            color: #333;
        }

        .sub-menu .btn-default.selected, .sub-menu .customers-menu-item-active, .sub-menu .btn-default.selected:hover, .sub-menu .customers-menu-item-active:hover
        {
            background-color: #d6d6d6;
            border-color: #E6E6E6;
            color: #333;
        }

.inherit-width-menu-item
{
    width: inherit !important;
}



@-webkit-keyframes pulse
{
    40%
    {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        transform: scale(2);
    }

    100%
    {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse
{
    40%
    {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        transform: scale(2);
    }

    100%
    {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse
{
    40%
    {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        transform: scale(2);
    }

    100%
    {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

/*map end*/

/*grid*/

.gridWrapper
{
    font-size: 1rem;
    color: #333030;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 2px 2px 2px #EEE;
}

.gridHeader
{
    z-index: 20;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.gridFooter
{
    width: 100%;
    background-color: #e6e6e6;
    height: 40px;
    line-height: 40px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid #bbb;
    overflow: hidden;
}

    .gridFooter .rows-sum
    {
        padding-right: 10px;
        position: absolute;
    }

    .gridFooter .gridRow
    {
        transition: all .65s ease;
    }

        .gridFooter .gridRow:hover
        {
            background-color: #c5c5c5;
            color: #000;
        }

.gridBody
{
    width: calc(100% + 5px);
    position: relative;
    z-index: 10;
    overflow-y: scroll;
    background-color: #fff;
    overflow: auto;
}

    .gridBody::-webkit-scrollbar
    {
    }

.gridRow
{
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.gridCell
{
    padding-right: 8px;
    padding-left: 8px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    /*position:relative;
    left:5px;*/
}

    .gridCell.hidden
    {
        padding: 0;
    }

    .gridCell span
    {
        display: inline-block;
        white-space: nowrap;
        width: 100%;
        margin: auto;
        overflow: hidden;
        line-height: 40px;
        height: 100%;
    }

    .gridCell.cell-label
    {
        /*text-align:center;
margin-top: 4px;*/
        padding-right: 12px;
    }

        .gridCell.cell-label span
        {
            display: block;
        }

            .gridCell.cell-label span span
            {
                display: inline;
            }

.gridColumn
{
    /*Odeya*/
    /*display: inline-block;*/
    /*display: table-cell;*/
    /*border-bottom: 1px solid #e5e5e5;*/
    /*border-bottom: 1px solid #f5f5f5;*/
    vertical-align: middle;
    /*height: 44px;*/
    text-align: right;
    float: right;
    padding-right: 8px;
    padding-left: 8px;
    height: 100%;
}

.gridColumnSpan
{
    white-space: nowrap;
    width: 100%;
    margin: auto;
    line-height: 40px;
}

.headerRow
{
    height: 50px;
    color: black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #e6e6e6;
    cursor: pointer;
    border-bottom: 1px solid #d7d7d7;
}

    .headerRow .gridColumn
    {
        vertical-align: top;
        padding: 3px 5px;
        height: 100%;
        position: relative;
        text-align: right;
        font-size: 1rem;
    }

    .headerRow > div:first-child ~ .gridColumn
    {
        border-right: 1px solid #d7d7d7;
    }

    .headerRow .gridColumn .sort
    {
        position: absolute;
        left: 2px;
        z-index: 1;
        width: auto;
    }

.headerFilter
{
    height: 40px;
    line-height: 38px;
    background-color: white;
}

    .headerFilter .gridColumn
    {
        padding: 4px;
    }

.filter-header-row
{
    height: 30px !important;
    line-height: 30px !important;
    border-color: #e6e6e6;
    box-shadow: none;
}

.search-template .filter-header-row
{
    text-indent: 5px;
    margin-top: 5px;
}

.update-mitsvot .search-template .filter-header-row
{
    margin-top: 0 !important;
}

.headerRow .gridColumn span:not(.attendance-grid:last-child)
{
    vertical-align: sub;
}

.gridColumn .filter-header-row span
{
    /*vertical-align: top;*/
}

.filter-icon
{
    vertical-align: baseline !important;
}

.filter-header-row input
{
    border: none;
    width: 85%;
    height: 30px !important;
    line-height: 24px !important;
    background-color: transparent !important;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: 0.2em;
    outline: none;
}

    .filter-header-row input::-webkit-input-placeholder
    {
        color: #e5e5e5;
    }

.filter-header-row .btn
{
    padding: 2px 6px;
    background-color: transparent;
    border-color: transparent;
}

.gridBody .gridRow
{
    height: 40px;
    line-height: 40px;
}

    .gridBody .gridRow:not(.headerRow):not(.headerFilter):hover
    {
        background-color: #f5f5f5;
        cursor: pointer;
    }

.expand-animate
{
    /*padding:10px;*/
}

    .expand-animate .headerRow
    {
        background-color: #fde3de;
        border: 1px solid #fab8ac;
        border-radius: 0;
    }

        .expand-animate .headerRow > div:first-child ~ .gridColumn
        {
            border-right: 1px solid #fab8ac;
        }

    .expand-animate .gridBody
    {
        width: 100%;
    }

        .expand-animate .gridBody .gridRow select
        {
            margin-top: 2px;
        }

    .expand-animate.ng-enter, .expand-animate.ng-leave
    {
        transition: all linear 0.5s;
    }

        .expand-animate.ng-enter,
        .expand-animate.ng-leave.ng-leave-active
        {
            opacity: 0;
        }

            .expand-animate.ng-leave,
            .expand-animate.ng-enter.ng-enter-active
            {
                opacity: 1;
                /*padding: 0 10px;*/
            }

.site .gridBody .gridRow:hover
{
    cursor: pointer;
}

/*update-sargel and mitzvah-results*/

.mitsva-header-span
{
    border: none !important;
    text-align: center !important;
}

    .mitsva-header-span > span
    {
        color: #fff;
        vertical-align: sub;
        vertical-align: -webkit-baseline-middle;
        margin: 0 17% 0 5px !IMPORTANT;
        white-space: pre-line;
    }

.update-mitzvot-grid .headerRow
{
    height: 40px;
}

    .update-mitzvot-grid .headerRow .gridColumn
    {
        font-size: 1rem;
        font-weight: normal;
    }

.update-mitzvot-grid .gridBody .gridRow
{
    border-bottom: none;
}

    .update-mitzvot-grid .gridBody .gridRow:hover
    {
        background-color: transparent;
    }

.update-mitzvot-grid .headerRow-text
{
    padding: 4px;
}

.update-mitzvot-grid .gridColumnSpan
{
    margin: auto;
    margin-top: 4px;
    width: 80%;
    line-height: 33px;
    position: relative;
    text-align: right;
}

.update-mitzvot-grid .gridRow:not(.headerRow) .gridColumn:first-child
{
    border-bottom: 1px solid #e5e5e5;
}

.update-mitzvot-grid .gridBody .gridColumnSpan .input-group-btn
{
    vertical-align: top;
}

.update-mitzvot-grid .gridColumnSpan .input-group-btn .btn
{
    padding: 6px 10px;
}

.update-mitzvot-grid .yeshiva-rate
{
    position: relative;
}

    .update-mitzvot-grid .yeshiva-rate .dropdown-menu
    {
        padding: 0;
        margin: 0;
        width: 125px !important;
        /*right: -22px;*/
        max-height: 250px;
        overflow: auto;
    }

        .update-mitzvot-grid .yeshiva-rate .dropdown-menu li
        {
            padding: 2px 5px !important;
            font-size: 0.86rem;
            white-space: normal;
            display: block;
        }

@media screen and (min-width: 1500px) and (max-width: 1700px)
{
    .update-mitzvot-grid .gridColumnSpan
    {
        width: 100%;
    }
}

.update-mitzvot-grid .rowBody > div[class^="col-"]
{
    padding-left: 10px;
    padding-right: 10px;
}

.update-mitzvot-grid div[class^="col-"].gridColumn
{
    padding-left: 10px;
    padding-right: 10px;
}

/*mitsva-rate*/

.mitsva-rate-dropdown .dropdown-toggle
{
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 2px 6px;
    background-color: transparent;
    border-color: rgba(00, 00, 00, 0.4);
    margin: 1px 1px;
    transition: all .65s ease;
}

    .mitsva-rate-dropdown .dropdown-toggle:hover, .mitsva-rate-dropdown .dropdown-toggle:focus, .mitsva-rate-dropdown .dropdown-toggle:active
    {
        background-color: rgba(00, 00, 00, 0.3);
    }

.mitsva-rate-dropdown.open .dropdown-toggle
{
    background-color: rgba(00, 00, 00, 0.3);
}

.mitsva-rate-dropdown .dropdown-toggle > span
{
    color: #fff;
}

.mitsva-rate-dropdown .dropdown-menu
{
    font-size: 0.86rem;
    top: 102%;
    padding-top: 0;
    padding-bottom: 0;
}

    .mitsva-rate-dropdown .dropdown-menu li
    {
        padding: 5px 10px;
        line-height: 28px;
    }

.number-control
{
    text-align: center;
    width: 30px;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    padding: 4px 10px;
    height: 31px;
}

.plusNumber, .minusNumber
{
    height: 31px !important;
    border-radius: 3px;
    transition: all .65s ease;
    vertical-align: top;
}

    .plusNumber, .plusNumber[disabled]
    {
        border: 1px solid #4FC281 !important;
        background-color: #fff;
        color: #4FC281;
        border-left: none;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        margin-left: -1px;
    }

    .minusNumber, .minusNumber[disabled]
    {
        border: 1px solid #FB7262 !important;
        background-color: #fff;
        border-right: none;
        color: #FB7262;
    }

        .minusNumber .fa, .plusNumber .fa
        {
            font-size: 0.86rem;
            vertical-align: text-top;
        }

        .plusNumber[disabled], .minusNumber[disabled]
        {
            opacity: .45;
            cursor: not-allowed;
        }

/*first-update*/

.first-update-dropdown
{
    width: 100%;
}

    .first-update-dropdown .btn-dropdown
    {
        border-color: #F78875;
        vertical-align: top;
    }

    .first-update-dropdown .dropdown-toggle:hover, .first-update-dropdown .dropdown-toggle:focus, .first-update-dropdown .dropdown-toggle:active
    {
        background-color: #FDF4EF;
    }

    .first-update-dropdown.open .dropdown-toggle
    {
        background-color: #FDF4EF;
    }

    .first-update-dropdown .dropdown-toggle > span
    {
        color: #F78875;
        font-size: 0.9rem;
    }

    .first-update-dropdown .dropdown-menu
    {
        font-size: 0.86rem;
        border-color: #F78875;
        top: 90%;
        padding-bottom: 0;
        padding-top: 0;
    }

        .first-update-dropdown .dropdown-menu li
        {
            padding: 3px 10px;
            line-height: 28px;
            display: block;
            white-space: initial;
        }

/*Date picker */
.date-picker-date-time
{
    border: 1px solid #D6D6D6;
    box-shadow: 1px 0 1px #D0C9C9;
}

[date-picker] .now:hover, [date-picker] .now:active, [date-picker] .now.active, [date-picker] .now.disabled, [date-picker] .now[disabled]
{
    background: rgba(10, 0, 144, 0.21) !important;
}

[date-picker] .now, [date-picker] .now:active, [date-picker] .now.active, [date-picker] .now.disabled, [date-picker] .now[disabled]
{
    background: #6b61c2 !important;
}

[date-picker] .active,
[date-picker] .now
{
    color: #ffffff;
    background-color: #00cc2e;
    background-image: -moz-linear-gradient(top, #90250f, #1ecc36);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#90250f), to(#1ecc36));
    background-image: -webkit-linear-gradient(top, #90250f, #1ecc36);
    background-image: -o-linear-gradient(top, #90250f, #1ecc36);
    background-image: linear-gradient(to bottom, #90250f, #1ecc36);
    background-image: none;
    background-repeat: repeat-x;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/*Date picker END*/

/*Bootstrap*/
.date-picker-popup ul.dropdown-menu
{
    /*fix ui bud*/
    left: inherit !important;
    direction: ltr;
    width: inherit !important;
}

/*ul.dropdown-menu.ng-valid.ng-valid-date-disabled.ng-not-empty.ng-dirty.ng-valid-parse.ng-valid-date*/

.date-control-wrapper
{
    width: 100% !important;
}

.date-control
{
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0 3px;
}

.invalid-input
{
    border: 1px solid red !important;
    border-radius: 4px;
}

.update-sargel-invalid-yeshiva
{
    border: 1px solid red !important;
}

.update-sargel-invalid-value
{
    border: 1px solid red !important;
}

.update-sargel-invalid-date
{
    border: 1px solid red !important;
    border-radius: 4px;
}

/*input[type="date"]::-webkit-calendar-picker-indicator
{
    opacity: 0;
    -webkit-appearance: none;

}*/

input[type="date"]::-webkit-inner-spin-button
{
    opacity: 1;
    /*-webkit-appearance: none;*/
}

input[type="date"]::-webkit-clear-button
{
    display: none;
}

input[type="date"]::-ms-clear
{
    display: none;
}

/*.date-control:before {

    content: "\e109";
    position: absolute;
    color: #333030;
    left: 5px;
    top: 0px;
    font-size: 1.2rem;
    font-family: 'Glyphicons Halflings';
    padding:2px 5px;
    transition:all .65s ease;
    border:1px solid #fff;
    border-radius:3px;

}

.date-control:hover::before {
    border:1px solid #ddd;
    box-shadow:0 0 2px #eee;

}*/

input[type=number].number-control::-webkit-inner-spin-button
{
    opacity: 0;
    -webkit-appearance: none;
}

.no-spin::-webkit-inner-spin-button
{
    -webkit-appearance: none;
}

/*mitsva and results*/

.update-mitzvot-grid .mitsvot-sort-start
{
    border: 1px solid #ccc;
    background: #fff;
    width: 49% !important;
    text-align: center;
    float: right;
    margin: 0;
    height: 100%;
    cursor: pointer;
}

.update-mitzvot-grid .mitsvot-sort-current
{
    border: 1px solid;
    width: 49% !important;
    text-align: center;
    float: left;
    color: #fff;
    margin: 0;
    height: 100%;
    cursor: pointer;
}

.mitsvotAndResults-main .gridFooter
{
    height: 1px;
}

.update-mitsvot .gridFooter
{
    height: 1px;
}

/*.filters-container.filter-input  {*/
/*padding-left: 5px !important;*/
/*background: red !important;*/
/*}*/

.mitsvotAndResults-main .update-mitzvot-grid .gridRow.rowBody .gridCell:nth-child(5)
{
    margin-right: -4px;
}

.mitsvotAndResults-main .update-mitzvot-grid .gridRow.rowBody .gridCell.cell-result
{
    font-size: 1.07rem;
}

/*Sites*/

.site-main
{
    /*padding-top:70px;*/
}

.header-container
{
    background-color: #00cacc;
    margin: 0;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    width: 100%;
    color: white;
    margin-bottom: 10px;
    margin-top: 2px;
}

.header-title
{
    min-width: 310px;
    /*height: 100%;*/
    text-align: center;
}

.site-name
{
    padding: 0;
}

.header-title h2
{
    font-size: 1.6rem;
    margin: 0;
    display: inline;
    position: relative;
    top: 2px;
    white-space: nowrap;
}

.header-title .disabled, .header-title .disabled:hover
{
    opacity: 0.3;
}

.header-menu
{
    color: white;
    text-align: center;
    font-size: 1rem;
    margin-left: 5px;
}

.header-menu-tab
{
    padding: 5px 30px;
    border: 1px solid #00cacc;
    cursor: pointer;
    /*?*/
    transition: all .65s ease;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 10px 20px 11px 20px;
}

    .header-menu-tab:hover, .header-menu-active
    {
        border: 1px solid #00a4a6;
        border-radius: 4px;
        box-shadow: 1px 1px 1px rgba(00, 00, 00, 0.1);
    }

.header-menu-active
{
    background-color: #00a4a6;
}

.site-main .header-container
{
    background-color: #00cacc;
}

.site-main .header-title
{
    background-color: #00a4a6;
}

.main-content > div:not(.inspection-main) .back-to-sites
{
    padding-left: 0;
}

.back-to-sites div
{
    text-align: left;
}

    .back-to-sites div span
    {
        padding: 5px;
        cursor: pointer;
    }

    .back-to-sites div > span
    {
        margin-right: 10px;
        transition: all .65s ease;
        font-size: 1rem;
    }

        .back-to-sites div > span:hover
        {
            border: 1px solid #00a4a6;
            border-radius: 4px;
            box-shadow: 1px 0 1px rgba(00, 00, 00, 0.1);
        }

        .back-to-sites div > span:focus, .back-to-sites div > span:active
        {
            background-color: #00a4a6;
        }

.prev-site, .next-site
{
    transition: all .65s ease;
    color: #fff;
    opacity: 0.6;
    font-size: 0.86rem;
}

    .prev-site:hover, .next-site:hover
    {
        cursor: pointer;
        opacity: 1;
    }

.prev-site
{
    padding-right: 0;
}

.next-site
{
    padding-left: 0;
}

/*living customers*/

.change-customer-to-active
{
    z-index: 20000;
    padding: 4px;
    cursor: pointer;
}

    .change-customer-to-active span
    {
        padding: 0;
        vertical-align: top;
    }

        .change-customer-to-active span span
        {
            background-color: #fff; /*#95dab3*/
            border: 1px solid #8cc63f; /*#7dc99e*/
            color: white;
            line-height: 30px;
            text-indent: -4px;
            border-radius: 3px;
            transition: background-color 0.65s ease, content 0.65s ease;
            width: 85%;
        }

            .change-customer-to-active span span:before
            {
                content: "בחר לקוח";
                color: #8cc63f;
            }

        .change-customer-to-active span:focus span, .change-customer-to-active span:active span, .customer-leave-selected
        {
            background-color: #8cc63f !important;
            color: #fff;
            border-radius: 3px;
            background-image: url('../Images/v-command.png');
            background-size: 1.5rem;
            background-repeat: no-repeat;
            background-position: 98% center;
        }

            .customer-leave-selected:before
            {
                content: "הלקוח נבחר" !important;
                color: #fff !important;
                padding-right: 1.5rem;
            }

/*living customers end*/

.label-status
{
    color: black;
    padding: 5px 15px;
    font-weight: normal;
    font-size: 1rem;
}

.site-active
{
    background-color: #AFEACA;
}

.site-close
{
    background-color: #fc8e81;
}

.site-frozen
{
    background-color: #ccc;
}

/*Sites end*/

/*MitsvotAndResults*/

.mitsvot-filter-by-worker
{
    margin-bottom: 20px;
}

    .mitsvot-filter-by-worker .filter-input
    {
        width: 350px;
    }

.mitsvotAndResults-main .header-container
{
    background-color: #e59c2c;
}

.mitsvotAndResults-main .header-title
{
    background-color: #c77f12;
}

/*MitsvotAndResults end*/

/*CustomersAndWorkers*/

.customersAndWorkers-main .header-container
{
    background-color: #98575f;
}

.customersAndWorkers-main .header-title
{
    background-color: #783030;
}

.customersAndWorkers-main .header-menu-tab
{
    border: 1px solid #98575f;
}

    .customersAndWorkers-main .header-menu-tab:hover, .customersAndWorkers-main .header-menu-active
    {
        border: 1px solid #783030;
    }

.customersAndWorkers-main .header-menu-active
{
    background-color: #783030;
}

/*CustomersAndWorkers end*/

/*Customers*/

/*.customer-leave-selected{
    background-color: rgba(175, 234, 202, 0.56) !important;
}*/

.customer-active
{
    background-color: #AFEACA;
}

.customer-leave
{
    background-color: #fc8e81;
}

.customer-leave-temporarily
{
    background-color: #f3c6af;
}

.customer-speech-telephone
{
    background-color: #9061bf;
}

.constancy span
{
    width: auto;
}

.constancy i
{
    padding: 5px 7px;
    border: 1px solid;
    border-radius: 3px;
    margin-left: 7px;
}

.constancy-level1 span, .constancy-level1 i
{
    color: #808080;
    border-color: #808080;
}

.constancy-level2 span, .constancy-level2 i
{
    color: #25a0da;
    border-color: #25a0da;
}

.constancy-level3 span, .constancy-level3 i
{
    color: #32b196;
    border-color: #32b196;
}

.constancy-level4 span, .constancy-level4 i
{
    color: #ccc;
    border-color: #ccc;
}

/*Customers end*/

/*site card*/

.site-card-dialog
{
    /*width: 60%;*/
    top: 50px !important;
}

    .site-card-dialog .modal-dialog
    {
        width: 50% !important;
    }

    .site-card-dialog .modal-body
    {
        padding: 0 !important;
    }

.site-card-header
{
    border-bottom: 2px solid #00cacc;
}

    .site-card-header .container
    {
        width: 100%;
        /*background-color: #00cacc;*/
        width: inherit;
        height: inherit;
        /*border-top-right-radius: 6px;
    border-top-left-radius: 6px;*/
    }

    .site-card-header h2
    {
        color: #00cacc;
        font-size: 1.33rem;
        display: inline;
        margin-right: 10px;
        vertical-align: middle;
    }

    .site-card-header .header
    {
        padding-top: 15px;
    }

    .site-card-header .col-md-5.header *
    {
    }

    /*.site-card-header .col-md-5.header img {
    margin-right: 20px;
}*/

    .site-card-header .container
    {
        width: 100%;
    }

    .site-card-header .col-md-4.pull-left
    {
        text-align: left;
        padding-top: 10px;
        padding-left: 0;
    }

.site-card .filter-input.phone-prefix .btn
{
    padding: 0.35em 1em;
}

.site-card .filter-input .btn-group .btn-dropdown
{
    height: 31px;
}

.save-changes-long, .save-changes-long:hover
{
    width: auto;
    border-color: transparent;
}

    .save-changes-long *
    {
        display: inline-block;
        vertical-align: middle;
    }

    .save-changes-long div
    {
        width: 50%;
        white-space: normal;
        line-height: 1.3rem;
    }

.btn-return-site
{
    margin-top: 10px;
    color: #6b61c2;
    background-color: #fff;
    border-color: #6b61c2;
}

    .btn-return-site:hover, .btn-return-site:focus, .btn-return-site:active, .btn-return-site.active
    {
        color: #fff;
        background-color: #6b61c2;
        border-color: #6b61c2;
    }

.site-card-container
{
    background-color: #fff;
    padding-bottom: 50px;
}

.site-card-body
{
    padding-top: 30px;
}

.site-card form label
{
    font-weight: normal;
    font-size: 1rem;
}

.site-card .help-inline
{
    color: #bf1a0f;
}

.site-card .form-control
{
    height: 31px;
}

    .site-card .form-control:focus
    {
        border-color: #ccc;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.container.site-card-footer
{
    width: 100%;
}

.site-card-footer > .row
{
    padding-bottom: 0 !important;
}

.site-card-footer h3
{
    color: #6b61c2;
    font-size: 1.3rem;
}

.site-card-sargel-container
{
    padding: 10px;
    /*padding-bottom: 50px;*/
    background-color: #F5F5F5;
    border: 1px solid #e6e6e6;
    border-top: 1px solid #6B61C2;
    border-radius: 1px;
    text-align: center;
}

    .site-card-sargel-container .dropup
    {
        width: auto;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .site-card-sargel-container .dropdown-menu
    {
        min-width: 100%;
    }

        .site-card-sargel-container .dropdown-menu li
        {
            padding: 5px 10px;
            font-size: 0.85rem;
        }

button.dropdown-toggle.site-card-mitsva
{
    width: 100%;
    padding: 4px;
}

/*modal-large,customer-card*/

.modalLarge .modal-dialog
{
    width: 85%;
    top: -20px;
}

.modalLarge .modal-header
{
    display: none;
}

.modalLarge .modal-footer
{
    display: none;
}

.form .row
{
    padding-bottom: 20px;
}

    .form .row:last-child
    {
        padding-bottom: 0;
    }

/*site card end*/

/*Customer card*/
.customer-card-header
{
    border-bottom: 2px solid #6b61c2;
}

    .customer-card-header .container
    {
        width: 100%;
    }

    .customer-card-header h2
    {
        color: #6b61c2;
        font-size: 1.3rem;
        display: inline;
    }

    .customer-card-header .container
    {
        width: 100%;
    }

    .customer-card-header h2
    {
        color: #6b61c2;
        font-size: 1.3rem;
        display: inline;
    }

.btn-return-customer
{
    margin-top: 10px;
    color: #6b61c2;
    background-color: #fff;
    border-color: #6b61c2;
}

    .btn-return-customer:hover, .btn-return-customer:focus, .btn-return-customer:active, .btn-return-customer.active
    {
        color: #fff;
        background-color: #6b61c2;
        border-color: #6b61c2;
    }

.customer-card-container
{
    background-color: #fff;
    padding-bottom: 50px;
    width: calc(100% + 5px);
}

.customer-card-body
{
    padding-top: 30px;
}

.customer-card form label
{
    font-weight: normal;
    font-size: 1rem;
}

.customer-card .help-inline, .inspection-comment .help-inline
{
    color: #bf1a0f;
}

.customer-card .form-control
{
    height: 31px;
}

    .customer-card .form-control:focus
    {
        border-color: #ccc;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.customer-card .filter-input.phone-prefix .btn
{
    padding: 0.35em 0.6em;
}

.customer-card .filter-input.phone-prefix .open > .dropdown-menu
{
    /*max-height:calc(100vh - 450px);*/
}

.customer-card .row-6 .filter-input .open > .dropdown-menu
{
    /*max-height:120px !important;*/
}

.customer-card .filter-input .btn-group .btn-dropdown
{
    height: 31px;
}

.btn .label.label-mitzva
{
    position: absolute;
    left: 3px;
    top: initial;
}

.container.customer-card-footer
{
    width: 100%;
}

.customer-card-footer > .row
{
    padding-bottom: 0 !important;
}

.customer-card-footer h3
{
    color: #6b61c2;
    font-size: 1.3rem;
}

.customer-card-sargel-container
{
    padding: 10px;
    /*padding-bottom: 50px;*/
    /*background-color: #F5F5F5;
    border: 1px solid #e6e6e6;*/
    /*border-top: 1px solid #6B61C2;*/
    border-radius: 1px;
    text-align: center;
}

    .customer-card-sargel-container .dropup
    {
        width: auto;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .customer-card-sargel-container .dropdown-menu
    {
        min-width: 100%;
    }

        .customer-card-sargel-container .dropdown-menu li
        {
            padding: 5px 10px;
            font-size: 0.85rem;
        }

button.dropdown-toggle.customer-card-mitsva
{
    width: 100%;
    padding: 4px;
}

/*Customer card end*/

/*Attendance*/

.attendance-main .filter-input .form-control
{
    border-color: #ccc;
}

.attendance-focus
{
    border: 1px solid rgb(77, 144, 254) !important;
}

.gridColumn.date-attendance
{
    /*border-right: 51px solid #00a4a6 !important;
    border-bottom: 49px solid #00c9cc;*/
    padding: 0;
    color: #fff;
    position: relative;
    border-left: 1px solid #e6e6e6;
    border-right: none !important;
    /*width: 0;
    height: 0;
    padding-left:75px;
    padding-top: 50px;
    padding-left:15%;
    padding-top: 10%;
    overflow: hidden;*/
    background: url('../Images/t-attendance.png') no-repeat top right #00c9cc;
    background-size: cover;
}

.attendance-main .headerRow > div:first-child ~ .gridColumn
{
    border-right: none !important;
}

.gridColumn.date-attendance:before
{
    /*content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left:-75px;
    margin-top:-50px;
    border-left: 75px solid transparent;
    border-top: 50px solid #00a4a6;*/
}

.date-attendance .hebrew-day
{
    font-size: 1.33rem;
    font-weight: normal;
    display: block;
    position: absolute;
    top: 0;
    right: 4px;
}

.date-attendance .day-in-month
{
    position: absolute;
    font-size: 1.66rem;
    font-weight: normal;
    display: block;
    left: 7px;
    top: 15px;
    direction: ltr;
}

.attendance-main .gridBody .gridRow:hover
{
    background-color: transparent;
}

.Attendance-V
{
    background-color: #e2fbfb;
}

.Attendance-X
{
    background-color: transparent;
    height: 100%;
}

.gridBody .attendance-count, .gridFooter .attendance-count
{
    max-height: 40px;
    overflow: hidden;
    background-color: #e6e6e6;
}

.gridBody .attendance-count
{
    height: 100%;
    padding: 4px;
}

.gridBody .label-attendance-count, .gridFooter .label-attendance-count
{
    background-color: #E2FAFA;
    border: 1px solid #35D3D4;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.gridBody .label-attendance-count
{
    width: 94%;
    margin: auto;
    text-align: center;
    height: 32px;
    /*margin-top: 4px;*/
}

    .gridBody .label-attendance-count .label
    {
        color: black;
        font-weight: normal;
        font-size: 1rem;
        vertical-align: super;
    }

.gridFooter .label-attendance-count .label
{
    color: black;
    font-weight: normal;
    font-size: 1rem;
    width: 100%;
    height: 100%;
    line-height: 32px;
}

.gridFooter .label-attendance-count.label-attendance-count-all
{
    background-color: #00cacc;
    border-radius: 100%;
    text-align: center;
}

.gridFooter .label-attendance-count-all .label
{
    color: #fff;
}

.grid-footer-sum
{
    width: initial !important;
}

.attendance-main .gridFooter .gridRow
{
    display: inline-block;
    /*display:inline-flexbox;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:flex-start;*/
}

.attendance-main .gridFooter .gridColumn:not(:first-child)
{
    /*display:inline-block;*/
    padding: 3px;
    box-sizing: border-box;
    /*flex-align:stretch;
    flex-grow:1;*/
}

/*Attendance end*/

/*Inspection*/

.inspection-main .header-container
{
    background-color: rgb(247, 136, 117);
}

.inspection-main .header-title
{
    background-color: #E06E5A;
}

.inspection-main .header-menu-tab
{
    border: 1px solid #F78875;
}

    .inspection-main .header-menu-tab:hover, .inspection-main .header-menu-active
    {
        border: 1px solid #E06E5A;
    }

.inspection-main .header-menu-active
{
    background-color: #E06E5A;
}

/*.inspection-main .back-to-sites{
    padding-left:15px;
}*/

.inspection-main .back-to-sites div > span:hover
{
    border: 1px solid #E06E5A;
}

.inspection-main .back-to-sites div > span:focus, .inspection-main .back-to-sites div > span:active
{
    background-color: #E06E5A;
}

.inspection-expanded-row, .inspection-expanded-row .gridRow:hover
{
    background: #FAB8AC !important;
}

.feedback-visit-expand
{
    background-color: #FFF1EE;
    padding: 10px 10px;
}

    .feedback-visit-expand .container
    {
        width: 98%;
    }

    .feedback-visit-expand .grid-paging-wrapper
    {
        margin-top: 10px;
    }

#AddInspectionComment .modal-dialog
{
    width: 1000px;
}

#AddInspectionComment .modal-header
{
    background-color: #ad1c60;
    border-bottom-color: #ad1c60;
    box-shadow: 0 2px 2px rgba(188, 188, 188, 0.75);
}

    #AddInspectionComment .modal-header h2
    {
        color: white;
    }

    #AddInspectionComment .modal-header .close
    {
        color: white;
        opacity: 0.6;
        display: none;
    }

        #AddInspectionComment .modal-header .close:hover
        {
            opacity: 1;
        }

#AddInspectionComment .modal-body
{
    background-color: #F5F5F5;
    border: 1px solid #ad1c60;
}

#AddInspectionComment .modal-footer
{
    padding: 0;
    margin: 0;
}

.comment-content
{
    background-color: #F5F5F5;
}

    .comment-content .header
    {
        height: 50px;
        line-height: 50px;
        background-color: white;
        font-size: 1.7em;
        border-bottom: 2px solid #E9E9E9;
        margin-top: -10px;
        margin-bottom: 10px;
    }

    .comment-content .form-group-dropdown .btn-dropdown
    {
        padding: 6px 12px;
    }

    .comment-content .command-btn
    {
        height: 40px;
        margin-top: 4px;
    }

        .comment-content .command-btn.save-changes-long img
        {
            vertical-align: top;
            padding-top: 6px;
        }

    .comment-content .list-container
    {
        overflow: auto;
    }

.list-container .replay
{
    background-color: white;
    margin: 15px 0;
    border: 1px solid;
    border-radius: 4px;
}

    .list-container .replay .details
    {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 0;
        direction: ltr;
        width: 14%;
        margin-left: -1px;
    }

        .list-container .replay .details .date
        {
            margin-bottom: 15px;
            background-color: #F9F9F9;
            border: 1px solid #E9E9E9;
            border-left: none;
            border-radius: 0 4px 4px 0;
            padding: 5px 20px;
            text-align: left;
            width: 75%;
            direction: rtl;
        }

        .list-container .replay .details .writer-name
        {
            color: white;
            border: 1px solid;
            border-radius: 0 4px 4px 0;
            padding: 5px 20px;
            text-align: left;
            direction: rtl;
        }

.list-container .message
{
    margin: 20px;
}

    .list-container .message span
    {
        white-space: pre;
    }

    .list-container .message textarea
    {
        border: none;
        width: 100%;
        resize: none;
        min-height: 100px;
        border: 1px solid #eee;
    }

        .list-container .message textarea:focus
        {
            outline: none;
        }

.comment-content .add-comment
{
    margin-top: 25px;
    width: 155px;
    transition: all 0.65s ease;
    border-radius: 4px;
}

    .comment-content .add-comment .plus
    {
        background-color: #F78875;
        border: 1px solid #F78875;
        border-left: none;
        color: white;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .comment-content .add-comment:hover .plus, .comment-content .add-comment:active .plus
    {
        background-color: #e06e5a;
        border: 1px solid #e06e5a;
        border-left: none;
        font-weight: bold;
    }

    .comment-content .add-comment .content
    {
        border: 1px solid #F78875;
        border-right: none;
        color: #333333;
        transition: all 0.65s ease;
    }

    .comment-content .add-comment:hover .content, .comment-content .add-comment:active .content
    {
        background-color: #FFF1EE;
        border: 1px solid #e06e5a;
        color: #e06e5a;
        font-weight: bold;
        border-right: none;
    }

.inspection-comment
{
    padding: 50px 30px;
}

    .inspection-comment form label, .comment-content label
    {
        font-weight: normal;
        font-size: 1rem;
    }

    .inspection-comment .filter-input .btn-group .btn-dropdown
    {
        height: 34px;
    }

    .inspection-comment .dropdown-content
    {
        max-height: 300px !important;
    }

    .inspection-comment .btn-Alert *
    {
        display: inline-block;
    }

    /*.inspection-comment-cancel {
    background: #ED1B24;
    width: auto;
}

.inspection-comment-cancel:hover {
    background: #99edc4;
}*/

    .inspection-comment .comment
    {
        height: 180px;
    }

    .inspection-comment textarea
    {
        resize: none;
    }

        .inspection-comment textarea::-webkit-input-placeholder
        {
            color: #ccc;
        }

        .inspection-comment textarea:-moz-placeholder
        {
            color: #ccc;
        }

        .inspection-comment textarea::-moz-placeholder
        {
            color: #ccc;
        }

        .inspection-comment textarea::-ms-input-placeholder
        {
            color: #ccc;
        }

.headerRow > .gridColumn.orange-title
{
    background: #FCE7E2;
    border-bottom: 2px solid #F78875;
}

.headerRow > .gridColumn.blue-title
{
    background: #CCE8F6;
    border-bottom: 2px solid #008DD5;
}

.summary-visit-main .toggle-col
{
    height: 50px;
    width: 50px;
    background-color: #e6e6e6;
    border: 1px solid #d7d7d7;
    border-top: none;
    position: absolute;
    top: 0;
    left: -50px;
    cursor: pointer;
    color: #777;
    text-align: center;
    transition: all 0.65s ease;
    letter-spacing: 2px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .summary-visit-main .toggle-col:hover
    {
        background-color: #ccc;
        color: black;
    }

    .summary-visit-main .toggle-col .fa
    {
        vertical-align: middle;
        line-height: 2.6;
        font-size: 1.2rem;
    }

/*Inspection END*/

.clear-btn
{
    background-color: #ed1c24;
    width: 33px;
    height: 31px;
    padding: 3px;
}

    .clear-btn:hover
    {
        background-color: #c7171e;
    }

    .clear-btn img
    {
        height: 19px;
        margin-top: 3px;
    }

.filter-width
{
    width: 306px;
}

/*modal dialog*/

.modal-header
{
    background-color: #cccccc;
}

    .modal-header h2
    {
        /*color: #111;*/
        font-size: 24px;
    }

    .modal-header .close
    {
        margin-top: 0;
        color: #000;
        font-weight: bold;
        font-size: 30px;
        opacity: 1;
    }

        .modal-header .close:hover
        {
            opacity: 0.8;
        }

.btn-Alert
{
    position: relative;
    top: 20px;
    padding: 12px 20px;
    color: #fff;
    font-size: 1.1rem;
}

.error-span
{
    color: #b11d1d;
}

.btn-Alert:hover
{
    color: #fff;
}

.btn-Alert img
{
    margin-right: 20px;
}

.modal-footer
{
    border-top: none;
}

.btn-Alert-submit
{
    background-color: #8cc63f;
}

    .btn-Alert-submit:hover
    {
        background-color: #6d9931;
    }

.btn-Alert-cancel
{
    background-color: #ed1c24;
    margin-right: 22px;
}

    .btn-Alert-cancel:hover
    {
        background-color: #c7171e;
    }

/*media queries*/

@media (min-width: 992px) and (max-width: 1199px)
{
    html
    {
        font-size: 12px;
    }

    .main-header .container
    {
        width: 100%;
    }

    .main-header .row [class^="col-"]:first-child
    {
        width: auto;
    }

    .header-logo
    {
        height: 35px;
        width: auto;
    }

    .header-title
    {
        min-width: 310px;
        padding-left: 0;
        padding-right: 0;
    }

    .site-name
    {
        max-height: 100%;
    }

    .header-title h2
    {
        font-size: 1.4rem;
    }

    .top-wrapper .main-menu-close
    {
        width: 75%;
        right: 11%;
    }

    .menu-item-padding
    {
        padding-left: 2px;
        padding-right: 2px;
    }

    .menu-item-div label
    {
        /*font-size:0.875rem;*/
    }

    .first-update-dropdown .btn-dropdown
    {
        /*font-size: 0.8rem;*/
        padding: 4px;
    }

    .update-mitzvot-grid .number-control
    {
        padding: 2px;
    }

    .gridColumn
    {
        padding-left: 4px;
        padding-right: 4px;
    }

    /*.headerRow .gridColumn {
        font-size:0.9rem;
        padding: 6px;
    }*/
    .update-mitzvot-grid .headerRow-text
    {
        padding: 0;
    }

    .update-mitzvot-grid .gridColumnSpan
    {
        width: 92%;
    }

        .update-mitzvot-grid .gridColumnSpan .input-group-btn .btn
        {
            padding: 6px 8px;
        }

        .update-mitzvot-grid .gridColumnSpan .form-control-date
        {
            padding: 4px 6px;
            height: 32px;
        }

    .date-control-wrapper
    {
        padding-left: 0;
        padding-right: 0;
    }

    .gauge-btn-div
    {
        min-height: 70px;
    }

        .gauge-btn-div > span
        {
            font-size: 36px;
            position: absolute;
            top: 10px;
            left: 0;
            right: 0;
        }

    .gauge-btn
    {
        position: absolute;
        right: -10px;
        top: -10px;
    }

    .flip .card.flipped .gauge-btn
    {
        top: 10px;
    }

    .profile-number-icon
    {
        top: 2px;
        right: 5px;
        zoom: 0.8;
    }

    /*.profile-number-icon[class*="flaticon-"]:before {
    background-color:#f5f5f5;
    border-radius:100%;
}*/
    .profile-number
    {
        font-size: 50px;
    }

    .profile-text
    {
        width: 100%;
    }

        .profile-text span
        {
            width: 75%;
            display: block;
            margin: auto;
            text-align: center;
        }

    .mitsvot-graph-container
    {
        height: 268px;
    }

    .dashboard-details-filters .btn, .dashboard-details-filters .btn-dropdown-title
    {
        font-size: 1.25rem;
    }

    /*.filter-input-big .btn.display-btn {
        padding: 5px 4px;
    }*/
    .minusNumber .fa, .plusNumber .fa
    {
        vertical-align: middle;
    }

    .gridCell.cell-label span span
    {
        padding: 6px;
    }

    .change-customer-to-active span span
    {
        width: 100%;
    }

    .form .row
    {
        padding-bottom: 10px;
    }

    .customer-card .customer-card-body div[class^=col]
    {
        padding-left: 7px;
        padding-right: 7px;
    }

    .customer-card .phone-col
    {
        width: 20.5%;
    }

    .customer-card .filter-input .open > .dropdown-menu
    {
        /*max-height: calc(100vh - 535px);*/
    }

    .customer-card .filter-input.phone-prefix .open > .dropdown-menu li
    {
        padding: 0.5em 0.25em;
    }

    .site-card .filter-input.phone-prefix .btn
    {
        padding: 0.65em 1em;
    }

    .site-card .filter-input.phone-prefix .btn-group .combo-split .caret
    {
        margin-top: 5px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px)
{
    html
    {
        font-size: 13px;
    }

    .headerRow .gridColumn
    {
        font-size: 0.95rem;
        line-height: 1.2;
    }

    .top-wrapper .main-menu-close
    {
        width: 75%;
        right: 12%;
    }

    .menu-item-padding
    {
        padding-left: 4px;
        padding-right: 4px;
    }

    .dashboard-details-filters .btn, .dashboard-details-filters .btn-dropdown-title
    {
        font-size: 1.1rem;
    }

    .gauge-btn-div > span
    {
        font-size: 45px;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
    }

    .profile-number-icon
    {
        top: 0;
        right: 6px;
        zoom: 0.9;
    }

    .filter-input-big .btn.display-btn
    {
        /*padding: 5px 4px;*/
    }

    .change-customer-to-active img
    {
        width: 1.5rem;
    }

    .update-mitzvot-grid .gridColumnSpan
    {
        width: 100%;
    }

    .minusNumber .fa, .plusNumber .fa
    {
        vertical-align: middle;
    }

    .gridCell.cell-label span span
    {
        padding: 6px 8px;
    }
}

@media (min-width: 1366px) and (max-width: 1599px)
{

    .top-wrapper .main-menu-close
    {
        width: 70%;
        right: 14%;
    }

    .first-update-dropdown .btn.btn-dropdown
    {
        padding: 4px 6px;
    }

    .update-mitzvot-grid .number-control
    {
        padding: 2px;
    }

    .dashboard-filter-with-display ul .search-input
    {
        width: 70% !important;
    }

    .filter-input-big .btn.display-btn
    {
        padding-top: 5px;
    }

    .filter-input-big .btn.display-btn, .filter-input-big .btn.clear-btn
    {
        width: 14%;
    }
}

@media (min-width: 1600px) and (max-width: 1750px)
{

    html
    {
        font-size: 14px;
    }

    .top-wrapper .main-menu-close
    {
        width: 66%;
        right: 16%;
    }

    .headerRow .gridColumn
    {
        /*font-size:0.9rem;*/
    }

    .dashboard-details-filters .btn-dropdown-title
    {
        font-size: 1.1rem;
    }
}

/* Tab 2 10.1  */
@media (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) /*(min-resolution: 149dpi)*/
{

    body
    {
        /*background:red;*/
    }

    .top-wrapper .main-menu-close
    {
        width: 70%;
        right: 16%;
    }

    .menu-item-padding
    {
        padding-left: 5px;
        padding-right: 5px;
    }

    .headerRow .gridColumn
    {
        font-size: 0.9rem;
        letter-spacing: -0.1px;
    }

    /*.filter-input-big .btn.display-btn {
        padding: 5px 4px;
    }*/
    /*.btn.display-btn{
        padding:4px ;
        width:auto;
    }*/
    .site .gridBody .gridRow .gridCell:nth-child(5) span
    {
        /*font-size: 0.9rem;*/
        letter-spacing: -0.3px;
    }

    .customersAndWorkers-main .headerRow .gridColumn
    {
        letter-spacing: -0.2px;
        line-height: 1.25;
    }

    .label-status
    {
        padding: 5px;
    }

    .attendance-main .command-row .col-md-9
    {
        width: 65%;
    }

    .attendance-main .command-row [class^="col-"] .col-md-2
    {
        width: 20%;
    }

    .attendance-main .command-row .filter-input .form-control
    {
        height: 28px;
    }

    .customer-card-header .col-md-3
    {
        width: 20%;
    }

    .customer-card [class^="col-"]
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*.customer-card .filter-input .open > .dropdown-menu div {
        max-height: calc(100vh - 500px);
        overflow-y: auto;
    }*/
    .customer-card .col-md-2
    {
        width: 18%;
    }

    .customer-card .row
    {
        padding-bottom: 10px;
    }

    .customer-card .span-dropdown-value
    {
        width: 85%;
        overflow: hidden;
        text-align: right;
    }

    .mitsvotAndResults-main .filter-input
    {
        padding: 0 0 0 10px;
        width: auto !important;
        margin-bottom: 5px;
    }

        .mitsvotAndResults-main .filter-input .form-control
        {
            padding: 3px;
        }

    /*.mitsvotAndResults-main .filter-input .btn-dropdown .combo-left {
        margin-right: 15px;
    }*/
    .mitsvotAndResults-main .clear-btn
    {
        width: 23px;
        float: left;
    }

    .mitsvotAndResults-main .command-row .dropdown-menu li
    {
        padding: 5px 10px;
    }

    .mitsvotAndResults-main .command-row .dropdown-menu > li
    {
        padding: 5px 2px;
    }

    .mitsvotAndResults-main .command-row .btn-dropdown-value + i
    {
        left: 10px;
    }

    .project-dropdown
    {
        width: 280px !important;
    }

    .choose-mitzva-dropdown
    {
        width: 175px !important;
    }

    .mitsva-rate-dropdown .dropdown-toggle
    {
        right: 2px;
        top: 3px;
        padding: 0px 4px;
        margin: 0;
    }

    .update-mitzvot-grid .mitsvot-sort-start, .update-mitzvot-grid .mitsvot-sort-current
    {
        letter-spacing: -0.1px;
        font-size: 0.9rem;
    }
}

/*media queries end*/


.inline-block
{
    display: inline-block;
}

.btn-add
{
    color: #fff;
    background: #81ab47;
    margin: 25px 0px 15px !important;
}

    .btn-add:hover
    {
        color: #fff;
        background: #66902b;
    }

.purple-th th
{
    color: #fff;
    background: #78506b;
    text-align: center;
    font-weight: normal;
    padding: 10px;
    width: 200px;
    border: 2px solid white;
}

.gray-td td
{
    background: #efefef;
    border: 2px solid #fff;
    padding: 10px 10px 10px;
    text-align: center;
}

.background-table
{
    background-color: #fff;
    width: 80%;
    margin: auto;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-top: 3%;
}

.gradient-bottam
{
    height: 3px;
    margin: auto;
    width: 80%;
    background: #dc0090;
    background: -moz-linear-gradient(left, #dc0090 0%, #5639e5 11%, #39e5e5 33%, #00ad00 61%, #e5ba16 80%, #e55316 100%);
    background: -webkit-linear-gradient(left, #dc0090 0%,#5639e5 11%,#39e5e5 33%,#00ad00 61%,#e5ba16 80%,#e55316 100%);
    background: linear-gradient(to right, #dc0090 0%,#5639e5 11%,#39e5e5 33%,#00ad00 61%,#e5ba16 80%,#e55316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0090', endColorstr='#e55316',GradientType=1 );
}

.IconTableBlue
{
    background: transparent;
    color: #337ab7;
}

.DesingBtn
{
    border: 1px solid #016191;
    color: #016191;
    background: #D7D7D7;
}

    .DesingBtn:hover
    {
        background: #045A8D;
        color: #fff;
        border: 1px solid #fff;
        box-shadow: 1px 0px 1px #4D4D4D;
    }

/*login*/
.div1-login
{
    background: #fcffde;
    position: relative;
    height: 350px;
    padding-top: 30px;
    border-bottom: 1px solid #8C9A05;
}

.div2-login
{
    background: #fff;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
{
    background-color: #fafafa !important;
    fill: #fafafa !important;
    color: #777 !important;
}

.logo-container
{
    background: none;
    margin: auto;
    float: none;
    height: 220px;
    position: relative;
}

.btn-login
{
    background: #424c9f !important;
    border: 1px solid #424c9f !important;
    width: 100%;
    margin: auto;
    height: 40px;
}

.form-container .form-group
{
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.form-container
{
    float: none;
    margin: auto;
    padding-top: 40px;
}

/*BudgetPlanningCalendar*/
.input-group-addon
{
    padding: 6px 7px;
}

.input-group-addon
{
    background-color: rgba(120, 80, 107, 0.27);
}


/*WorkerDetails*/

.StepBtn
{
    border: 1px solid #3F51B5;
    width: 15%;
    color: #3F51B5;
}

    .StepBtn:hover
    {
        background: #D9DCF0;
        border: 1px solid #3F51B5;
        color: #3F51B5;
    }

.StepBtn-icon
{
    color: #3F51B5;
    font-size: 23px;
    margin: 5px;
}

#WorkerDetailsStep1 input
{
    float: left;
    width: 70%;
}

#WorkerDetailsStep1 .row
{
    margin-top: 15px;
}

.WorkerDetails-step
{
    margin-bottom: 4%;
    margin-top: 2%;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 1%;
}

.Pop-Up-RIghtAndDanger
{
    width: 250px;
    position: fixed;
    left: calc(50% - 125px);
    top: 15%;
    padding: 8px 25px;
    border-radius: 5px;
    z-index: 9999999;
}

.subtitle-worker
{
    color: #3f51b5;
    border-bottom: 1px solid #3f51b5;
    margin-bottom: 1%;
    margin-top: 2%;
}

.box-subtitle-worker
{
    height: 11px;
    width: 11px;
    background-color: #3f51b5;
    display: inline-block;
    margin-left: 5px;
}

.fa-check-icon
{
    font-size: 24px;
    color: #3cb7b6;
}

.verticel-super
{
    /*vertical-align: super;*/
}

.bg-table
{
    padding: 1%;
    margin-top: 2%;
}

.btn-default
{
    color: #333;
    background-color: #e2e2e2;
    border-color: #0f75bc;
    margin:0px 0px 3px 3px;
}

    .btn-default:hover
    {
        color: #333;
        background-color: #cacaca;
        border-color: #0062a7;
    }

.header-h4
{
    color: #6d6d6d;
    margin-right: 17px;
    background: #e8e8e8;
    padding: 6px;
    margin-top: 2%;
    font-weight: bold;
}

.bg-box-filter
{
    padding: 5px;
    height: 45px;
    background-color: rgba(60, 183, 182, 0.32);
    display:inline-flex;
}

.bg-box-filter-2
{
    background-color: rgba(28, 117, 187, 0.35);
}
.aling-top
{
    display: inline-block;
    vertical-align: top;
}

.text-over
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.input-eye-span
{
    width: 30px !important;
    font-size: 12px !important;
    height: 34px;
    padding: 8px;
    display: inline-block;
    margin-top: 0px;
}

.input-eye
{
    width: 220px;
}

.input-eye-input
{
    width: calc(100% - 30px)!important;
}


.display-block
{
    display:block;
}