/* **
 * ========================================
 * Includes Fonts
 * ========================================
 ** */

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/font-awesome/fonts/FontAwesome.otf);
}

@font-face {
    font-family: fontawesome-webfont;
    src: url(../fonts/font-awesome/fonts/fontawesome-webfont.ttf);
}


@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'); /* support Internet explorer  */
    src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* support Internet explorer  */
    url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* support Modern browser  */
    url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), /* support firefox , chrome   */
    url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Svg form   */
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'open-sans';
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot'); /* support Internet explorer  */
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* support Internet explorer  */
    url('../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), /* support Modern browser  */
    url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype'), /* support firefox , chrome   */
    url('') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Summernote';
    src: url('../fonts/summernote/summernote.eot'); /* support Internet explorer  */
    src: url('../fonts/summernote/summernote.eot?#iefix') format('embedded-opentype'), /* support Internet explorer  */
    url('../fonts/summernote/summernote.woff') format('woff'), /* support Modern browser  */
    url('../fonts/summernote/summernote.ttf') format('truetype'), /* support firefox , chrome   */
    url('') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: Roboto-L;
    src: url(../fonts/roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: Roboto-B;
    src: url(../fonts/roboto/Roboto-Bold.ttf);
}
/*
@font-face {
    font-family: Gothic-R;
    src: url(../fonts/century-gothic/Gothic-Regular.ttf);
}

@font-face {
    font-family: Gothic-B;
    src: url(../fonts/century-gothic/Gothic-Bold.ttf);
}


*/

@font-face {
    font-family: Lato-R;
    src: url(../fonts/lato/Lato-Regular.ttf);
}

@font-face {
    font-family: Lato-B;
    src: url(../fonts/lato/Lato-Bold.ttf);
}




.p-0 {
    padding-left: 0;
    padding-right: 0;
}

.p-l {
    padding-left: 0;
}

.p-r {
    padding-right: 0;
}

/*---------------------------------------
   2.2 PRE LOADER              
-----------------------------------------*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

.status {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    margin: -20px 0 0 -20px;
}

/*============= login_page ==============*/

.login_page {
    background-image: url("../images/bg.png");
    background-repeat: repeat;
    height: 35px;
}

/*-------- login_section -------------*/

.login_container {
    margin-top: 50px;
}

    .login_container a {
        outline: 0;
        text-decoration: none;
    }

    .login_container .main_logo {
        float: none;
        text-align: center;
        float: none;
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .login_container .login_div {
        background-color: rgba(235, 235, 235, .8);
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        margin-bottom: 60px;
        -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.08);
        -moz-box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.08);
        box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.08);
    }

    .login_container .login_box h2 {
        font-family: Lato-R;
        font-size: 30px;
        color: #0f3451;
        text-align: center;
        float: none;
        margin: 0 auto;
        margin-top: 22px;
    }

    .login_container .login_box h3 {
        font-family: Lato-R;
        font-size: 14px;
        width: 60%;
        line-height: 18px;
        color: #595959;
        text-align: center;
        float: none;
        margin: 0 auto;
        margin-top: 13px;
        margin-bottom: 15px;
    }

    .login_container .login_box .login_input {
        display: block;
        float: none;
        margin: 0 auto 10px;
        width: 80%;
        height: 32px;
        line-height: 32px;
        border: 1px solid #cccccc;
        outline: 0;
        box-shadow: none;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        border-radius: 3px;
        font-family: Lato-R;
        font-size: 14px;
        color: #555555;
        padding-left: 12px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .login_container .login_box .login_input:hover,
        .login_container .login_box .login_input:focus {
            border: 1px solid #0F82BD;
        }

    .login_container .login_box .submit_btn {
        background-color: #083C5D;
        width: 80%;
        height: 33px;
        line-height: 33px;
        outline: 0;
        border: none;
        box-shadow: none;
        color: #fff;
        font-family: Lato-R;
        font-size: 14px;
        margin: 0 auto;
        text-transform: uppercase;
        display: block;
        float: none;
        margin-top: 15px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .login_container .login_box .submit_btn:hover,
        .login_container .login_box .submit_btn:focus {
            background-color: #0F82BD;
        }

    .login_container .login_box h4 {
        font-family: Lato-R;
        color: #ff0000;
        font-size: 11px;
        /* visibility: hidden; */
        margin: 0;
        margin-left: 56px;
        text-align: left;
    }

    .login_container .login_box h6 {
        margin: 0;
        text-align: right;
        margin-right: 52px;
        margin-top: 10px;
        display: inline-block;
        float: right;
        /* visibility: hidden; */
    }

    .login_container .login_box h5 {
        margin: 0;
        text-align: left;
        margin-top: 10px;
        margin-left: 55px;
        display: inline-block;
        font-family: Lato-R;
        color: #ff0000;
        font-size: 14px;
    }

    .login_container .login_box h6 a {
        text-decoration: none;
        outline: 0;
        font-family: Lato-R;
        color: #0F82BD;
        font-size: 14px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .login_container .login_box h6 a:hover {
            color: #083C5D;
        }

    .login_container .login_img {
        width: 100%;
        height: 380px;
    }

/*------- dashboard page ----------*/

.dashboard_container {
    margin-top: 32px;
    padding: 0 25px;
}

    .dashboard_container a {
        text-decoration: none;
        outline: 0;
    }

    .dashboard_container .left_col {
        padding: 0 20px;
    }

        .dashboard_container .left_col .welcome_lbl {
            text-align: center;
            float: none;
            display: block;
            width: 100%;
            font-family: Lato-R;
            font-size: 12px;
            color: #fff;
            background-color: #D9534F;
            height: 20px;
            line-height: 20px;
        }

        .dashboard_container .left_col .left_menu {
            width: 100%;
            padding: 20px 0 0;
        }

            .dashboard_container .left_col .left_menu li {
                list-style: none;
                border-bottom: 1px solid #e8e8e8;
                height: 38px;
                line-height: 38px;
            }

                /*---------- left_accor ----------*/

                .dashboard_container .left_col .left_menu li.left_accor {
                    height: auto;
                    line-height: auto;
                }

                    .dashboard_container .left_col .left_menu li.left_accor ul {
                        padding-left: 0;
                    }

                        .dashboard_container .left_col .left_menu li.left_accor ul li {
                            height: 32px;
                            line-height: 32px;
                        }

                            .dashboard_container .left_col .left_menu li.left_accor ul li a {
                                font-size: 14px;
                            }

                    .dashboard_container .left_col .left_menu li.left_accor .panel-body {
                        padding: 0 15px;
                    }

                    .dashboard_container .left_col .left_menu li.left_accor .panel-group .panel {
                        border: none;
                        box-shadow: none;
                        background: transparent;
                    }

                    .dashboard_container .left_col .left_menu li.left_accor .panel-group {
                        margin: 0;
                    }

                    .dashboard_container .left_col .left_menu li.left_accor .panel-default > .panel-heading {
                        background-color: transparent;
                        background: transparent;
                        border: none;
                        padding-left: 0;
                        padding-top: 20px;
                    }

                    .dashboard_container .left_col .left_menu li.left_accor .panel-title .fa-angle-down {
                        float: right;
                        font-size: 22px;
                        color: #000;
                        cursor: pointer;
                        -webkit-transition: all 0.2s ease;
                        transition: all 0.2s ease;
                    }

                /*----------------------------*/

                .dashboard_container .left_col .left_menu li.profile_li {
                    height: auto;
                    line-height: normal;
                }

            .dashboard_container .left_col .left_menu .loggedin_profile {
                width: 100%;
                padding: 5px 10px;
            }

                .dashboard_container .left_col .left_menu .loggedin_profile .profile_pic {
                    width: 35%;
                    display: inline-block;
                    vertical-align: top;
                }

                .dashboard_container .left_col .left_menu .loggedin_profile .profile_details {
                    width: 62%;
                    display: inline-block;
                    vertical-align: top;
                    padding: 5px 0 0 10px;
                }

                .dashboard_container .left_col .left_menu .loggedin_profile .profile_pic img {
                    width: 100%;
                }

                .dashboard_container .left_col .left_menu .loggedin_profile .profile_details img.right_arrow {
                    /* float: right; */
                    margin: 18px 10px 0 0;
                    position: absolute;
                    right: 15%;
                }

                .dashboard_container .left_col .left_menu .loggedin_profile .profile_details h2.user_name {
                    font-family: Lato-B;
                    font-size: 16px;
                    font-weight: 300;
                    letter-spacing: .5px;
                    color: #d9534f;
                    margin: 0;
                }

                .dashboard_container .left_col .left_menu .loggedin_profile .profile_details h3.date_time {
                    font-family: Lato-R;
                    font-size: 12px;
                    color: #808080;
                    margin: 5px 0;
                    line-height: 16px;
                }

                    .dashboard_container .left_col .left_menu .loggedin_profile .profile_details h3.date_time span {
                        display: block;
                    }

            .dashboard_container .left_col .left_menu .search-box {
                height: 38px;
            }

            .dashboard_container .left_col .left_menu .form-search {
                height: 38px;
            }


            .dashboard_container .left_col .left_menu .btn {
                float: left;
                border-radius: 0;
                height: 100%;
                width: 13%;
                border: 1px solid #cccccc;
                z-index: -5;
            }

                .dashboard_container .left_col .left_menu .btn:hover .fa {
                    color: #0F82BD;
                }

            .dashboard_container .left_col .left_menu .search_input {
                height: 100%;
                border: 1px solid #cccccc;
                width: 87%;
                float: right;
                padding-left: 10px;
                margin-left: -5px;
                font-family: Lato-R;
                font-size: 14px;
                color: #555555;
            }

            .dashboard_container .left_col .left_menu li a {
                font-family: Lato-B;
                font-size: 16px;
                outline: 0;
                text-decoration: none;
                color: #073551;
                font-weight: 300;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                .dashboard_container .left_col .left_menu li a:hover {
                    color: #0F82BD;
                }

        .dashboard_container .left_col h6 a {
            font-family: Lato-R;
            font-size: 14px;
            color: #0F82BD;
            outline: 0;
            text-decoration: none;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

            .dashboard_container .left_col h6 a:hover {
                color: #083C5D;
            }

    .dashboard_container .right_box,
    .dashboard_container .double_box {
        border: 2px solid #c6c6c6;
        margin-bottom: 20px;
        background-color: #fff;
        padding-bottom: 22px;
    }

        .dashboard_container .right_box .box_content,
        .dashboard_container .double_box .box_content {
            padding: 10px 10px;
        }

        .dashboard_container .right_box .box_heading,
        .dashboard_container .double_box .box_heading {
            background-color: #0F82BD;
            height: 45px;
            padding: 0 15px;
        }

            .dashboard_container .right_box .box_heading h2,
            .dashboard_container .double_box .box_heading h2 {
                font-family: Lato-B;
                font-size: 16px;
                color: #fff;
                display: inline-block;
                font-weight: 300;
                margin: 0;
                text-transform: uppercase;
                height: 45px;
                line-height: 45px;
                width: 170px;
            }

            .dashboard_container .right_box .box_heading h3 {
                float: right;
                display: inline-block;
                margin: 0;
                height: 45px;
                line-height: 45px;
                font-family: Lato-R;
            }

    .dashboard_container .right_hide_btn {
        float: right;
        display: inline-block;
        margin: 0;
        margin-right: 10px;
        /*height: 45px;
	line-height: 45px;*/
    }

        .dashboard_container .right_hide_btn a,
        .dashboard_container .right_hide_btn span {
            font-family: Lato-R;
            font-weight: normal;
            font-size: 10px;
            color: #fff;
            text-transform: uppercase;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
            cursor: pointer;
        }

            .dashboard_container .right_hide_btn span:hover,
            .dashboard_container .right_hide_btn a:hover {
                color: #000;
            }

    .dashboard_container .right_box .box_heading h3 span {
        font-family: Lato-R;
        font-size: 10px;
        color: #fff;
        text-transform: uppercase;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        cursor: pointer;
    }

        .dashboard_container .right_box .box_heading h3 span:hover {
            color: #000;
        }

    .dashboard_container .right_box .calender_img {
        width: 100%;
    }

    .dashboard_container .right_box .reminder_box {
        padding: 0 0px 15px 0;
        border-bottom: 1px solid #dddddd;
    }

        .dashboard_container .right_box .reminder_box .reminder_heading {
            font-family: Lato-R;
            color: #000;
            font-size: 14px;
        }

        .dashboard_container .right_box .reminder_box:first-child() {
            margin-top: 15px;
        }

/*========== checkboxes ===========*/

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    /*Here position was set to absolute and i am removing it to show checkbox in MCAllClients.cshtml*/
    left: -9999px;
    position: absolute;
}

    [type="checkbox"]:not(:checked) + label,
    [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
    }

        /* checkbox aspect */
        [type="checkbox"]:not(:checked) + label:before,
        [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 2px;
            top: 7px;
            width: 14px;
            height: 14px;
            border: 1px solid #F0AD4E;
            background: #fff;
            border-radius: 2px;
            /*  box-shadow: inset 0 1px 3px rgba(0,0,0,.3) */
        }
        /* checked mark aspect */
        [type="checkbox"]:not(:checked) + label:after,
        [type="checkbox"]:checked + label:after {
            /*  content: '✔'; */
            font-family: FontAwesome;
            content: "\f00c";
            position: absolute;
            top: 6px;
            left: 4px;
            font-size: 16px;
            line-height: 0.8;
            color: #D9534F;
            font-weight: 100;
            transition: all .2s;
        }
        /* checked mark aspect changes */
        [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        [type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }

        [type="checkbox"]:checked + label:before,
        [type="checkbox"]:not(:checked):hover + label:before {
            border: 1px solid #F0AD4E;
            background: #fff;
        }

    /* checked mark aspect */
    [type="checkbox"]:not(:checked):hover + label:after,
    [type="checkbox"]:checked :hover + label:after {
        /* content: '✔'; */
        font-family: FontAwesome;
        content: "\f00c";
        position: absolute;
        top: 6px;
        left: 4px;
        font-size: 16px;
        line-height: 0.8;
        color: #D9534F;
        font-weight: 100;
        transition: all .2s;
        opacity: 1;
        transform: scale(1);
    }

.dashboard_container .right_box .chkbx_label {
    font-family: Lato-R;
    font-size: 14px;
    color: #333333;
    font-weight: 300;
    line-height: 25px;
    margin: 0;
}

.dashboard_container .right_box .reminder_box p {
    margin: 0;
}

.dashboard_container .right_box .reminder_box h6 {
    font-family: Lato-R;
    font-size: 12px;
    color: #333333;
    margin: 0;
    margin-bottom: 8px;
    margin-left: 25px;
}

.dashboard_container .right_box .reminder_div {
    min-height: 300px;
    max-height: 300px;
    overflow-y: scroll;
}

/*----- dropdown --------*/

.dashboard_container .right_box .dropdown_toggle {
    margin-left: 75px;
    display: inline-block;
}

    .dashboard_container .right_box .dropdown_toggle .btn {
        padding: 0;
        width: 20px;
        height: 20px;
        border-radius: 0;
        box-shadow: none;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    background-color: #D9534F;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.dashboard_container .right_box .dropdown-menu {
    left: -110px;
    margin-top: 10px;
}

    .dashboard_container .right_box .dropdown-menu > li > a {
        font-family: Lato-R;
        font-size: 14px;
        color: #333333;
        line-height: 20px;
        text-transform: uppercase;
    }

    .dashboard_container .right_box .dropdown-menu.dp2 {
        left: -140px;
    }

.dashboard_container .mid_box {
    background-color: #fff;
    border: 2px solid #c6c6c6;
}

    .dashboard_container .mid_box .box_heading {
        background-color: #0f82bd;
        height: 45px;
        padding: 0 15px;
    }

        .dashboard_container .mid_box .box_heading h2 {
            color: #fff;
            display: inline-block;
            font-family: Lato-R;
            font-size: 16px;
            font-weight: 300;
            height: 45px;
            line-height: 45px;
            margin: 0;
            text-transform: uppercase;
            width: 130px;
        }

        .dashboard_container .mid_box .box_heading h3 {
            display: inline-block;
            float: right;
            height: 45px;
            line-height: 45px;
            margin: 0;
        }

            .dashboard_container .mid_box .box_heading h3 a {
                color: #fff;
                font-family: Lato-R;
                font-size: 12px;
                text-transform: uppercase;
            }

                .dashboard_container .mid_box .box_heading h3 a:hover {
                    color: #D9534F;
                }

    /*----- dropdown --------*/

    .dashboard_container .mid_box .dropdown_toggle.mid_dp {
        margin-left: 455px;
        display: inline-block;
    }

    .dashboard_container .mid_box .dropdown_toggle .btn {
        padding: 0;
        width: 20px;
        height: 20px;
        border-radius: 0;
        box-shadow: none;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    background-color: #fff;
    border: 0;
    outline: 0 !important;
    box-shadow: none;
    color: #0f82bd;
}

.dashboard_container .mid_box .dropdown-menu {
    left: -110px;
    margin-top: 10px;
}

    .dashboard_container .mid_box .dropdown-menu > li > a {
        font-family: Lato-R;
        font-size: 14px;
        color: #333333;
        line-height: 20px;
        text-transform: uppercase;
    }

.dashboard_container .mid_box .box_content h3 {
    font-family: Lato-R;
    font-size: 18px;
    color: #073551;
    margin-left: 30px;
    text-transform: uppercase;
}

.Tablet_visible {
    display: none;
}

/*------------ action_btn ---------------*/
.action_btn.active {
    background-color: #ababab;
    color: #fff;
}

.action_btn {
    border: none;
    background-color: #e9e9e9;
    border-radius: 0;
    width: 225px;
    height: 40px;
    line-height: 40px;
    font-family: Lato-B;
    font-size: 18px;
    color: #0F82BD;
    text-align: left;
    text-transform: capitalize;
    font-weight: 300;
    margin: 0 auto;
    margin-bottom: 3px;
    display: block;
    float: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .action_btn span {
        float: right;
        width: 18px;
        height: 18px;
        line-height: 18px;
        margin-top: 10px;
        margin-right: 5px;
        font-size: 12px;
        background-color: #D9534F;
        color: #fff;
        border-radius: 8px;
        text-align: center;
    }

    .action_btn .fa {
        color: #000;
        margin-left: 10px;
        margin-top: 10px;
        float: left;
        font-size: 20px;
        width: 35px;
        color: #333333;
    }

    .action_btn:hover {
        background-color: #ababab;
        color: #fff;
    }

/*----------- All_Clients page --------------*/

.dashboard_container .double_col .allclients_form h3 {
    font-family: Lato-R;
    font-size: 14px;
    color: #185b94;
    margin: 0;
    display: inline-block;
    width: 45%;
}

.dashboard_container .double_col .allclients_form .allclients_input {
    font-family: Lato-R;
    font-size: 14px;
    color: #555;
    display: inline-block;
    width: 50%;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
    box-shadow: none;
    outline: 0;
    height: 28px;
    line-height: 28px;
    padding-left: 7px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .double_col .allclients_form .allclients_input.datepicker {
        width: 40%;
    }

    .dashboard_container .double_col .allclients_form .allclients_input:focus {
        border: 1px solid #0f82bd;
    }

.dashboard_container .double_col .allclients_form .dropdwn,
.bootstrap-select.dropdwn {
    font-family: Lato-R;
    font-size: 14px;
    color: #185b94;
    width: 50%;
    padding: 0;
    outline: 0 !important;
    box-shadow: none !important;
    margin-bottom: 10px;
}

    .dashboard_container .double_col .allclients_form .dropdwn .dropdown-menu,
    .dropdwn .dropdown-menu {
        margin-top: 7px;
    }

    .dashboard_container .double_col .allclients_form .dropdwn .btn,
    .dropdwn .btn {
        border: 1px solid #cccccc;
        border-radius: 0;
        background-color: #fff;
        color: #0F82BD;
        outline: 0 !important;
        box-shadow: none !important;
        text-transform: uppercase;
        padding-top: 4px;
        padding-bottom: 4px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.dashboard_container .double_col .allclients_form .bootstrap-select.btn-group .dropdown-toggle .caret,
.bootstrap-select.btn-group .dropdown-toggle .caret {
    display: none !important;
    position: absolute;
    top: -9999px;
}

.dashboard_container .double_col .allclients_form .bootstrap-select.btn-group .dropdown-toggle:after,
.bootstrap-select.btn-group .dropdown-toggle:after {
    font-family: FontAwesome;
    content: '\f107';
    font-size: 20px;
    position: absolute;
    top: 2px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.dashboard_container .double_col .allclients_form .bootstrap-select.btn-group.open .dropdown-toggle:after,
.bootstrap-select.btn-group.open .dropdown-toggle:after {
    /* 	content: '\f106'; */
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.dashboard_container .double_col .allclients_form .dropdwn .btn:focus,
.dropdwn .btn:focus {
    border: 1px solid #0F82BD;
}

.dashboard_container .double_col .allclients_form .form_btn {
    height: 33px;
    line-height: 33px;
    border: none;
    box-shadow: none;
    outline: 0;
    font-family: Lato-R;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 0 12px;
    float: right;
    margin: 10px;
    background-color: #5bc0de;
    border: 1px solid #46b8da;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .dashboard_container .double_col .allclients_form .form_btn:hover {
        background-color: #31B0D5;
        border: 1px solid #269abc;
    }

.dashboard_container .double_col .allclients_form .form_btn_col {
    padding-right: 30px;
}

.dashboard_container .double_col .allclients_table {
    width: 100%;
}

.dashboard_container .double_col .xero_table {
    width: 100%;
}

.agent-detail {
    width: 100%;
}

    .agent-detail th {
        font-family: Lato-R;
        font-size: 14px;
        color: #185b94;
        font-weight: bold;
        height: 38px;
        line-height: 38px;
        padding-left: 10px;
    }

    .agent-detail td {
        font-family: Lato-R;
        font-size: 14px;
        color: #185b94;
        padding-left: 10px;
    }

.dashboard_container .double_col .allclients_table tr th {
    font-family: Lato-R;
    font-size: 14px;
    color: #185b94;
    font-weight: 300;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
}

.dashboard_container .double_col .allclients_table tr td {
    font-family: Lato-R;
    font-size: 14px;
    color: #185b94;
    padding-left: 10px;
}

.dashboard_container .double_col .allclients_table tr {
    border-bottom: 1px solid #dddddd;
}

    .dashboard_container .double_col .allclients_table tr:first-child {
        border-bottom: 2px solid #dddddd;
    }

    .dashboard_container .double_col .allclients_table tr th:nth-child(1),
    .dashboard_container .double_col .allclients_table tr td:nth-child(1) {
        width: 12%;
    }

    .dashboard_container .double_col .allclients_table tr th:nth-child(2),
    .dashboard_container .double_col .allclients_table tr td:nth-child(2) {
        width: 30%;
    }

    .dashboard_container .double_col .allclients_table tr th:nth-child(3),
    .dashboard_container .double_col .allclients_table tr td:nth-child(3) {
        width: 12%;
    }

    .dashboard_container .double_col .allclients_table tr th:nth-child(4),
    .dashboard_container .double_col .allclients_table tr td:nth-child(4) {
        width: 12%;
    }

    .dashboard_container .double_col .allclients_table tr th:nth-child(5),
    .dashboard_container .double_col .allclients_table tr td:nth-child(5) {
        width: 30%;
    }

.dashboard_container .double_col .pagination_img {
    margin-top: 5px;
}

.dashboard_container .double_col .xero_table tr th {
    font-family: Lato-R;
    font-size: 14px;
    color: #185b94;
    font-weight: 300;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
}

.dashboard_container .double_col .xero_table tr td {
    font-family: Lato-R;
    font-size: 14px;
    color: #185b94;
    padding-left: 10px;
}

.dashboard_container .double_col .xero_table tr {
    border-bottom: 1px solid #dddddd;
}

    .dashboard_container .double_col .xero_table tr th:nth-child(1),
    .dashboard_container .double_col .xero_table tr td:nth-child(1) {
        width: 10%;
    }

    .dashboard_container .double_col .xero_table tr th:nth-child(2),
    .dashboard_container .double_col .xero_table tr td:nth-child(2) {
        width: 20%;
    }

    .dashboard_container .double_col .xero_table tr th:nth-child(3),
    .dashboard_container .double_col .xero_table tr td:nth-child(3) {
        width: 10%;
    }

    .dashboard_container .double_col .xero_table tr th:nth-child(4),
    .dashboard_container .double_col .xero_table tr td:nth-child(4) {
        width: 10%;
    }

    .dashboard_container .double_col .xero_table tr th:nth-child(5),
    .dashboard_container .double_col .xero_table tr td:nth-child(5) {
        width: 10%;
    }

    .dashboard_container .double_col .xero_table tr th:nth-child(6),
    .dashboard_container .double_col .xero_table tr td:nth-child(6) {
        width: 10%;
    }

    .dashboard_container .double_col .xero_table tr th:nth-child(7),
    .dashboard_container .double_col .xero_table tr td:nth-child(7) {
        width: 10%;
    }

    .dashboard_container .double_col .xero_table tr th:nth-child(8),
    .dashboard_container .double_col .xero_table tr td:nth-child(8) {
        width: 20%;
    }

/*============== Add new Client Page ==================*/
.dashboard_container .detail_section .detail_heading {
    font-family: Lato-R;
    font-weight: 300;
    color: #073551;
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
}

.dashboard_container .detail_section .detail_body {
    border: 1px solid #e3e3e3;
    background-color: #f5f5f5;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 12px;
}

    .dashboard_container .detail_section .detail_body .dummy_img {
        margin-bottom: 5px;
    }

    .dashboard_container .detail_section .detail_body .file_input {
        font-family: Lato-R;
        color: #185B94;
        font-size: 14px;
    }

    .dashboard_container .detail_section .detail_body .input_lbl {
        font-family: Lato-R;
        font-size: 14px;
        color: #185b94;
        display: inline-block;
        width: 42%;
        margin: 0;
        margin-bottom: 15px;
        padding-right: 5px;
        text-transform: capitalize;
    }

        .dashboard_container .detail_section .detail_body .input_lbl.hor-align-fix {
            margin-right: -3px;
        }

        .dashboard_container .detail_section .detail_body .input_lbl.hor-align-fix-right {
            margin-right: 3px;
        }

    .dashboard_container .detail_section .detail_body .info_input {
        font-family: Lato-R,FontAwesome;
        font-size: 14px;
        color: #555;
        outline: 0;
        box-shadow: none;
        padding-left: 10px;
        width: 56%;
        height: 29px;
        border: 1px solid #cccccc;
        vertical-align: top;
        margin-bottom: 5px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.table-input {
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    color: #555;
    outline: 0;
    box-shadow: none;
    padding-left: 10px;
    width: 100%;
    height: 29px;
    border: 1px solid #cccccc;
    vertical-align: top;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.table-input-i {
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    color: #555;
    outline: 0;
    box-shadow: none;
    padding-left: 10px;
    width: 100%;
    height: 29px;
    border: 1px solid #cccccc;
    vertical-align: top;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dashboard_container .detail_section .detail_body .info_input_r {
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    color: #555;
    outline: 0;
    box-shadow: none;
    padding-left: 10px;
    width: 41.5%;
    height: 29px;
    border: 1px solid #cccccc;
    vertical-align: top;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dashboard_container .detail_section .detail_body .mob_info_input {
    width: 33%;
    vertical-align: top;
}

.table-input.datepicker {
    margin-right: 1%;
    width: 80%;
}

.table-input-i.datepicker {
    margin-right: 1%;
    width: 80%;
}

.dashboard_container .detail_section .detail_body .info_input.datepicker {
    margin-right: 1%;
    width: 48%;
}

.dashboard_container .detail_section .detail_body .info_input.datepickerm {
    margin-right: 5px;
    width: 50%;
}

.dashboard_container .detail_section .detail_body .info_input.datepickerep {
    margin-right: 5px;
    width: 48%;
}

.dashboard_container .detail_section .detail_body .info_input.datepickerreport {
    margin-right: 5px;
    width: 52%;
}

.dashboard_container .detail_section .detail_body .info_input:focus {
    border: 1px solid #0F82BD;
}

/* .dashboard_container .dropdwn{
	width: 43%;
	display: inline-block;
	height: 29px;
	
	outline: 0 !important;
	box-shadow: none;
	
	font-family: Lato-R;
	font-size: 14px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
}

.dashboard_container .dropdwn:focus{
	border: 1px solid #0F82BD;
} */

.dashboard_container .dropdwn.mob_dropdwn {
    width: 22%;
    margin-right: 5px;
}

.dashboard_container .note-editor.note-frame .note-editing-area .note-editable {
    min-height: 235px;
    padding: 15px 10px;
}

    .dashboard_container .note-editor.note-frame .note-editing-area .note-editable .summernote_p {
        padding: 0 15px;
    }

.note-editor.note-frame {
    width: 99%;
    margin-bottom: 30px;
}

.dashboard_container .detail_section .detail_body .radio_lbl {
    margin-right: 5px; /*changing  from margin-right 20px  to margin-left block for fix on UPDATEQUESTIONNAIRECLIENTINFORMATION page*/
    display: inline-block; /*changing display from inline  to block for fix on UPDATEQUESTIONNAIRECLIENTINFORMATION page*/
    font-family: Lato-R;
    font-size: 14px;
    color: #185b94;
    font-weight: 300;
}

    .dashboard_container .detail_section .detail_body .radio_lbl input {
        margin-right: 5px;
        outline: 0 !important;
    }

.dashboard_container .save_btn {
    height: 32px;
    line-height: 32px;
    border: 1px solid #cccccc;
    font-family: Lato-R;
    color: #333333;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 5px;
    background-color: #fff;
    border-radius: 0;
    vertical-align: top;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.save_btn_email {
    height: 32px;
    line-height: 32px;
    border: 1px solid #cccccc;
    font-family: Lato-R;
    color: #333333;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 5px;
    background-color: #fff;
    border-radius: 0;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .save_btn_email:hover {
        border: 1px solid #185B94;
        color: #185b94;
    }

.dashboard_container .save_btn:hover {
    border: 1px solid #185B94;
    color: #185b94;
}

.addnew_client .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 56%;
    margin-bottom: 5px;
    margin-top: 5px;
}

.addnew_client .bootstrap-select.halfwidth_dp:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 22%;
}

/*------- tabs ----------*/

/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}

    .with-nav-tabs.panel-default .nav-tabs > .open > a,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-default .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
        color: #777;
        background-color: #ddd;
        border-color: transparent;
    }

.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #777;
    }

        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #00489F;
            border-radius: 0;
        }

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #555;
    }

.dashboard_container .right_box, .dashboard_container .double_box1 .ttabs {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

    .dashboard_container .double_box1 .ttabs .panel-body {
        padding: 15px 0;
    }

    .dashboard_container .double_box1 .ttabs.panel-default {
        border: 1px solid transparent;
        border-radius: 0;
        box-shadow: none;
        outline: 0;
    }

        .dashboard_container .double_box1 .ttabs.panel-default > .panel-heading {
            border: 1px solid transparent;
            background-color: #0F82BD;
            padding: 5px;
            padding-bottom: 0;
        }

    .dashboard_container .double_box1 .ttabs .panel-heading {
        border: 1px solid transparent;
    }

    .dashboard_container .double_box1 .ttabs .nav-tabs {
        border: 1px solid transparent;
    }

    .dashboard_container .double_box1 .ttabs .nav > li > a {
        color: #fff;
        font-family: Lato-B;
        font-size: 12px;
        font-weight: 300;
        text-transform: uppercase;
        padding: 7px 3px;
    }

.with-nav-tabs.panel-default .nav-tabs > li a:hover,
.with-nav-tabs.panel-default .nav-tabs > li a:focus {
    background-color: #fff;
    color: #46b8da;
    /* border-radius: 0; */
}

.add-new-doc {
    display: none;
}

.with-nav-tabs.panel-default .nav-tabs > li.active > a {
    /* border: 1px solid transparent; */
    /* border-radius: 0; */
    background-color: #46b8da;
    color: #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.dashboard_container .double_box1 .nav-tabs > li {
    margin-bottom: -2px;
}

.dashboard_container .double_box1 {
    padding: 0;
}

    .dashboard_container .double_box1 .data_row {
        display: block;
        width: 100%;
        border-bottom: 1px solid #d3d3d3;
        vertical-align: middle;
    }

        .dashboard_container .double_box1 .data_row .title_box,
        .dashboard_container .double_box1 .data_row .file_box,
        .dashboard_container .double_box1 .data_row .action_box {
            display: inline-block;
            width: 39%;
            border-right: 1px solid #d3d3d3;
            height: 40px;
            vertical-align: middle;
        }

        .dashboard_container .double_box1 .data_row .action_box {
            width: 20%;
            border: none;
        }

        .dashboard_container .double_box1 .data_row .ttle {
            color: #185b94;
            font-family: Lato-R;
            font-size: 14px;
            margin: 0;
            text-transform: capitalize;
            padding-top: 12px;
            padding-left: 5px;
            text-align: center;
        }

.dashboard_container .detail_section .detail_body.no_padding {
    padding: 0;
}

.dashboard_container .double_box1 .data_row .doc_input {
    width: 90%;
    height: 28px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 6px;
    margin-left: 12px;
    border: 1px solid #cccccc;
    box-shadow: none;
    color: #555;
    font-family: Lato-R;
    font-size: 14px;
    outline: 0 none;
    padding-left: 10px;
}

    .dashboard_container .double_box1 .data_row .doc_input:focus {
        border: 1px solid #0F82BD;
    }

.dashboard_container .double_box1 .data_row .add_file {
    width: 135px;
    height: 35px;
    border: 3px solid #808080;
    background-color: #d3d3d3;
    border-radius: 0;
    font-family: Lato-R;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 300;
    color: #000;
    text-align: center;
    float: none;
    margin: 0 auto;
    display: block;
    margin-top: 2px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .double_box1 .data_row .add_file:hover {
        color: #0F82BD;
        /* border: 3px solid #0F82BD; */
    }

.dashboard_container .double_box1 .save_preview {
    background-color: #fff;
    border: 1px solid #cccccc;
    display: inline-block;
    font-family: Lato-R;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-right: 5px;
    padding: 0 5px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .double_box1 .save_preview:hover {
        border: 1px solid #185b94;
        color: #185b94;
    }


.ui-widget-header .ui-icon {
    background-image: url('../images/arrows.png');
}

/*=================== Potential Client Section ====================*/

.add_pclient_btn,
.pclient_btn {
    background-color: #5bc0de;
    border: 1px solid #46b8da;
    box-shadow: none;
    color: #fff;
    font-family: Lato-R;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    margin: 0;
    margin-bottom: 15px;
    outline: 0 none;
    padding: 0 12px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.dashboard_container .double_col .potential_client .pclient_btn {
    display: inline-block;
}

    .dashboard_container .double_col .potential_client .add_pclient_btn:hover,
    .dashboard_container .double_col .potential_client .pclient_btn:hover {
        background-color: #31b0d5;
        border: 1px solid #269abc;
    }

.dashboard_container .double_col .potential_client .pbtns_div {
   margin-right: 3.5%;
margin-top: 3px;
text-align: right;
}

.dashboard_container .potential_client .pclient_lbl {
    color: #185b94;
    display: inline-block;
    font-family: Lato-R;
    font-size: 14px;
    margin: 0;
    width: 30%;
}

.dashboard_container .potential_client .r_col .pclient_lbl {
    width: 15%;
}

.dashboard_container .potential_client .pclient_input {
    width: 19%;
    margin-left: 5px;
    border: 1px solid #cccccc;
    box-shadow: none;
    color: #555;
    font-family: Lato-R;
    font-size: 13px;
    height: 29px;
    margin-bottom: 5px;
    outline: 0 none;
    padding-left: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .dashboard_container .potential_client .pclient_input:focus {
        border: 1px solid #0f82bd;
    }

.dashboard_container .potential_client .show_all_text {
    font-family: Lato-R;
    font-size: 13px;
    margin: 10 auto;
    text-transform: capitalize;
}

.dashboard_container .potential_client .pclient_table {
    width: 100%;
    border: 1px solid #ddd;
}

.dashboard_container .potential_client .pclient_table {
    text-decoration: none;
    outline: 0;
}

    .dashboard_container .potential_client .pclient_table tr {
        background-color: #fff;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .dashboard_container .potential_client .pclient_table tr:nth-child(2n) {
            background-color: #f9f9f9;
        }

        .dashboard_container .potential_client .pclient_table tr:hover {
            background-color: #f5f5f5;
        }

        .dashboard_container .potential_client .pclient_table tr:nth-child(1):hover {
            background-color: #fff;
        }

        .dashboard_container .potential_client .pclient_table tr th,
        .dashboard_container .potential_client .pclient_table tr td {
            width: 8.5%;
            border-right: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            color: #185b94;
            font-family: Lato-R;
            font-size: 12px;
            height: 32px;
            padding: 5px;
            vertical-align: middle;
        }

            .dashboard_container .potential_client .pclient_table tr th:nth-child(1),
            .dashboard_container .potential_client .pclient_table tr th:nth-child(2),
            .dashboard_container .potential_client .pclient_table tr th:nth-child(3),
            .dashboard_container .potential_client .pclient_table tr th:nth-child(6),
            .dashboard_container .potential_client .pclient_table tr td:nth-child(1),
            .dashboard_container .potential_client .pclient_table tr td:nth-child(2),
            .dashboard_container .potential_client .pclient_table tr td:nth-child(3),
            .dashboard_container .potential_client .pclient_table tr td:nth-child(6) {
                width: 9.5%;
            }

            .dashboard_container .potential_client .pclient_table tr th:last-child,
            .dashboard_container .potential_client .pclient_table tr td:last-child {
                width: 10%;
            }

/*================= Reports section ===================*/

.dashboard_container .reports_box .date_input {
    border: 1px solid #cccccc;
    box-shadow: none;
    color: #555;
    font-family: Lato-R;
    font-size: 13px;
    height: 29px;
    margin-bottom: 10px;
    margin-right: 5px;
    outline: 0 none;
    padding-left: 10px;
    width: 43.5%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.dashboard_container .reports_box .dropdwn,
.dashboard_container .reports_box .bootstrap-select.dropdwn {
    width: 48%;
    display: inline-block;
    margin-right: 5px;
}

.dashboard_container .reports_box .visatype_btn {
    background-color: #5bc0de;
    border: 1px solid #46b8da;
    box-shadow: none;
    color: #fff;
    font-family: Lato-R;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    margin: 0 15px 15px;
    outline: 0 none;
    vertical-align: top;
    width: 28%;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .reports_box .visatype_btn:hover {
        background-color: #31b0d5;
        border: 1px solid #269abc;
    }

.dashboard_container .reports_box .rr_heading {
    font-family: Lato-R;
    font-size: 14px;
    color: #484848;
    text-transform: capitalize;
    line-height: 20px;
    display: block;
    margin: 0;
    font-weight: 700;
}

    .dashboard_container .reports_box .rr_heading span {
        font-weight: 300;
        color: #0f82bd;
    }

.dashboard_container .reports_box .result_table {
    width: 100%;
    border-top: 2px solid #cecece;
    margin-top: 5px;
}

    .dashboard_container .reports_box .result_table a {
        outline: 0;
        text-decoration: none;
    }

    .dashboard_container .reports_box .result_table tr th,
    .dashboard_container .reports_box .result_table tr td {
        text-align: center;
        font-family: Lato-R;
        font-size: 14px;
        color: #555;
    }

    .dashboard_container .reports_box .result_table tr {
        border-bottom: 1px solid #cecece;
        height: 30px;
        line-height: 30px;
    }

        .dashboard_container .reports_box .result_table tr th:nth-child(1) {
            width: 40%;
        }

        .dashboard_container .reports_box .result_table tr th:nth-child(2) {
            width: 60%;
        }

.dashboard_container .right_box .report_details {
    border: 1px solid #cecece;
    margin-bottom: 30px;
}

    .dashboard_container .right_box .report_details h2 {
        width: 32.5%;
        display: inline-block;
        margin: 0;
        padding: 12px;
        font-family: Lato-R;
        font-size: 14px;
        font-weight: 300;
        color: #185b94;
        border-right: 1px solid #cecece;
    }

        .dashboard_container .right_box .report_details h2:nth-child(3) {
            border: none;
        }

    .dashboard_container .right_box .report_details h3 {
        padding: 12px;
        font-family: Lato-R;
        font-size: 14px;
        margin: 0;
        width: 100%;
        border-top: 1px solid #cecece;
        text-align: center;
        color: #ff0000;
    }

/*=========== Client Profile Page ===========*/


.dashboard_container .double_box1 .ttabs .nav > li > a .dropdwn,
.dashboard_container .double_box1 .ttabs .nav > li > a .bootstrap-select.dropdwn {
    width: 100%;
    min-width: 145px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.dashboard_container .double_box1 .ttabs .nav > li > a .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-transform: uppercase;
}

.dashboard_container .double_box1 .ttabs .nav > li > a .dropdwn .btn {
    border: none;
    border-bottom: 2px solid transparent;
    outline: 0 !important;
}

.dashboard_container .double_box1 .ttabs .nav > li > a.padding_top {
    padding: 0;
}

/*------ inner tabs -------*/

.dashboard_container .double_box1 .inner_ttabs.panel-default > .panel-heading {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.dashboard_container .double_box1 .inner_ttabs.panel-default > .panel-body {
    padding-top: 5px;
    padding-bottom: 0;
}


.dashboard_container .double_box .inner_ttabs .box_content {
    padding: 10px 0;
}

.with-nav-tabs.panel-default.inner_ttabs .nav-tabs > li {
    margin-right: 5px;
}

    .with-nav-tabs.panel-default.inner_ttabs .nav-tabs > li > a {
        border-radius: 0;
        background-color: #46b8da;
        color: #fff;
        font-size: 12px;
        padding: 5px 15px;
        font-family: Lato-R;
        font-weight: 300;
        margin-bottom: 5px;
    }

        .with-nav-tabs.panel-default.inner_ttabs .nav-tabs > li > a:hover,
        .with-nav-tabs.panel-default.inner_ttabs .nav-tabs > li > a:focus {
            background-color: #46b8da;
        }

    .with-nav-tabs.panel-default.inner_ttabs .nav-tabs > li.active > a,
    .with-nav-tabs.panel-default.inner_ttabs .nav-tabs > li.active > a:hover,
    .with-nav-tabs.panel-default.inner_ttabs .nav-tabs > li.active > a:focus {
        border-radius: 0;
        background-color: #2e6da4;
        border: 1px solid #2e6da4;
        color: #fff;
    }

.dashboard_container .double_box1 .ttabs .fa-print {
    font-size: 25px;
    margin-bottom: 8px;
    color: #BABEC1;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.custom-icon-eye {
    font-size: 25px;
    margin-bottom: 8px;
    color: #BABEC1;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.custom-icon-del {
    margin-right: 5px;
}

.dashboard_container .double_box1 .ttabs .fa-times-circle {
    font-size: 25px;
    margin-bottom: 8px;
    margin: 3px;
    color: #000;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.dashboard_container .double_box1 .ttabs .fa-print:hover {
    color: #00489f;
}

.dashboard_container .inner_ttabs .detail_section .detail_body .remove_btn {
    float: right;
    margin-right: 9px;
    border: none;
    outline: 0;
    box-shadow: none;
    font-family: Lato-R;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background-color: #d9534f;
    margin-bottom: 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .inner_ttabs .detail_section .detail_body .remove_btn:hover {
        background-color: #C9302C;
    }

.dashboard_container .detail_section .detail_body .info_value {
    color: #185b94;
    display: inline-block;
    font-family: Lato-R;
    font-size: 14px;
    width: 43%;
}

.dashboard_container .detail_section .detail_body .info_input.pemail_input {
    width: 49%;
}

.ui-datepicker-trigger {
    margin-bottom: 7px;
    vertical-align: middle;
}

.dashboard_container .detail_section .detail_body .emailto_logo {
    width: 5%;
    margin-left: 5px;
    display: inline-block;
    text-decoration: none;
    outline: 0;
    text-align: center;
    border: 1px solid #cccccc;
    height: 29px;
    line-height: 29px;
    background-color: #fff;
}

    .dashboard_container .detail_section .detail_body .emailto_logo .fa {
        color: #a0a0a0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .dashboard_container .detail_section .detail_body .emailto_logo:hover .fa {
        color: #0F82BD;
    }

.dashboard_container .inner_save_btn {
    background-color: #0F82BD;
    border: none;
    color: #fff;
    display: inline-block;
    font-family: Lato-R;
    font-size: 11px;
    height: 32px;
    line-height: 32px;
    margin-right: 5px;
    margin-bottom: 3px;
    padding: 0 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .inner_save_btn:hover {
        background-color: #185B94;
    }

/*------ toggle btn ------*/

/*------ toggle btn ------*/

.toggle-btn {
    float: right;
    width: 80px;
    height: 40px;
    margin: 10px;
    display: inline-block;
    position: relative;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==") no-repeat 50px center #d9534f;
    cursor: pointer;
    -webkit-transition: background-color .40s ease-in-out;
    -moz-transition: background-color .40s ease-in-out;
    -o-transition: background-color .40s ease-in-out;
    transition: background-color .40s ease-in-out;
    cursor: pointer;
}

    .toggle-btn.active {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 10px center #00FF00;
    }

        .toggle-btn.active .round-btn {
            left: 53px;
        }

    .toggle-btn .round-btn {
        width: 20px;
        height: 30px;
        background-color: #fff;
        display: inline-block;
        position: absolute;
        left: 5px;
        top: 50%;
        margin-top: -15px;
        -webkit-transition: all .30s ease-in-out;
        -moz-transition: all .30s ease-in-out;
        -o-transition: all .30s ease-in-out;
        transition: all .30s ease-in-out;
    }

    .toggle-btn .cb-value {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 9;
        cursor: pointer;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

/*---------------*/
/*---------------*/

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

.dropdwn .btn {
    border: 1px solid #cccccc;
    box-shadow: none !important;
    outline: 0 !important;
}

.dropdwn.open .btn {
    border: 1px solid #0f82bd;
}

.ui-widget.ui-widget-content {
    margin-top: 5px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 1px;
}

.dashboard_container .right_box {
    margin-bottom: 20px;
    padding-bottom: 0px;
}

    .dashboard_container .right_box .dropdwn3 .dropdown-menu {
        left: 0;
        margin-top: 5px;
    }

    .dashboard_container .right_box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 100%;
    }

    .dashboard_container .right_box .box_content h3 {
        font-family: Lato-B;
        font-size: 14px;
        color: #185B94;
        margin: 5px 0;
        font-weight: 300;
    }

    .dashboard_container .right_box .box_content h4 {
        font-family: Lato-R;
        font-size: 14px;
        color: #0F82BD;
        margin: 10px 0 5px 0;
    }

    .dashboard_container .right_box .box_content h5.task_lbl {
        display: inline-block;
        font-family: Lato-R;
        font-size: 14px;
        color: #0F82BD;
        margin: 0;
        width: 48%;
    }

        .dashboard_container .right_box .box_content h5.task_lbl span {
            width: 10px;
            height: 10px;
            display: inline-block;
            margin-right: 5px;
        }

.yellow_box {
    background-color: #F5D04C;
    height: 10px;
    width: 10px;
}

.blue_box {
    background-color: #46b8da;
    height: 10px;
    width: 10px;
}

.green_box {
    background-color: #5CB85C;
    height: 10px;
    width: 10px;
}

.pclient_table .fa-times-circle {
    float: right;
    font-size: 22px;
    margin-left: 10px;
}

.pclient_table .fa-clipboard {
    float: right;
    font-size: 22px;
    margin-left: 10px;
}

.pclient_table .fa-plus-circle {
    float: right;
    font-size: 22px;
    margin-left: 10px;
}

.dashboard_container .right_box .info_input {
    border: 1px solid #cccccc;
    box-shadow: none;
    color: #555;
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    height: 29px;
    margin-bottom: 5px;
    outline: 0 none;
    padding-left: 10px;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dashboard_container .right_box textarea.info_input {
    height: 120px;
    padding-top: 10px;
}

.dashboard_container .right_box .info_input:focus {
    border: 1px solid #0F82BD;
}

.dashboard_container .right_box .box_heading h3 .fa-print {
    font-size: 20px;
    margin-right: 20px;
}

.dashboard_container .right_box .inner_save_btn {
    float: right;
    display: block;
    margin: 0;
    margin-top: 10px;
}

.dashboard_container .big_btn {
    font-family: Lato-R;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    box-shadow: none;
    border: none;
    outline: 0;
    border-radius: 5px;
    background-color: #31B0D5;
    text-align: center;
    height: 80px;
    line-height: normal;
    margin-bottom: 10px;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .dashboard_container .big_btn:hover {
        background-color: #0F82BD;
    }

    .dashboard_container .big_btn span {
        color: #000;
        display: block;
        float: none;
        font-size: 12px;
        line-height: normal;
        padding-top: 11px;
        text-align: center;
        text-transform: capitalize;
    }

.dashboard_container .right_box .tasks_box .chkbx_label {
    font-size: 16px;
    color: #185B94;
}

.dashboard_container .right_box .reminder_box.tasks_box h6 {
    font-size: 14px;
    color: #0F82BD;
}

.dashboard_container .right_box .reminder_box.tasks_box {
    border: none;
}

.dashboard_container .status_box {
    margin-bottom: 10px;
    width: 100%;
    background-color: #e9e9e9;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
    height: 100%;
}
    .dashboard_container .status_box .inner-wraper {
   display:table-row;
   height:100%;
        } 
    .dashboard_container .status_box .status_lbl {
        font-family: Lato-B;
        font-size: 18px;
        color: #185B94;
        font-weight: 300;
        padding: 10px 0 0 20px;
        letter-spacing: 1px;
        margin: 0;
        text-transform: uppercase;
        width: 60%;
        float: left;
        display: inline-block;
    }

    .dashboard_container .status_box .status_lbl_s {
        font-family: Lato-B;
        font-size: 10px;
        color: #185B94;
        font-weight: 300;
        padding: 10px 0 0 20px;
        letter-spacing: 1px;
        margin: 0;
        text-transform: uppercase;
        width: 60%;
        float: left;
        display: inline-block;
    }

    .dashboard_container .status_box .status_btn {
        width: 39%;
        display: table-cell;
        vertical-align:top;
        height: 100%;
        cursor: pointer;
    }

        .dashboard_container .status_box .status_btn h3.status_flag {
            text-align: center;
            float: none;
            display: block;
            font-family: Lato-B;
            font-size: 16px;
            font-weight: 300;
            margin: 0;
            color: #fff;
            clear: both;
            text-transform: uppercase;
        }

            .dashboard_container .status_box .status_btn h3.status_flag:hover {
                font-size: 18px;
                font-weight: 400;
            }

        .dashboard_container .status_box .status_btn h3.status_flag_p {
            text-align: center;
            float: none;
            display: block;
            font-family: Lato-B;
            font-size: 16px;
            font-weight: 300;
            margin: 0;
            color: #fff;
            clear: both;
            text-transform: uppercase;
        }

        .dashboard_container .status_box .status_btn.pink_bk {
            background-color: #f98a9d;
        }

        .dashboard_container .status_box .status_btn.red_bk {
            background-color: #ff0000;
        }

        .dashboard_container .status_box .status_btn.purple_bk {
            background-color: #800080;
        }

    .dashboard_container .status_box .fa-times,
    .dashboard_container .status_box .fa-caret-down {
        float: right;
        color: black;
        font-size: 22px;
        cursor: pointer;
        padding: 6px 10px 0 0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .dashboard_container .status_box .fa-times:hover,
        .dashboard_container .status_box .fa-caret-down:hover {
            color: #000;
        }

.dashboard_container .hide_btn {
    font-family: Lato-R;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 4px;
    height: 18px;
    line-height: 18px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
    border: none;
    box-shadow: none;
    outline: 0;
    color: #fff;
    background-color: #f8950a;
    float: right;
    opacity: .8;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .hide_btn.detail_btn {
        background-color: #d95345;
        display: inline-block;
        margin: 0;
        margin-right: 10px;
    }

    .dashboard_container .hide_btn:hover {
        opacity: 1;
    }

.dashboard_container .status_flag_box {
    background-color: #fff;
    display: block;
    padding: 8px 0;
    margin-bottom: 15px;
    clear: both;
}

    .dashboard_container .status_flag_box .sflag_col h3 {
        margin: 0;
        font-size: 14px;
        font-family: Lato-B;
        font-weight: 300;
        color: #185B94;
        display: inline-block;
        line-height: 20px;
    }

    .dashboard_container .status_flag_box .sflag_col h4 {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        color: #185B94;
        display: inline-block;
        line-height: 20px;
        float: right;
        margin-right: 60px;
    }

    .dashboard_container .status_flag_box .sflag_clr {
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin: 0 5px 0 20px;
        display: inline-block;
    }

        .dashboard_container .status_flag_box .sflag_clr.yellow_clr {
            background-color: #ffff00;
        }

        .dashboard_container .status_flag_box .sflag_clr.lpink_clr {
            background-color: #ffc0cb;
        }

        .dashboard_container .status_flag_box .sflag_clr.pink_clr {
            background-color: #ff00ff;
        }

    .dashboard_container .status_flag_box .sflag_col {
        clear: both;
    }

/*======= accordion_container ========*/

.accordion_container {
    width: 100%;
    float: none;
    display: block;
    margin: 10px auto;
}

.right_box .accordion_container {
    margin-bottom: 0;
}

.cssmenu {
    /* border: 1px solid #cecece; */
    cursor: default;
}

    .cssmenu ul {
        /* border: 1px solid #cecece; */
        padding-left: 0;
    }

.accordion_container .cssmenu > ul > li {
    border: 1px solid #cecece;
    padding: 18px;
    margin-bottom: 10px;
    cursor: default;
    list-style: none;
}

.accordion_container .cssmenu a {
    padding: 0;
}

.accordion_container .cssmenu > ul > li > a {
    outline: 0;
}

.accordion_container .cssmenu > ul > li.has-sub > a:hover:after {
    color: #1da2e8;
}

.accordion_container .cssmenu > ul > li.has-sub > a:after {
    content: "";
    font-family: FontAwesome;
    content: "\f107";
    right: 0;
    top: 0;
    left: auto;
    font-size: 20px;
    color: #000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: right;
}

.accordion_container .cssmenu > ul > li.has-sub.active > a:after {
    content: "\f106";
    right: -4px;
}

.accordion_container .inner_title {
    font-family: Lato-B;
    color: #083b5b;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
}

.accordion_container .inner_data p {
    font-family: Lato-R;
    font-size: 13px;
    color: #bebebe;
    padding-bottom: 18px;
    border-bottom: 1px solid #EFEFEF;
    line-height: 18px;
}

.accordion_container .cssmenu li ul li {
    padding: 0;
    list-style: none;
}

.accordion_container .data_heading .data_row1,
.accordion_container .data_heading .data_row2 {
    width: 100%;
}

.accordion_container .data_heading .data_row2 {
    background-color: #0f7eb8;
    /* margin-bottom: 30px; */
}

    .accordion_container .data_heading .data_row1 h2,
    .accordion_container .data_heading .data_row2 h2 {
        font-family: Lato-B;
        font-size: 14px;
        color: #083b5b;
        text-transform: uppercase;
        font-weight: 300;
        margin: 0;
        line-height: 40px;
        display: inline-block;
        width: 22%;
        padding-left: 8px;
    }

.right_box .accordion_container .data_heading .data_row1 h2,
.right_box .accordion_container .data_heading .data_row2 h2 {
    width: 32%;
}

.accordion_container .data_heading .data_row2 h2 {
    border-right: 1px solid #fff;
    text-transform: none;
    color: #fff;
}

    .accordion_container .data_heading .data_row2 h2:last-child {
        border: none;
    }

.accordion_container .data_content .content_heading h2 {
    font-family: Lato-R;
    font-size: 18px;
    color: #0f7eb8;
    margin: 0;
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    background-color: #e9e9e9;
    font-weight: 100;
}

.accordion_container .content_table {
    width: 100%;
    border: none;
    background-color: #f5f5f5;
    margin-bottom: 12px;
}

    .accordion_container .content_table tr th {
        font-family: Lato-R;
        font-size: 14px;
        color: #999;
        font-weight: 700;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

        .accordion_container .content_table tr th:last-child {
            border-right: none;
        }

    .accordion_container .content_table tr th,
    .accordion_container .content_table tr td {
        width: 17%;
        text-align: left;
        padding-left: 12px;
        padding-right: 12px;
        height: 45px;
        line-height: 45px;
    }

    .accordion_container .content_table tr td {
        font-family: Lato-R;
        font-size: 14px;
        color: #999;
        font-weight: 100;
        height: 40px;
        line-height: 40px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }


        .accordion_container .content_table tr th:last-child,
        .accordion_container .content_table tr td:last-child {
            width: 49%;
        }

        .accordion_container .content_table tr th:last-child,
        .accordion_container .content_table tr td:last-child {
            border-right: none;
        }

    .accordion_container .content_table tr:last-child td {
        border-bottom: none;
    }

    .accordion_container .content_table .temp_btn {
        background-color: #0f7eb8;
        text-align: center;
        border: none;
        box-shadow: none;
        outline: 0;
        padding: 0 6px;
        height: 22px;
        line-height: 21px;
        font-family: Lato-R;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
        cursor: pointer;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .accordion_container .content_table .temp_btn:hover {
            background-color: #1da2e8;
        }

/*========== checkboxes ===========*/

/* Base for label styling */
.accordion_container .custom_chkbox:not(:checked),
.accordion_container .custom_chkbox:checked {
    position: absolute;
    left: -9999px;
}

    .accordion_container .custom_chkbox:not(:checked) + label,
    .accordion_container .custom_chkbox:checked + label {
        position: relative;
        padding-left: 35px;
        cursor: pointer;
    }

        /* checkbox aspect */
        .accordion_container .custom_chkbox:not(:checked) + label:before,
        .accordion_container .custom_chkbox:checked + label:before {
            content: '';
            position: absolute;
            left: 2px;
            top: 7px;
            width: 13px;
            height: 13px;
            border: 1px solid #dadada;
            background: #f7f7f7;
            border-radius: 0;
            /*  box-shadow: inset 0 1px 3px rgba(0,0,0,.3) */
        }
        /* checked mark aspect */
        .accordion_container .custom_chkbox:not(:checked) + label:after,
        .accordion_container .custom_chkbox:checked + label:after {
            /* content: '✔'; */
            font-family: FontAwesome;
            content: "\f00c";
            position: absolute;
            top: 6px;
            left: 4px;
            font-size: 18px;
            line-height: 0.8;
            color: #0F7EB8;
            font-weight: 100;
            transition: all .2s;
        }
        /* checked mark aspect changes */
        .accordion_container .custom_chkbox:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        .accordion_container .custom_chkbox:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }

.accordion_container .data_row3 .chkbox_p {
    border: none;
    margin: 0;
    padding-bottom: 5px;
    /* margin-top: 20px; */
    padding-top: 5px;
    margin-left: 8px;
    display: inline-block;
}

.accordion_container .data_row3 .chkbx_label {
    font-family: Lato-R;
    font-size: 14px;
    padding-left: 25px;
    padding-top: 4px;
    color: #999;
}

.right_box .accordion_container .data_row3 .chkbx_label {
    padding-top: 0;
    vertical-align: bottom;
}

.accordion_container .data_heading .data_row3 {
    background-color: #f5f5f5;
    height: 35px;
    line-height: 35px;
    margin-bottom: 30px;
}

.right_box .accordion_container .data_heading .data_row3 {
    margin-bottom: 10px;
}

.right_box .accordion_container .data_heading .data_row7 {
    margin-bottom: 5px;
}

.accordion_container .data_row3 h6.data_percent {
    color: #999;
    font-family: Lato-R;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding-left: 8px;
    display: inline-block;
}

.accordion_container .data_content h6.data_percent span {
}

.accordion_container .data_row3 .gen_invioce {
    background-color: #0f7eb8;
    border: none;
    box-shadow: none;
    color: #fff;
    font-family: Lato-R;
    font-size: 12px;
    height: 20px;
    line-height: 19px;
    outline: 0 none;
    padding: 0 12px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-top: 5px;
    margin-right: 8px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .accordion_container .data_row3 .gen_invioce:hover {
        background-color: #1da2e8;
    }

.dashboard_container .gen_invioce {
    background-color: #0f7eb8;
    border: none;
    box-shadow: none;
    color: #fff;
    font-family: Lato-R;
    font-size: 12px;
    height: 20px;
    line-height: 19px;
    outline: 0 none;
    padding: 0 12px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-top: 5px;
    margin-right: 8px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .gen_invioce:hover {
        background-color: #1da2e8;
    }

.accordion_container .data_content .hor_line {
    margin-top: 20px;
    border-bottom: 1px solid #999;
}

.accordion_container .total_div .deposit_div {
    display: inline-block;
    width: 65%;
    vertical-align: top;
}

.accordion_container .total_div .amount_div {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}

.accordion_container .total_div .amount_div {
}

.accordion_container .total_div h5,
.accordion_container .total_div h5 {
    font-family: Lato-R;
    font-size: 18px;
    color: #0f7eb8;
    margin: 0;
    line-height: 22px;
}

.right_box .accordion_container .total_div h5,
.right_box .accordion_container .total_div h5 {
    font-size: 16px;
}

.accordion_container .total_div h5 span {
    font-weight: 100;
}

.accordion_container .total_div .deposit_div h5 {
    padding-left: 0px;
    margin-bottom: 5px;
    display: inline-block;
}

.accordion_container .total_div .deposit_div .gen_dep_invoice {
    display: inline-block;
    background-color: #0f7eb8;
    border: medium none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Lato-R;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    outline: 0 none;
    padding: 0 6px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .accordion_container .total_div .deposit_div .gen_dep_invoice:hover {
        background-color: #1da2e8;
    }

.accordion_container .cssmenu ul ul a {
    display: inline-block;
}

.accordion_container .content_table td a {
    display: inline-block;
}

/*---------- right_box dropdown fix ------------*/

.cssmenu ul ul.dropdown-menu {
    display: block;
}

.accordion_container .cssmenu ul ul.dropdown-menu a {
    color: #333333;
    font-family: Lato-R;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 3px 20px;
    display: block;
}


/*=============  accordion_container ends ================*/

.dashboard_container .detail_section.small_width {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.dashboard_container .detail_section .detail_body.top_margin {
    margin-top: 0;
}

.dashboard_container h5.task_lbl {
    color: #0f82bd;
    display: block;
    font-family: Lato-R;
    font-size: 14px;
    margin: 0;
    margin-top: 10px;
}

    .dashboard_container h5.task_lbl span {
        display: inline-block;
        height: 10px;
        margin-right: 5px;
        width: 10px;
    }

        .dashboard_container h5.task_lbl span.yellow_box {
            background-color: #f5d04c;
        }

.dashboard_container .double_col .allclients_table tr td.notfound_msg {
    color: #ff0000;
    text-align: center;
}


.dashboard_container .double_col .allclients_table p.chkbox_p {
    margin-bottom: 0;
}

.dashboard_container .double_col .allclients_table [type="checkbox"]:not(:checked) + label,
.dashboard_container .double_col .allclients_table [type="checkbox"]:checked + label {
    margin-bottom: 18px;
}


    .dashboard_container .double_col .allclients_table [type="checkbox"]:not(:checked) + label:before,
    .dashboard_container .double_col .allclients_table [type="checkbox"]:checked + label:before {
        /*  background: #0F82BD;*/
        border: 1px solid #0F82BD;
    }

    .dashboard_container .double_col .allclients_table [type="checkbox"]:not(:checked) + label:after,
    .dashboard_container .double_col .allclients_table [type="checkbox"]:checked + label:after {
        color: #0F82BD;
    }

    .dashboard_container .double_col .allclients_table [type="checkbox"]:checked + label:before,
    .dashboard_container .double_col .allclients_table [type="checkbox"]:not(:checked):hover + label:before {
        border: 1px solid #0F82BD;
        background: #fff;
    }

.dashboard_container .double_col .allclients_table [type="checkbox"]:hover:not(:checked) + label:after,
.dashboard_container .double_col .allclients_table [type="checkbox"]:checked *:hover + label:after {
    color: transparent;
    content: " ";
}


/*------------- generic checkbox ----------------*/

.dashboard_container .double_col .blue_chkbx [type="checkbox"]:not(:checked) + label,
.dashboard_container .double_col .blue_chkbx [type="checkbox"]:checked + label {
    margin-bottom: 18px;
    margin-top: 5px;
}

.dashboard_container .double_col .blue_chkbx.marg-btm [type="checkbox"]:not(:checked) + label,
.dashboard_container .double_col .blue_chkbx.marg-btm [type="checkbox"]:checked + label {
    margin-bottom: 5px;
}

.dashboard_container .double_col .blue_chkbx [type="checkbox"]:not(:checked) + label:before,
.dashboard_container .double_col .blue_chkbx [type="checkbox"]:checked + label:before {
    background: #fff;
    border: 1px solid #0F82BD;
}

.dashboard_container .double_col .blue_chkbx [type="checkbox"]:not(:checked) + label:after,
.dashboard_container .double_col .blue_chkbx [type="checkbox"]:checked + label:after {
    color: #0F82BD;
}

.dashboard_container .double_col .blue_chkbx [type="checkbox"]:checked + label:before,
.dashboard_container .double_col .blue_chkbx [type="checkbox"]:not(:checked):hover + label:before {
    border: 1px solid #0F82BD;
    background: #fff;
}

.dashboard_container .double_col .blue_chkbx [type="checkbox"]:not(:checked):hover + label:before {
    background: #0F82BD;
}

.dashboard_container .double_col .blue_chkbx [type="checkbox"]:hover:not(:checked) + label:after,
.dashboard_container .double_col .blue_chkbx [type="checkbox"]:checked *:hover + label:after {
    color: transparent;
    content: " ";
}

.dashboard_container .double_col .blue_chkbx .chkbx_label {
    font-family: Lato-R;
    font-size: 14px;
    color: #185B94;
    font-weight: 100;
    padding-top: 5px;
}



.dashboard_container .double_col .allclients_table th {
    font-weight: bold !important;
}

.dashboard_container .double_col .allclients_table.client_documents tr th:nth-child(1),
.dashboard_container .double_col .allclients_table.client_documents tr td:nth-child(1) {
    width: 5%;
}


.dashboard_container .double_col .allclients_table.client_documents tr th:nth-child(2),
.dashboard_container .double_col .allclients_table.client_documents tr td:nth-child(2) {
    width: 3%;
}

.dashboard_container .double_col .allclients_table.client_documents tr td:nth-child(2) {
    text-align: center;
    padding: 0;
}

.dashboard_container .double_col .allclients_table.client_documents tr th:nth-child(3),
.dashboard_container .double_col .allclients_table.client_documents tr td:nth-child(3) {
    width: 15%;
}

.dashboard_container .double_col .allclients_table.client_documents tr th:nth-child(4),
.dashboard_container .double_col .allclients_table.client_documents tr td:nth-child(4) {
    width: 25%;
}

.dashboard_container .double_col .allclients_table.client_documents tr th:nth-child(5),
.dashboard_container .double_col .allclients_table.client_documents tr td:nth-child(5) {
    width: 13%;
}

.dashboard_container .double_col .allclients_table.client_documents tr th:nth-child(6),
.dashboard_container .double_col .allclients_table.client_documents tr td:nth-child(6) {
    width: 15%;
}

.dashboard_container .double_col .allclients_table.client_documents tr th:nth-child(6),
.dashboard_container .double_col .allclients_table.client_documents tr td:nth-child(6) {
    width: 23%;
}

.dashboard_container .double_col .allclients_table.client_documents .action_btns a {
    outline: 0;
    text-decoration: none;
}

.dashboard_container .double_col .allclients_table.client_documents tr {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.client_agent_upload {
    background-color: #46b8da;  
width: 100%;
height: 100%;
color: white;
padding: 5px;
border-radius: 50%;
float: left;
}
.client_upload {
    background-color: #F5D04C;
    width: 100%;
height: 100%;
color: white;
padding: 5px;
border-radius: 50%;
float: left;
}

.agent_upload {
    background-color: #5CB85C;
    width: 100%;
height: 100%;
color: white;
padding: 5px;
border-radius: 50%;
float: left;
}

.dashboard_container .double_col .allclients_table.client_documents tr:hover {
    background-color: #e9e9e9;
}

.dashboard_container .double_col .allclients_table.client_documents .action_btns .fa {
    font-size: 14px;
    color: #000;
    margin-right: 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .double_col .allclients_table.client_documents .action_btns .fa:hover {
        color: #000;
    }

.dashboard_container .double_col .allclients_table.client_documents .info_input,
.dashboard_container .double_col .info_input.cmnt_input {
    border: 1px solid #cccccc;
    box-shadow: none;
    color: #555;
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    height: 29px;
    margin-bottom: 5px;
    outline: 0 none;
    padding-left: 10px;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    width: 100%;
}

.dashboard_container .double_col .info_input.cmnt_input {
    margin-top: 10px;
}

.dashboard_container .double_col .info_input.cmnt_input {
    margin: 2px 0;
}

    .dashboard_container .double_col .allclients_table.client_documents .info_input:focus,
    .dashboard_container .double_col .info_input.cmnt_input:focus {
        border: 1px solid #0f82bd;
    }

.agent-clients_table th {
    font-weight: bold !important;
}

.agent-clients_table {
    width: 100%;
}

    .agent-clients_table tr td:nth-child(1) {
        width: 7%;
    }

    .agent-clients_table tr td:nth-child(1) {
        text-align: center;
        padding: 0;
    }

    .agent-clients_table tr td:nth-child(2) {
        width: 20%;
    }

    .agent-clients_table tr td:nth-child(3) {
        width: 30%;
    }

    .agent-clients_table tr td:nth-child(4) {
        width: 23%;
    }

    .agent-clients_table tr td:nth-child(5) {
        width: 20%;
    }

    .agent-clients_table .action_btns a {
        outline: 0;
        text-decoration: none;
    }

    .agent-clients_table tr {
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .agent-clients_table tr:hover {
            background-color: #e9e9e9;
        }

    .agent-clients_table .action_btns .fa {
        font-size: 18px;
        color: #000;
        margin-right: 10px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .agent-clients_table .action_btns .fa:hover {
            color: #000;
        }

    .agent-clients_table .info_input {
        border: 1px solid #cccccc;
        box-shadow: none;
        color: #555;
        font-family: Lato-R,FontAwesome;
        font-size: 14px;
        height: 29px;
        margin-bottom: 5px;
        outline: 0 none;
        padding-left: 10px;
        transition: all 0.3s ease 0s;
        vertical-align: middle;
        width: 100%;
    }

        .agent-clients_table .info_input:focus,
        .dashboard_container .double_col .info_input.cmnt_input:focus {
            border: 1px solid #0f82bd;
        }
/*=================================================*/
.dashboard_container .double_col .dropzone {
    width: 100%;
    padding: 50px 0;
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    border: 2px solid #cccccc;
    color: #0f82bd;
    text-align: center;
    float: none;
    margin-bottom: 10px;
}

.dashboard_container .double_col .hide_lbl {
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    margin: 0;
    display: inline-block;
    margin: 0 5px;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .double_col .hide_lbl:hover {
        color: #185B94;
    }

/*----------- email-section  ------------*/

.emailtabs_container .mail_heading {
    margin-bottom: 22px;
}





    .emailtabs_container .mail_heading h2 {
        font-family: Lato-R;
        font-size: 14px;
        color: #185b94;
        margin: 0;
        border-bottom: 1px solid #afafaf;
        padding-bottom: 10px;
    }

.emailtabs_container .mailbox_1 {
    background-color: #f5f5f5;
    padding: 12px 27px;
    margin-bottom: 13px;
}

.emailtabs_container .mailbox_2 {
    background-color: #f4fffe;
    padding: 12px 27px;
}

.emailtabs_container .mail_heading h2 span.mail_subject {
    font-family: Lato-B;
}

.emailtabs_container .mail_heading h2 span.mail_date {
    background: #f8950a none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-family: Lato-R;
    padding: 2px 12px;
}

.emailtabs_container .mail_body .content_div {
    display: block;
    width: 100%;
    overflow-x: scroll;
}

.emailtabs_container .content_div h2 {
    font-family: Lato-B;
    font-size: 14px;
    color: #484848;
    margin: 0;
    margin-bottom: 2px;
    /* text-transform: uppercase; */
}

    .emailtabs_container .content_div h2 span {
        font-family: Lato-R;
    }

.emailtabs_container .content_div h3 {
    font-family: Lato-R;
    font-size: 14px;
    color: #484848;
    margin: 0;
    margin-bottom: 17px;
    text-transform: lowercase;
}

.emailtabs_container .content_div p {
    font-family: Lato-R;
    font-size: 14px;
    color: #707070;
    margin: 0;
    padding: 0;
    text-align: justify;
    line-height: 17px;
    margin-bottom: 12px;
    margin-top: 8px;
}

.emailtabs_container .mail_foter {
    border-top: 1px solid #afafaf;
    padding-top: 10px;
}

    .emailtabs_container .mail_foter a {
        text-decoration: none;
        outline: 0;
    }

    .emailtabs_container .mail_foter h2 {
        display: inline-block;
        font-family: Lato-R;
        font-size: 14px;
        color: #185b94;
        margin: 0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .emailtabs_container .mail_foter h3 {
        display: inline-block;
        font-family: Lato-B;
        font-size: 14px;
        color: #1f7f73;
        margin: 0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .emailtabs_container .mail_foter h3:hover,
        .emailtabs_container .mail_foter a > h2:hover {
            color: #2EC0AD;
        }

    .emailtabs_container .mail_foter .fa-paperclip {
        margin-left: 14px;
        margin-right: 1px;
        font-size: 15px;
        color: #000;
    }

    .emailtabs_container .mail_foter .fa-reply,
    .emailtabs_container .mail_foter .fa-print {
        margin-right: 5px;
        font-size: 15px;
        color: #000;
    }

    .emailtabs_container .mail_foter span {
        font-family: Lato-R;
        font-size: 18px;
        color: #8f8f8f;
        margin: 0 6px 0 13px;
    }

/*----------- Activity ------------*/
.dashboard_container .activity_box {
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
    border-radius: 3px;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .activity_box h2.activity_heading {
        font-family: Lato-R;
        font-size: 14px;
        color: #31708f;
        margin: 0;
        line-height: 22px;
        clear: both;
    }

    .dashboard_container .activity_box .date_stamp {
        font-family: Lato-R;
        font-size: 14px;
        color: #185B94;
        font-size: 12px;
        margin: 8px 0 3px 0;
    }

    .dashboard_container .activity_box:hover {
        background-color: #EDEDED;
    }

.dashboard_container .filenote_txtarea {
    width: 100%;
    display: block;
    float: none;
    height: 200px;
    margin-bottom: 10px;
    color: #555;
    font-family: Lato-R;
    font-size: 14px;
    padding: 10px 15px;
}

.dashboard_container .filenote_added {
    margin: 11px 0;
    padding: 12px 5px;
}

    .dashboard_container .filenote_added h3 {
        font-family: Lato-R;
        font-size: 14px;
        color: #555;
        margin: 0;
        display: inline-block;
    }

    .dashboard_container .filenote_added .fa {
        font-size: 18px;
        color: #555;
        cursor: pointer;
        float: right;
        padding:3px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .dashboard_container .filenote_added .fa-pencil-square-o:hover {
            color: #0F82BD;
        }

    .dashboard_container .filenote_added p.fnote_text {
        font-family: Lato-R;
        font-size: 15px;
        color: #185B94;
        margin: 0;
        margin-top: 5px;
    }

    .dashboard_container .filenote_added .fnote_edit_txtarea {
        width: 100%;
        display: block;
        float: none;
        height: 150px;
        margin-bottom: 10px;
        color: #555;
        font-family: Lato-R;
        font-size: 14px;
        padding: 10px 15px;
    }

/*------------- Accounts-Page --------------*/

.dashboard_container .invoice_search {
    border: 1px solid #cccccc;
    box-shadow: none;
    color: #555;
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    height: 29px;
    margin-bottom: 5px;
    outline: 0 none;
    padding-left: 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
}

    .dashboard_container .invoice_search:focus {
        border: 1px solid #0f82bd;
    }

.accordion_container .data_heading .head_row h1 {
    font-family: Lato-B;
    font-size: 18px;
    color: #185B94;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 5px;
    display: block;
    font-weight: 300;
    text-transform: capitalize;
}

.dashboard_container .right_box .search-box {
    height: 38px;
    margin: 10px 0;
}

.dashboard_container .right_box .form-search {
    height: 38px;
}

.dashboard_container .right_box .search_input {
    height: 100%;
    border: 1px solid #cccccc;
    width: 87%;
    float: right;
    padding-left: 10px;
    margin-left: -5px;
    font-family: Lato-R;
    font-size: 14px;
    color: #555555;
}

.dashboard_container .right_box .search-box .btn {
    float: left;
    border-radius: 0;
    height: 100%;
    width: 13%;
    border: 1px solid #cccccc;
    z-index: -5;
}

    .dashboard_container .right_box .search-box .btn:hover .fa {
        color: #0F82BD;
    }

.dashboard_container h5.invoices_total {
    font-family: Lato-R;
    font-size: 14px;
    color: #185B94;
    margin: 0 10px 10px 0;
    line-height: 25px;
    display: inline-block;
}

    .dashboard_container h5.invoices_total span {
        font-weight: 700;
    }

.dashboard_container .n_invoice_table {
    width: 100%;
    border: 1px solid #cecece;
    margin-top: 30px;
    margin-bottom: 20px;
}

    .dashboard_container .n_invoice_table tr th {
        font-family: Lato-B;
        font-size: 14px;
        color: #185B94;
        font-weight: 300;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 30px;
        line-height: 30px;
        /* 	padding-left: 20px; */
    }

    .dashboard_container .n_invoice_table tr td {
        font-family: Lato-R;
        font-size: 14px;
        color: #0F82BD;
        padding: 5px 8px;
        border-bottom: 1px solid #cecece;
    }

    .dashboard_container .n_invoice_table tr {
        background-color: transparent;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .dashboard_container .n_invoice_table tr:nth-child(1) {
            background-color: #fff;
            border-bottom: 2px solid #cecece;
        }



.dashboard_container .detail_section .detail_body .n_invoice_table .info_input {
    width: 80%;
}


.dashboard_container .n_invoice_table tr th:nth-child(1),
.dashboard_container .n_invoice_table tr td:nth-child(1) {
    width: 10%;
    text-align: center;
}

.dashboard_container .n_invoice_table tr th:nth-child(2),
.dashboard_container .n_invoice_table tr td:nth-child(2) {
    width: 65%;
}

.dashboard_container .n_invoice_table tr th:nth-child(3),
.dashboard_container .n_invoice_table tr td:nth-child(3) {
    width: 15%;
}

.dashboard_container .n_invoice_table tr th:nth-child(4),
.dashboard_container .n_invoice_table tr td:nth-child(4) {
    width: 10%;
}


/*--------- settings_table ----------*/

.dashboard_container .n_invoice_table.settings_table,
.dashboard_container .n_invoice_table.in_notes_table {
    margin-top: 10px;
}

    .dashboard_container .n_invoice_table.settings_table tr td {
        padding-left: 10px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

.dashboard_container .settings_table tr {
    background-color: transparent;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/*.dashboard_container .settings_table tr:nth-child(1):hover {
        background-color: #cecece;
    }

    .dashboard_container .settings_table tr:hover {
        background-color: #f5f5f5;
    }*/

.dashboard_container .n_invoice_table.settings_table tr:nth-child(2n) {
    background-color: #fff;
}

.dashboard_container .n_invoice_table.settings_table tr th:nth-child(1),
.dashboard_container .n_invoice_table.settings_table tr td:nth-child(1) {
    width: 20%;
    text-align: left;
}

.dashboard_container .n_invoice_table.settings_table tr th:nth-child(2),
.dashboard_container .n_invoice_table.settings_table tr td:nth-child(2) {
    width: 30%;
}

.dashboard_container .n_invoice_table.settings_table tr th:nth-child(3),
.dashboard_container .n_invoice_table.settings_table tr td:nth-child(3) {
    width: 30%;
}

.dashboard_container .n_invoice_table.settings_table tr th:nth-child(4),
.dashboard_container .n_invoice_table.settings_table tr td:nth-child(4) {
    width: 20%;
}

.dashboard_container .n_invoice_table.settings_table .fa,
.dashboard_container .n_invoice_table.in_notes_table .fa {
    font-size: 18px;
    margin-right: 10px;
}

/*------ in_notes_table -------*/

.dashboard_container .n_invoice_table.in_notes_table tr td {
    padding-left: 10px;
}

    .dashboard_container .n_invoice_table.in_notes_table tr th:nth-child(1),
    .dashboard_container .n_invoice_table.in_notes_table tr td:nth-child(1) {
        width: 20%;
        text-align: left;
    }

    .dashboard_container .n_invoice_table.in_notes_table tr th:nth-child(2),
    .dashboard_container .n_invoice_table.in_notes_table tr td:nth-child(2) {
        width: 60%;
    }

    .dashboard_container .n_invoice_table.in_notes_table tr th:nth-child(3),
    .dashboard_container .n_invoice_table.in_notes_table tr td:nth-child(3) {
        width: 20%;
    }

.dashboard_container .save_btn.fl_right {
    float: right;
}

.float_right {
    float: right;
}

.dashboard_container .detail_section .detail_heading.fl_left {
    float: left;
}

.dashboard_container .detail_section .detail_body .info_input.txt_area {
    height: 250px;
    padding-top: 5px;
}

.dashboard_container .modal-title {
    color: #073551;
    font-family: Lato-R;
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
}

.dashboard_container .outstd_inv_table {
    width: 100%;
    border: 1px solid #cecece;
    margin-top: 30px;
    margin-bottom: 20px;
}


    .dashboard_container .outstd_inv_table tr:nth-child(2n) {
        background-color: #fff;
    }

    .dashboard_container .outstd_inv_table tr th {
        font-family: Lato-R;
        font-size: 14px;
        color: #185B94;
        font-weight: 700;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 30px;
        line-height: 25px;
    }

    .dashboard_container .outstd_inv_table tr td {
        font-family: Lato-R;
        font-size: 14px;
        color: #0F82BD;
        padding: 7px 10px;
    }

        .dashboard_container .outstd_inv_table tr th:nth-child(1),
        .dashboard_container .outstd_inv_table tr td:nth-child(1) {
            width: 20%;
        }

        .dashboard_container .outstd_inv_table tr th:nth-child(2),
        .dashboard_container .outstd_inv_table tr td:nth-child(2) {
            width: 20%;
        }

        .dashboard_container .outstd_inv_table tr th:nth-child(3),
        .dashboard_container .outstd_inv_table tr td:nth-child(3) {
            width: 10%;
        }

        .dashboard_container .outstd_inv_table tr th:nth-child(4),
        .dashboard_container .outstd_inv_table tr td:nth-child(4) {
            width: 20%;
        }

        .dashboard_container .outstd_inv_table tr th:nth-child(5),
        .dashboard_container .outstd_inv_table tr td:nth-child(5) {
            width: 20%;
        }

        .dashboard_container .outstd_inv_table tr th:nth-child(6),
        .dashboard_container .outstd_inv_table tr td:nth-child(6) {
            width: 10%;
        }

    /*========  reports table =========*/

    .dashboard_container .outstd_inv_table.reports_table tr th:nth-child(3),
    .dashboard_container .outstd_inv_table.reports_table tr td:nth-child(3) {
        width: 20%;
    }

    .dashboard_container .outstd_inv_table.reports_table tr th:nth-child(4),
    .dashboard_container .outstd_inv_table.reports_table tr td:nth-child(4) {
        width: 10%;
    }

    .dashboard_container .outstd_inv_table.reports_table tr th:nth-child(5),
    .dashboard_container .outstd_inv_table.reports_table tr td:nth-child(5) {
        width: 10%;
    }

    .dashboard_container .outstd_inv_table.reports_table tr th:nth-child(6),
    .dashboard_container .outstd_inv_table.reports_table tr td:nth-child(6) {
        width: 20%;
    }

.dashboard_container .temp_heading {
    font-family: Lato-R;
    font-size: 18px;
    color: #185B94;
    margin: 0;
    display: inline-block;
    float: left;
    font-weight: 700;
}

.dashboard_container .temp_subheading {
    font-family: Lato-R;
    font-size: 12px;
    color: #0F82BD;
    margin: 0;
    padding: 0;
    clear: both;
}

.dashboard_container .temp_trash {
    float: right;
    font-size: 22px;
}

.dashboard_container .temp_link {
    font-family: Lato-R;
    font-size: 15px;
    color: #185B94;
    margin: 0;
    margin: 15px 0;
    cursor: pointer;
}

.dashboard_container .temp_details {
    font-family: Lato-R;
    font-size: 14px;
    color: #0F82BD;
    margin: 0;
    margin: 7px 0;
}

    .dashboard_container .temp_details .frst_value {
        width: 25%;
        display: inline-block;
    }

    .dashboard_container .temp_details .sec_value {
        margin-left: 20%;
        width: 25%;
        display: inline-block;
    }

    .dashboard_container .temp_details .trd_value {
        margin-left: 10%;
    }

.hor_line2 {
    border: none;
    border-bottom: 1px solid #484848;
    margin: 0;
    margin-bottom: 20px;
}

.dashboard_container .fa-plus-square {
    font-size: 22px;
    float: right;
    cursor: pointer;
    margin-bottom: 5px;
}

.dashboard_container .detail_section .detail_body .input_lbl.inp_lbl {
    width: 20%;
}

.dashboard_container .detail_section .detail_body .input_lbl.top-aligned {
    vertical-align: top;
}

.dashboard_container .detail_section .detail_body .info_input.info_inp {
    width: 26% !important;
    margin-right: 1%;
}

.dashboard_container .double_col .blue_chkbx [type="checkbox"]:not(:checked) + label.no_margin_btm,
.dashboard_container .double_col .blue_chkbx [type="checkbox"]:checked + label.no_margin_btm {
    margin-bottom: 0;
}

.dashboard_container .detail_section .detail_body .input_lbl.support_lbl {
    width: 25%;
    vertical-align: top;
    margin-bottom: 3px;
}

.dashboard_container .detail_section .detail_body .info_input.support_input {
    width: 73%;
}

.summernote_box {
    width: 73%;
    display: inline-block;
}

    .summernote_box .note-editor.note-frame {
        width: 100%;
    }

.dashboard_container .support_txtarea {
    width: 73%;
    height: 200px;
    display: inline-block;
    border: 1px solid #cccccc;
    box-shadow: none;
    color: #555;
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    margin-bottom: 5px;
    outline: 0 none;
    padding-left: 10px;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .dashboard_container .support_txtarea:focus {
        border: 1px solid #0F82BD;
    }

.dashboard_container .double_col .dropzone.support_drpzone {
    width: 73%;
    display: inline-block;
}

.radiobtns_div {
    display: inline-block;
    width: 73%;
    margin-bottom: 30px;
}

    .radiobtns_div.cprofile-rbtns {
        width: 55%;
    }

.radiobtns_div_inner {
    display: inline-block;
    width: 56%;
    margin-bottom: 5px;
}

.radiobtns_div.cmform-rbtns {
    width: 44%;
}

    .radiobtns_div.cmform-rbtns .radio_lbl {
        width: 100%;
        display: block;
        font-family: Lato-R;
        font-size: 16px;
        color: #000;
        font-weight: 300;
    }



.cm-formbox .radiobtns_div .radio_lbl {
    padding-right: 12px;
    margin-top: 12px;
}

.dashboard_container .detail_section .detail_body .radiobtns_div .radio_lbl {
    display: block;
    width: 100%;
}

.dashboard_container ul.visaforms_ul {
    padding: 0;
}

    .dashboard_container ul.visaforms_ul li {
        list-style: none;
        margin-bottom: 10px;
        font-family: Lato-R;
        font-size: 14px;
        color: #185B94;
    }

    .dashboard_container ul.visaforms_ul.sm_font li {
        list-style: none;
        margin-bottom: 10px;
        font-family: Lato-R;
        font-size: 12px;
        color: #185B94;
    }

    .dashboard_container ul.visaforms_ul li a {
        font-family: Lato-R;
        font-size: 14px;
        color: #0F82BD;
        outline: 0;
        text-decoration: none;
        font-weight: 300;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .dashboard_container ul.visaforms_ul li:hover a {
        color: #185B94;
    }

    .dashboard_container ul.visaforms_ul li:before {
        font-family: FontAwesome;
        content: "\f0a4";
        font-size: 17px;
        color: #185B94;
        margin-right: 10px;
    }

.dashboard_container .detail_section .detail_body .input_lbl.sm_font {
    font-size: 12px;
}

.half_width {
    width: 48%;
    display: inline-block;
    padding-right: 30px;
    vertical-align: top;
}

.dashboard_container .n_invoice_table.mail_table tr td {
    vertical-align: top;
}

    .dashboard_container .n_invoice_table.mail_table tr td.message_body {
        text-align: left;
        padding: 10px;
    }

.dashboard_container .n_invoice_table.mail_table .fa-plus-square-o,
.dashboard_container .n_invoice_table.mail_table .fa-minus-square-o {
    font-size: 16px;
    margin-top: 5px;
    margin-left: 10px;
}

.dashboard_container .double_col .blue_chkbx.disp_inlblk [type="checkbox"]:not(:checked) + label:before,
.dashboard_container .double_col .blue_chkbx.disp_inlblk [type="checkbox"]:checked + label:before,
.dashboard_container .double_col .blue_chkbx.disp_inlblk [type="checkbox"]:not(:checked) + label:after,
.dashboard_container .double_col .blue_chkbx.disp_inlblk [type="checkbox"]:checked + label:after {
    top: -7px;
}

.disp_inlblk {
    display: inline-block;
}

/*---------- Tasks ----------*/

.dashboard_container .todos_tasks {
    display: block;
    width: 100%;
}

    .dashboard_container .todos_tasks .chkbox_p.blue_chkbx {
        display: inline-block;
        width: 45%;
        margin-bottom: 0;
    }

    .dashboard_container .todos_tasks a {
        display: inline-block;
    }

    /* .dashboard_container .todos_tasks .fa {
        display: inline-block;
        font-size: 18px;
        color: #0f7eb8;
        cursor: pointer;
        transition: all 0.2s ease 0s;
    }*/

    .dashboard_container .todos_tasks .fa:hover {
        color: #1da2e8;
    }

.dashboard_container .task_drpdwn {
    display: inline-block;
    float: right;
    margin-right: 8px;
}

    .dashboard_container .task_drpdwn .btn-primary {
        background-color: #0f7eb8;
        border: medium none;
        box-shadow: none;
        color: #fff;
        border-radius: 0;
        font-family: Lato-R;
        font-size: 12px;
        height: 20px;
        line-height: 19px;
        margin-top: 5px;
        outline: 0 none;
        padding: 0 12px;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .dashboard_container .task_drpdwn .btn-primary:hover {
            background-color: #1da2e8;
            border-color: #1da2e8;
        }

    .dashboard_container .task_drpdwn img {
        width: 40px;
        height: 40px;
        display: inline-block;
        margin-right: 15px;
        border-radius: 40px;
        margin-left: 5px;
    }

    .dashboard_container .task_drpdwn .dropdown-menu li {
        margin-bottom: 5px;
    }


    .dashboard_container .task_drpdwn a {
        font-family: Lato-R;
        font-size: 14px;
        color: #185B94;
        padding: 5px 10px;
    }

.dashboard_container .double_col .blue_chkbx [type="checkbox"]:not(:checked) + label.no_margin,
.dashboard_container .double_col .blue_chkbx [type="checkbox"]:checked + label.no_margin {
    margin: 0;
}

.dashboard_container .todos_detail {
    padding: 10px 15px;
    border-radius: 5px;
    display: none;
}

.dashboard_container .detail_section .detail_body .todos_detail .input_lbl {
    vertical-align: top;
}

.dashboard_container .inner_save_btn.fl_right {
    float: right;
}

.fl_right {
    float: right;
}

.dashboard_container .todos_tasks .chkbox_p.blue_chkbx.fl_right {
    float: right;
}

.dashboard_container .todos_detail .hide_btn {
    font-family: Lato-R;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 7px;
    height: 18px;
    line-height: 18px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    cursor: default;
    border: none;
    box-shadow: none;
    outline: 0;
    color: #fff;
    background-color: #46b8da;
    float: right;
    opacity: .8;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-top: 5px;
}

    .dashboard_container .todos_detail .hide_btn:hover {
        background-color: none;
        opacity: 1;
    }

.dashboard_container .hide_btn .fa-times {
    font-size: 14px;
    margin-right: 5px;
    color: #ff0000;
    z-index: 9999;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .hide_btn .fa-times:hover {
        color: #000;
        cursor: pointer;
    }

.dashboard_container .signup_section {
    display: block;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    padding: 40px 20px;
    border: 1px solid #cecece;
    margin-bottom: 40px;
}

.dashboard_container .chkbox_p.blue_chkbx.task_popup_chkbx {
    float: right;
    width: 45%;
    display: inline-block;
}

h6.input_error_msg {
    font-family: Lato-R;
    font-size: 12px;
    color: #ff0000;
    margin: 0;
    text-align: right;
    margin-top: -5px;
    padding-right: 10px;
    margin-bottom: 5px;
    width: 100%;
    display: none;
}

.field-validation-error {
    font-family: Lato-R;
    font-size: 12px;
    color: maroon;
    margin: 0;
    text-align: right;
    margin-top: -5px;
    padding-right: 10px;
    margin-bottom: 5px;
    width: 100%;
    float:left;
}

h6.input_error_msg_v {
    font-family: Lato-R;
    font-size: 12px;
    color: #ff0000;
    margin: 0;
    text-align: right;
    margin-top: -5px;
    padding-right: 10px;
    margin-bottom: 5px;
    width: 100%;
    display: block;
    visibility: hidden;
}

/*-------- foter_section ----------*/

.foter_section {
    background-color: #0F82BD;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
}

.foter_container {
}

    .foter_container h2 {
        height: 37px;
        line-height: 37px;
        color: #fff;
        font-family: Lato-R;
        font-size: 12px;
        margin: 0 auto;
        text-align: center;
        float: none;
        display: inline-block;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .foter_container a:hover h2 {
        color: #083C5D;
    }

    .foter_container span {
        color: #fff;
        font-family: Lato-R;
        font-size: 12px;
    }

    .foter_container .foter_box {
        text-align: center;
    }

/*========= login page error msg hidden ============*/

/* .login_container .login_box h4,
.login_container .login_box h5{
	visibility: hidden;
} */

.dashboard_container .double_col .signup_upload {
    width: 100%;
    display: inline-block;
    height: 180px;
    background-image: url('../Images/upload-logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.dashboard_container .signup_section .detail_section .detail_body .input_lbl {
    vertical-align: top;
}

.dashboard_container .double_col .signup_upload_lbl {
    width: 43%;
}
/*---------- sms box styling ------------*/

.dashboard_container .right_box .sms_box {
    padding: 10px 0;
    border-bottom: 1px solid #cecece;
}

.dashboard_container .right_box h5.sms_heading {
    font-family: Lato-R;
    font-size: 16px;
    color: #185B94;
    margin: 0;
    font-weight: 300;
}

    .dashboard_container .right_box h5.sms_heading span {
        float: right;
    }

.dashboard_container .right_box .sms_text {
    font-family: Lato-R;
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}

.hdn {
    display: none;
}

.input-validation-error {
    border: 1px solid maroon !important;
}

.Preparing {
    background-color: #f8950a;
}

.Lodged {
    background-color: pink;
}

.Submit {
    background-color: orange;
}

.Invited {
    background-color: #d7c76f;
}

.Awaiting-Allocation, .Hold {
    background-color: magenta;
}

.Assessing {
    background-color: lightblue;
}

.Waiting-Client-Response {
    background-color: skyblue;
}

.Medical-Referral {
    background-color: palegreen;
}

.Second-Person-Check {
    background-color: lightgreen;
}

.Approved, .Selected, .Paid {
    background-color: green;
}
.Lodged-By-Client {
    background-color: #ffce33;
}
.Failed-Lodgement {
    background-color: #e3cb80;
}
.Further-Docs-Sent {
    background-color: #dad6ca;
}
.Further-Medicals-Submitted {
    background-color: #e7e8b5;
}
.Interim-Visa {
    background-color: #bae1b7;
}
.Pending-Documents {
    background-color: #cceae9;
}
.Referred-Back-To-INZ {
    background-color: #f0def1;
}
.Referred-To-Minister {
    background-color: #e3bdd9;
}
.OIA-Report-Received {
    background-color: #dce8e0;
}
.OIA-Request {
    background-color: #ff98d6;
}

.Unpaid {
    background-color:yellow;
} 
.Declined, .Decline {
    background-color: red;
}

.Refused, .Unlawful, .Never-Held {
    background-color: maroon;
}

.Withdrawn {
    background-color: brown;
}

.Immigration-Matters, .Conditional-Offer {
    background-color: purple;
}

.Appeal {
    background-color: #ffd11a;
}

.Approve-in-principal, .Approve-in-principle, .Formal-Offer {
    background-color: #1aff1a;
}

.Complete {
    background-color: #049909;
}

.Agreement-Signed, .Contract-Signed {
    background-color: #ffd028;
}
.Contract-Sent, .Applied {
    background-color: #63879C;
}
.Contract-Returned, .To-Be-Loged {
    background-color: #A4B95B;
}
.Invoiced-Awaiting-Payment, .Further-Info-Request-Received {
    background-color: #CBD734;
}
.Client-Awaiting-Document-Instructions  {
    background-color: #CB85D8;
}
.Initial-Document-Instructions-Issued {
    background-color: #8A6CE7;
}
.Info-Request-Submitted-To-Case-Officer {
    background-color: #CC33FF;
}
.Final-Document-Instructions-Issued {
    background-color: #FFB775;
}
.Awaiting-Payment, .Assessment-Completed {
    background-color: #FF97A9;
}
.Allocated-To-Case-Officer, .EOI-In-Pool {
    background-color: #FFCF51;
}
.Awaiting-NZQA-Result {
    background-color: #FF6699;
}
.Passport-And-Docs-Returned-To-Client {
    background-color: #FF9966;
}
.Submitted, .Payment-Received {
    background-color: lawngreen;
}
/*----- completed tasks -----*/

.dashboard_container .detail_section .detail_body.over_flow_y {
    max-height: 300px;
    height: 300px;
    overflow-y: scroll;
}

.dashboard_container .detail_section .detail_body.over_flow_y_n {
    max-height: 600px;
    height: 600px;
    overflow-y: scroll;
}

.dashboard_container .double_col .blue_chkbx .chkbx_label.less_padding {
    padding-top: 2px;
}

.dashboard_container .right_box .box_content h5.task_lbl {
    font-size: 16px;
    color: #185B94;
    font-weight: 300;
    padding-left: 2px;
    font-family: Lato-B;
}

    .dashboard_container .right_box .box_content h5.task_lbl span {
        height: 14px;
        width: 14px;
        margin-right: 7px;
        border-radius: 2px;
    }
/*------- cross btn --------*/
.disp_inl_bl {
    display: inline-block;
}

.fa-times-circle {
    float: right;
    font-size: 22px;
    margin-left: 10px;
}

.remove_btn {
    margin-right: 9px;
    border: none;
    outline: 0;
    box-shadow: none;
    font-family: Lato-R;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background-color: #E74C3C;
    margin-bottom: 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .remove_btn:hover {
        background-color: #C9302C;
    }

.app-date-row {
    display: none;
}

.marg_top {
    margin-top: 10px;
}

.marg_bottom {
    margin-bottom: 10px;
}

.dashboard_container .n_invoice_table.less_padd tr td,
.dashboard_container .n_invoice_table.less_padd tr th {
    padding: 2px 8px;
}

.dashboard_container .n_invoice_table.less_padd p {
    margin: 0;
}

.dashboard_container .double_col .blue_chkbx [type="checkbox"]:not(:checked) + label.less_margin,
.dashboard_container .double_col .blue_chkbx [type="checkbox"]:checked + label.less_margin {
    margin-bottom: 3px;
}

.file-note-edit {
    display: none;
}
/*-------- Accounts-Page New Invoice ---------*/

.dashboard_container .detail_section .detail_body .newinvoice_div .info_input {
    width: 55%;
}

.dashboard_container .detail_section .detail_body .newinvoice_div .input_lbl {
    width: 40%;
    margin-bottom: 5px;
    /* 	vertical-align: top; */
}

.dashboard_container .n_invoice_table.no_margin {
    margin: 0;
    margin-bottom: 5px;
}

.dashboard_container .detail_section .detail_body .newinvoice_div .info_input.txt_area {
    /* margin-top: 5px; */
    width: 96%;
}

.addnew_client .newinvoice_div .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.addnew_client .full_width .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 96%;
    margin: 5px 0;
}

.gradient-color {
    background: -webkit-linear-gradient(rgba(255,76,142,1), rgba(255,76,142,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


#clientSearch .ui-state-active:hover, .ui-widget-content:hover .ui-state-active:hover, .ui-widget-header:hover .ui-state-active:hover, ui-state-focus:hover {
    background: none;
    background-color: none;
    background-image: none;
    zoom: 0 !important;
}



.dropzone {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}


.nav-tabs {
    margin-top: 5px;
}

.ui-datepicker-calendar tr {
    color: #0f82bd;
}

.ui-datepicker th {
    font-size: 12px;
}

.ui-datepicker .ui-datepicker-title {
    text-transform: uppercase;
    color: #333 !important;
}

.ui-datepicker td {
    padding: 2px;
}

    .ui-datepicker td span, .ui-datepicker td a {
        text-align: center;
    }

.ui-widget-header {
    border: 0;
}

.ui-widget-content {
    border: 0;
}

.ui-menu .ui-menu-item:hover {
    background: none !important;
    background-color: none !important;
}


.ui-autocomplete {
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 100009;
}

.ui-menu-item {
    width: 215px;
}



#taskCalender .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa !important;
    border-color: #0f82bd !important;
    color: #0f82bd !important;
    font-weight: bold !important;
}



.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
    display: none;
    background: url('/Content/Images/loading_blue_n.gif') no-repeat center center;
}

.ui-widget.ui-widget-content {
    border: 0 none;
}

.ui-datepicker-calendar td:nth-child(1) {
    color: #d9534f !important;
}

.ui-datepicker-calendar td:nth-child(2) {
    color: #d9534f !important;
}

#taskCalender .ui-state-default {
    background: none !important;
    color: #0f82bd;
    border: 0 none;
}

#taskCalender .ui-widget-header {
    background: none !important;
}

#taskCalender .ui-datepicker table {
    font-size: 0.6em;
}

#taskCalender .ui-widget {
    font-size: 1.1em;
}

#taskCalender .ui-datepicker {
    width: 100%;
}

.dashboard_container .detail_section .detail_heading span {
    color: #185b94;
    padding-left: 15px;
}

.dashboard_container .detail_section .detail_heading {
    line-height: 27px;
}

.dashboard_container .right_box h5.sms_heading {
    line-height: 22px;
}

.dashboard_container .n_invoice_table.small_table tr th {
    line-height: 20px;
}

    .dashboard_container .n_invoice_table.small_table tr th:nth-child(1),
    .dashboard_container .n_invoice_table.small_table tr td:nth-child(1) {
        width: 32%;
    }

    .dashboard_container .n_invoice_table.small_table tr th:nth-child(2),
    .dashboard_container .n_invoice_table.small_table tr td:nth-child(2) {
        width: 32%;
    }

    .dashboard_container .n_invoice_table.small_table tr th:nth-child(3),
    .dashboard_container .n_invoice_table.small_table tr td:nth-child(3) {
        width: 32%;
    }

/*----------- CDA-Plan -----------*/

.dashboard_container .support_txtarea.full_width,
.dashboard_container .detail_section .detail_body .input_lbl.full_width,
.dashboard_container .detail_section .detail_body .info_input.full_width {
    width: 100%;
}
/*----- cpd-history ----*/

.dashboard_container .detail_section .detail_body .input_lbl.auto_width {
    width: auto;
    vertical-align: middle;
    margin-right: 5px;
}

.dashboard_container .inner_save_btn.ver_align {
    vertical-align: top;
    margin: 0 3px;
}

table.history_table tr th {
    color: #fff;
    font-family: Lato-R;
    font-size: 14px;
    background-color: #0F82BD;
    font-weight: 700;
    border: 1px solid #cecece;
    padding: 7px 5px;
}

    table.history_table tr th:nth-child(1) {
        width: 15%;
    }

    table.history_table tr th:nth-child(2) {
        width: 28%;
    }

    table.history_table tr th:nth-child(4) {
        width: 18%;
    }

table.history_table tr td {
    color: #185B94;
    font-family: Lato-R;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #cecece;
    padding: 5px;
}

    table.history_table tr td .fa {
        font-size: 16px;
        margin-left: 10px;
    }

table.history_table tr.blu_bk {
}

    table.history_table tr.blu_bk td {
        color: #fff;
        background-color: #0F82BD;
    }

        table.history_table tr.blu_bk td.white_bk {
            background-color: #fff;
            color: #000;
        }

.bootstrap-select.histry_drpdwn:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 265px;
}

/*-------- super-user settings --------*/

.profileimg_box {
    height: 100px;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-bottom: 10px;
}



.dashboard_container .detail_section .detail_heading.marg {
    margin: 20px 0 10px 0;
}

.dashboard_container .detail_section .detail_body .info_input.pass_input {
    width: 40%;
    margin-right: 1%;
    vertical-align: top;
}

.dashboard_container .detail_section .detail_body .input_lbl.disbl_user {
    width: 56%;
}

.user-permissions {
    width: 32%;
    float: left;
}

.fa-ban {
    opacity: .8;
    color: #ff0000;
    font-size: 20px;
    margin-left: 10px;
}


.dashboard_container .double_col .blue_chkbx.access_chkbx {
    display: inline-block;
    width: 100%;
}

.supervisor_lbl {
    color: #fff;
    font-family: Lato-R;
    font-size: 12px;
    margin: 0;
    padding: 3px 5px;
    text-align: center;
    background-color: #5BC0DE;
    border-radius: 2px;
    width: auto;
    display: inline-block;
}

.dashboard_container .detail_section .detail_body.marg_top {
    margin-top: 0;
}


/*----- super-user right-box -----*/

.rbox_text {
    font-family: Lato-R;
    font-size: 14px;
    margin: 0;
    color: #0F82BD;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

    .rbox_text span {
        width: 50%;
        display: inline-block;
        text-transform: capitalize;
    }

.detail_heading {
    color: #073551;
    font-family: Lato-R;
    font-size: 18px;
    margin: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.addnew_client.reminder_drpdwn .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100px;
}

.dashboard_container .right_box .addnew_client.reminder_drpdwn .dropdown-menu {
    left: 0;
    margin-top: 3px;
}

.addnew_client.reminder_drpdwn .bootstrap-select.btn-group .dropdown-toggle:after {
    right: 5px;
}

.status_date_box {
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    margin: 5px 0;
}

    .status_date_box .sdate_lbl {
        font-family: Lato-R;
        font-size: 14px;
        color: #0F82BD;
        font-weight: 100;
        margin-right: 7px;
    }

    .status_date_box .sbox_input {
        border: 1px solid #cccccc;
        box-shadow: none;
        color: #555;
        font-family: Lato-R;
        font-size: 14px;
        height: 29px;
        margin-bottom: 5px;
        outline: 0 none;
        padding-left: 10px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        vertical-align: middle;
        width: 40%;
    }

.dashboard_container .sbox_left_content {
    display: table-cell;
    width: 60%;
    background-color: #e9e9e9;
    height: 100%;
}

.dashboard_container .status_box .status_lbl {
    width: 100%;
}

.dashboard_container .status_box .status_lbl_s {
    width: 100%;
}


    .dashboard_container .status_box.pink_bk {
        background-color: #f98a9d;
    }

    .dashboard_container .status_box.purple_bk {
        background-color: #800080;
    }

    .dashboard_container .status_box.green_bk {
        background-color: #008000;
    }

    .dashboard_container .status_box .fa-caret-up {
        vertical-align: top;
    }

    .dashboard_container .status_box .status_btn h3.status_flag {
        padding: 7px 0;
    }

    .dashboard_container .status_box .status_btn h3.status_flag_p {
        padding: 2px 0;
    }

.modal-body {
    padding: 0 15px;
}

.dashboard_container .double_box .modal-body .inner_ttabs .box_content {
    padding: 0;
}

.dashboard_container .modal-body .detail_section .detail_body {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 15px;
}

    .dashboard_container .modal-body .detail_section .detail_body .input_lbl {
        width: 40%;
    }

        .dashboard_container .modal-body .detail_section .detail_body .input_lbl.less-width {
            width: 15%;
        }

    .dashboard_container .modal-body .detail_section .detail_body .info_input.datepicker {
        width: 52%;
    }

    .dashboard_container .modal-body .detail_section .detail_body .info_input.more-width {
        width: 83%;
    }

    .dashboard_container .modal-body .detail_section .detail_body .info_input {
        width: 57%;
    }

.dashboard_container .modal-body .chkbox_p.blue_chkbx.task_popup_chkbx {
    width: 59%;
}

.modal-header .close {
    margin-top: -10px;
}

.modal-footer {
    padding: 10px 15px;
}

/*---------- yellow check box ---------*/

.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:not(:checked) + label:before,
.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:checked + label:before {
    background: #fff;
    border: 1px solid #F0AD4E;
}

.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:not(:checked) + label:after,
.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:checked + label:after {
    /* color: #F0AD4E;*/
    color: #d9534f;
}

.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:checked + label:before,
.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:not(:checked):hover + label:before {
    border: 1px solid #F0AD4E;
    background: #fff;
}

.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:not(:checked):hover + label:before {
    background: #F0AD4E;
}

/*-------------- inverse color ----------------*/

.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:not(:checked) + label.inv_clr:before,
.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:checked + label.inv_clr:before {
    background: #F0AD4E;
    border: 1px solid #F0AD4E;
}

.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:checked + label.inv_clr:before,
.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:not(:checked):hover + label.inv_clr:before {
    border: 1px solid #F0AD4E;
    background: #fff;
}

.dashboard_container .double_col .todos_tasks .blue_chkbx [type="checkbox"]:not(:checked):hover + label.inv_clr:before {
    background: #fff;
}

/*--------------------*/
.reminder_box.green [type="checkbox"]:not(:checked) + label.inv_clr:before,
.reminder_box.green [type="checkbox"]:checked + label.inv_clr:before {
    background: #5CB85C;
    border: 1px solid #5CB85C;
}

.reminder_box.green [type="checkbox"]:checked + label.inv_clr:before,
.reminder_box.green [type="checkbox"]:not(:checked):hover + label.inv_clr:before {
    border: 1px solid #5CB85C;
    background: #fff;
}

.reminder_box.green [type="checkbox"]:not(:checked):hover + label.inv_clr:before {
    background: #fff;
}
/* checked mark aspect changes */
.reminder_box.green [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.reminder_box.green [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

.reminder_box.green [type="checkbox"]:checked + label:before,
.reminder_box.green [type="checkbox"]:not(:checked):hover + label:before {
    border: 1px solid #5CB85C;
    background: #fff;
}
.reminder_box.green [type="checkbox"]:not(:checked) + label:after,
.reminder_box.green [type="checkbox"]:checked + label:after {
    /*  content: '✔'; */
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    top: 6px;
    left: 4px;
    font-size: 16px;
    line-height: 0.8;
    color: #5CB85C;
    font-weight: 100;
    transition: all .2s;
}
/* checked mark aspect */
.reminder_box.green [type="checkbox"]:not(:checked):hover + label:after,
.reminder_box.green [type="checkbox"]:checked :hover + label:after {
    /* content: '✔'; */
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    top: 6px;
    left: 4px;
    font-size: 16px;
    line-height: 0.8;
    color: #5CB85C;
    font-weight: 100;
    transition: all .2s;
    opacity: 1;
    transform: scale(1);
}
.reminder_box [type="checkbox"]:not(:checked) + label.inv_clr:before,
.reminder_box [type="checkbox"]:checked + label.inv_clr:before {
    background: #F0AD4E;
    border: 1px solid #F0AD4E;
}

.reminder_box [type="checkbox"]:checked + label.inv_clr:before,
.reminder_box [type="checkbox"]:not(:checked):hover + label.inv_clr:before {
    border: 1px solid #F0AD4E;
    background: #fff;
}

.reminder_box [type="checkbox"]:not(:checked):hover + label.inv_clr:before {
    background: #fff;
}

.dashboard_container .potential_client .pclient_input.datepicker {
    width: 26%;
}

.dashboard_container .detail_section .detail_body .todos_detail .input_lbl {
    width: 40%;
}

.dashboard_container .detail_section .detail_body .todos_detail .info_input {
    width: 57%;
}

.dropzone {
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
    min-height: 100px;
    padding: 10px;
    width: 100%;
}

.ui-multiselect {
    width: 100% !important;
}


.stage-content .info_input {
    width: 25% !important;
}

.p-rr {
    padding-right: 5px;
}

.dashboard_container .detail_section .detail_body .info_input_i {
    width: 83%;
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    color: #555;
    outline: 0;
    box-shadow: none;
    padding-left: 10px;
    height: 29px;
    border: 1px solid #cccccc;
    vertical-align: middle;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dashboard_container .right_box .box_content h5.task_lbl.complt_lbl {
    width: 100%;
    font-family: Lato-R;
}

.dashboard_container .detail_section .detail_body .info_input.datepickervisa {
    width: 50%;
    margin-right: 5px;
}

.dashboard_container .right_box {
    padding-bottom: 5px;
}

.dashboard_container .status_flag_box .sflag_col .fa-times-circle {
    float: right;
    margin-right: 10px;
    margin-left: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .status_flag_box .sflag_col .fa-times-circle:hover {
        color: #185B94;
    }

.dashboard_container .hide_btn.detail_btn {
    float: none;
}

.dashboard_container .status_flag_box .sflag_col h4 {
    margin-right: 20px;
}

.dashboard_container .status_flag_box .sflag_col h3 {
    min-width: 25%;
}

.pading_top {
    padding-top: 10px;
}

.progress.marg_top {
    margin-top: 10px;
}

.dashboard_container .task_drpdwn .dropdown-menu {
    left: auto;
    right: 0;
}

.clear_fix {
    clear: both;
}

.margin_null {
    margin: 0;
}

.addnew_client .bootstrap-select.margin_null_top:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    margin-top: 0;
}

.dashboard_container .detail_section .detail_body .app-date-row .info_input {
    width: 100%;
}

    .dashboard_container .detail_section .detail_body .app-date-row .info_input.datepick {
        width: 90%;
    }

.dashboard_container .status_flag_box .sflag_col h4 {
    font-family: Lato-B;
    font-weight: 300;
}

.dashboard_container .detail_section .detail_body .info_value {
    width: 56%;
}

.status_date_box .sdate_lbl {
    width: 40%;
    font-family: Lato-R;
    font-weight: 300;
}

.dropdwn {
    max-width: 100%;
}

.dashboard_container .modal-body .detail_section .detail_body .info_input {
    width: 54%;
}

.newinvoice_div .full_width .dropdwn,
.full_width.dropdwn {
    width: 100%;
}

.pclient_table .fa,
.pclient_table .fa-times-circle {
    color: #000;
    font-size: 14px !important;
    margin: 0 !important;
    padding-right: 5px;
    display: inline-block;
    cursor: pointer;
}


.dropdwn {
    max-width: 100%;
    width: 100%;
}

.dashboard_container .potential_client .pclient_table .not_visible {
    opacity: 0;
    line-height: 1px;
    margin: 0;
}

.dashboard_container h5.task_lbl.pcl_lbl {
    width: 45%;
    display: inline-block;
}

.dashboard_container .double_col .blu_color .chkbx_label {
    color: #185b94;
    font-family: Lato-R;
    font-size: 14px;
    font-weight: 300;
    padding-top: 5px;
}

.dashboard_container .detail_section.mail_dsection {
}

.dashboard_container .detail_section.imap_dsection .detail_body .input_lbl {
    width: 54%;
}

.dashboard_container .detail_section.imap_dsection .detail_body .info_input {
    width: 42%;
}

.dropdwn.histry_drpdwn {
    margin-bottom: 20px;
    width: 30%;
    display: inline-block;
}


.dashboard_container .detail_section .detail_body .newinvoice_div .n_invoice_table .info_input {
    width: 100%;
}

.dashboard_container .n_invoice_table .not_visible {
    line-height: 1px;
    margin: 0;
    opacity: 0;
}

.dashboard_container .detail_section .detail_body .n_invoice_table .info_input.datepicker {
    width: 85%;
}

.dashboard_container .status_box .fa-times {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    margin: 6px 10px 0 0;
    padding: 3px 4px;
    text-align: center;
}

    .dashboard_container .status_box .fa-times:hover {
        color: #fff;
    }

.dashboard_container .double_col .allclients_form.xero-search h3 {
    width: 40%;
}

.dashboard_container .detail_section .detail_body .info_input.undo_input {
    width: 48%;
}

.fa-undo {
    margin-left: 5px;
    color: black !important;
    cursor: pointer;
}

.dashboard_container .detail_section .detail_body .n_invoice_table .info_input.datepicker.undo_input {
    width: 85%;
}

.dashboard_container .detail_section .detail_body .move-docs {
    margin-bottom: 3px;
    display: block;
}

.dashboard_container .filenote_added:nth-child(2n) {
    background-color: #f2f2f2;
}

.dashboard_container .filenote_added:nth-child(2n+1) {
    background-color: #f0ffff;
}

.active-link {
    cursor: pointer;
    font-weight: normal;
}

.incoming {
    background-color: #bcf6c5;
    color: gray;
    font-weight: bold;
}

.outgoing {
    background-color: #f6d6d0;
    color: gray;
    font-weight: bold;
}

.dashboard_container .fa-plus-square.fl_left {
    float: left;
    margin-bottom: 10px;
}

.pclient-drpdwn {
    margin-left: 16.5%;
    width: 55%;
    margin-top: 5px;
}

.no-boder {
    border: none !important;
}

.dashboard_container .modal-body .detail_section .detail_body .info_input.extra-height {
    height: 85px;
}

.accordion_container .data_heading .data_row2 .data-row-input {
    border: 1px solid #cecece;
    display: inline-block;
    font-family: Lato-B;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    outline: medium none;
    text-align: center;
    width: 32%;
}

.dashboard_container .detail_section .detail_heading span.right-sm-btn {
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 8px;
    padding: 3px 5px;
    cursor: pointer;
    opacity: .8;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .detail_section .detail_heading span.right-sm-btn:hover {
        opacity: 1;
    }

.task-detail {
    width: 100% !important;
}

.task-user-name {
    font-weight: bold;
    width: 50%;
    float: left;
}

.task-date-time {
    font-size: small;
    width: 45%;
    float: left;
}

.task-desc-new {
    width: 100%;
    float: left;
    padding: 5px 20px;
}

.point_box {
    background-color: #000;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    float: left;
    margin: 6px;
}


.fa {
    cursor: pointer;
}

.user-info {
    float: right;
    color: black;
    font-size: 18px;
}

.dropdown-menu li {
    cursor: pointer;
}

.pending-div {
    max-height: 400px;
    min-height: 400px;
    overflow-y: scroll;
}











/*-------- New Styling 25-11-2016 -----------*/

.dashboard_container .detail_section.nn .detail_heading {
    font-family: Lato-B;
    color: #5d5d5d;
}

.dashboard_container .detail_section.nn .detail_body {
    background-color: none;
    background: none;
    border: none;
    padding: 18px 0;
}

/*---------- white check box ---------*/

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx [type="checkbox"]:not(:checked) + label:before,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx [type="checkbox"]:checked + label:before {
    border: 1px solid #959595;
    background: #fff;
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx [type="checkbox"]:not(:checked) + label:after,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx [type="checkbox"]:checked + label:after {
    color: #0DB600; /*adding saad code here*/
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx [type="checkbox"]:checked + label:before,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx [type="checkbox"]:not(:checked):hover + label:before {
    background: #0DB600; /*Adding saad code here*/
    border: 1px solid #959595;
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx [type="checkbox"]:checked + label:before {
    background: #fff;
}

/*Adding saad code here*/

/*----- yellow checkbox ------*/

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.yelo-chkbx [type="checkbox"]:not(:checked) + label:before,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.yelo-chkbx [type="checkbox"]:checked + label:before {
    border: 1px solid #F0AD4E;
    background: #F0AD4E;
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.yelo-chkbx [type="checkbox"]:not(:checked) + label:after,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.yelo-chkbx [type="checkbox"]:checked + label:after {
    color: #F0AD4E;
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.yelo-chkbx [type="checkbox"]:checked + label:before,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.yelo-chkbx [type="checkbox"]:not(:checked):hover + label:before {
    background: #fff;
    border: 1px solid #F0AD4E;
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.yelo-chkbx [type="checkbox"]:checked + label:before {
    background: #fff;
}

/*----- green checkbox ------*/

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.grn-chkbx [type="checkbox"]:not(:checked) + label:before,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.grn-chkbx [type="checkbox"]:checked + label:before {
    border: 1px solid #0db600;
    background: #0db600;
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.grn-chkbx [type="checkbox"]:not(:checked) + label:after,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.grn-chkbx [type="checkbox"]:checked + label:after {
    color: #0db600;
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.grn-chkbx [type="checkbox"]:checked + label:before,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.grn-chkbx [type="checkbox"]:not(:checked):hover + label:before {
    background: #fff;
    border: 1px solid #0db600;
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.grn-chkbx [type="checkbox"]:checked + label:before {
    background: #fff;
}

/*----- blue(bloo) checkbox ------*/

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.bloo-chkbx [type="checkbox"]:not(:checked) + label:before,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.bloo-chkbx [type="checkbox"]:checked + label:before {
    border: 1px solid #0f82bd;
    background: #0f82bd;
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.bloo-chkbx [type="checkbox"]:not(:checked) + label:after,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.bloo-chkbx [type="checkbox"]:checked + label:after {
    color: #0f82bd;
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.bloo-chkbx [type="checkbox"]:checked + label:before,
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.bloo-chkbx [type="checkbox"]:not(:checked):hover + label:before {
    background: #fff;
    border: 1px solid #0f82bd;
}

.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx.bloo-chkbx [type="checkbox"]:checked + label:before {
    background: #fff;
}

/*-------------*/

.dashboard_container .todos_detail.main-tasks-details {
    background-color: #fcfcfc;
}

    .dashboard_container .todos_detail.main-tasks-details.none {
        background: none !important;
        margin-top: 5px;
    }

    .dashboard_container .todos_detail.main-tasks-details:before {
        color: #fcfcfc;
        content: "";
        font-family: FontAwesome;
        font-size: 30px;
        left: 30px;
        margin-top: -36px;
        position: absolute;
    }

    .dashboard_container .todos_detail.main-tasks-details.none:before {
        content: none;
    }

/*Ending saad code here*/
.dashboard_container .double_col .todos_tasks.new-tasks .blue_chkbx .chkbx_label {
    font-family: Lato-R;
    font-size: 18px;
    color: #0f7eb8;
    padding-top: 0;
}

.dashboard_container .todos_tasks.new-tasks .task_drpdwn {
    float: none;
    margin: 0;
}

.right-icons-div {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}
 .right-icons-div .ppe {
        margin: 0 7px;
        font-size: 22px;
    }

.right-icons-div .fi {
        font-size: 18px;
        display: inline-block;
        width: 20px;
        text-align: center;
    }

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-size: 20px;
    margin: 0;
}

[class^="flaticon-"]:hover {
    cursor: pointer;
}

[class^="flaticon-"].fi-close:before,
[class*=" flaticon-"].fi-close:before,
[class^="flaticon-"].fi-close:after,
[class*=" flaticon-"].fi-close:after {
    font-size: 10px;
    font-weight: 700;
    float: right;
}

.dashboard_container .todos_tasks.new-tasks {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 15px;
}

.dashboard_container .todos_tasks.inner-tasks {
    padding: 0 18px;
    margin-bottom: 30px;
}

    .dashboard_container .todos_tasks.inner-tasks h2 {
        font-family: Lato-B;
        font-size: 20px;
        color: #0f7eb8;
        margin: 0;
        display: inline-block;
        margin-left: 15px;
        vertical-align: bottom;
    }

hr.bottom-line {
    border: none;
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
    margin: 12px 0;
}

.itask-input {
    width: 100%;
    display: block;
    float: none;
    height: 45px;
    box-shadow: none;
    padding-left: 15px;
    border: 1px solid #eaeaea;
    outline: 0;
    font-family: Lato-R;
    font-size: 12px;
    /*color: #bebebe;*/
    color: #073551; /* changed by saad */
    margin-bottom: 15px;
}

















.itask-txtarea {
    width: 100%;
    display: block;
    float: none;
    height: 115px;
    box-shadow: none;
    padding-left: 15px;
    padding-top: 15px;
    border: 1px solid #eaeaea;
    outline: 0;
    font-family: Lato-R;
    font-size: 12px;
    color: #073551;
}

.dashboard_container .todos_tasks.inner-tasks .cmnt-box {
    border: 1px solid #eaeaea;
    width: 100%;
    height: 30px;
}

    .dashboard_container .todos_tasks.inner-tasks .cmnt-box .cmnt-input {
        border: none;
        width: 85%;
        outline: 0;
        font-family: Lato-R;
        font-size: 14px;
        color: #cecece;
        display: inline-block;
        padding-left: 15px;
        height: 28px;
        vertical-align: top;
    }

    .dashboard_container .todos_tasks.inner-tasks .cmnt-box .cmnt-btn {
        background-color: transparent;
        border: none;
        font-family: Lato-R;
        font-size: 11px;
        color: #0f7eb8;
        text-transform: uppercase;
        outline: 0;
        display: inline-block;
        float: right;
    }

        .dashboard_container .todos_tasks.inner-tasks .cmnt-box .cmnt-btn .fa {
            margin-left: 5px;
            font-size: 8px;
            vertical-align: middle;
        }

.dashboard_container .todos_tasks.inner-tasks .current-user {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    text-align: left;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #a5a5a5;
}

.user-cmnts {
    width: 100%;
    display: block;
    float: none;
    padding: 0 18px;
}

    .user-cmnts .user-img {
        width: 25px;
        height: 25px;
        border-radius: 25px;
        text-align: left;
        display: inline-block;
        margin-right: 10px;
        border: 1px solid #a5a5a5;
    }

    .user-cmnts h2 {
        font-family: Lato-B;
        font-size: 14px;
        color: #073551;
        margin: 0;
        display: inline-block;
        vertical-align: bottom;
    }

    .user-cmnts p {
        font-family: Lato-R;
        font-size: 14px;
        color: #444444;
        margin-top: 17px;
        margin-bottom: 17px;
        line-height: 22px;
    }

.followers-box {
    margin-top: -36px;
    margin-bottom: 20px;
}

    .followers-box h3 {
        font-family: Lato-R;
        font-size: 12px;
        color: #0f7eb8;
        margin: 0;
        margin-right: 12px;
        display: inline-block;
    }

    .followers-box .user-img {
        width: 25px;
        height: 25px;
        border-radius: 25px;
        text-align: left;
        display: inline-block;
        margin-right: 5px;
        border: 1px solid #a5a5a5;
    }

.dashboard_container .task_drpdwn .btn-primary {
    background-color: #fff;
    color: #000;
    padding: 0;
    margin: 0;
    margin-top: -5px;
}

    .dashboard_container .task_drpdwn .btn-primary:hover {
        background-color: #fff;
    }

.dashboard_container .todos_tasks.new-tasks .chkbox_p.blue_chkbx {
    width: 3%;
    vertical-align: top;
}

.dashboard_container .todos_tasks.new-tasks .chkbx-text {
    display: inline-block;
    width: 72%;
    font-family: Lato-R;
    font-size: 16px;
    color: #073551;
    cursor: pointer;
    margin: 3px 0 0 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .dashboard_container .todos_tasks.new-tasks .chkbx-text.bld-txt {
        font-family: Lato-B;
    }

    .dashboard_container .todos_tasks.new-tasks .chkbx-text:hover {
        color: #000;
    }

[class^="flaticon-"].flaticon-profile:before, [class*=" flaticon-"].flaticon-profile:before,
[class^="flaticon-"].flaticon-profile:after, [class*=" flaticon-"].flaticon-profile:after {
    font-size: 18px;
    font-weight: 700;
    color: #5d5d5d;
}

[class^="flaticon-"].flaticon-interface:before, [class*=" flaticon-"].flaticon-interface:before,
[class^="flaticon-"].flaticon-interface:after, [class*=" flaticon-"].flaticon-interface:after {
    font-size: 16px;
    color: #5d5d5d;
}

[class^="flaticon-"].flaticon-cross.fi-close:before, [class*=" flaticon-"].flaticon-cross.fi-close:before,
[class^="flaticon-"].flaticon-cross.fi-close:after, [class*=" flaticon-"].flaticon-cross.fi-close:after {
    font-size: 10px;
    color: #5d5d5d;
}

[class^="flaticon-"].flaticon-calendar:before, [class*=" flaticon-"].flaticon-calendar:before,
[class^="flaticon-"].flaticon-calendar:after, [class*=" flaticon-"].flaticon-calendar:after {
    font-size: 18px;
    color: #5d5d5d;
}

.cust-cross {
    float: right;
}

/*--------  calender --------*/

.ui-datepicker th.ui-datepicker-week-end {
    color: #ff0000;
}

#taskCalender td.ui-datepicker-week-end .ui-state-default {
    color: #ff0000;
}

.dashboard_container #cdp-insert-form .detail_section .detail_body .input_lbl.datepicker {
    margin-right: 2%;
    width: 88%;
}

#accSet .profileimg_box img {
    height: 100px;
    width: auto;
}

/*.dashboard_container .detail_section.nn .detail_body {
    max-height: 330px;
    overflow-y: scroll;
}*/

/*--------  Hover Image Enlarge -----------*/



ul.enlarge {
    list-style-type: none; /*remove the bullet point*/
    margin-left: 0;
    padding: 0;
    display: inline-block;
}

    ul.enlarge p.img-title {
        font-family: Lato-R;
        font-size: 12px;
        color: #000;
        max-width: 150px;
        margin: 0;
        padding: 3px 0;
        text-align: center;
    }

    ul.enlarge li {
        display: inline-block; /*places the images in a line*/
        position: relative;
        z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
        margin: 0 5px;
    }

    ul.enlarge img.thumbnail-img {
        background-color: #eae9d4;
        -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
        -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
        box-shadow: 0 0 6px rgba(132, 132, 132, .75);
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        width: 25px;
        height: 25px;
    }

    ul.enlarge span {
        position: absolute;
        left: -9999px;
        background-color: #eae9d4;
        padding: 5px;
        font-family: 'Droid Sans', sans-serif;
        font-size: .9em;
        text-align: center;
        color: #495a62;
        -webkit-box-shadow: 0 0 6px rgba(0,0,0, .75));
        -moz-box-shadow: 0 0 6px rgba(0,0,0, .75);
        box-shadow: 0 0 6px rgba(0,0,0, .75);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    ul.enlarge li:hover {
        z-index: 50;
        cursor: pointer;
    }

    ul.enlarge span img {
        padding: 2px;
        background: #ccc;
        width: 65px;
        height: 65px;
    }

    ul.enlarge li:hover span {
        top: 40px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
        left: -15px; /*distance from the left of the thumbnail to the left of the popup image*/
    }

    ul.enlarge img, ul.enlarge span {
        behavior: url(pie/PIE.htc);
    }

    ul.enlarge .del-folwr {
        font-size: 14px;
        position: absolute;
        right: -3px;
        top: -5px;
        z-index: 9999;
        opacity: .5;
        display: none;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    ul.enlarge li:hover .del-folwr {
        display: block;
        opacity: 1;
    }

.program-table tr th {
    font-family: Lato-R;
    font-size: 14px;
    color: #185b94;
    font-weight: 300;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
}

.program-table tr td {
    font-family: Lato-R;
    font-size: 14px;
    color: #185b94;
    padding-left: 10px;
}

.program-table tr {
    border-bottom: 1px solid #dddddd;
}

    .program-table tr:first-child {
        border-bottom: 2px solid #dddddd;
    }

    .program-table tr th:nth-child(1),
    .program-table tr td:nth-child(1) {
        width: 30%;
    }

    .program-table tr th:nth-child(2),
    .program-table tr td:nth-child(2) {
        width: 10%;
    }

    .program-table tr th:nth-child(3),
    .program-table tr td:nth-child(3) {
        width: 10%;
    }

    .program-table tr th:nth-child(4),
    .program-table tr td:nth-child(4) {
        width: 10%;
    }

    .program-table tr th:nth-child(5),
    .program-table tr td:nth-child(5) {
        width: 30%;
    }

    .program-table tr th:nth-child(6),
    .program-table tr td:nth-child(6) {
        width: 10%;
    }

.agent-count {
    background-color: #f0ad4e;
    border-radius: 8px;
    color: #fff;
    float: right;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    margin-top: 10px;
    text-align: center;
    width: 32px;
}

.new-messages {
    background-color: #f0ad4e;
    border-radius: 4px;
    color: #fff;
    float: right;
    font-size: 12px;
    height: 9px;
    line-height: 18px;
    margin-right: 5px;
    text-align: center;
    width: 9px;
}

.status_student_box {
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    margin: 0;
}

    .status_student_box .sdate_lbl {
        font-family: Lato-R;
        font-size: 14px;
        color: #0F82BD;
        font-weight: 100;
        margin-right: 7px;
    }

    .status_student_box .sbox_input {
        border: 1px solid #cccccc;
        box-shadow: none;
        color: #555;
        font-family: Lato-R;
        font-size: 14px;
        height: 29px;
        margin-bottom: 5px;
        outline: 0 none;
        padding-left: 10px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        vertical-align: middle;
        width: 40%;
    }

.sbmt-txt {
    display: inline-block;
    line-height: 24px;
    float: right;
    margin: 0;
    font-family: Lato-R;
    font-size: 14px;
    color: #555;
}

input[type="file"].file-btn1 {
    display: inline-block;
    color: #555;
    font-weight: 300;
    font-family: Lato-R;
}

.img-dwl-btn {
    font-size: 14px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    left: 25px;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .img-dwl-btn:hover {
        background-color: rgba(0, 0, 0, 1);
    }

/*.dashboard_container .detail_section .detail_body .dummy_img_lbl:hover .img-dwl-btn{
    display: block;
    margin-top: -75px;
}*/
.large-dialog {
    width: 750px !important;
}

.schedule-com {
    border: 1px solid;
    cursor: pointer;
    margin: 0 12px;
    padding: 10px;
}

/*------ Final bugs fixing SAKM (26-1-17) -------*/

.dashboard_container .left_col .left_menu .label-warning,
.dashboard_container .left_col .left_menu .label-danger {
    margin-left: 5px;
}

.useful-links-ul {
    display: block !important;
}

    .useful-links-ul a {
        font-family: Lato-R !important;
        font-size: 18px !important;
        margin: 0 !important;
        display: block !important;
        /* color: #185b94 !important; */
        margin-bottom: 7px !important;
        outline: 0;
        text-decoration: none;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .useful-links-ul a h5 {
            color: #185b94;
            /* 	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease; */
        }

            .useful-links-ul a h5:before {
                font-family: FontAwesome;
                display: inline-block;
                content: "\f0a4" !important;
                font-size: 18px;
                margin-right: 10px;
                color: #0F7EB8;
            }

            .useful-links-ul a h5:hover {
                color: #4296BB;
            }

.prg-name {
    padding-top: 15px;
}

#html5-watermark {
    display: none !important;
}

.splash-dialoag {
    width: 100%;
    padding: 0 !important;
    height: 100%;
    margin: 0px !important;
}

    .splash-dialoag .modal-content {
        height: 100% !important;
        border-radius: 0 !important;
        background-color: rgba(0, 0, 0, 0.8);
        padding-top: 1%;
    }


    .splash-dialoag .modal-body {
        margin: 0px !important;
        padding: 0px !important;
    }

#image-2, #image-3, #image-4, #image-5, #image-6 {
    display: none;
}


.container-splash img {
    width: 100%;
    cursor: pointer;
}

.container-splash {
    width: 50%;
    height: 50%;
    background: #444;
    margin: 0 auto;
}

    .container-splash img.wide {
        max-width: 100%;
        max-height: 100%;
        height: auto;
    }

    .container-splash img.tall {
        max-height: 100%;
        max-width: 100%;
        width: auto;
    }

.show-button {
    float: right;
    margin-top: 10px;
}

.signup-error {
    float: right;
    width: 57%;
    font-size: 12px;
    color: #ff0000;
    font-family: Lato-R;
}



#termsModal .center-pannel a {
    text-decoration: none !important;
}

#termsModal .center-pannel {
    background: #fff none repeat scroll 0 0;
    padding: 3%;
    color: black;
    font-family: Lato-Regular;
    font-size: 14px;
    line-height: 1.7em;
}

    #termsModal .center-pannel h2 {
        color: #2b5cac;
        font-family: 'Lato', sans-serif;
        font-size: 36px;
        font-weight: 400;
        text-align: center;
        text-transform: uppercase;
    }

        #termsModal .center-pannel h2 span {
            font-weight: 700;
        }

    #termsModal .center-pannel h4 {
        color: #09587e;
        padding-right: 8px;
        text-transform: uppercase;
    }

#termsModal .modal-body {
    height: 550px;
    overflow-y: scroll;
}

#termsModal .modal-dialog {
    width: 70% !important;
}

#school-new-modal .modal-dialog {
    width: 65% !important;
}

#client-summary-modal .modal-dialog {
    width: 95%;
}

#client-summary-modal .modal-body {
    height: 590px;
    overflow-y: scroll;
    overflow-x: auto;
}

#agreement-modal .modal-dialog {
    width: 95%;
}

#agreement-modal .modal-body {
    height: 550px;
    overflow-y: scroll;
}

#client-task-modal .modal-dialog {
    width: 80%;
}

#client-task-modal .modal-body {
    height: 550px;
    overflow-y: scroll;
}
#ques-merge-modal .modal-dialog {
    width: 95%;
}
#ques-merge-modal .modal-body {
    height: 550px;
    overflow-y: scroll;
}
.fa-search-plus {
    color: #BABEC1;
    cursor: pointer;
    font-size: 20px;
    float: right;
}

.undo-icon {
    color: #5d5d5d !important;
    font-size: 16px;
    margin-left: 3px;
}

.del-cer {
    z-index: 200;
    position: relative;
    margin: 10px !important;
    margin-top: 4px !important;
}

.fa-range {
    float: right;
    cursor: pointer;
    font-size: 20px;
    color: #BABEC1;
}

.fa-range-add {
    float: right;
    cursor: pointer;
    font-size: 24px;
    color: #BABEC1;
}

.split-from, .split-to, .split-lbl, .split-lbl-to {
    width: 20% !important;
}

.split-lbl-to {
    text-align: center;
}

.dropdowntypeserch {
    text-align: left !important;
    padding: 5px 5px 5px 10px !important;
}

.type-drop, .type-drop-s {
    font-size: 12px;
}

.pop-up-info {
    color: #185b94;
    font-family: lato-R;
    font-size: 15px;
    padding-bottom: 13px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100%;
}

.fa-warning {
    padding-left: 5px;
    padding-right: 5px;
}
/*Fixing Questionnaire Table alignment 03-04-2017*/

.dashboard_container .questionnaire_table tr th:nth-child(1),
.dashboard_container .questionnaire_table tr td:nth-child(1) {
    width: 10%;
    text-align: center;
}

.dashboard_container .questionnaire_table tr th:nth-child(2),
.dashboard_container .questionnaire_table tr td:nth-child(2) {
    width: 10%;
}

.dashboard_container .questionnaire_table tr th:nth-child(3),
.dashboard_container .questionnaire_table tr td:nth-child(3) {
    width: 10%;
}

.dashboard_container .questionnaire_table tr th:nth-child(4),
.dashboard_container .questionnaire_table tr td:nth-child(4) {
    width: 10%;
}

.dashboard_container .questionnaire_table tr th:nth-child(5),
.dashboard_container .questionnaire_table tr td:nth-child(5) {
    width: 10%;
}

.dashboard_container .questionnaire_table tr th:nth-child(6),
.dashboard_container .questionnaire_table tr td:nth-child(6) {
    width: 10%;
}

.dashboard_container .questionnaire_table tr th:nth-child(7),
.dashboard_container .questionnaire_table tr td:nth-child(7) {
    width: 10%;
}

.dashboard_container .questionnaire_table tr th:nth-child(8),
.dashboard_container .questionnaire_table tr td:nth-child(8) {
    width: 10%;
}

.dashboard_container .questionnaire_table tr th:nth-child(9),
.dashboard_container .questionnaire_table tr td:nth-child(9) {
    width: 10%;
}

.dashboard_container .questionnaire_table tr th:nth-child(10),
.dashboard_container .questionnaire_table tr td:nth-child(10) {
    width: 10%;
}




.dashboard_container .questionnaire_table_2 tr th:nth-child(1),
.dashboard_container .questionnaire_table_2 tr td:nth-child(1) {
    width: 20%;
    text-align: center;
}

.dashboard_container .questionnaire_table_2 tr th:nth-child(2),
.dashboard_container .questionnaire_table_2 tr td:nth-child(2) {
    width: 20%;
}

.dashboard_container .questionnaire_table_2 tr th:nth-child(3),
.dashboard_container .questionnaire_table_2 tr td:nth-child(3) {
    width: 20%;
}

.dashboard_container .questionnaire_table_2 tr th:nth-child(4),
.dashboard_container .questionnaire_table_2 tr td:nth-child(4) {
    width: 20%;
}

.dashboard_container .questionnaire_table_2 tr th:nth-child(5),
.dashboard_container .questionnaire_table_2 tr td:nth-child(5) {
    width: 20%;
}

.bloo-lbl {
    font-family: Roboto-L;
    font-size: 12px;
    color: #fff;
    background-color: #5BC0DE;
    text-transform: capitalize;
    padding: 0 5px;
    display: block;
    background-color: #5BC0DE;
    margin: 5px auto;
    text-align: center;
}

.toggle-btn-box {
    display: inline-block;
    float: right;
    margin-left: 15px;
}

.toggle-btn {
    float: none;
    margin: 0;
}

.summary-legends {
    width: 75%;
    float: right;
}

.onshore-legend {
    background-color: #f7d6fe;
    float: left;
    height: 15px;
    margin: 4px;
    width: 15px;
}

.ausi-legend {
    background-color: #f9f499;
    float: left;
    height: 15px;
    margin: 4px;
    width: 15px;
}

.onshore-legend-label {
    float: left;
    width: 110px;
    padding: 2px;
}

.tablesorter.fa-info-circle {
    margin-left: 3px;
}

.tablesorter tr {
    border: 1px solid !important;
    border-color: lightgray !important;
}

.p-client-summary {
    width: 100%;
    border: 1px solid #cecece;
    margin-top: 30px;
    margin-bottom: 20px;
}

    .p-client-summary tr th {
        font-family: Lato-R !important;
        font-size: 14px !important;
        color: #185B94 !important;
        font-weight: 700 !important;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 30px;
        line-height: 25px;
    }

    .p-client-summary tr td {
        font-family: Lato-R !important;
        font-size: 14px !important;
        color: #0F82BD !important;
        padding: 7px 10px !important;
    }

        .p-client-summary tr th:nth-child(1),
        .p-client-summary tr td:nth-child(1) {
            width: 20%;
        }

        p-client-summary tr th:nth-child(2),
        .p-client-summary tr td:nth-child(2) {
            width: 20%;
        }

        .p-client-summary tr th:nth-child(3),
        .p-client-summary tr td:nth-child(3) {
            width: 10%;
        }

        .p-client-summary tr th:nth-child(4),
        .p-client-summary tr td:nth-child(4) {
            width: 10%;
        }

        .p-client-summary tr th:nth-child(5),
        .p-client-summary tr td:nth-child(5) {
            width: 10%;
        }

        .p-client-summary tr th:nth-child(6),
        .p-client-summary tr td:nth-child(6) {
            width: 10%;
        }

        .p-client-summary tr th:nth-child(7),
        .p-client-summary tr td:nth-child(7) {
            width: 10%;
        }

        .p-client-summary tr th:nth-child(8),
        .p-client-summary tr td:nth-child(8) {
            width: 10%;
        }

.offshore td {
    background-color: #f7d6fe !important;
}
.todaytasks td {
    background-color: #fdebbe !important;
  
}
.isAusi td {
    background-color: #f9f499 !important;
}

.notlegal td {
    background-color: #ffffe5 !important;
}

.notlegal-legend {
    background-color: #ffffe5;
    float: left;
    height: 15px;
    margin: 4px;
    width: 15px;
}

.aipcheck {
    width: 56% !important;
    padding-left: 10px !important;
    vertical-align: top !important;
    display: inline-block;
}

.input_lbl_radio {
    width: 70% !important;
}

.new-btn {
    background-color: #1da2e8 !important;
    color: white !important;
}

.add-new-task {
    float: none !important;
    margin-right: 10px;
}

.modal_input {
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    color: #555;
    outline: 0;
    box-shadow: none;
    padding-left: 10px;
    width: 56%;
    height: 29px;
    border: 1px solid #cccccc;
    vertical-align: top;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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

    .icon-drpdwn .dropdown-menu {
        min-width: 175px;
    }

        .icon-drpdwn .dropdown-menu > li > p.person-name {
            font-family: Lato-R;
            font-size: 14px;
            color: #000;
            display: inline-block;
            vertical-align: top;
            margin-top: 8px;
            padding-left: 7px;
        }

        .icon-drpdwn .dropdown-menu > li:hover p.person-name {
            color: #0f80bb;
        }

        .icon-drpdwn .dropdown-menu > li > a {
            background-color: #fff;
        }

        .icon-drpdwn .dropdown-menu > li {
            padding-left: 5px;
            cursor: pointer;
        }

            .icon-drpdwn .dropdown-menu > li .user-pic-box {
                width: 35px;
                height: 35px;
                display: inline-block;
                border-radius: 35px;
                overflow: hidden;
                border: 1px solid #cecece;
            }

                .icon-drpdwn .dropdown-menu > li .user-pic-box img {
                    width: 100%;
                }

    .icon-drpdwn .btn-primary {
        background-color: #fff !important;
        padding: 0;
        border: none;
        box-shadow: none;
        outline: 0;
    }

        .icon-drpdwn .btn-primary:hover,
        .icon-drpdwn .btn-primary:focus,
        .icon-drpdwn .btn-primary.focus,
        .icon-drpdwn .btn-primary:active,
        .icon-drpdwn .btn-primary.active,
        .icon-drpdwn .open > .dropdown-toggle.btn-primary {
            background-color: #fff !important;
            border: none;
        }

    .icon-drpdwn .caret {
        border-top: 4px solid #000;
    }

    .icon-drpdwn .dropdown-menu > li .green-tick {
        margin-left: 5px;
        margin-top: 8px;
        vertical-align: top;
        width: 20px;
        float: right;
    }

    .icon-drpdwn .dropdown-menu {
        min-width: 220px;
    }

        .icon-drpdwn .dropdown-menu > li > p.person-name {
            padding-left: 3px;
        }

        .icon-drpdwn .dropdown-menu > li {
            clear: both;
        }

.parent-drop-down {
    width: 100%;
    padding: 15px;
}

    .parent-drop-down h4 {
        color: #0f7eb8;
        display: inline-block;
        font-family: Lato-R;
        font-size: 13px;
        margin: 0 12px 0 0;
    }

.pclient_table .fa, .pclient_table .fa-usd {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding-right: 5px;
}

.inv-client {
    float: inherit !important;
    font-size: inherit !important;
    margin-left: inherit !important;
}

.update-color {
    color: #46b8da !important;
}




.email-import {
    width: 100%;
    border: 1px solid #cecece;
    margin-top: 30px;
    margin-bottom: 20px;
}

    .email-import tr th {
        font-family: Lato-B;
        font-size: 14px;
        color: #185B94;
        font-weight: 300;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 30px;
        line-height: 30px;
        /* 	padding-left: 20px; */
    }

    .email-import tr td {
        font-family: Lato-R;
        font-size: 14px;
        color: #0F82BD;
        padding: 5px 8px;
        border-bottom: 1px solid #cecece;
    }

    .email-import tr {
        background-color: transparent;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .email-import tr:nth-child(1) {
            background-color: #fff;
            border-bottom: 2px solid #cecece;
        }

        .email-import tr th:nth-child(1),
        .email-import tr td:nth-child(1) {
            width: 5%;
        }

        .email-import tr th:nth-child(2),
        .email-import tr td:nth-child(2) {
            width: 18%;
        }

        .email-import tr th:nth-child(3),
        .email-import tr td:nth-child(3) {
            width: 18%;
        }

        .email-import tr th:nth-child(4),
        .email-import tr td:nth-child(4) {
            width: 20%;
        }

        .email-import tr th:nth-child(5),
        .email-import tr td:nth-child(5) {
            width: 30%;
        }

        .email-import tr th:nth-child(6),
        .email-import tr td:nth-child(6) {
            width: 5%;
        }

        .email-import tr th:nth-child(7),
        .email-import tr td:nth-child(7) {
            width: 4%;
        }

#modal-email-detail .modal-dialog {
    width: 70%;
}

#modal-email-detail .modal-body {
    height: 500px;
    overflow-y: scroll;
}

.inline {
    display: inline !important;
}

.dashboard_container .reminder_box p.inl-blok {
    display: inline-block;
    width: 17px;
}

.client-email-table {
    width: 100%;
    border: 1px solid #cecece;
    margin-top: 30px;
    margin-bottom: 20px;
}

    .client-email-table tr th {
        font-family: Lato-B;
        font-size: 14px;
        color: #185B94;
        font-weight: 300;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 30px;
        line-height: 30px;
        /* 	padding-left: 20px; */
    }

    .client-email-table tr td {
        font-family: Lato-R;
        font-size: 14px;
        color: #0F82BD;
        padding: 5px 8px;
        border-bottom: 1px solid #cecece;
        word-break: break-all;
    }

    .client-email-table tr {
        background-color: transparent;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .client-email-table tr:nth-child(1) {
            background-color: #fff;
            border-bottom: 2px solid #cecece;
        }

        .client-email-table tr th:nth-child(1),
        .client-email-table tr td:nth-child(1) {
            width: 15%;
        }

        .client-email-table tr th:nth-child(2),
        .client-email-table tr td:nth-child(2) {
            width: 15%;
        }

        .client-email-table tr th:nth-child(3),
        .client-email-table tr td:nth-child(3) {
            width: 15%;
        }

        .client-email-table tr th:nth-child(4),
        .client-email-table tr td:nth-child(4) {
            width: 15%;
        }

        .client-email-table tr th:nth-child(5),
        .client-email-table tr td:nth-child(5) {
            width: 35%;
        }

        .client-email-table tr th:nth-child(6),
        .client-email-table tr td:nth-child(6) {
            width: 5%;
        }


.custom-doc-btn {
    background-color: #46b8da !important;
    border-bottom: 1px solid #fff !important;
}

#modal-email-visa-notifcation .modal-dialog {
    width: 75%;
}

#dropzonePreview {
    border-color: #e9e9e9;
    color: #1f6e97;
    margin: 0 104px 20px;
    text-align: center;
    width: 85%;
}

.email-click {
    text-decoration: underline;
    cursor: pointer;
}

.dashboard_container .status_box .status_lbl_s {
    width: 100%;
}

.dashboard_container .con-let-table {
    width: 100%;
    border: 1px solid #cecece;
    margin-top: 30px;
    margin-bottom: 20px;
}

    .dashboard_container .con-let-table tr th {
        font-family: Lato-B;
        font-size: 14px;
        color: #185B94;
        font-weight: 300;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 30px;
        line-height: 30px;
        /* 	padding-left: 20px; */
    }

    .dashboard_container .con-let-table tr td {
        font-family: Lato-R;
        font-size: 14px;
        color: #0F82BD;
        padding: 5px 8px;
        border-bottom: 1px solid #cecece;
    }

    .dashboard_container .con-let-table tr {
        background-color: transparent;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }



        .dashboard_container .con-let-table tr th:nth-child(1),
        .dashboard_container .con-let-table tr td:nth-child(1) {
            width: 40%;
        }

        .dashboard_container .con-let-table tr th:nth-child(2),
        .dashboard_container .con-let-table tr td:nth-child(2) {
            width: 60%;
        }

.contract-item .btn-xs, .letter-item .btn-xs {
    margin-top: 10px;
}

.user-selected {
    background-color: lightgray;
}

.custom_chkbox_default {
    left: 0 !important;
    position: inherit !important;
}

#modal-email-invoice-notifcation .modal-dialog {
    width: 75%;
}



.dashboard_container .n_invoice_table_s tr th:nth-child(1),
.dashboard_container .n_invoice_table_s tr td:nth-child(1) {
    width: 5% !important;
    text-align: center;
}

.dashboard_container .n_invoice_table_s tr th:nth-child(2),
.dashboard_container .n_invoice_table_s tr td:nth-child(2) {
    width: 10% !important;
}

.dashboard_container .n_invoice_table_s tr th:nth-child(3),
.dashboard_container .n_invoice_table_s tr td:nth-child(3) {
    width: 15% !important;
}

.dashboard_container .n_invoice_table_s tr th:nth-child(4),
.dashboard_container .n_invoice_table_s tr td:nth-child(4) {
    width: 15% !important;
}

.dashboard_container .n_invoice_table_s tr th:nth-child(5),
.dashboard_container .n_invoice_table_s tr td:nth-child(5) {
    width: 15% !important;
}

.dashboard_container .n_invoice_table_s tr th:nth-child(6),
.dashboard_container .n_invoice_table_s tr td:nth-child(6) {
    width: 10% !important;
}

.dashboard_container .n_invoice_table_s tr th:nth-child(7),
.dashboard_container .n_invoice_table_s tr td:nth-child(7) {
    width: 10% !important;
}

.dashboard_container .n_invoice_table_s tr th:nth-child(8),
.dashboard_container .n_invoice_table_s tr td:nth-child(9) {
    width: 15% !important;
}

.dashboard_container .n_invoice_table_s tr th:nth-child(9),
.dashboard_container .n_invoice_table_s tr td:nth-child(9) {
    width: 5% !important;
}

.doc-folders {
    width: 80%;
    float: left;
    padding-top: 10px;
}

.doc-actions {
    width: 20%;
    float: left;
    font-weight: bold;
}

.icon-container {
    width: 20%;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 10px;
}

    .icon-container:hover {
        background-color: #f7f7f7;
        font-weight: bold;
    }

.doc-icon {
    padding: 0 20%;
    width: 100%;
    float: left;
    color: #46b8da;
    font-size: 70px;
}

.doc-name {
    width: 100%;
    float: left;
    color: #46b8da;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    cursor: pointer;
}

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

.no_margin {
    margin: 0 !important;
}

.doc-actions {
    color: #46b8da;
}

    .doc-actions .btn {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.doc-open {
    color: #46b8da;
    margin: 3px;
    font-size: 18px;
}

.folder-btn {
    float: right;
    margin: 3px;
    font-family: 'Century Gothic';
}

.folder-legends {
    font-size: 12px !important;
    width: 100%;
    text-align: right;
    font-family: 'Century Gothic';
}

#folder-name-open {
    color: #185b94;
    font-family: 'Century Gothic';
}

.folder-btn .dropdown-menu li {
    font-family: 'Century Gothic';
    font-size: 11px;
    font-weight: bold;
}


.doc-check {
    border-color: #cccccc !important;
}

.table-client-doc {
    font-family: 'Century Gothic';
    width: 100%;
    background-color: #f2f2f2;
}
.table-client-doc .fa {

    color: #646464 !important;
padding: 2px;
font-size: 16px;
}

.table-client-doc th {
    font-weight: bold !important;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left:7px;
    color: #808080;
}

.table-client-doc td {
    padding-top: 7px;
    padding-bottom: 7px;
     padding-left:7px;
}

.table-client-doc tr:nth-child(1) {
    border-bottom: 3px solid #808080;
}

.table-client-doc tr th:nth-child(1),
.table-client-doc tr td:nth-child(1) {
    width: 2%;
    padding: 5px;
}


.table-client-doc tr th:nth-child(2),
.table-client-doc tr td:nth-child(2) {
    width: 6%;
}

.table-client-doc tr td:nth-child(2) {
    text-align: center;
}

.table-client-doc tr th:nth-child(3),
.table-client-doc tr td:nth-child(3) {
    width: 35%;
}

.table-client-doc tr th:nth-child(4),
.table-client-doc tr td:nth-child(4) {
    width: 25%;
}

.table-client-doc tr th:nth-child(5),
.table-client-doc tr td:nth-child(5) {
    width: 17%;
    padding: 5px;
}

    .table-client-doc tr th:nth-child(6),
    .table-client-doc tr td:nth-child(6) {
        width: 15%;
        padding: 5px;
    }

.table-client-doc .info_input,
.table-client-doc .double_col .info_input.cmnt_input {
    border: 1px solid #cccccc;
    box-shadow: none;
    color: #555;
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    height: 29px;
    margin-bottom: 5px;
    outline: 0 none;
    padding-left: 10px;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    width: 100%;
}
.table-client-doc {
    font-family: 'Century Gothic' !important;
    width: 100% !important;
    background-color: #f2f2f2 !important;
    font-size: 14px !important;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    font-size: 14px !important;
} 
.table-client-doc thead tr th, .table-client-doc- tfoot tr th, .table-client-doc- tbody tr td {
    border: 0px !important;
}

    .table-client-doc thead tr th, .table-client-doc- tfoot tr th {
        background-color: #f2f2f2 !important;
    }

    .table-client-doc tbody tr td {
        background-color: #f2f2f2 !important;
    }

    .table-client-doc .fa {
        color: #646464 !important;
        padding: 2px;
        font-size: 16px;
    }
.table-client-doc-g {
    font-family: 'Century Gothic' !important;
    width: 100% !important;
    background-color: #f2f2f2 !important;
}
    .table-client-doc-g thead tr th, .table-client-doc-g tfoot tr th, .table-client-doc-g tbody tr td {
    border:0px !important;
    }
    
    .table-client-doc-g thead tr th, .table-client-doc-g tfoot tr th {
        background-color: #f2f2f2 !important;
    }
    .table-client-doc-g tbody tr td {
        background-color: #f2f2f2 !important;
    } 
.table-client-doc-g .fa {
    color: #646464 !important;
    padding: 2px;
    font-size: 16px;
}

    .table-client-doc-g th {
        font-weight: bold !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        padding-left: 7px !important;
        color: #808080 !important;
    }

.table-client-doc-g td {
    padding-top: 7px;
    padding-bottom: 7px;
     padding-left:7px;
}

    .table-client-doc-g thead tr {
        border-bottom: 2px solid #808080 !important;
    }

.table-client-doc-g tr th:nth-child(1),
.table-client-doc-g tr td:nth-child(1) {
    width: 2%;
    padding: 5px;
}


.table-client-doc-g tr th:nth-child(2),
.table-client-doc-g tr td:nth-child(2) {
    width: 6%;
}

.table-client-doc-g tr td:nth-child(2) {
    text-align: center;
}

.table-client-doc-g tr th:nth-child(3),
.table-client-doc-g tr td:nth-child(3) {
    width: 30%;
}

.table-client-doc-g tr th:nth-child(4),
.table-client-doc-g tr td:nth-child(4) {
    width: 30%;
}

.table-client-doc-g tr th:nth-child(5),
.table-client-doc-g tr td:nth-child(5) {
    width: 12%;
    padding: 5px;
}
.table-client-doc-g tr th:nth-child(6),
.table-client-doc-g tr td:nth-child(6) {
    width: 20%;
    padding: 5px;
}



.table-client-doc-g .info_input,
.table-client-doc-g .double_col .info_input.cmnt_input {
    border: 1px solid #cccccc;
    box-shadow: none;
    color: #555;
    font-family: Lato-R,FontAwesome;
    font-size: 14px;
    height: 29px;
    margin-bottom: 5px;
    outline: 0 none;
    padding-left: 10px;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    width: 100%;
}

.gray-chkbx [type="checkbox"]:not(:checked) + label,
.gray-chkbx [type="checkbox"]:checked + label {
    margin-bottom: 18px;
    margin-top: 5px;
}

.gray-chkbx.marg-btm [type="checkbox"]:not(:checked) + label,
.gray-chkbx.marg-btm [type="checkbox"]:checked + label {
    margin-bottom: 5px;
}

.gray-chkbx [type="checkbox"]:not(:checked) + label:before,
.gray-chkbx [type="checkbox"]:checked + label:before {
    background: #fff;
    border: 1px solid #cccccc;
}

.gray-chkbx [type="checkbox"]:not(:checked) + label:after,
.gray-chkbx [type="checkbox"]:checked + label:after {
    color: #cccccc;
}

.gray-chkbx [type="checkbox"]:checked + label:before,
.gray-chkbx [type="checkbox"]:not(:checked):hover + label:before {
    border: 1px solid #cccccc;
    background: #fff;
}

.gray-chkbx [type="checkbox"]:not(:checked):hover + label:before {
    background: #cccccc;
}

.gray-chkbx [type="checkbox"]:hover:not(:checked) + label:after,
.gray-chkbx [type="checkbox"]:checked *:hover + label:after {
    color: transparent;
    content: " ";
}

.gray-chkbx .chkbx_label {
    font-family: Lato-R;
    font-size: 14px;
    color: #cccccc;
    font-weight: 100;
    padding-top: 5px;
}
.green_box_completed {
background-color: #5CB85C;
height: 15px;
width: 15px;
float: left;
margin-top: 5px;
margin-right: 3px;
        }

.table-col-4 tr th {
    font-family: Lato-R;
    font-size: 14px;
    color: #185b94;
    font-weight: 300;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
}
.table-col-4 input {
    width:100%;
}
.table-col-4 i {
    padding:2px;
}
.table-col-4 tr td {
    font-family: Lato-R;
    font-size: 14px;
    color: #185b94;
    padding-left: 10px;
}

.table-col-4 tr {
    border-bottom: 1px solid #dddddd;
}

    .table-col-4 tr:first-child {
        border-bottom: 2px solid #dddddd;
    }

    .table-col-4 tr th:nth-child(1),
    .table-col-4 tr td:nth-child(1) {
        width: 30%;
    }

    .table-col-4 tr th:nth-child(2),
    .table-col-4 tr td:nth-child(2) {
        width: 30%;
    }

    .table-col-4 tr th:nth-child(3),
    .table-col-4 tr td:nth-child(3) {
        width: 30%;
    }

    .table-col-4 tr th:nth-child(4),
    .table-col-4 tr td:nth-child(4) {
        width: 10%;
    }

#management-content .fa {
    padding:5px;
    float:left;
}
.half-width-profile {
width:49%;
margin-left:1%;
float:left;
min-height:160px;
}
    .half-width-profile .fa {
    font-size:18px !important;
    }
    .half-width-profile .bootstrap-select {
    width:100% !important;
    }
     .half-width-profile .info_input {
    width:100% !important;
    }

     .hide_btn_cp {
    font-family: Lato-R;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 4px;
    height: 22px;
    line-height: 18px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-left: 5px;
    border: none;
    box-shadow: none;
    outline: 0;
    color: #fff;
    background-color: #46b8da;
    float: left;
    opacity: .8;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.hide_btn_cp .fa-times {
    font-size: 14px;
    margin-right: 5px;
    color: white;
    z-index: 9999;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.hide_btn_cp .fa-times:hover {
        color: #2e6da4;
        cursor: pointer;
    }

#supplier-new-modal .modal-dialog {
width: 65% !important;
}
.dashboard-total {
float: left;
width: 100%;
padding-left: 20px;
padding-top: 5px;
}
.dp-actions
{
    width:85px;
     margin-left:10px;

}
    .dp-actions .fa {
    padding:3px;
   color:#000;
    font-size:15px !important;
    cursor:pointer;
   
    }
    .dp-actions .fa-times-circle {
   margin-top: 1px !important;
    float: left !important;
    }
    .file-input-label
    {
        position: absolute;
display: block;
margin-top: 53px;
font-size: 10px;
margin-left: 12px;
color: #4c4848;

    }
        .file-input-label-c
    {
        position: absolute;
display: block;
margin-top: 45px;
font-size: 10px;
margin-left: 64px;
color: #4c4848;

    }
.unparented {
    color : #f0ad4e !important;
}
.bold-text {
font-weight:bold;
}
/* ---- lang dropdown ------ */

.dashboard_container .left_col .lang-dp .lang-heading {
    font-size: 16px;
    cursor: pointer;
    font-family: Lato-B;
}

.dashboard_container .left_col .lang-dp .dropdown-menu {
    width: 100%;
}

.dashboard_container .left_col .lang-dp .lang-heading:after {
    font-family: Fontawesome;
    content: '\f107';
    font-size: 18px;
    float: right;
}
}
/* ---- lang dropdown ------ */

.dashboard_container .left_col .lang-dp .lang-heading {
    font-size: 16px;
    cursor: pointer;
    font-family: Lato-B;
}

.dashboard_container .left_col .lang-dp .dropdown-menu {
    width: 100%;
}

.dashboard_container .left_col .lang-dp .lang-heading:after {
    font-family: Fontawesome;
    content: '\f107';
    font-size: 18px;
    float: right;
}
.table-report-file-notes {
width:100%;
}
    .table-report-file-notes th {
        text-transform:uppercase;
    } 
    .table-report-file-notes tr th:nth-child(1),
    .table-report-file-notes tr td:nth-child(1) {
        width: 15%;
    }

.table-report-file-notes tr th:nth-child(2),
.table-report-file-notes tr td:nth-child(2) {
    width: 20%;
}

.table-report-file-notes tr th:nth-child(3),
.table-report-file-notes tr td:nth-child(3) {
    width: 15%;
}

.table-report-file-notes tr th:nth-child(4),
.table-report-file-notes tr td:nth-child(4) {
    width: 40%;
}

.table-report-file-notes tr th:nth-child(5),
.table-report-file-notes tr td:nth-child(5) {
    width: 10%;
}


.table-report-active-cleints {
    width: 100%;
}

    .table-report-active-cleints th {
        text-transform: uppercase;
    }

    .table-report-active-cleints tr th:nth-child(1),
    .table-report-active-cleints tr td:nth-child(1) {
        width: 10%;
    }

    .table-report-active-cleints tr th:nth-child(2),
    .table-report-active-cleints tr td:nth-child(2) {
        width: 10%;
    }

    .table-report-active-cleints tr th:nth-child(3),
    .table-report-active-cleints tr td:nth-child(3) {
        width: 10%;
    }

    .table-report-active-cleints tr th:nth-child(4),
    .table-report-active-cleints tr td:nth-child(4) {
        width: 10%;
    }

    .table-report-active-cleints tr th:nth-child(5),
    .table-report-active-cleints tr td:nth-child(5) {
        width: 10%;
    }
    .table-report-active-cleints tr th:nth-child(6),
    .table-report-active-cleints tr td:nth-child(6) {
        width: 20%;
    }
    .table-report-active-cleints tr th:nth-child(7),
    .table-report-active-cleints tr td:nth-child(7) {
        width: 10%;
    }
    .table-report-active-cleints tr th:nth-child(8),
    .table-report-active-cleints tr td:nth-child(8) {
        width: 20%;
    }

#sms-detail-modal .modal-dialog, #support-detail-modal .modal-dialog {
    width: 80%;
}
#sms-detail-modal .modal-body, #support-detail-modal .modal-body {
    height: 550px;
    overflow-y: scroll;
}
.visa-row {
    font-family: Lato-R;
    font-size: 14px;
    color: #185B94;
    padding: 5px 0px;
}
.visa-name {
    font-size: 16px;
    color: #185B94;
    font-family: Lato-B;
    font-weight: 300;
    padding: 10px 0px;
}
.visa-date {
    font-family: Lato-R;
    font-size: 10px;
    color: #555;
    padding: 5px 0px;
}
.btn-row {
    padding: 5px 0px;
}
    .btn-row .btn {
    border-radius:0 !important;
    }
.red {
color:maroon !important;
}
.main_body .inline-block {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}

    .main_body .inline-block fa {
        display: block !important;
        padding-right: 10px;
    }

.main_body .info_input {
    width: 52% !important;
}

.main_body .radiobtns_div.cprofile-rbtns {
    width: 52% !important;
}

.main_body .info_input.datepicker {
    width: 48% !important;
}

.main_body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 52% !important;
}
.main_body .inline-block {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}

    .main_body .inline-block fa {
        display: block !important;
        padding-right: 10px;
    }

.main_body .info_input {
    width: 40% !important;
}

.main_body .radiobtns_div.cprofile-rbtns {
    width: 40% !important;
}

.main_body .info_input.datepicker {
    width: 35% !important;
}
.main_body .info_input.monthpicker {
    width: 35% !important;
}

.main_body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width:35% !important;
}
#send-email-questionnaire-modal .modal-dialog {
    width: 70% !important;
}
#send-email-share-data-modal .modal-dialog {
    width: 70% !important;
}
#send-email-questionnaire-modal-p .modal-dialog {
    width: 70% !important;
}
#custom-questionnaire-content .chkbox_p {
    display: inline-block;
}

#custom-questionnaire-content .settings_table tr th:nth-child(1),
#custom-questionnaire-content .settings_table tr th:nth-child(1) {
    width: 50% !important;
}

#custom-questionnaire-content .settings_table tr th:nth-child(2),
#custom-questionnaire-content .settings_table tr th:nth-child(2) {
    width: 40% !important;
}

#custom-questionnaire-content .settings_table tr th:nth-child(3),
#custom-questionnaire-content .settings_table tr th:nth-child(3) {
    width: 10% !important;
}
.expand-icon {
    padding-top: 4px;
    padding-left: 2px;
    color: white;
    font-size: 20px;
}
.expand-icon-dashboard {
    padding-top: 4px;
    padding-left: 2px;
    color: #185b94;
    left:0;
    margin-right:10px;
    font-size: 30px;
}
#centralDiv {
transition: all 1s;
}

hr {
    border-top: 1px solid #a9a9a9 !important;
}
#client-details {
padding-top:10px;
}


.client-email-table {
    font-family: 'Century Gothic' !important;
    width: 100% !important;
    background-color: #f2f2f2 !important;
    font-size: 14px !important;
}

    .client-email-table thead tr th, .client-email-table tfoot tr th, .client-email-table tbody tr td {
        border: 0px !important;
    }

    .client-email-table thead tr th, .client-email-table tfoot tr th {
        background-color: #f2f2f2 !important;
    }

    .client-email-table tbody tr td {
        background-color: #f2f2f2 !important;
    }

    .client-email-table .fa {
        color: #646464 !important;
        padding: 2px;
        font-size: 16px;
    }



    .client-email-table th {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        padding-left: 7px !important;
        color: #808080 !important;
    }

    .client-email-table td {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 7px;
    }

    .client-email-table thead tr {
        border-bottom: 2px solid #808080 !important;
    }
.right-icons-div .fa-edit {
font-size:18px;
padding-left:4px;
}
    .right-icons-div .fa-edit:hover {
        color: #333 !important;
    }
.priority-buttons {
    width: 100%;
}

.priority-button {
    width: 16px;
    height: 16px;
    float: left;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid;
    margin: 2px;
}

.priority-legend {
    width: 12px;
    height: 12px;
    float: left;
    margin-top: 6px;
    margin-right: 3px;
    border-radius: 6px;
}

.High-priority {
    background-color: #d9534f;
}

.Low-priority {
    background-color: #5cb85c;
}

.Medium-priority {
    background-color: #f0ad4e;
}
.col-main {
    overflow-x: auto;
    display: block;
    width: auto;
    white-space: nowrap;
    margin-top:10px;
}
.deal-search {
    border: 1px solid #cccccc;
    width: 50%;
    padding-left: 10px;
    margin-left: 10%;
    font-family: Lato-R;
    font-size: 14px;
    color: #555555;
    line-height:27px;
    display:none;
}
.stage-col {
    width: 250px;
    padding: 0px 5px;
    border: 3px dashed;
    border-color: aliceblue;
    min-height: 200px;
    height: 500px;
    display: inline-block;
    overflow:auto;
    white-space:normal;
}

.stage-name {
    text-align: center;
    font-weight: bold;
    position:sticky;
    top:0;
    padding:5px 0;
    background-color:#fff;
}

.pipline-name {
    line-height: 50px !important;
}
.stage-deal {
    border: 2px solid aliceblue;
    padding: 10px 15px;
    margin: 10px 0px;
    background-color: #fff;
    cursor: pointer;
}

.deal-name {
    color: #0F82BD;
    font-size: 18px;
}

.deal-client, .expected-close-date, .deal-owner, .deal-worth, .deal-priority {
    color: gray;
    font-size: 14px;
    margin: 5px 0px;
}

.deal-worth {
    width: 40%;
    display: inline-block;
}

.expected-close-date {
    width: 60%;
    display: inline-block;
}

.total-deal-count {
    background-color: #f0ad4e;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    display: inline-block;
}
.create-deal {
display:none;
}
.priority-1 {
    color: darkseagreen !important;
}

.priority-2 {
    color: #BDB76B !important;
    font-weight: bold;
}

.priority-3 {
    color: maroon !important;
    font-weight: bold;
}
.meeting-heading {
    font-family: Lato-R;
    font-size: 12px;
    color: #0f7eb8;
    margin: 0;
    margin-right: 0px;
    margin-right: 12px;
    display: inline-block;
}
.main-meeting {
    width: 24%;
    padding: 2px;
    margin: 2px;
    display: inline-block;
    border: 1px #0f82bd dashed;
    height: 145px;
    vertical-align: top;
}

.meeting-item {
    width: 100%;
    padding: 2px;
    margin: 2px;
}

.meeting-time {
    width: 35%;
    padding: 2px;
    margin: 2px;
    display: inline-block;
}

.meeting-status {
    width: 58%;
    padding: 2px;
    margin: 2px;
    display: inline-block;
    text-align: right;
}

.meeting-title {
    width: 100%;
    padding: 2px;
    margin: 2px;
}

.meeting-client {
    width: 100%;
    padding: 2px;
    margin: 2px;
    cursor:pointer;
}

.meeting-title {
    font-size: 16px;
    color: #073551;
    cursor: pointer;
}

.Scheduled-Status {
    color: white;
    background-color: lightcoral;
}

.Confirmed-Status {
    color: white;
    background-color: orangered;
}

.Complete-Status {
    color: white;
    background-color: green;
}

.Canceled-Status {
    color: white;
    background-color: #d9534f;
}

.Reschedule-Status {
    color: white;
    background-color: #f0ad4e;
}

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