.img_face {
    max-width: 25px;
    opacity:0.6;
    cursor:pointer;
}
.img_face:hover {
    opacity: 1;
}
.selected_face {
    opacity: 1 !important;
}
.shadow_3d {
    box-shadow: rgb(195, 195, 195) 0px 0px 4px 0px, rgba(0, 0, 0, 0.19) 0px 0px 11px 0px !important;
}
.shadow_3d_activity {
    box-shadow: 0 0px 4px 0 rgb(195 195 195), 0 0px 11px 0 rgb(0 0 0 / 19%) !important;
}
body {
    font-family: Helvetica,sans-serif !important;
}
.inp_form_ctrl {
    padding: 2px 12px !important;
    border: 1px solid #dcdcdc;
    color: #333333;
    font-weight: 100 !important;
    font-size: 14px !important;
    font-family: Helvetica,sans-serif !important;
    height:35px;
}
.no_padding{
    padding:0px !important;
}
label{
    font-size:15px !important;
    font-weight:600 !important;
}
.spn_face_text{
    font-weight:100 !important;
}
/*BEGIN COMMON*/
.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-3 {
    padding-top: 3px !important;
}

.padding_5 {
    padding: 5px !important;
}

.padding_10 {
    padding: 10px !important;
}

.padding_top_11 {
    padding: 11px 0px 0px 0px;
}

.padding_5_10 {
    padding: 5px 10px !important;
}

.padding_2 {
    padding: 2px !important;
}

.padding_5 {
    padding: 5px !important;
}

.padding_20 {
    padding: 20px !important;
}

.padding_30 {
    padding: 30px !important;
}

.padding_9 {
    padding: 9px !important;
}

.padding_6 {
    padding: 6px !important;
}

.padding_LR_2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.padding_R_2 {
    padding: 0 2px 0 0 !important;
}

.padding_2_5 {
    padding: 2px 5px !important;
}

.padding_3_7 {
    padding: 3px 7px !important;
}

.padding_2_15 {
    padding: 2px 15px !important;
}

.padding_2_10 {
    padding: 2px 10px !important;
}

.padding_TB_2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.padding_TB_1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.padding_TB_5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padding_TB_15 {
    padding: 15px 0 !important;
}

.padding_top_bottom_5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padding_L_50 {
    padding-left: 50px !important;
}

.padding_LR_05 {
    padding-left: 5px !important;
    padding-right: 0px !important;
}

.padding_LR_10 {
    padding: 0px 10px !important;
}

.padding_LR_5 {
    padding: 0px 10px !important;
}

.padding_LR_4 {
    padding: 0px 4px !important;
}

.padding_TB_5 {
    padding: 5px 0px !important;
}

.padding_bottom_20 {
    padding-bottom: 20px !important;
}

.padding_bottom_10 {
    padding-bottom: 10px !important;
}

.padding_bottom_10_only {
    padding: 0px 0px 10px 0px !important;
}

.padding_top_bottom_25 {
    padding: 25px 0 !important;
}

.padding_left_0 {
    padding-left: 0px !important;
}

.padding_right_35 {
    padding-right: 35px !important;
}

.padding_left_25 {
    padding-left: 25px !important;
}

.margin_bottom_5 {
    margin-bottom: 5px !important;
}

.margin_bottom_10 {
    margin-bottom: 10px !important;
}

.no_padding {
    padding: 0px !important;
}

.no_bold {
    font-weight: 100 !important;
}

.bold {
    font-weight: 600 !important;
}

.border_radius_5 {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.border_none {
    border: none !important;
}

.border_radius_left_5 {
    -webkit-border-radius: 5px 0px 0px 5px !important;
    -moz-border-radius: 5px 0px 0px 5px !important;
    border-radius: 5px 0px 0px 5px !important;
}

.page-container {
    /*overflow-y:scroll !important;*/
}

.margin_top_5 {
    margin-top: 5px !important;
}

.margin_top_6 {
    margin-top: 6px !important;
}

.margin_bottom_3 {
    margin-bottom: 3px !important;
}

.margin_top_2 {
    margin-top: 2px !important;
}

.margin_top_3 {
    margin-top: 3px !important;
}

.margin_top_25 {
    margin-top: 25px !important;
}

.margin_top_30 {
    margin-top: 30px !important;
}

.margin_top_15 {
    margin-top: 15px !important;
}

.margin_top_10 {
    margin-top: 10px !important;
}

.margin_TB_5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.margin_0 {
    margin: 0px !important;
}

.margin_5 {
    margin: 5px !important;
}

.margin_0_5 {
    margin: 0 5px !important;
}

.margin_left_5 {
    margin-left: 5px !important;
}

.margin_left_18 {
    margin-left: 18px !important;
}

.margin_left_2 {
    margin-left: 2px !important;
}

.margin_left_16 {
    margin-left: 16px !important;
}

.margin_left-16 {
    margin-left: -16px !important;
}

.margin_left_35 {
    margin-left: 35px !important;
}

.margin_left_23 {
    margin-left: 23px !important;
}

.font_10 {
    font-size: 11px !important;
}

.font_11 {
    font-size: 11px !important;
}

.font_12 {
    font-size: 12px !important;
}

.font_13 {
    font-size: 13px !important;
}

.font_14 {
    font-size: 14px !important;
}

.font_15 {
    font-size: 15px !important;
}

.font_16 {
    font-size: 16px !important;
}

.font_17 {
    font-size: 17px !important;
}

.font_18 {
    font-size: 18px !important;
}

.font_20 {
    font-size: 20px !important;
}

.font_22 {
    font-size: 22px !important;
}

.font_25 {
    font-size: 25px !important;
}

.font_30 {
    font-size: 30px !important;
}

.font_35 {
    font-size: 35px !important;
}

.font_50 {
    font-size: 50px !important;
}

.float_left {
    float: left !important;
}

.no_curser_point {
    cursor: default !important;
}

.margin_left_10 {
    margin-left: 10px !important;
}

.margin_left_20 {
    margin-left: 20px !important;
}

.margin_left_30 {
    margin-left: 30px !important;
}

.margin_right_2 {
    margin-right: 2px !important;
}

.margin_right_5 {
    margin-right: 5px !important;
}

.margin_right_10 {
    margin-right: 10px !important;
}

.margin_right_15 {
    margin-right: 15px !important;
}

.border_bottom_gray {
    border-bottom: 1px solid #E6E6E6;
}

.border_bottom_gold {
    border-bottom: 1px solid #AD792E;
}

.border_right_gray {
    border-right: 1px solid #E6E6E6;
}

.border_right_white {
    border-right: 1px solid #ffffff;
}

.border_bottom_white {
    border-bottom: 1px solid #ffffff;
}

.border_custom_green_26A1AB {
    border-color: #26A1AB;
}

.border_custom_black_333333 {
    border-color: #333333;
}

.border_right_purple_2 {
    border-right: 2px solid #8E44AD;
}

.border_bottom_purple {
    border-bottom: 1px solid #8E44AD;
}

.border_left_purple {
    border-left: 1px solid #8E44AD;
}

.border_left_black {
    border-left: 1px solid #333333;
}

.background_custom_dark_green {
    background-color: #0F416E !important;
}

.background_cofee_color {
    background: #745E3D !important;
}

.background_custom_mat_shade {
    background-color: #848063 !important;
}

.background_dark_blue {
    background-color: #ACD7E5 !important;
}

.background_yellow_F1DD8C {
    background-color: #F1DD8C !important;
}

.background_blue_275682 {
    background-color: #275682 !important;
}

.background_blue_0078D7 {
    background-color: #0078D7 !important;
}

.background_light_blue_D9EDF7 {
    background-color: #D9EDF7 !important;
}

.background_purple {
    background-color: #8E44AD;
}

.background_blue_dark {
    background-color: #2980b9;
}

.border_right_yellow_2 {
    border-right: 2px solid #C49F47;
}

.border_bottom_yellow {
    border-bottom: 1px solid #C49F47;
}

.background_yellow {
    background-color: #C49F47;
}

.background_light_green {
    background-color: #DDF9EF !important;
}

.background_light_red_FFEFED {
    background-color: #FFEFED;
}

.background_ECECEC {
    background-color: #ECECEC !important;
}

.background_FBFBFB {
    background-color: #FBFBFB;
}

.border_right_red_2 {
    border-right: 2px solid #E7505A;
}

.border_bottom_red {
    border-bottom: 1px solid #E7505A;
}

.border_top_black_1 {
    border-top: 1px solid #333333;
}

.border_top_gray_e6e6e6 {
    border-top: 1px solid #e6e6e6;
}

.border_bottom_black_1 {
    border-bottom: 1px solid #333333;
}

.border_bottom_black_2 {
    border-bottom: 2px solid #333333;
}

.border_right_black_1 {
    border-right: 1px solid #333333;
}

.border_black_1 {
    border: 1px solid #333333 !important;
}

.border_black_2 {
    border: 2px solid #333333 !important;
}

.border_light_green_5 {
    border: 5px solid #26C281 !important;
}

.background_red {
    background-color: #E7505A;
}

.background_black {
    background-color: #333333 !important;
}

.background_white {
    background-color: #ffffff !important;
}


.background_light_orange {
    background-color: #FFF0E0 !important;
}

.background_light_blue {
    background-color: #D4E3EC !important;
}

.background_light_aqua_blue {
    background-color: #C5E0FD !important;
}

.background_darkgrey_color {
    background-color: #696969 !important
}

.background_color_light_blue_E1EDFB {
    background-color: #E1EDFB !important;
}

.background_color_light_blue {
    background-color: #DAEFFF !important;
}

.background_color_light_yellow_F0E2C8 {
    background-color: #F0E2C8 !important;
}

.background_color_custom_red {
    background-color: #d9534f;
}

.background_custom_green_27AE60 {
    background-color: #27ae60 !important;
}

.background_custom_yellow_f39c12 {
    background-color: #f39c12 !important;
}

.background_custom_green {
    background-color: #EDFDF3 !important;
}

.background_custom_green_dark_27ae60 {
    background-color: #27ae60 !important;
}

.background_custom_green_dark {
    background-color: #3FBB68 !important;
}

.background_orange {
    background: #fa6800 !important;
}

.background_olive_green {
    background-color: #00865C !important;
}

.background_navy_blue {
    background-color: #245984 !important;
}

.background_custom_yellow {
    background-color: #FFFBE6 !important;
}

.background_custom_pink {
    background-color: #F6DCE6 !important;
}

.background_custom_pink_dark {
    background-color: #F69CBF !important;
}

.background_custom_yellow_dark {
    background-color: #EAC084 !important;
}

.background_custom_midnight_blue {
    background-color: #2c3e50 !important;
}

.background_custom_midnight_blue_light {
    background-color: #3F5971 !important;
}

.background_custom_blue {
    background-color: #DDEDFE !important;
}

.background_custom_blue_dark {
    background-color: #2F8DE4 !important;
}

.background_custom_red_c0392b {
    background-color: #c0392b !important;
}

.background_custom_yellow_d35400 {
    background-color: #d35400 !important;
}

.background_custom_gray {
    background-color: #C3C3C3 !important;
}

.background_custom_green_26A1AB {
    background-color: #26A1AB !important;
}

.background_custom_green_16a085 {
    background-color: #16a085 !important;
}

.background_cecece {
    background-color: #cecece !important;
}

.font_color_orange {
    color: #fa6800 !important;
}

.font_color_dark_blue {
    color: #2980b9 !important;
}

.font_color_dark_milgreen {
    color: #0F416E !important;
}

.font_color_gold_AD792E {
    color: #AD792E !important;
}

.font_color_ECECE {
    color: #ECECEC !important;
}

.font_color_dark_blue_2980b9 {
    color: #2980b9 !important;
}

.font_color_custom_green_dark {
    color: #3FBB68 !important;
}

.font_color_dark_yellow {
    color: #EAC084 !important;
}

.font_color_dark_blue {
    color: #275682 !important;
}

.font_color_green_008a00 {
    color: #008a00 !important;
}

.font_color_validation_red {
    color: #c0392b !important;
}

.font_color_amber_f0a30a {
    color: #f0a30a !important;
}

.font_colour_custom_purple {
    color: #9b59b6 !important;
}

.font_colour_custom_gray {
    color: #C3C3C3 !important;
}

.font_color_custom_green_27ae60 {
    color: #27ae60 !important;
}

.font_colour_custom_green {
    color: #EDFDF3 !important;
}

.font_color_dark_purple {
    color: #2A5380 !important;
}

.font_colour_custom_green_26A1AB {
    color: #26A1AB !important;
}

.font_colour_custom_yellow {
    color: #FFFBE6 !important;
}

.font_colour_custom_blue {
    color: #DDEDFE !important;
}

.font_colour_custom_blue_dark {
    color: #2F8DE4 !important;
}

.font_colour_custom_pink_dark {
    color: #F69CBF !important;
}

.font_white {
    color: #ffffff !important;
}

.font_red {
    color: #e7505a !important;
}

.font_color_jungle_green {
    color: #27AE61 !important;
}

.font_gold {
    color: #ffbd3d !important;
}

.font_gray {
    color: #A5A5A5 !important;
}

.font_color_red {
    color: #E7505A !important;
}

.font_color_purple {
    color: #8E44AD !important;
}

.font_color_green {
    color: #26C281 !important;
}

.font_color_yellow {
    color: #C49F47 !important;
}

.font_color_blue {
    color: #3598DC !important;
}

.font_color_black {
    color: #333333 !important;
}

.font_color_black_dark {
    color: #000 !important;
}

.font_color_gray {
    color: #C3C3C3 !important;
}

.cursor_pointer {
    cursor: pointer !important;
}

.hide {
    display: none !important;
}

.show_block {
    display: block !important;
}

.show_inline {
    display: inline !important;
}

.progress-bar-jungle-green {
    background-color: #26C281;
}

.progress-bar-jungle-green-light {
    background-color: #72C7A4;
}

.progress-bar-black {
    background-color: #000000;
}


.progress-bar-black {
    background-color: #000000;
}

.progress-bar-light-blue {
    background-color: #79A0C2;
}

/*.progress-striped .progress-bar-black {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}*/


.fix_wrap {
    overflow: auto !important;
}

.logout {
    font-size: 17px;
    color: #ffffff;
    font-family: "Segoe UI Light",wf_segoe-ui_light,helvetica,arial,sans-serif;
    cursor: pointer;
    margin: 7.5px 14px 0 6px !important;
    float: right;
}

/*END COMMON*/


#imgPrfPic {
    padding: 0px !important;
    position: relative !important;
    width: 45px;
    background-color: #000000;
    right: 3px;
}


.progress {
    border: 1px solid #ffffff !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}


/*BEGIN BACK TO TOP*/
.back-to-top {
    background: none;
    margin: 0;
    position: fixed;
    bottom: 10px;
    right: 14px;
    width: 55px;
    height: 56px;
    z-index: 100;
    display: none;
    text-decoration: none;
    color: #000 !important;
    z-index: 9999999 !important;
    opacity: 1;
    background-color: #000 !important;
    border-radius: 50% !important;
    border: 2px solid #fff !important;
}

    .back-to-top > i {
        font-size: 14px !important;
        position: relative;
        top: 16px;
        left: 19px;
        z-index: 999999;
        color: #fff !important;
    }

    .back-to-top:hover {
        opacity: 1;
    }
/*END BACK TO TOP*/


#imgLogo {
    padding: 8px !important;
    position: relative !important;
    left: 5px;
    width: 66px;
    color: #ffffff;
    font-size: 25px;
    bottom: 5px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}



#spnTitle {
    position: absolute;
    top: 4px;
    left: 39px;
}

#spnTitle2 {
    position: absolute;
    top: 4px;
    left: 54px;
    text-transform: lowercase;
}

#spnTitle3 {
    position: absolute;
    top: 4px;
    left: 232px;
    text-transform: uppercase !important;
}

#spnTitle2:first-letter {
    text-transform: uppercase !important;
}


.title_top {
    font-family: "Segoe UI Light",wf_segoe-ui_light,helvetica,arial,sans-serif;
    font-size: 14px;
    color: #ffffff;
    top: 50px !important;
}

.title_sanipex {
    font-weight: 300 !important;
    font-size: 23px !important;
    line-height: 32px;
    font-family: "blairditcttmedium",Arial,Verdana,sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    color: #222 !important;
    text-rendering: geometricPrecision !important;
    margin-top: 0.2rem !important;
    margin-bottom: 0.5rem !important;
    line-height: 2.4 !important;
}

.title_group {
    font-weight: 300 !important;
    font-size: 23px !important;
    line-height: 32px !important;
    font-family: "blairditcttmedium",Arial,Verdana,sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    color: #222 !important;
    text-rendering: geometricPrecision !important;
    margin-top: 0.2rem !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.4 !important;
    color: #808285 !important;
}

.page-sidebar {
    padding-top: 45px !important;
    position: fixed;
    z-index: 999 !important;
}

.page-content-wrapper, .page-content {
    z-index: -1 !important;
}

.page-sidebar-menu > li > a,
.page-sidebar-menu > li > a > i {
    color: #ffffff !important;
    font-size: 15px !important;
}

.spnSubLogo {
    font-size: 13px !important;
    font-weight: 600;
}

.div_menu_sub {
    cursor: pointer;
}

.hilightedMenu {
    background-color: #C5E0FD !important;
    background: #C5E0FD !important;
}

/*COMMON BEGIN*/
.border_bottom_dark_gray {
    border-bottom: 1px solid #333333 !important;
}

#spnLoggedSupName {
    color: #ffffff;
    padding-right: 10px;
    position: relative;
    top: 4px;
}

#imgCompLogo {
    width: 350px;
    margin: auto;
    padding: 30px 0 20px 0;
}

.footer {
    position: relative !important;
    bottom: 0;
    width: 100%;
    height: 350px;
    background: #000 !important;
    color: #fff !important;
    clear: both;
    position: relative;
}

.copyright {
    font-family: "Open Sans", sans-serif !important;
    margin-top: 5px;
}

.approval_header {
    background: #000000;
}

.desktop_hide {
    display: none;
}
/*COMMON END*/
.cssload-loader {
    width: 313px;
    height: 63px;
    line-height: 63px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    font-family: helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 23px;
    color: rgb(36,89,132);
    letter-spacing: 0.2em;
}

    .cssload-loader::before, .cssload-loader::after {
        content: "";
        display: block;
        width: 19px;
        height: 19px;
        background: rgba(53,153,220,0.57);
        position: absolute;
        animation: cssload-load 0.7s infinite alternate ease-in-out;
        -o-animation: cssload-load 0.7s infinite alternate ease-in-out;
        -ms-animation: cssload-load 0.7s infinite alternate ease-in-out;
        -webkit-animation: cssload-load 0.7s infinite alternate ease-in-out;
        -moz-animation: cssload-load 0.7s infinite alternate ease-in-out;
    }

    .cssload-loader::before {
        top: 0;
    }

    .cssload-loader::after {
        bottom: 0;
    }



@keyframes cssload-load {
    0% {
        left: 0;
        height: 38px;
        width: 19px;
    }

    50% {
        height: 10px;
        width: 50px;
    }

    100% {
        left: 294px;
        height: 38px;
        width: 19px;
    }
}

@-o-keyframes cssload-load {
    0% {
        left: 0;
        height: 38px;
        width: 19px;
    }

    50% {
        height: 10px;
        width: 50px;
    }

    100% {
        left: 294px;
        height: 38px;
        width: 19px;
    }
}

@-ms-keyframes cssload-load {
    0% {
        left: 0;
        height: 38px;
        width: 19px;
    }

    50% {
        height: 10px;
        width: 50px;
    }

    100% {
        left: 294px;
        height: 38px;
        width: 19px;
    }
}

@-webkit-keyframes cssload-load {
    0% {
        left: 0;
        height: 38px;
        width: 19px;
    }

    50% {
        height: 10px;
        width: 50px;
    }

    100% {
        left: 294px;
        height: 38px;
        width: 19px;
    }
}

@-moz-keyframes cssload-load {
    0% {
        left: 0;
        height: 38px;
        width: 19px;
    }

    50% {
        height: 10px;
        width: 50px;
    }

    100% {
        left: 294px;
        height: 38px;
        width: 19px;
    }
}


.spnTitle {
    font-weight: 600;
    font-size: 20px;
}
#spnLocationDescription {
    font-weight: 600;
    font-size: 15px;
}
#imgLocLogo {
    max-width: 25%;
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 14.5px 14px 0 6px !important;
    }

    .page-header.navbar .page-logo {
        height: 40px !important;
    }

    .page-header.navbar .page-top {
        height: 0px;
    }

    .page-sidebar-menu {
        min-height: 160px !important;
        /*height:100vh !important;*/
    }

    #spnLoggedUser {
        display: none !important;
    }

    #spnLoggedUserEmail {
        display: none !important;
    }

    .border_right_black_1 {
        border-right: 0px;
    }

    .copyright {
        font-size: 13px !important;
    }

    #imgCompLogo {
        width: 200px;
    }

    .link_expired {
        font-size: 20px !important;
    }

    .mob_text_left {
        text-align: left !important;
    }

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

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

    .mob_no_padding {
        padding: 0px !important;
    }

    .mob_no_padding_right {
        padding-right: 0px !important;
    }

    .mob_no_border {
        border: none !important;
    }
    .mob_margin_top_10 {
        margin-top: 10px !important;
    }
    .mob_hide {
        display: none !important;
    }

    #imgWelcome {
        height: auto !important;
    }

    .div_mob_inline {
        display: inline;
    }

    .logo_top {
        display: none !important;
    }

    .page-header.navbar .page-logo {
        height: 40px !important;
        display: none;
    }
    .spnTitle {
        font-weight: 600;
        font-size: 18px;
    }

    #spnLocationDescription {
        font-weight: 600;
        font-size: 14px;
    }
    #imgLocLogo {
        max-width: 75%;
    }
    .inp_form_ctrl{
        max-width:99% !important;
    }
    .mob_margin_bottom_5{
        margin-bottom:5px !important;
    }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {

    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 14.5px 14px 0 6px !important;
    }

    .page-header.navbar .page-logo {
        height: 40px !important;
    }

    .page-header.navbar .page-top {
        height: 0px;
    }

    .page-sidebar-menu {
        min-height: 160px !important;
        /*height:100vh !important;*/
    }

    #spnLoggedUser {
        display: none !important;
    }

    #spnLoggedUserEmail {
        display: none !important;
    }

    .border_right_black_1 {
        border-right: 0px;
    }

    .copyright {
        font-size: 13px !important;
    }

    #imgCompLogo {
        width: 200px;
    }

    .link_expired {
        font-size: 20px !important;
    }

    .mob_text_left {
        text-align: left !important;
    }

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

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

    .mob_no_padding {
        padding: 0px !important;
    }

    .mob_no_padding_right {
        padding-right: 0px !important;
    }

    .mob_no_border {
        border: none !important;
    }

    .mob_hide {
        display: none !important;
    }
    .mob_margin_top_10 {
        margin-top: 10px !important;
    }
    .div_mob_inline {
        display: inline;
    }

    .logo_top {
        display: none !important;
    }

    .page-header.navbar .page-logo {
        height: 40px !important;
        display: none;
    }
    .spnTitle {
        font-weight: 600;
        font-size: 18px;
    }

    #spnLocationDescription {
        font-weight: 600;
        font-size: 14px;
    }
    #imgLocLogo {
        max-width: 75%;
    }
    .inp_form_ctrl {
        max-width: 99% !important;
    }
    .mob_margin_bottom_5 {
        margin-bottom: 5px !important;
    }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {

    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 14.5px 14px 0 6px !important;
    }

    .page-header.navbar .page-logo {
        height: 40px !important;
    }

    .page-header.navbar .page-top {
        height: 0px;
    }

    .page-sidebar-menu {
        min-height: 160px !important;
        /*height:100vh !important;*/
    }

    #spnLoggedUser {
        display: none !important;
    }

    #spnLoggedUserEmail {
        display: none !important;
    }

    .border_right_black_1 {
        border-right: 0px;
    }

    .copyright {
        font-size: 13px !important;
    }

    #imgCompLogo {
        width: 200px;
    }

    .link_expired {
        font-size: 20px !important;
    }

    .mob_text_left {
        text-align: left !important;
    }

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

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

    .mob_no_padding {
        padding: 0px !important;
    }

    .mob_no_padding_right {
        padding-right: 0px !important;
    }

    .mob_no_border {
        border: none !important;
    }

    .mob_hide {
        display: none !important;
    }

    .div_mob_inline {
        display: inline;
    }
    .mob_margin_top_10 {
        margin-top: 10px !important;
    }
    .logo_top {
        display: none !important;
    }

    .page-header.navbar .page-logo {
        height: 40px !important;
        display: none;
    }
    .spnTitle {
        font-weight: 600;
        font-size: 18px;
    }

    #spnLocationDescription {
        font-weight: 600;
        font-size: 14px;
    }
    #imgLocLogo {
        max-width: 75%;
    }
    .inp_form_ctrl {
        max-width: 99% !important;
    }
    .mob_margin_bottom_5 {
        margin-bottom: 5px !important;
    }
}
/* ----------- Samsung J4 Plus----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 360px) and (max-width: 767px) {
    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 14.5px 14px 0 6px !important;
    }

    .page-header.navbar .page-logo {
        height: 40px !important;
    }

    .page-header.navbar .page-top {
        height: 0px;
    }

    .page-sidebar-menu {
        min-height: 160px !important;
        /*height:100vh !important;*/
    }

    #spnLoggedUser {
        display: none !important;
    }

    #spnLoggedUserEmail {
        display: none !important;
    }

    .border_right_black_1 {
        border-right: 0px;
    }

    .copyright {
        font-size: 13px !important;
    }

    #imgCompLogo {
        width: 200px;
    }

    .link_expired {
        font-size: 20px !important;
    }

    .mob_text_left {
        text-align: left !important;
    }

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

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

    .mob_no_padding {
        padding: 0px !important;
    }

    .mob_no_padding_right {
        padding-right: 0px !important;
    }

    .mob_no_border {
        border: none !important;
    }

    .mob_hide {
        display: none !important;
    }

    .div_mob_inline {
        display: inline;
    }
    .mob_margin_top_10 {
        margin-top: 10px !important;
    }
    .logo_top {
        display: none !important;
    }

    .page-header.navbar .page-logo {
        height: 40px !important;
        display: none;
    }
    .spnTitle {
        font-weight: 600;
        font-size: 18px;
    }

    #spnLocationDescription {
        font-weight: 600;
        font-size: 14px;
    }
    #imgLocLogo {
        max-width: 75%;
    }
    .inp_form_ctrl {
        max-width: 99% !important;
    }
    .mob_margin_bottom_5 {
        margin-bottom: 5px !important;
    }
}
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

/* ----------- IPAD  ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 14.5px 14px 0 6px !important;
    }

    .page-header.navbar .page-logo {
        height: 40px !important;
    }

    .page-header.navbar .page-top {
        height: 0px;
    }
}
/* Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .page-sidebar-menu {
        min-height: 160px !important;
        /*height:100vh !important;*/
    }

    .page-sidebar.navbar-collapse.in {
        margin: 0px !important;
    }

    .page-container {
        bottom: 45px !important;
    }

    #spnLoggedUser {
        display: none !important;
    }

    #spnLoggedUserEmail {
        display: none !important;
    }

    .mob_hide {
        display: none !important;
    }
}

/* Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .page-sidebar-menu {
        min-height: 1000px !important;
        /*height:100vh !important;*/
    }

    #imgCompLogo {
        width: 200px;
    }

    .link_expired {
        font-size: 20px !important;
    }
}