@font-face {
    font-family: 'Lato_Regular';
    src: url('../fonts/Lato-Regular.ttf');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff?#iefix') format('woff'), url('../fonts/Lato-Regular.svg?#iefix') format('svg');
}

@font-face {
    font-family: 'OpenSans_Regular';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg') format('svg');
}

@font-face {
    font-family: 'OpenSans_Light';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light.svg') format('svg');
}

@font-face {
    font-family: 'OpenSans_Italic';
    src: url('../fonts/OpenSans-Italic.eot');
    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic.woff') format('woff'), url('../fonts/OpenSans-Italic.ttf') format('truetype'), url('../fonts/OpenSans-Italic.svg') format('svg');
}

@font-face {
    font-family: 'OpenSans_Bold';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.svg') format('svg');
}

@font-face {
    font-family: 'Myraidpro_Regular';
    src: url('../fonts/myriadpro.eot');
    src: url('../fonts/myriadpro.eot?#iefix') format('embedded-opentype'), url('../fonts/Myraidpro_Regular.ttf') format('truetype'), url('../fonts/myriadpro.woff') format('woff'), url('../fonts/myriadpro.woff2') format('woff2');
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

* {
    margin: 0;
    padding: 0;
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

body {
    margin: 0;
    padding: 0;
    /*	background-color: #e9e9e9;*/
    background-color: white;
    position: relative;
}

.header {
    background-color: #34383c;
    padding: 0;
    /* margin: 0; */
    /* position: fixed; */
    /* z-index: 2; */
    /* width: 100%; */
    padding: 4px;
}

input[type=checkbox], input[type=radio] {
    margin: 0 3px 1px;
    margin-top: 1px\9;
    line-height: normal;
}

.content_down {
    position: relative;
    top: 60px;
    width: 99.6%;
    float: left;
    /* z-index: 1000; */
    right: 0;
    left: 0;
}

.logo_section {
    padding-top: 5px;
}

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

.logo_section img {
}

.title {
}

    .title h2 {
        color: #b1b7bb;
        font-family: 'OpenSans_Light';
        /*    font-size: 47px; */
        margin-top: 0;
        vertical-align: middle;
        margin-top: 0;
        font-size: 32px;
        padding-top: 15px;
    }

        .title h2 span {
            font-family: 'OpenSans_Italic';
            font-size: 32px;
        }

.profile {
    padding: 3px;
    margin: 0;
    top: 0;
}

.profile_title h3 {
    color: #cacdd0;
    font-size: 16px;
    font-family: 'Myraidpro_Regular';
    margin-top: 6px;
    padding-left: 14px !important;
}

    .profile_title h3:hover {
        color: #cacdd0;
    }

.profile_title {
    padding: 4px;
}

.profile_dp {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    border: 2px solid #00a810;
}

    .profile_dp img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
    }

.nexelus_link {
    padding: 0;
}

    .nexelus_link img {
        float: right;
    }

.pointer {
    cursor: pointer;
}

.content {
    margin: 0;
    padding: 0;
    position: relative;
}

.content-area {
    padding-left: 12px;
    padding-right: 12px;
}

.sidemenu {
    background-color: #34383c /*#4d5f84*/;
    height: 100%;
    padding: 0;
    margin: 0;
    position: fixed;
    width: 83px;
    top: 60px;
    z-index: 3;
}

    .sidemenu ul {
        padding: 0;
        margin: 0;
        position: relative;
    }

        .sidemenu ul li {
            list-style: none;
            display: block;
            text-align: center;
            /* margin-top: 10px; */
            color: #fff;
            font-size: 12px;
            padding: 10px;
            position: relative;
        }

        .sidemenu ul a:hover {
            text-decoration: none;
            color: #6e7ea1;
        }

        .sidemenu ul li:hover {
            color: #79bfed;
        }

        .sidemenu ul li a i {
            font-size: 12px;
            padding: 10px;
        }

        .sidemenu ul a li i {
            display: block;
        }

.navigation .active {
    background-color: #777777 /*#6e7ea1*/;
    padding: 0;
    color: #fff;
    padding: 7px;
    font-family: 'OpenSans_Regular';
    font-size: 12px;
}

.sidemenu ul .active a {
    background-color: #777777 /*#6e7ea1*/;
    padding: 0;
    color: #fff;
    padding: 10px;
    font-family: 'OpenSans_Regular';
    font-size: 12px;
}

.brief_icon {
    background: url('/images/brief.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.active .brief_icon {
    background: url('/images/brief_active.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.campaign_icon {
    background: url('/images/campaign.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.active .campaign_icon {
    background: url('/images/campaign_active.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.mediaplan_icon {
    background: url('/images/mediaplan.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.active .mediaplan_icon {
    background: url('/images/mediaplan_active.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.rfp_icon {
    background: url('/MediaPlanning/images/rfp.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.active .rfp_icon {
    background: url('/images/rfp_active.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.trafficking_icon {
    background: url('/images/trafficking.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.active .trafficking_icon {
    background: url('/images/trafficking_active.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.buying_icon {
    background: url('/images/buying.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.active .buying_icon {
    background: url('/images/buying_active.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.tracking_icon {
    background: url('/images/tracking.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.active.tracking_icon {
    background: url('/images/tracking_active.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.closing_icon {
    background: url('/images/closing.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.active .closing_icon {
    background: url('/images/closing_active.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.setup_icon {
    background: url('/images/setup.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.active .setup_icon {
    background: url('/images/setup_active.png');
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.sidecontent {
    position: relative;
    left: 80px;
    top: 60px;
    width: 94%;
    margin: 0;
    padding: 0;
    z-index: 0;
}

    .sidecontent h3 {
        font-family: 'OpenSans_Regular';
        font-size: 20px;
        text-align: left;
        padding: 0;
    }

.search_row {
    margin-bottom: 0;
    text-align: right;
}

#search_row_placement {
    padding: 0;
}

.search_row .left_heading {
    margin-bottom: 5px;
    text-align: left;
}

.searchbar {
    margin-top: 5px;
    padding: 0;
    margin-bottom: 5px;
}

.search_row h3 {
    text-align: right;
}

.grid_layout {
}

.grid_row_1 {
    background-color: white /* #d4d7db*/;
    border-radius: 3px;
}

.grid_actions {
    padding: 0;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 0;
    float: right;
}

    .grid_actions ul {
        padding: 5px;
        margin: 0;
        float: right;
        padding-right: 10px;
    }

        .grid_actions ul li {
            color: #fff;
            display: inline-block;
            list-style: none;
        }


            .grid_actions ul li a:before {
                content: "";
                /*	margin-left: 12px; */
            }

            .grid_actions ul li a {
                display: inline-block;
                list-style: none;
                color: #fff /*#7b7b7b*/;
                font-size: 14px;
                font-family: 'OpenSans_Regular';
            }

                .grid_actions ul li a:after {
                    margin-left: 8px;
                }

            .grid_actions ul li:not(:last-child) a:after {
                content: "|";
                color: white;
            }


        .grid_actions ul a:hover {
            text-decoration: none;
            color: #79bfed;
        }

        .grid_actions ul li:hover {
            color: #79bfed;
        }

        .grid_actions ul li i:hover {
            color: #fff;
            cursor: pointer;
        }

    .grid_actions .btn {
        display: inline-block;
        padding: 0 0;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }



.grid_actions_customfields {
    padding: 0;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 0;
    float: right;
}

    .grid_actions_customfields ul {
        padding: 5px;
        margin: 0;
        float: right;
        padding-right: 10px;
    }

        .grid_actions_customfields ul li {
            display: inline-block;
            list-style: none;
        }


            .grid_actions_customfields ul li a:before {
                content: "";
                margin-left: 12px;
            }

            .grid_actions_customfields ul li a {
                display: inline-block;
                list-style: none;
                color: #fff /*#7b7b7b*/;
                font-size: 14px;
                font-family: 'OpenSans_Regular';
            }

                .grid_actions_customfields ul li a:after {
                    margin-left: 0;
                }

            .grid_actions_customfields ul li:not(:last-child) a:after {
                content: "";
                color: white;
            }


        .grid_actions_customfields ul a:hover {
            text-decoration: none;
            color: #79bfed;
        }

        .grid_actions_customfields ul li:hover {
            color: #79bfed;
        }

    .grid_actions_customfields .btn {
        display: inline-block;
        padding: 0 0;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
/*---------------------------------*/
.bread_crumbs {
    padding: 0;
    margin-right: 0;
    margin-top: 25px;
    margin-bottom: 0;
    text-align: left;
}

    .bread_crumbs ul {
        padding: 0;
        margin: 0;
    }

        .bread_crumbs ul li {
            display: inline-block;
            list-style: none;
        }

            .bread_crumbs ul li a:before {
                /*content: "";*/
                margin-left: 0;
            }

            .bread_crumbs ul li a {
                display: inline-block;
                list-style: none;
                color: #666666 /*#7b7b7b*/;
                font-size: 12px;
                font-family: 'OpenSans_Regular';
            }



        .bread_crumbs ul a:hover {
            text-decoration: none;
            color: #79bfed;
        }

        .bread_crumbs ul li:hover {
            color: #79bfed;
        }

        .bread_crumbs ul li a:after {
            margin-left: 0;
        }

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


.custom-checkbox {
    width: 18px;
    height: 18px !important;
    margin: 4px 0 0 !important
}









.grid_row_2 {
    background-color: #7b7b7b; /*#6e7ea1*/ /*#2471af*/
    border-radius: 8px 8px 0 0 !important;
    padding: 0;
    width: 100%;
    z-index: 1;
}

.grid_row_3 {
    background-color: #7b7b7b; /*#6e7ea1*/ /*#2471af*/
    border-radius: 8px 8px 0 0 !important;
    padding: 0;
    width: 100%;
    /*z-index: 20;*/
}

.grid_row_header {
    background-color: #133149;
}
/*Nosheen CHANGES Start*/
.grid_mainheading {
    text-align: left;
    padding-left: 8px;
}

    .grid_mainheading h3 {
        color: #fff;
        margin-top: 11px;
        margin-bottom: 11px;
        font-size: 18px;
        float: left;
    }

.grid_heading h3 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 11px;
    font-size: 18px;
    text-align: right;
    /* float: right !important; */
    width: 100%;
}

.top_nav_sub {
    /* width: 100%; */
    /* height: 26px; */
    /* min-width: 990px; */
    /* margin: auto; */
    /* padding: 2px 0 0 0; */
    background-color: transparent !important;
    /* border: solid 0 red; */
    /* float: right; */
    /* margin-top: 10px !important; */
    position: absolute !important;
    right: 15px;
    z-index: 2;
    top: 0;
}

ul.buttons_toolbar {
    /* position: absolute; */
    /* overflow: hidden; */
    /* height: auto; */
    margin: 0;
    padding: 0;
    /* width: 100%; */
    /* list-style: none; */
    text-align: left;
    /* background: #D6D6D6 url(../img/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x; */
    /* background-color: #E6EEF9; */
    border: 0 solid #BBB;
    float: right;
    text-align: right !important;
}

    ul.buttons_toolbar li {
        /* font-size: 0.9em; */
        font-family: "OpenSans_Regular";
        margin: 0;
        padding: 0;
        float: left;
        color: #fff !important;
        border: 1px solid transparent;
        border-right-color: transparent !important;
        border-right-color: transparent !important;
        cursor: pointer;
        list-style: none;
        min-height: 40px !important;
        float: initial !important;
        display: inline-block;
        background-color: transparent !important;
        border-radius: 0;
    }

        ul.buttons_toolbar li a {
            color: #fff !important;
            text-decoration: none;
            outline: none;
            display: inline-block !important;
            border: solid 0 red;
            font-family: 'OpenSans_Regular';
            /*padding: 11px 10px !important;*/
            font-size: 13px !important;
        }

        ul.buttons_toolbar li img {
            float: left;
            /* padding: 0 2px 0 5px; */
            /* margin-right: 6px; */
            vertical-align: baseline;
            width: 20px;
            vertical-align: middle;
        }

.grid_subheading h3 {
    color: #fff;
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 18px;
    float: left;
}

/*Nosheen CHANGES End*/
.grid_add {
    background-color: #4d5f84 /*#2c8ad5*/;
    padding: 15px;
    text-align: center;
    border-radius: 3px 8px 0 0;
}
/*Nosheen CHANGES Start*/
.searchbar #target {
    background-image: url(/images/search.png);
    background-repeat: no-repeat;
    background-position: 6px;
    border: 1px solid #DADADA;
    margin-top: 10px;
    padding-left: 35px;
    width: 100%;
    height: 35px;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
    /* For Mozilla Web Browser*/;
}

    .searchbar #target:after {
        content: "|";
    }
/*Added by Hamza*/
.searchbarSC .TxtTargetSC {
    background-image: url(/images/search.png);
    background-repeat: no-repeat;
    background-position: 6px;
    border: 1px solid #DADADA;
    padding-left: 35px;
    width: 100%;
    height: 35px;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
    /* For Mozilla Web Browser*/;
}

    .searchbarSC .TxtTargetSC:after {
        content: "|";
    }

.searchbar .searchbar_two {
    background-image: url(/images/search.png);
    background-repeat: no-repeat;
    background-position: 6px;
    border: 1px solid #DADADA;
    margin-top: 10px;
    padding-left: 35px;
    width: 100%;
    height: 35px;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
    /* For Mozilla Web Browser*/;
}

    .searchbar .searchbar_two:after {
        content: "|";
    }

/*Nosheen CHANGES End*/
.grid_data {
    margin: 0;
    padding: 0;
}

#expenseTrxTable {
    position: relative;
}

.table > thead {
    background-color: white; /*#a4aeb9*/
    font-size: 12px !important;
    font-family: 'OpenSans_Regular';
    font-weight: bold;
    color: #666666; /*#fff*/
    border-bottom: 1px solid transparent !important;
}

.projectEstimation > thead {
    background-color: transparent; /*#a4aeb9*/
    font-size: 12px !important;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    color: #666666; /*#fff*/
}

    .projectEstimation > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 1px solid #727272 !important;
        color: #777777 !important;
        font-weight: 600 !important;
        text-align: center !important;
        font-size: 14px;
        text-transform: uppercase !important;
        font-family: "Open Sans",sans-serif;
    }

.projectEstimation > tbody > tr > td {
    text-align: center;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0 solid #ccc;
    color: #000;
    font-weight: bolder;
    font-size: 12px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th {
    vertical-align: bottom;
    border-bottom: 0 solid #ccc;
    color: #000;
    /* font-weight: bolder; */
    font-size: 12px;
}

.lookup_panel > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0 solid #666666 !important;
    color: #fafafa;
    font-weight: 600;
}

.table > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd !important;
    font-family: 'OpenSans_Regular';
    color: #000;
    font-size: 12px;
    /* word-break:break-word; */
    /* position: relative; */
    border-bottom: 0 solid transparent !important;
}

    .table > tbody > tr > td > input[type=checkbox], input[type=radio] {
        width: 15px;
        height: 15px;
        border: 0 solid;
    }

.table > thead > tr > th > input[type=checkbox], input[type=radio] {
    width: 15px;
    height: 15px;
    border: 0 solid;
}

.mytd {
    padding: 0 !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f6f8fa;
}

.table > tbody > tr:last-child {
    border-radius: 0 0 3px 3px;
}

    .table > tbody > tr:last-child > td:last-child {
        border-radius: 0 0 5px 0;
    }

    .table > tbody > tr:last-child > td:first-child {
        border-radius: 0 0 0 5px;
    }

    .table > tbody > tr:last-child > td:first-child {
        border-radius: 0 0 0 5px;
    }

.table > tbody > tr > td i {
    font-style: normal;
    /* font-size: 18px !important; */
    /* text-align: right; */
}

.arrow_left_icon:before {
    background: url('/images/arrow_left.png');
    content: "";
    display: block;
    width: 10px;
    height: 11px;
    background-size: 100%;
    text-align: center;
    margin: 2px auto;
    float: left;
}

.arrow_down_icon:before {
    background: url('/images/arrow_down.png');
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-size: 100%;
    text-align: center;
    margin: 2px auto;
    float: left;
}

.level2_td {
    padding-left: 20px !important;
}

.level3_td {
    padding-left: 40px !important;
}

.level4_td {
    padding-left: 60px !important;
}

.level5_td {
    padding-left: 80px !important;
}

.dropdown-menu {
    min-width: 185px;
}

.navigations_main {
    background-color: #174c78;
}

.sub_navigations {
    background-color: #174c78;
    padding: 0;
    z-index: 0;
}

.padd {
    padding-top: 14px;
    padding-bottom: 14px;
}

.nav-padding {
    padding: 0;
}

.sub_navigations ul {
    padding: 0;
    margin: 0;
}

    .sub_navigations ul li {
        display: inline;
        list-style: none;
        /* margin: 0; */
        /* margin-right: 15px; */
        color: #fff;
        /* height: 20px; */
        padding: 0;
        float: left;
        display: block;
        padding: 10px 9px;
        border-right: 1px solid #7494ad;
        font-family: 'OpenSans_Regular';
        font-size: 14px;
    }

        .sub_navigations ul li:hover {
            cursor: pointer;
            background-color: rgba(255, 255, 255, 0.5);
        }

.sub_navigations .nohover {
    background-color: #174c78 !important;
    color: #999999 !important;
    cursor: default !important;
}

.sub_navigations ul .active {
    background-color: #0089eb;
}

.sub_navigations ul li a {
    color: #fff;
    text-decoration: none;
    font-family: 'OpenSans_Regular';
    font-size: 14px;
}

.under-sub-nav {
    background-color: #ABAFB9;
    padding: 0;
}

.under-sub-nav {
    margin-top: 4px;
    margin-bottom: 4px;
}

    .under-sub-nav ul li {
        display: inline;
        list-style: none;
        /* margin: 0; */
        /* margin-right: 15px; */
        color: #fff;
        /* height: 20px; */
        padding: 0;
        float: left;
        display: block;
        padding: 7px 24px;
        border-right: 1px solid #D8D8D8
    }

        .under-sub-nav ul li:hover {
            cursor: pointer;
            background-color: #B6C1DA;
        }

    .under-sub-nav ul .active {
        background-color: #919BB1;
    }

    .under-sub-nav ul li a {
        color: #fff;
        text-decoration: none;
    }


.mediaplan {
}

.edit_mediaplan {
    width: 100%;
    margin: 2px 0;
    color: #34383c;
}

    .edit_mediaplan span {
        color: #024884;
        text-decoration: underline;
    }

    .edit_mediaplan h3 {
        color: #024884;
    }

    .edit_mediaplan .checkbox {
        text-align: center;
        padding-top: 0;
    }

.mediaplan .grid_data {
    margin: 0;
    padding: 0;
    /* width: 95%; */
    /* margin: 0 2.5%; */
    border-radius: 0 0 6px 6px;
}

.sub_navigations .grid_actions {
    padding: 0;
    margin-right: 2px;
    margin-top: 5px;
    margin-bottom: 0;
    float: right;
}

    .sub_navigations .grid_actions ul {
        padding: 5px;
        margin: 0;
        float: right;
    }

        .sub_navigations .grid_actions ul li {
            display: inline-block;
            list-style: none;
        }

            .sub_navigations .grid_actions ul li a:before {
                content: "";
                margin-left: 12px;
            }

            .sub_navigations .grid_actions ul li a {
                display: inline-block;
                list-style: none;
                color: #fff /*#7b7b7b*/;
                font-size: 14px;
                font-family: 'OpenSans_Regular';
            }



        .sub_navigations .grid_actions ul a:hover {
            text-decoration: none;
            color: #79bfed;
        }

        .sub_navigations .grid_actions ul li:hover {
            color: #79bfed;
        }

        .sub_navigations .grid_actions ul li a:after {
            content: "|";
            margin-left: 12px;
        }

        .sub_navigations .grid_actions ul li a:last-child:after {
            content: "";
        }

.form-control {
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-family: 'OpenSans_Regular';
    font-size: 14px;
}

.btn {
    padding-left: 15px;
    padding-right: 15px;
    min-width: 63px;
    min-height: 34px;
}

.btn-default {
    color: #333;
    background-color: #cdd0d5;
    border-color: #adadad;
}

hr {
    margin-top: 0;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #000;
    width: 100%;
    float: left;
}

.grid_actions_left {
    float: left;
}

    .grid_actions_left ul {
        float: left;
    }

.vendor_time {
    /* padding: 0;
    margin-bottom: 14px; */
}

.form-box-calender {
    border-radius: 0;
    background: white;
    box-shadow: none;
    border: 1px solid #CECECE;
    color: #333;
    background: url('/images/calendar.png') 99% 49% no-repeat;
}

.campaign {
    background-color: #fff;
    padding: 0;
    width: 98%;
    margin: 0 1%;
}

    .campaign .form-control {
        width: 100%;
        min-height: 34px;
    }


    .campaign .form-horizontal {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left;
    }

    .campaign p {
        font-family: 'OpenSans_Regular';
        font-size: 15px;
        color: #5F5F5F;
    }

.btn-normal {
    width: 200px !important;
}

.btn-small {
    /* min-width: 100px  !important; */
}

.rfp {
    background-color: #fff;
    padding: 0;
    width: 98%;
    margin: 0 1.1%;
}

    .rfp .form-control {
        width: 100%;
    }

    .rfp .form-horizontal {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left;
    }

    .rfp textarea.form-control {
        height: auto;
    }

.rfp_action_panel {
    background-color: #174c78;
    padding: 0;
}

    .rfp_action_panel .sub_navigations {
        background-color: transparent;
    }

.edit_placement {
    width: 80%;
    margin: 0 10%;
}

.rfp_placement {
    width: 90%;
}

    .rfp_placement label {
        text-align: left;
    }

    .rfp_placement h3 {
        font-family: 'OpenSans_Regular';
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #333;
    }

.placement_checkbox {
    margin-left: 8.66%;
}

.trafikking_checkbox {
    margin-left: 8.66%;
}

.placement_checkbox .form-control {
    width: 73%;
    margin-left: 11px;
}

.trafikking_checkbox .form-control {
    width: 73%;
    margin-left: 11px;
}

.submit_btn {
    text-align: center;
}


.rfp .grid_row_1 {
    background-color: #d4d7db;
    border-radius: 3px;
}

.rfp .subnavigation_depth3 {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 0;
    float: right;
}

    .rfp .subnavigation_depth3 ul {
        padding: 5px;
        margin: 0;
        float: right;
    }

        .rfp .subnavigation_depth3 ul li {
            display: inline-block;
            list-style: none;
        }

            .rfp .subnavigation_depth3 ul li a:before {
                content: "";
                margin-left: 12px;
            }



        .rfp .subnavigation_depth3 ul a:hover {
            text-decoration: none;
            color: #79bfed;
        }

        .rfp .subnavigation_depth3 ul li:hover {
            color: #79bfed;
        }

        .rfp .subnavigation_depth3 ul li a:after {
            content: "|";
            margin-left: 12px;
        }

        .rfp .subnavigation_depth3 ul li a:last-child:after {
            content: "";
        }

.rfp .grid_actions_down ul li a {
    display: inline-block;
    list-style: none;
    color: #7b7b7b;
    font-size: 14px;
    font-family: 'OpenSans_Regular';
    text-shadow: 0.5px 0.4px 0 #000;
}

.mediaplan_btn {
    margin-top: 1%;
    margin-bottom: 5px;
    text-align: left;
}

.filters_list {
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 5;
    background-color: #fff;
}

.list-group a {
    /* background: url('/images/left_arrow.png') no-repeat center right;
    background-position: 97%; */
    color: #6c336c;
}

.filters_list ul li a.list-group-item:focus, li a.list-group-item:hover, li button.list-group-item:focus, li button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}

.sample {
    text-align: left;
    border: 1px solid #ccc;
    padding-bottom: 11px;
    border-radius: 2px;
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 50;
    padding-top: 4px;
    display: none;
}

    .sample .radio input[type="radio"]:checked {
        border-bottom: 2px solid #000;
    }

    .sample .col-md-12, .sample label {
        padding: 0;
        margin: 0;
        margin-top: 2px;
    }

.selectedoption {
    font-weight: 600;
}

.tags li {
    list-style: none;
    display: inline-block;
    background-color: #DEE7F8;
    padding: 5px;
    border-radius: 3px;
    margin-top: 8px;
    margin-right: 6px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

#close {
    float: right;
    display: inline-block;
    padding: 0 5px;
}

    #close:hover {
        cursor: pointer;
    }

#closeSC {
    float: right;
    display: inline-block;
    padding: 0 5px;
}

    #closeSC:hover {
        cursor: pointer;
    }

.checkbox label, .radio label {
    /* min-height: 20px; */
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    font-size: 14px;
}

.control {
    display: inline-block;
    position: relative;
    padding-left: 20px !important;
    margin-bottom: 5px !important;
    cursor: pointer !important;
    /* font-size: 18px !important; */
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: 3px;
    left: 0;
    height: 14px;
    width: 14px;
    background: transparent;
    border: 1px solid #333;
    border-radius: 4px;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator {
    background: transparent;
}

.control input:focus ~ .control__indicator {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.control input:checked ~ .control__indicator {
    border: 1px solid transparent;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 0;
    top: -4px;
    width: 3px;
    height: 8px;
    /* border: 1px solid #0375c8; */
    /* border-width: 0 10px 8px 0; */
    content: "\f046";
    color: #0375c8;
    font-family: FontAwesome;
    font-size: 17px;
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}










.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    float: right;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.modal-title label {
    margin: 0;
    line-height: 1.42857143;
    font-size: 20px;
}

@media screen and (max-height: 28.75em) {
    .brief_icon {
        background: url('/images/brief.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .brief_icon {
        background: url('/images/brief_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .campaign_icon {
        background: url('/images/campaign.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .campaign_icon {
        background: url('/images/campaign_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .mediaplan_icon {
        background: url('/images/mediaplan.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .mediaplan_icon {
        background: url('/images/mediaplan_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .rfp_icon {
        background: url('/MediaPlanning/images/rfp.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .rfp_icon {
        background: url('/images/rfp_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .proposal_icon {
        background: url('/images/proposal.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .proposal_icon {
        background: url('/images/proposal_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .trafficking_icon {
        background: url('/images/trafficking.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .trafficking_icon {
        background: url('/images/trafficking_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .buying_icon {
        background: url('/images/buying.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .buying_icon {
        background: url('/images/buying_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .tracking_icon {
        background: url('/images/tracking.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .tracking_icon {
        background: url('/images/tracking_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .closing_icon {
        background: url('/images/closing.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .closing_icon {
        background: url('/images/closing_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .setup_icon {
        background: url('/images/setup.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .setup_icon {
        background: url('/images/setup_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }
}

@media screen and (max-height: 56.142em) {
    .sidemenu ul li {
        list-style: none;
        display: block;
        text-align: center;
        /* margin-top: 10px; */
        color: #fff;
        font-size: 12px;
        padding: 6px;
    }

    .brief_icon {
        background: url('/images/brief.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .brief_icon {
        background: url('/images/brief_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .campaign_icon {
        background: url('/images/campaign.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .campaign_icon {
        background: url('/images/campaign_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .mediaplan_icon {
        background: url('/images/mediaplan.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .mediaplan_icon {
        background: url('/images/mediaplan_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .rfp_icon {
        background: url('/MediaPlanning/images/rfp.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .rfp_icon {
        background: url('/images/rfp_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .proposal_icon {
        background: url('/images/proposal.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .proposal_icon {
        background: url('/images/proposal_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .trafficking_icon {
        background: url('/images/trafficking.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .trafficking_icon {
        background: url('/images/trafficking_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .buying_icon {
        background: url('/images/buying.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .buying_icon {
        background: url('/images/buying_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .tracking_icon {
        background: url('/images/tracking.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .tracking_icon {
        background: url('/images/tracking_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .closing_icon {
        background: url('/images/closing.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .closing_icon {
        background: url('/images/closing.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .setup_icon {
        background: url('/images/setup.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .setup_icon {
        background: url('/images/setup_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }
}

.wide-modal {
    width: 1100px;
}

.number-modal {
    width: 1200px;
}

    .number-modal .tile_count .tile_stats_count .count {
        font-size: 18px;
        line-height: 40px;
        font-weight: bold;
    }

.link_from_navigation {
    color: white;
}

.link_from_navigation_span_title {
    color: #BBBBBB;
}

.link_from_navigation:hover {
    color: #cacdd0;
}

.header-container {
    margin: 0;
    padding: 0;
    float: left;
    width: 60%;
}

.rfp-selection {
}



/* umair css Start Here */
#buyingMainTable thead tr th:nth-child(13) {
    padding-right: 5px !important;
}

#CampaignSearchResults tbody tr td:nth-child(11) {
    text-align: right;
    padding-right: 14px;
}

.paddingtwo {
    padding: 2px;
}

.inlineBlock {
    display: inline-block !important;
}

.proposal_placement_icon {
    background: url(/MediaPlanning/images/icn_proposal.png);
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100%;
    vertical-align: middle;
}

#CampaignSearchResults tbody tr td:nth-child(11) {
    text-align: right;
    padding-right: 14px;
}

.linkunlink {
    padding-bottom: 25px;
    padding-left: 0;
}

.alignright {
    text-align: right;
}

#buyingMainTable tbody tr .details:hover {
    background-color: White !important;
}


.padding-left14 {
    padding-left: 14px !important;
}

.procontent-area {
    padding: 0 4px 0 6px;
}

.custom-procontent-area {
    padding: 0;
}

#selectedSitesTable tbody tr .details:hover {
    background-color: White !important;
}

.rfpsitetxt {
    text-align: left;
    padding-left: 6px;
    padding-top: 4px;
}

.ellipsis-100 {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

input[type="file"] {
    height: auto !important;
}

.paddtopSix {
    padding-top: 6px !important;
}

.creativelastupdate {
    color: #494949;
    font-family: 'OpenSans_Regular';
    font-size: 12px;
}

.creativerefbtn {
    background: #494949 !important;
    color: white !important;
    border: 0 solid !important;
    border-radius: 0 !important;
    margin-right: 9px !important;
}

.headfont {
    color: #e6e6e6;
    font-family: 'OpenSans_Regular';
}

.selectSitepadd {
    padding: 0 20px 0 20px;
}

.margintopseven {
    margin-top: 7px;
}

.paddtoptwentyfive {
    padding-top: 25px !important;
}




#buyingMainTable tbody td:nth-child(9) {
    text-align: center;
    padding-right: 36px;
}

#buyingMainTable thead th:nth-child(9) {
    text-align: center;
    padding-right: 36px;
}


#rfpSitesTable thead {
    background: grey;
    color: white;
}

    #rfpSitesTable thead th {
        padding-left: 0 !important;
    }

#rfpSitesTable tbody tbody td:nth-child(1) {
    width: 8%;
}

#rfpSitesTable tbody td {
    padding: 2px;
    padding-top: 8px;
}

#rfpSitesTable tbody table thead {
    background: #acbad4 !important;
    color: white;
}

#rfpSitesTable tbody table {
    padding: 0;
    margin: 0;
}

.fullWidth {
    width: 100% !important;
    margin: 0 !important;
}

.mapTxt {
    padding-top: 12px;
    text-align: justify;
}

.newClientPlacement {
    display: none;
}

.disableexport {
    pointer-events: none !important;
    color: #000000 !important;
    cursor: not-allowed !important;
}

    .disableexport a {
        color: #a7a7a7 !important;
    }

.multihead {
    font-size: 11px !important;
    padding-right: 16px !important;
}

.placeDimen {
    font-size: 12px;
    color: #ccc !important;
    font-family: 'OpenSans_Regular';
}

.gotomediaplan {
    padding: 6px 0 4px 15px;
}

.rfp-Pmargin {
    margin: 0 0 -8px;
}

.autohight {
    height: auto !important;
}

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

.crtivecheckbox-position {
    position: relative;
    top: 5px;
    left: -4px;
}

.creativeform-width {
    width: 70% !important;
}

.customfield-trunc {
    white-space: nowrap !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-right: 30px;
}

    .customfield-trunc:focus::-webkit-input-placeholder {
        white-space: nowrap !important;
        width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

.disableLink {
    pointer-events: none !important;
    color: #b7b7b7 !important;
    cursor: not-allowed !important;
}

.disableLinkNC {
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.modeldailog {
    width: 50%;
}

.modelheight {
    height: 379px;
    overflow-y: scroll;
}

.error-modeltext {
    color: #333333;
    font-size: 15px;
    font-family: OpenSans_Regular;
    padding-top: 9px;
}

.errorico {
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-radius: 50px;
    color: grey;
    color: white;
    background-color: #727272;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding-top: 3px;
    font-family: OpenSans_Regular;
}

#estimateAmtPopup {
    float: left;
}

#ioAmtPopup {
    float: left;
}

.buyinginclude-text {
    font-family: 'OpenSans_Regular';
    font-size: 14px;
    position: relative;
    display: inline-block;
    top: -4px;
    left: 5px;
}

.buyinghead-percent {
    width: 18% !important;
}

.buyingmenu-percent {
    width: 82% !important;
}

#buyingheading h3 {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    height: 20px;
}


.buyingamount {
    padding: 0 !important;
    text-align: right !important;
}

.linkplacement-padd {
    padding-left: 30px;
}

.timeperiod-field-css {
    padding: 0;
    width: 35%;
}

.margin-minus-left15 {
    margin-left: -15px !important;
}

.ImpressionRatio-width {
    width: 105%;
}

.dmc-impression-mleft {
    margin-left: -15px;
    margin-right: 10px;
}

.margin-bottom8 {
    margin-bottom: 7px !important;
}

.padding-left4 {
    padding-left: 4px !important;
}

.padd-left-six {
    padding-left: 6px !important;
}

.arrow7 {
    display: none;
}

.arrow8 {
    display: none;
}

.arrow9 {
    display: none;
}

.arrow10 {
    display: none;
}

.arrow11 {
    display: none;
}

.multiedit-tablecolmn {
    width: 13%;
    padding-left: 17px;
}

.imgpopup-close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25) !important;
    padding: 6px 11px 8px 12px !important;
    font-size: 19px;
    border-radius: 28px !important;
    border: 2px solid rgb(255, 255, 255) !important;
    position: absolute !important;
    top: -15px;
    right: -27px;
    z-index: 1032;
    text-align: center;
}

    .imgpopup-close:hover {
        opacity: 1;
        color: rgb(255, 255, 255);
        background-color: rgb(25, 25, 25) !important;
        padding: 6px 11px 8px 12px !important;
        font-size: 19px;
        border-radius: 28px !important;
        border: 2px solid rgb(255, 255, 255) !important;
        position: absolute !important;
        top: -15px;
        right: -27px;
        z-index: 1032;
        text-align: center;
    }

.group-revisepo {
    width: 100%;
    float: left;
    margin-top: 14px;
    margin-bottom: 0;
}

.head-revisepo {
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.revisepo-bordertop-zero {
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 0 solid #e5e5e5;
}

.discountTierspadding-left {
    padding-left: 23px !important;
}

.discountTiers-padding {
    padding: 6px !important;
}

.mediavehcle-checkbox {
    /*padding-top: 8px !important; #23719 Alignment of override get disturbed on media vehicle screen */
}

.customfield-label {
    white-space: nowrap;
    /* width: 100%; */
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 30px;
}

.padding-ten {
    padding: 10px !important;
}

.padding-left-ten {
    padding-left: 10px;
}

.padding-top-zero {
    padding-top: 0 !important;
}

.campaign-left-padding {
    padding-left: 5px !important;
}

.multiedit-width {
    width: 8.5%;
}

.placement-multiedit-toggle {
    display: none;
}

.modal-menu {
    padding-bottom: 6px;
}

    .modal-menu ul {
        float: right;
        display: inline-flex;
        color: black;
    }

        .modal-menu ul li {
            display: block;
            font-size: 17px;
            padding-left: 18px;
            color: black;
        }

            .modal-menu ul li a {
                color: #333333;
                text-decoration: none;
            }

.add-dim {
    font-size: 11px !important;
    position: relative !important;
    top: -3px !important;
    left: 5px !important;
}

.form-76-percent {
    margin-right: 5px;
    width: 45.5% !important;
}

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

    .clickimp:-moz-placeholder {
        text-align: right !important;
    }

    .clickimp:-webkit-input-placeholder {
        text-align: right !important;
    }

.align-right {
    text-align: right;
}

.btn-truncate {
    white-space: nowrap;
    width: 215px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.bulk-pop-head {
    background-color: grey !important;
    color: white !important;
    padding: 12px !important;
    border-radius: 2px 2px 0 0;
    text-align: center;
}

.select-width {
    float: right !important;
    overflow: hidden !important;
    -moz-text-overflow: ellipsis !important;
    -webkit-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
}

.select-width-option {
    width: 100%;
    float: right !important;
    overflow: hidden !important;
    -moz-text-overflow: ellipsis !important;
    -webkit-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    max-width: 100%;
}


.noBorderRadius {
    border-radius: 0 !important;
}

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

.media-forms-margin {
    margin-bottom: 15px;
}

#campaignNameDiv h3 {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    margin-top: 9px;
    margin-bottom: 4px;
    height: 26px;
}

#mediaplanNameDiv h3 {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    height: 22px;
    margin-top: 9px;
    margin-bottom: 9px;
}

    #mediaplanNameDiv h3 i {
        padding-right: 5px;
        width: 100%;
    }

#purposalNameDiv h3 {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    height: 22px;
    margin-top: 9px;
    margin-bottom: 9px;
}

#campaignNameDiv h3 i {
    padding-right: 5px;
    width: 100%;
}

#rfpNameDiv h3 {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    height: 22px;
    margin-top: 9px;
    margin-bottom: 9px;
}

    #rfpNameDiv h3 i {
        padding-right: 5px;
        width: 100%;
    }

.btn-custome-width {
    width: 100px;
}

.head-label {
    margin: 0 !important;
    font-size: 16px !important;
}

.popup-sm-header {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.popup-sm-close {
    margin-top: 6px !important;
}

.popup-sm-body {
    padding: 0 !important;
}

.popup-sm-form {
    margin: 0 !important;
    margin-top: 4px !important;
}

.popup-sm-hr {
    margin-top: 5px !important;
    margin-bottom: 2px !important;
    width: 100%;
    float: left;
}

.popup-sm-footer {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    text-align: center;
}

.camp-enddate-label {
    text-align: right;
    padding-right: 52px;
}

.details-properties {
    display: block;
}

.details-landingpage {
    display: none;
    margin-top: 20px;
}

.details-documents {
    display: none;
    margin-top: 20px;
}

.details-comments {
    display: none;
    margin-top: 20px;
}

.campaign-spacing {
    margin-bottom: -5px;
}

.campaign-remaining-space {
    padding: 0;
    padding-left: 21px;
}

.margin-zero {
    margin: 0;
}

.padd-mar-zero {
    padding: 0;
    margin: 0;
    float: left;
}

.active-space {
    width: 10% !important;
    padding-left: 40px !important;
}

.discount-bt {
}

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

.detailsform-checkbox {
    padding-top: 6px !important;
}

.detailsform-padding {
    padding-left: 27px;
}

.grid_row_details {
    background-color: #6E7D89; /*#6e7ea1*/ /*#2471af*/
    ;
    padding: 0;
    width: 99.9%;
    z-index: 20;
}

.heading-padding {
    padding-left: 5px !important;
}

.advertise-label-width {
    width: 12%;
}

.udf-form-margin {
    margin-bottom: 21px;
}

.padd-search-crt {
    padding: 0;
}

.zero-width {
    width: 0;
}

.udf-new-btn {
    width: 92px;
}

.udf-list-spacing {
    width: 4%;
}

.col-md-label {
    width: 10.333333%;
}

.container-width {
    /* width:100% !important; */
}

.placement-menu {
    letter-spacing: -0.1px;
    margin-bottom: 0.3% !important;
}

.placement-popup {
    z-index: 1232423423423 !important;
}

.udf-cont-padding {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.udf-table {
    width: 30px !important;
}

.udf-table2 {
    width: 50px !important;
}

.udf-table3 {
    width: 271px !important;
}

#dvMessagePanel {
    display: none;
}

.Interim-heading {
    padding-left: 14px;
}

.udf-mandatory {
    width: 10% !important;
}

.udf-padding {
    padding: 8px !important;
}

.udf-width {
    width: 20.9%;
    padding-top: 8px;
}

.align-right {
    text-align: right;
}

.margin-bottom {
    margin-bottom: 11px !important;
}

.zero-padding {
     padding: 0 !important; 
}

.zero-marginBottom {
    margin-bottom: 0 !important;
}

.popup1-index {
    z-index: 1049 !important;
}

.udfSearch {
    width: 98%;
    padding: 0;
    margin: 0 1%;
}

.udfTabsScreen {
    width: 99%;
    margin-left: 1%;
}

.auth-hight {
    line-height: 2 !important;
}

.popup-width {
    width: 67%;
}

.popup-bg {
    background-color: White;
    box-shadow: 0 5px 15px rgba(0,0,0,.5)
}

.popupbg {
    background-color: White;
}

.popup-fileupload {
    position: absolute;
    top: 20%;
    left: 29%;
}

.popup-table {
    width: 100% !important;
}

.udf-label {
    text-align: right !important;
    width: 12% !important;
}

.udf-check {
    width: 4% !important;
    padding-top: 6px !important;
}

.linkcolor {
    color: #4F4B4B;
}

    .linkcolor:hover {
        color: #4F4B4B !important;
    }

.mytable {
    width: 100% !important;
}

    .mytable tr {
        cursor: pointer;
    }

.rfp-main {
}

.rfp-comments {
}

.rfp-document {
}

.rfp-placement {
}

.rfp-customfield {
}

.rfp-selection {
}

.rfpscreen {
}

.proposalscreen {
}

.placement-form {
}

.placement-form-toggle {
    display: none;
}

.rfpscreen-toggle {
}

.proposalscreen-toggle {
}

.proposal-sub {
}

.rfp-comments-toggle {
    display: none;
}

.rfp-document-toggle {
    display: none;
}

.rfp-placement-toggle {
    display: none;
}

.rfp-customfield-toggle {
    display: none;
}

.rfp-selection-toggle {
    display: none;
}

.rfp-response-mapping-toggle {
    display: none;
}


.v-center {
    height: 100vh;
    width: 100%;
    display: table;
    position: relative;
    text-align: center;
}

    .v-center > div {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: -10%;
    }

.modal-box {
    display: none;
    position: absolute;
    z-index: 1000;
    padding-right: 0 !important;
    left: 10%;
    width: 98%;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

    .modal-box ul {
    }

        .modal-box ul li {
        }


.setup {
}

    .setup h3 {
        color: #333;
        font-size: 16px;
        display: inline-block;
        font-family: 'OpenSans_Regular';
    }


        .setup h3 .material-icons {
            vertical-align: middle !important;
        }

        .setup h3:before {
            /*background: url('/images/status.png');
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: 100%;
    /* position: absolute; */
            /* left: -15px; */
            /* bottom: 15px; */
            /*vertical-align: middle;
    margin-right: 10px;*/
        }

.auth-td {
    padding-top: 15px !important;
    padding-bottom: 17px !important;
}


.error-wrapper {
    height: 100%;
    width: 100%;
    text-align: center;
}

.error_container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.oops {
    font-size: 90px;
    color: #000;
    text-align: center;
}

.nofound {
    color: red;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    padding-top: 9px;
}

.occure {
    color: #2E3944;
    font-size: 18px;
    text-align: center;
    padding-top: 24px;
}

.errorbt {
    background-color: #FFFFFF !important;
}

.input-my {
}

.lookup-pagination {
    float: right !important;
    padding-left: 22px !important;
    font-size: 14px;
}

.row {
    margin: 0 !important;
}

.marginbottom {
    margin-bottom: 0 !important;
}

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

.margintop {
    margin-top: 0 !important;
}

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

.marginTop13 {
    margin-top: 13px !important;
}

.marginRight50 {
    margin-right: 50px !important;
}

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

.paddingLeft5 {
    padding-left: 5px;
}

@media (min-width: 32em) {

    .modal-box {
        width: 70%;
    }
}

.modal-box header,
.modal-box .modal-header {
    padding: 1.25em 1.5em;
    border-bottom: 1px solid #ddd;
}

    .modal-box header h3,
    .modal-box header h4,
    .modal-box .modal-header h3,
    .modal-box .modal-header h4 {
        margin: 0;
    }

.modal-box .modal-body {
    padding: 2em 1.5em;
}

.modal-box footer,
.modal-box .modal-footer {
    padding: 1em;
    border-top: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.02);
    text-align: right;
}

.modal-footer {
    text-align: right !important;
}

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
}

    a.close:hover {
    }

.form-width {
    width: 100%;
}


#spanFindBy {
    padding-left: 10px;
    color: #4F4B4B;
    font-family: OpenSans_Regular !important;
    font-size: 18px;
}


.form {
    background-color: #fff;
    color: #3670A7;
    width: 100%;
    border: 0 solid #FFFFFF;
    border-collapse: collapse;
}

.lookupstyle {
    position: relative;
    z-index: 999999;
    width: 650px;
    left: 14px;
    top: 4px;
}

.lookup_outer_container /*container on the page*/ {
    position: absolute;
    top: 2%;
    left: 15%;
    z-index: 999999;
}


.lookup_container {
    width: 1000px;
    border: 0;
    box-shadow: 0 0 0 269px rgba(0, 0, 0, 0.4);
    z-index: initial;
}

.lookup-page-link {
    background-color: #337AB7 !important;
    color: white !important;
    border: 1px solid #2E6798 !important;
}

.lookup_panel {
    width: 100%;
}


.lookup_panel_header /*.form_table_header*/ {
    background: #7B7B7B;
    height: 40px;
    cursor: move;
}

.lookup_panel_heading {
    float: left;
    color: #ffffff;
    padding-left: 11px;
    cursor: move;
    font-size: 17px;
    font-family: OpenSans_Regular !important;
}


.lookup_panel_icon {
    width: 2%;
    float: right;
    padding: 4px 0 0 0;
}

.lookup_table {
    color: #4F7388;
    border-collapse: collapse;
    border: solid 1px #D0E3F2;
    white-space: nowrap;
    width: 95%;
}

    .lookup_table th {
        padding-left: 16px;
        font-weight: bold;
        background: #7B7B7B;
        letter-spacing: 1px;
        height: 33px;
        color: white;
        font-size: 12px;
        /* line-height: 17px; */
        font-family: OpenSans_Regular !important;
    }

    .lookup_table td {
        padding-left: 12px;
        padding-bottom: 4px;
        padding-top: 4px;
        /* padding: 4px; */
        line-height: 23px;
        /* border: solid 1px #D0E3F2; */
        padding-right: 5px;
        font-family: OpenSans_Regular !important;
        font-size: 13px !important;
        color: #4F4B4B;
    }

    .lookup_table .RowEven {
        /*Even Rows*/
        background-color: #fff;
        color: #4F4B4B;
        cursor: pointer;
        font-family: OpenSans_Regular !important;
        font-size: 14px !important;
    }

    .lookup_table .RowOdd {
        /*Odd Rows*/
        background-color: #F5F5F5;
        color: #4F4B4B;
        cursor: pointer;
        font-family: OpenSans_Regular !important;
        font-size: 14px !important;
    }

    .lookup_table .highlightRow {
        background-color: #F9F9F9;
        font-size: 14px !important;
    }

.mysearch {
    background-color: #337AB7;
    padding: 9px;
    padding-left: 24px;
    padding-right: 24px;
    border: 1px solid #2E6DA4;
    border-radius: 2px;
    cursor: pointer;
    font-size: 13px;
    color: white !important;
    font-weight: bold;
    text-decoration: none !important;
}

.form_container {
    width: 100%;
    min-width: 750px;
    border: solid 0 green;
}

.labeldiv {
    /* padding-left: 11px; */
    /* padding-bottom: 21px; */
}

.fieldcell {
    text-align: left; /* padding-top: 13px; */
    padding-left: 13px;
    font-family: OpenSans_Regular !important;
    padding-bottom: 0;
    color: #4F4B4B !important;
    font-size: 14px;
}

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

.error_msg_list {
    /*for stylying of ul and li tags for error*/
}

    .error_msg_list li {
        list-style-type: circle;
    }

.error_msg {
    border: solid 1px #D99D9D;
    color: #333333;
    width: 100%;
    padding: 10px 5px 10px 5px;
    background: #FFE5E5 url(/images/error_msg_icon.png) 10px 50% no-repeat;
    display: none;
}

.information_msg {
    border: solid 1px #C6D9F0;
    color: #333333;
    /*background-color:#F0F5FB;*/
    width: 740px;
    padding: 10px 5px 10px 5px;
    /*background: #F0F0F0 url(/images/info_msg_icon.png) 10px 50% no-repeat;*/
    background: #F0F5FB url(/images/info_msg_icon.png) 10px 50% no-repeat;
    display: none;
}

.warning_msg {
    border: solid 1px #EBE867;
    color: #333333;
    width: 740px;
    padding: 10px 5px 10px 5px;
    background: #FFFEE5 url(/images/warning_msg_icon.png) 10px 50% no-repeat;
    display: none;
}

.error_table {
    /*
	border-top:solid 1px #C40000;
	border-right:solid 1px #C40000;
	border-bottom:solid 1px #C40000;
	border-left:solid 1px #C40000;
	background-color:#fff;

    */
    width: 98%;
    border-collapse: collapse;
}

    .error_table .error_heading {
        width: 35px;
        font-weight: bold;
        color: #C40000;
    }

    .error_table td {
        padding: 0 0 0 0;
        vertical-align: top;
    }

.radio-label {
    display: inline-block !important;
    position: relative !important;
    top: -2px !important;
    /* left: 0; */
    font-size: 14px !important;
    letter-spacing: 0 !important;
    color: #4F4B4B !important;
    /* font-family: inherit !important; */
    font-family: OpenSans_Regular !important;
}

@media screen and (min-width: 320px) and (max-width: 780px) {

    .sidecontent {
        position: relative;
        left: 80px;
        top: 120px;
        width: 94%;
        margin: 0;
        padding: 0;
        z-index: 0;
    }

    .sub_navigations ul li {
    }
}

@media screen and (min-width: 780px) and (max-width: 1200px) {
    .sub_navigations ul li {
    }
}





/* Umair CSS End here */



/*Nosheen New Style Start*/
.tags {
    margin-top: 15px;
}

    .tags li:first-child {
        margin-right: 0;
    }

.tagsSC li:first-child {
    margin-right: 0;
}

.tags li {
    list-style: none;
    display: inline-block;
    background-color: #DEE7F8;
    padding: 4px;
    border-radius: 2px;
    margin-top: 5px;
    margin-right: 2px;
    float: right;
    font-size: 13px;
}

.tagsSC li {
    list-style: none;
    display: inline-block !important;
    background-color: #DEE7F8;
    padding: 4px;
    border-radius: 2px;
    margin-top: 5px;
    margin-right: 2px !important;
    float: right;
    font-size: 13px !important;
}

.filter_tags {
    padding: 0;
}




.calendar_control_left {
    width: 49%;
    margin: 0;
}

.calendar_control_right {
    width: 49%;
    margin: 0;
    margin-left: 2px;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

.table > tbody > tr:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

.container-fluid {
    padding: 0;
}

.selected {
    background-color: #acbad4 !important;
}

.table-hover > tbody > tr.selected:hover {
    background-color: #acbad4;
}


#table tr {
    cursor: pointer;
}

.udf_new, .udf_edit, .udf_customfields, .udf_customdatalines, udf_customfields {
    display: none;
}

.nav-padding > ul > li.disabled, .nav-padding > ul > li.disabled:focus, .nav-padding > ul > li.disabled:hover {
    color: #777;
    cursor: not-allowed;
    pointer-events: none;
}

    .nav-padding > ul > li.disabled > a, .nav-padding > ul > li.disabled > a:focus, .nav-padding > ul > li.disabled > a:hover {
        color: #777;
        cursor: not-allowed;
        pointer-events: none;
    }

.sub_navigations > ul > li.disabled, .sub_navigations > ul > li.disabled:focus, .sub_navigations > ul > li.disabled:hover {
    color: #777;
    cursor: not-allowed;
    pointer-events: none;
}

    .sub_navigations > ul > li.disabled > a, .sub_navigations > ul > li.disabled > a:focus, .sub_navigations > ul > li.disabled > a:hover {
        color: #777;
        cursor: not-allowed;
        pointer-events: none;
    }

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }

input[readonly], select[disabled] {
    background-color: #eee !important;
    cursor: text !important;
}

.numberfield_right {
    width: 49.40%;
    margin: 0;
    margin-left: 1px;
}

.numberfield_left {
    width: 49.40%;
    margin: 0;
    margin-right: 1px;
}

.disabledlink {
    cursor: not-allowed;
    pointer-events: none;
}

/*Disabled Fields*/
.disabledfield_parent {
    cursor: not-allowed;
}

.disabledfield, .disabledfield:focus, .disabledfield:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
    pointer-events: none;
}

.form-horizontal .control-label {
    padding: 0;
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
    color: #333;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: OpenSans_Regular;
}

.ui-priority-secondary {
    opacity: 1 !important;
    font-weight: bold !important;
}

div.footer {
    position: inherit !important;
    margin-top: 0 !important;
    border-top: none !important;
    background-color: transparent !important;
}

.mymargin {
    padding: 0;
}

    .mymargin .grid_row_2 {
        border-radius: 0;
        margin-bottom: 10px;
    }

.modal-backdrop {
    position: fixed !important;
}


/* ----------- iPhone 4 and 4S ----------- */

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

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

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


/* ----------- iPhone 5 and 5S ----------- */

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

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



    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

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

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}



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

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

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

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

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



    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}





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

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

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



    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

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



    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}




/* ----------- iPad mini ----------- */

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

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

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

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

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

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}


/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

/* Portrait */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait) {

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

/* Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

/* Portrait and Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) {

    .numberfield_right {
        width: 100%;
        margin: 0;
    }

    .numberfield_left {
        width: 100%;
        margin: 0;
    }
}

.popupheader {
    border-radius: 0;
    margin-bottom: 10px;
}

.popupbody {
    width: 100%;
    padding: 0;
}

    .popupbody a {
        margin-bottom: 10px;
        float: right;
        margin-top: 10px;
        font-size: 16px;
    }

    .popupbody h3 {
        font-family: 'OpenSans_Regular';
        font-size: 16px;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 0;
    }

.modal-dialog {
    margin: 20px auto;
}


/*CSS FOR RESPONSIVE DESIGN*/
@media all and (min-width: 38em) {

    .profile_dp {
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        border: 2px solid #00a810;
    }

        .profile_dp img {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
        }
}

@media all and (min-width: 78.32em), screen and (max-height: 56.142em) {
    .profile {
        /* background-color: #1e2327; */
        padding: 3px;
        margin: 0;
        top: 0;
        float: left;
    }

    .profile_dp {
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        border: 2px solid #00a810;
    }

        .profile_dp img {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
        }

    .calendar_control_left {
        width: 49.40%;
        margin: 0;
        margin-right: 1.015px;
        margin-bottom: 3px;
    }

    .calendar_control_right {
        width: 49.40%;
        margin: 0;
        margin-left: 1.796px;
        margin-bottom: 3px;
    }

    .numberfield_right {
        width: 49.40%;
        margin: 0;
        margin-left: 1.812px;
        margin-bottom: 3px;
    }

    .numberfield_left {
        width: 49.40%;
        margin: 0;
        margin-right: 1.015px;
        margin-bottom: 3px;
    }

    .form_control_full {
        width: 100%;
        margin-bottom: 3px;
    }

    .sidemenu {
        background-color: #34383c /*#4d5f84*/;
        height: 100%;
        padding: 0;
        margin: 0;
        position: fixed;
        width: 83px;
        top: 63px;
        z-index: 3;
    }

        .sidemenu ul {
            padding: 0;
            margin: 0;
        }

            .sidemenu ul li {
                list-style: none;
                display: block;
                text-align: center;
                /* margin-top: 10px; */
                color: #fff;
                font-size: 12px;
                padding: 5px;
            }

            .sidemenu ul a:hover {
                text-decoration: none;
                color: #6e7ea1;
            }

            .sidemenu ul li:hover {
                color: #79bfed;
            }

            .sidemenu ul li a i {
                font-size: 12px;
                padding: 10px;
            }

    .navigation .active {
        background-color: #777777 /*#6e7ea1*/;
        padding: 0;
        color: #fff;
        padding: 5px;
        font-family: 'OpenSans_Regular';
        font-size: 12px;
    }

    .sidemenu ul .active a {
        background-color: #777777 /*#6e7ea1*/;
        padding: 0;
        color: #fff;
        padding: 10px;
        font-family: 'OpenSans_Regular';
        font-size: 12px;
    }

    .brief_icon {
        background: url('/images/brief.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .brief_icon {
        background: url('/images/brief_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .campaign_icon {
        background: url('/images/campaign.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .campaign_icon {
        background: url('/images/campaign_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .mediaplan_icon {
        background: url('/images/mediaplan.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .mediaplan_icon {
        background: url('/images/mediaplan_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .rfp_icon {
        background: url('/images/rfp.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .rfp_icon {
        background: url('/images/rfp_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .proposal_icon {
        background: url('/images/proposal.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .proposal_icon {
        background: url('/images/proposal_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .trafficking_icon {
        background: url('/images/trafficking.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .trafficking_icon {
        background: url('/images/trafficking_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .buying_icon {
        background: url('/images/buying.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .buying_icon {
        background: url('/images/buying_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .tracking_icon {
        background: url('/images/tracking.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active.tracking_icon {
        background: url('/images/tracking_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .closing_icon {
        background: url('/images/closing.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .closing_icon {
        background: url('/images/closing_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .setup_icon {
        background: url('/images/setup.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .active .setup_icon {
        background: url('/images/setup_active.png');
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .sidecontent {
        position: relative;
        left: 80px;
        top: 63px;
        width: 94%;
        margin: 0;
        padding: 0;
        float: left;
        z-index: 0;
        height: 100%;
        min-height: 100%;
    }
}

@media all and (min-width: 93.98em) {


    .numberfield_right {
        width: 49.40%;
        margin: 0;
        margin-left: 1px;
    }

    .numberfield_left {
        width: 49.40%;
        margin: 0;
        margin-right: 1px;
    }
}

.has-error {
    color: #a10704 !important;
    border-color: #a94442 !important;
    /*padding: 0;*/
    margin-top: 0;
    background-color: transparent;
}

.has-errorfield {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #a94442;
}

/****************************************************************** New Lookup Style ************************************************************/
.modal-body-lookup {
    position: relative;
    padding: 0;
}

.custom-dialog-lookup {
    width: 83.6%;
    height: auto;
}

.radio-label-lookup {
    display: inline-block !important;
    position: relative !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    color: #4F4B4B !important;
    font-family: OpenSans_Regular !important;
}

.lookup-table-row-odd {
    background-color: rgba(238, 238, 238, 0.28);
}

    .lookup-table-row-odd:active {
        background-color: red;
    }

.lookup-loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.2);
}

.lookup-loading-image {
    position: absolute;
    top: 40%;
    left: 45%;
    z-index: 100;
}
/**************************************************************** New Lookup Style Ends ********************************************************/

/*
table.dataTable thead span.sort-icon {
    display: inline-block;
    padding-left: 5px;
    width: 16px;
    height: 16px;
}
table.dataTable thead .sorting span {
       background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_both.png') no-repeat center right;
}
table.dataTable thead .sorting_asc span {
    background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_asc.png') no-repeat center right;
}
table.dataTable thead .sorting_desc span {
    background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_desc.png') no-repeat center right;
}


table.dataTable thead .sorting:after
{
    content: "";
}
table.dataTable thead .sorting_asc:after
{
    content: "";
}
table.dataTable thead .sorting_desc:after
{
    content: "";
}

*/
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #419641;
}

.btn-warning {
    color: #fff;
    background-color: #bc1b1b;
    border-color: #bc1b1b;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #c91f1f;
        border-color: #c91f1f;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #419641;
    }

.zero-padding col-lg-12 {
    padding: 0;
}

.dropdown-searchmenu-sc .form-group {
    margin-right: 0;
    margin-left: 0;
}

.button_section {
    padding-top: 10px;
    padding-bottom: 5px;
    cursor: not-allowed;
    text-align: center;
}

.btn-lookup {
    margin-top: 10px;
    margin-left: 5px;
}

.btn-lookup-padd {
    padding-top: 10px;
    padding-bottom: 0;
}

/*overriding the default css of bootstrap*/
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1 !important;
}

.search_action_btns {
    text-align: center;
    margin-top: 10px;
}

.campaign-main-toggle .form-content-area {
    padding: 0;
    padding-left: 3px;
}

    .campaign-main-toggle .form-content-area #briefCodeLabel {
        padding: 0;
    }

.link_from_navigation_span_title_span {
    color: #BBBBBB;
}

.table {
    width: 100% !important;
}

.loader {
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    z-index: 9999999999999999;
    background-color: rgba(0, 0, 0, 0.1);
}

    .loader img {
        width: 10%;
        position: absolute;
        top: 50%;
        left: 45%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        /* text-align: center; */
    }

.integer, .decimal, .integer_negative, .pos-decimal, .decimal_negative {
    text-align: right;
}

.clearable {
    background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
    /* padding: 3px 18px 3px 4px; Use the same right padding (18) in jQ! */
    /* border-radius: 3px;*/
    transition: background 0.4s;
}

    .clearable.x {
        background-position: right 5px center;
    }

    .clearable.onX {
        cursor: pointer;
    }

    .clearable::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }


::-webkit-input-placeholder {
    text-align: left;
}

:-moz-placeholder {
    text-align: left;
}

::-moz-placeholder {
    text-align: left;
}

:-ms-input-placeholder {
    text-align: left;
}

::-webkit-input-placeholder {
    text-align: left;
}

:-moz-placeholder {
    text-align: left;
}

::-moz-placeholder {
    text-align: left;
}

:-ms-input-placeholder {
    text-align: left;
}

.placement_menu_grid_row_2 {
    padding: 0;
}

.placement-menu {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    float: right;
    text-align: right;
    padding: 0;
}

    .placement-menu ul {
        padding: 0 !important;
        margin: 0 !important;
        float: left !important;
        width: 100%;
    }

        .placement-menu ul li {
            display: inline-block;
            list-style: none;
            background-color: #494949;
            padding-left: 4px;
            padding-right: 4px;
            border-radius: 3px;
            padding-top: 8px;
            padding-bottom: 8px;
            margin-bottom: 5px;
        }

            .placement-menu ul li:hover {
                color: #fff;
                background-color: rgba(73, 73,73, 0.7);
            }

            .placement-menu ul li:after {
                content: "";
                margin: 0 !important;
            }

            .placement-menu ul li a {
                color: #fff;
                display: inline-block;
                list-style: none;
                font-size: 14px;
                font-family: 'OpenSans_Regular';
            }

                .placement-menu ul li a:before {
                    content: "";
                    margin: 0 !important;
                }

                .placement-menu ul li a:after {
                    content: "";
                    margin: 0 !important;
                }

                .placement-menu ul li a:hover {
                    color: #fff !important;
                    text-decoration: none;
                }

            .placement-menu ul li:last-child:after {
                content: "";
            }


            .placement-menu ul li.disabled, .placement-menu ul li.disabled:focus, .placement-menu ul li.disabled:hover {
                color: #b7b7b7;
                cursor: not-allowed;
            }

                .placement-menu ul li.disabled > a, .placement-menu ul li.disabled a:focus, .placement-menu ul li.disabled a:hover {
                    color: #b7b7b7;
                    cursor: not-allowed;
                    pointer-events: none;
                }

td.details-control {
    background: url('/images/toggle-arrow-right.png') no-repeat center center;
    cursor: pointer;
    background-size: 20%;
}

tr.shown td.details-control {
    background: url('/images/toggle-arrow.png') no-repeat center center;
}

.table .table {
    /* background-color: #fff; */
    /*margin-left: 10px;
    width: 100%;
    border: none;
    margin-bottom: 0;
    border-top: none;*/
    margin-bottom: 0;
}

    .table .table td.details-control {
        /*background: url('/images/toggle-arrow-right.png') no-repeat center center;
	    cursor: pointer;
	    background-size: 40%;*/
    }

    .table .table tr.shown td.details-control {
        /*background: url('/images/toggle-arrow.png') no-repeat center center;*/
    }


#interimCustInticator {
    display: none;
}

    #interimCustInticator sup {
    }

.interim-text {
    text-align: right !important;
    padding: 0 !important;
    padding-top: 2px !important;
    font-size: 17px !important;
}

.mediaplan-formgroup {
    margin-top: 3px;
}

    .mediaplan-formgroup .col-sm-3, .mediaplan-formgroup .col-sm-4, .mediaplan-formgroup .col-sm-8 {
        padding: 0;
        margin: 0;
    }

    .mediaplan-formgroup img {
        margin-top: 5px;
    }

.vendorlistprop {
    /*color: #23527c; change for bug #21658 by Waqas
    text-decoration: underline;*/
}

.lookup_hr {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}

.lookup_radiobtns {
    padding: 0;
}

.lookup_checkboxes {
    float: right;
    padding: 0;
}

.radio-label-lookup {
    display: inline-block !important;
    position: relative !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    color: #4F4B4B !important;
    font-family: OpenSans_Regular !important;
}

#lookup-form-content-area {
    padding: 0;
    padding-left: 0.5%;
    padding-right: 0.5%;
}

.align-right-dtGrid {
    text-align: right;
    padding-right: 20px !important;
}

.align-padd-dtGrid {
    text-align: center !important;
}

.dt-body-center {
    text-align: left !important;
    padding-left: 5px !important;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

#mainLookupContent .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
}

    #mainLookupContent .modal-header .modal-title {
        margin: 0;
        line-height: 1.42857143;
        font-size: 14px;
    }

#mainLookupContent .form-group {
    margin-bottom: 5px;
}

#lookupPagination {
    display: inline-block;
    padding-left: 0;
    margin: 5px 0;
    margin-top: 0;
    margin-bottom: 5px;
    border-radius: 4px;
    float: right;
}

.lookup_panel table {
    margin-bottom: 0;
}

#lookupTable table > tbody > tr > td {
    padding-top: 2px;
    padding-bottom: 5px;
    max-width: 250px
}

#mainLookupContent2 .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
}

    #mainLookupContent2 .modal-header .modal-title {
        margin: 0;
        line-height: 1.42857143;
        font-size: 14px;
    }

#mainLookupContent2 .form-group {
    margin-bottom: 5px;
}

#lookupPagination2 {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
    float: right;
}

.lookup_panel table {
    margin-bottom: 0;
}

#lookupTable2 table > tbody > tr > td {
    /*padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-family: 'OpenSans_Regular';
    color: #666666;
    font-size: 12px; */
    padding-top: 2px;
    padding-bottom: 5px;
}

.subnav-content {
    background-color: #fff;
    padding: 0;
    margin: 0;
}

.subnav-content-mainheading {
    padding: 0;
}

.subnav-content .form-horizontal {
    padding: 0;
}

    .subnav-content .form-horizontal .top_form_group {
        margin: 0;
        margin-top: 15px;
    }

.subnav-content hr {
    margin-top: 0;
    width: 100%;
    float: left;
}

.arroww1 {
}

.mediaplan-vendorlines-toggle h3 {
    margin-top: 10px !important;
}

.toggle-area-nodata {
    float: right;
    padding-right: 32px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .toggle-area-nodata .toggle-arrow {
        cursor: pointer;
        position: absolute;
        left: 0;
        /* top: 0; */
        bottom: 10px;
    }

.toggle-area {
    float: right;
    padding-right: 32px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.toggle-arrow {
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: 28px;
}

.arrow1 {
    display: block;
}

.arroww1 {
    display: none;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
}

.arrow2 {
    display: block;
}

.arroww2 {
    display: none;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
}

.arrow3 {
    display: block;
}

.arroww3 {
    display: none;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
}

.arrow4 {
    display: none;
}

.arroww4 {
    display: block;
}

.arrow5 {
    display: none;
}

.arroww5 {
    display: block;
}

.arrow6 {
    display: none;
}

.arroww6 {
    display: block;
}


.btnPrevious:before {
    content: "<<";
    margin-right: 10px;
}

.btnNext:after {
    content: ">>";
    margin-left: 10px;
}

.actionBtnsGroup {
    text-align: center !important;
    padding-top: 10px;
    padding-bottom: 20px;
    cursor: not-allowed;
}

.mediaplandetails-toggle hr {
    width: 100%;
}

.form-group {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.form-group-popup {
    margin-bottom: 1px;
    width: 100%;
    float: left;
}

.form-group-popup1 {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.btn.disabled, .btn.disabled.active, .btn.disabled.focus, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], .btn[disabled].active, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover {
    pointer-events: none;
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover {
    background-color: #ccc;
    border-color: #ccc;
    color: #333 !important;
}

.btn-primary {
}

.subnavigation_depth3 {
    padding: 0;
    margin: 0 !important;
    float: right;
}

    .subnavigation_depth3 ul {
        padding: 0 !important;
        margin: 0 !important;
        float: left !important;
    }

        .subnavigation_depth3 ul li:before {
            padding: 0;
            margin: 0;
            content: "";
        }

        .subnavigation_depth3 ul li {
            padding: 0;
            padding-top: 10px;
            padding-bottom: 10px;
            border-right: 1px solid #aeaeae;
            float: left;
        }

            .subnavigation_depth3 ul li:hover {
                background-color: rgba(174, 174, 174, 0.4);
                color: #fff !important;
            }

            .subnavigation_depth3 ul li.active {
                padding: 0;
                padding-top: 10px;
                background-color: rgba(71,71,71,0.6);
                padding-bottom: 10px;
            }

                .subnavigation_depth3 ul li.active a {
                    text-decoration: none;
                }

                .subnavigation_depth3 ul li.active:first-child {
                    padding: 0;
                    padding-top: 10px;
                    background-color: rgba(71,71,71,0.6);
                    padding-bottom: 10px;
                    border-radius: 8px 0 0 0;
                }

            .subnavigation_depth3 ul li a {
                color: #fff;
            }

                .subnavigation_depth3 ul li a:hover {
                    color: #fff !important;
                }

    .subnavigation_depth3 > ul > li.disabled, .subnavigation_depth3 > ul > li.disabled:focus, .subnavigation_depth3 > ul > li.disabled:hover {
        color: #b7b7b7;
        cursor: not-allowed;
        pointer-events: none;
    }

        .subnavigation_depth3 > ul > li.disabled > a, .subnavigation_depth3 > ul > li.disabled > a:focus, .subnavigation_depth3 > ul > li.disabled > a:hover {
            color: #b7b7b7;
            cursor: not-allowed;
            pointer-events: none;
        }

.placement-newform-toggle {
    display: none;
}

#txtComments {
    min-height: 100px;
}

.newinterim {
    font-weight: bold;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 20px;
    padding: 0;
}

.btn-syncdcm {
    background-color: #1f5379;
    color: #fff;
    border-color: #1f5379;
}

    .btn-syncdcm:hover {
        background-color: #164161;
        color: #fff;
        border-color: #164161;
    }

    .btn-syncdcm.focus, .btn-syncdcm:focus {
        background-color: #164161;
        color: #fff;
        border-color: #164161;
    }

    .btn-syncdcm.active, .btn-syncdcm:active {
        background-color: #164161;
        color: #fff;
        border-color: #164161;
    }

.btn-syncad {
    background-color: #0d63a2;
    color: #fff;
    border-color: #0d63a2;
}

    .btn-syncad:hover {
        background-color: #0f5c95;
        color: #fff;
        border-color: #0f5c95;
    }

    .btn-syncad.focus, .btn-syncad:focus, .btn-syncad.active, .btn-syncad:active {
        background-color: #0f5c95;
        color: #fff;
        border-color: #0f5c95;
    }

.btn-newrevision {
    background-color: #20a1c1;
    color: #fff;
    border-color: #20a1c1;
}

    .btn-newrevision:hover {
        background-color: #158dab;
        color: #fff;
        border-color: #158dab;
    }

    .btn-newrevision.focus, .btn-newrevision:focus, .btn-newrevision.active, .btn-newrevision:active {
        background-color: #158dab;
        color: #fff;
        border-color: #158dab;
    }

.ui-datepicker-current {
    /*display: none;*/
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: -0.5em 0 0 0 !important;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border: none;
}

    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: 0.5em .2em .4em !important;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
        font-size: 12px;
    }

.copyRevision .form-group {
    margin-bottom: 15px
}

.copyRevision a {
    margin-top: 0 !important;
}

.mediaplan-clientlines-toggle {
    margin-top: 20px;
}

.dataTables_paginate {
    margin-right: 0 !important;
    margin-top: 10px;
}

.associate_ad {
    padding-left: 100px;
}

.twodecimalplaces {
    text-align: right;
}

.threedecimalplaces {
    text-align: right;
}

.nCostRateDecimals, .nPlacementTypeDecimals {
    text-align: right;
}

.previewBtn:before {
    content: "\f06e";
    font-family: FontAwesome;
    margin-right: 5px;
}

.previewBtn {
    background-color: #093453;
    border-color: #093453;
}

    .previewBtn.focus, .previewBtn:focus, .previewBtn:hover {
        background-color: #093d62;
        border-color: #093d62;
    }

.previewtable > tbody > tr > td {
    border-top: none !important;
    vertical-align: middle;
}

.replace {
    color: #337ab7;
    cursor: pointer;
}

.panelnavigator {
    text-align: center;
}

.fa-caret-right, .fa-caret-left {
    font-size: 35px !important;
}

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

.adTable > tbody > tr > td {
    padding-bottom: 0;
}

.adTable .form-box-calender {
    width: 185px;
}

.adcreative_weight {
    padding: 0;
}

.weight_percentage {
    padding: 0;
    margin-top: 10%;
    padding-left: 2px;
}

.adselect {
    padding: 0;
}

    .adselect select {
        padding: 0;
    }

select {
    line-height: 28px !important;
}

.adlandingtext {
    padding: 0;
    padding-left: 2px;
}

#advertisercreativeform {
    border: 1px solid;
    padding: 0;
    position: relative;
    height: auto;
    min-height: 570px;
}

    #advertisercreativeform .leftpanel {
    }

    #advertisercreativeform .rightpanel {
        position: relative;
        /* border-left: 1px solid; */
        margin-left: 5%;
        padding-top: 10px;
    }

.panelnavigator {
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 0;
    width: 4%;
    text-align: center;
    position: absolute;
    margin: 0 50%;
    /* display: table-cell; */
    width: 5%;
    top: 50%;
    height: 100%;
    transform: translateY(-50%);
}

.right_navigator {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.left_navigator {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.fa-plus-square-o:before {
    content: "\f196";
    font-size: 14px !important;
    /* font-weight: 600; */
}

.fa-minus-square-o:before {
    content: "\f196";
    font-size: 14px !important;
    /* font-weight: 600; */
}

.fa-plus-square-o {
    margin-right: 10px;
}

.fa-minus-square-o {
    margin-right: 10px;
}

.node-icon-img {
    margin-right: 5px;
}

#lightbox .modal-dialog {
    width: 600px;
    height: 500px;
}

#myModal .modal-dialog {
    width: 800px;
    height: 500px;
}

#lightbox .modal-content .modal-body img {
    width: 600px;
    height: 500px;
}


#lightbox .modal-content {
    display: inline-block;
    text-align: center;
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index: 1032;
}

.thumbnail {
    border: none;
    background-color: transparent;
}

    .thumbnail:hover {
        border: none;
        background-color: transparent;
    }

input[type="text"][title]:hover:after {
    content: attr(title);
    padding: 4px 8px;
    color: #333;
    position: absolute;
    left: 0;
    top: 100%;
    white-space: nowrap;
    z-index: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 4px #222;
    -webkit-box-shadow: 0 0 4px #222;
    box-shadow: 0 0 4px #222;
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

.assign_companion_btn {
    color: #fff;
    background-color: #0d3f74;
    border-color: #0d3f74;
}

    .assign_companion_btn.focus, .assign_companion_btn:focus, .assign_companion_btn:hover {
        color: #fff;
        background-color: #072c53;
        border-color: #072c53;
    }

.center_align_content {
    text-align: center;
}

.rejectBtn {
    background-color: #ce1e1e;
    color: #fff;
    border-color: #ce1e1e;
}

    .rejectBtn:focus, .rejectBtn:hover {
        background-color: #ce1e1e;
        color: #fff;
        border-color: #ce1e1e;
    }

.approveBtn {
    background-color: #247732;
    color: #fff;
    border-color: #247732;
}

    .approveBtn:focus, .approveBtn:hover {
        background-color: #247732;
        color: #fff;
        border-color: #247732;
    }


.dashboard_main_left {
    position: relative;
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    border: 1px solid;
    padding: 0;
    box-shadow: 2px 3px 2px 0 rgba(10,2,0,0.2);
}

.dashboard_main_right {
    position: relative;
    width: 49.5%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    border: 1px solid;
    padding: 0;
    box-shadow: 2px 3px 2px 0 rgba(10,2,0,0.2);
}

.dashboard_main {
    position: relative;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-radius: 3px;
}

    .dashboard_main h3 {
        color: #144868;
        margin-top: 5px;
    }

.dashboard_icons {
    position: absolute;
    right: 5px;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.dashboardicons {
    position: relative;
    list-style: none;
    padding: 0;
    float: right;
    right: 10px;
    height: 30px;
    /* width: 100px; */
    top: 13px;
    display: inline-flex;
    /* z-index: 10; */
}

    .dashboardicons li {
        /*background-image: url(/MediaPlanning/images/dashboard_white.png);*/
        background-repeat: no-repeat;
        display: inline-block;
        width: 28px;
        height: 28px;
        position: relative;
        transition: all 350ms ease-out;
        color: #fff;
        font-size: 19px;
    }

        .dashboardicons li:hover {
            cursor: pointer;
        }

.refresh {
    background-position: 0 0;
}

.search_settings {
    background-position: -28px 0;
}

.minimize {
    background-position: -56px 0;
}

#runningmediaplans {
    padding: 0;
    margin-top: 10px;
    padding-left: 1%;
}

.media_plans {
    text-align: center;
    border: 1px solid;
    border-radius: 10px;
    padding: 1%;
    margin-top: 2%;
    /* margin-right: 5px; */
    border-color: #000;
}

    .media_plans label {
        line-height: 20px;
        color: #000;
    }

    .media_plans .level2 {
        margin-bottom: 0;
        font-weight: bold;
        color: #000;
    }

    .media_plans p {
        line-height: 20px;
        color: #000;
        padding: 0;
    }

    .media_plans img {
        width: 50%;
    }

.dashboard_heading {
    padding: 0;
    border-bottom: 1px solid;
    background-color: #133149;
    color: #fafafa;
    border-radius: 10px 10px 0 0;
}

    .dashboard_heading h3 {
        font-family: 'OpenSans_Regular';
        font-size: 18px;
        text-align: left;
        padding: 0;
        color: #fafafa;
        margin-left: 0;
        top: 10px;
        padding-left: 1%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

.budget_detail {
    text-align: left;
}

.plan_status {
    font-size: 12px;
}

.planinfo {
    padding: 0;
    /* position: relative; */
    /* bottom: -1px; */
    /* top: 97%; */
    /* left: 5px; */
    margin-top: 10px;
    padding-left: 8px;
}

    .planinfo label {
        font-weight: bold;
    }

#component1 {
}

#component2 {
}

.link_association {
    position: relative;
    top: -5px;
    left: 10px;
}

.loading_div {
    display: none;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 100%;
    /* margin-left: 0; */
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.4);
    z-index: 1000;
}

    .loading_div img {
        position: absolute;
        width: 5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2000;
    }

.component {
    padding: 0;
    padding-right: 1%;
    margin-top: -1px;
    position: relative;
}

.searchtags_show {
    padding: 0;
    padding-left: 1%;
    min-height: 90px;
}

.search_tags {
}

    .search_tags li {
        list-style: none;
        display: inline-block;
        padding: 4px;
        border-radius: 2px;
        margin-top: 5px;
        margin-right: 2px;
        float: left;
        font-size: 13px;
        background-color: #118bab;
        color: #fff;
    }

.dropdown-searchmenu {
    display: none;
    min-width: 300px;
    position: absolute;
    z-index: 2000;
    right: 0;
    padding: 10px;
    border: 1px solid #000;
    top: 41px;
    background-color: #fff;
}

.dropdown-searchmenu-sc {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 999;
    right: 0;
    padding: 10px;
    border: 1px solid #ccc;
    top: 35px;
    background-color: #fff;
    text-align: left;
}

    .dropdown-searchmenu-sc label {
        text-align: left;
        padding: 0;
        padding-right: 10px;
        margin: 0;
        /* margin-bottom: 0 !important; */
    }

    .dropdown-searchmenu-sc .col-md-12 {
        padding: 0;
    }

.searchbarSC {
    padding: 0;
}

.search_row .searchbarSC {
    margin-top: 5px;
    padding: 0;
    margin-bottom: 5px;
}

.dropdown-searchmenu .checkbox {
    padding: 0;
}

.dropdown-searchmenu-sc .checkbox {
    padding: 0;
    margin: 0;
}

.dropdown-searchmenu .checkbox label {
    padding-left: 5px;
}

.dropdown-searchmenu-cs .checkbox label {
    padding-left: 5px;
}

.dropdown-searchmenu:after {
    position: absolute;
    bottom: 100%;
    right: 11%;
    margin-right: 0;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-top: 10px solid transparent;
}

.dropdown-searchmenu:before {
    position: absolute;
    bottom: 100%;
    right: 11%;
    margin-right: 0;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #000;
    border-top: 10px solid transparent;
}

.dropdown-searchmenu input[type=checkbox] {
    display: none;
}

.dropdown-searchmenu-sc input[type=checkbox] {
    margin-left: 0;
}

.dropdown-searchmenu .form-box-calender, .dropdown-searchmenu .form-control {
    margin-bottom: 2px;
    margin-top: 2px;
}

.dropdown-searchmenu-sc .form-box-calender, .dropdown-searchmenu-sc .form-control {
    margin-bottom: 2px;
    margin-top: 2px;
}

.dropdown-searchmenu-lbl {
    padding: 0;
    margin-top: 5px;
}

.dropdown-searchmenu .form-control .dropdown-searchmenu-half {
    width: 50%;
}

.dropdown-searchmenu .col-md-12 {
    padding: 0;
}
/* FELX SLIDER */
.clearout {
    height: 20px;
    clear: both;
}


.dashboard_main_fullwidth {
    position: relative;
    margin-right: 1%;
    padding: 0;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 2px 3px 2px 0 rgba(10,2,0,0.2);
}

.dashboard_dataTable {
    margin-top: 4%;
}

    .dashboard_dataTable > thead {
        background-color: #b6b6b6;
        font-size: 12px !important;
        font-family: 'OpenSans_Regular';
        font-weight: bold;
        color: #303030;
    }

.floating_buttons {
    position: fixed;
    bottom: 0;
    right: 5px;
    padding-top: 1%;
    padding-right: 0;
    padding-left: 0;
    width: 10.666667%;
}

    .floating_buttons ul {
        padding: 5%;
        margin: 0;
    }

    .floating_buttons li {
        list-style: none;
        display: inline;
        color: #fafafa;
        padding: 11px;
    }

    .floating_buttons ul .save_btn {
        background-color: #113454;
        color: #fafafa;
    }

    .floating_buttons ul .delete {
        background-color: #b92929;
        color: #fafafa;
    }

    .floating_buttons ul .reset {
        background-color: #1a5c72;
        color: #fafafa;
    }

    .floating_buttons ul .minimize_control {
        background-color: #000;
        color: #fafafa;
    }

.minimize_control {
    color: #000 !important;
    /* background-color: #000; */
    float: right;
    padding: 0 !important;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.fa-angle-down:before {
    content: "\f107";
    font-weight: bold;
    font-size: 25px;
}

.fa-angle-up:before {
    content: "\f107";
    font-weight: bold;
    font-size: 25px;
}

.rejectedline {
    text-decoration: line-through;
    color: #a22929;
}

.content-slider {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
}

    .content-slider li {
        text-align: center;
        color: #FFF;
    }

    .content-slider h3 {
        margin: 0;
        padding: 70px 0;
    }

.history {
    /* border-bottom: 1px solid; */
}

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

#campaignTbl_wrapper {
    margin-top: 10px;
    padding-bottom: 10px;
}

#planTbl_wrapper {
    margin-top: 10px;
    padding-bottom: 10px;
}

#mediaPlanStatusTbl_wrapper {
    margin-top: 10px;
    padding-bottom: 10px;
}

.delete_row {
    color: #133149 !important;
    font-size: 18px !important;
    margin-left: 5px !important;
}

.showemail {
    color: #133149 !important;
    font-size: 18px !important;
    margin-left: 5px !important;
}

.openemailicon {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    margin-left: 5px;
}

.norecord {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

    .norecord h3 {
        text-align: center;
        font-family: 'OpenSans_Regular';
        color: #133149;
        vertical-align: middle;
    }

.notification_email > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0 solid transparent !important;
    font-family: 'OpenSans_Regular';
    color: #666666;
    font-size: 12px;
    word-break: break-word;
    position: relative;
}


.dashboard_dataTable td.details-control:after {
    font-weight: bold;
    font-size: 20px;
    margin-left: 15px;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
}

.dashboard_dataTable tr.shown td.details-control:after {
    font-weight: bold;
    font-size: 20px;
    margin-left: 15px;
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
}

.dashboard_dataTable td.details-control {
    font-weight: bold;
    font-size: 20px;
    background: none;
}

.dashboard_dataTable tr.shown td.details-control {
    font-weight: bold;
    font-size: 20px;
    background: none;
}

#divMediaPlanSummaryChart {
    margin-bottom: 5px;
    position: relative;
}

.floatingButtons {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
    cursor: not-allowed !important;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0;
    left: 0;
    z-index: 20;
}

.floatingg_Buttons {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-right: 20px !important;
    cursor: not-allowed !important;
    position: fixed;
    top: 160px;
    width: 100%;
    padding: 0;
    left: 0;
    z-index: 20;
    margin-right: 67px;
}

.loading_info {
    position: absolute;
    color: #000;
    top: 50%;
    transform: translateY(-50%);
    left: 48.3%;
    font-size: 20px;
    font-weight: bold;
}

.loading_message {
    position: absolute;
    color: #000;
    top: 35%;
    transform: translateY(-50%);
    /* left: 48.3%; */
    text-align: center;
    left: 0;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
}

#emailNotificationTbl_wrapper {
    margin-top: 10px;
    padding-bottom: 10px;
}

.legends {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;
}

.lnk-legend {
    cursor: pointer;
}

.color_legends {
    display: inline;
}

    .color_legends li {
        display: inline;
        list-style: none;
        font-size: 17px;
    }

        .color_legends li span {
            vertical-align: middle;
        }

        .color_legends li .color_show_yellow:before {
            color: rgb(255, 255, 217);
            margin-right: 5px;
        }


        .color_legends li .color_show_green:before {
            color: rgb(206, 255, 206);
            margin-right: 5px;
        }

        .color_legends li .color_show_red:before {
            color: rgb(255, 201, 201);
            margin-right: 5px;
        }

        .color_legends li .color_show_white:before {
            color: rgb(255, 255, 255);
            margin-right: 5px;
        }

.fa-square:before {
    font-size: 24px;
}

.legend {
    list-style: none;
    color: #343434;
}

    .legend a {
        color: #343434;
    }

    .legend li {
        margin-right: 10px;
        display: inline-block;
        font-family: 'OpenSans_Regular';
        font-weight: 600;
        /* padding-top: 13px; */
        font-size: 16px;
        vertical-align: middle;
    }

    .legend span {
        border: 2px solid #ccc;
        float: left;
        width: 30px;
        height: 20px;
        margin: 2px;
        vertical-align: middle;
        margin-right: 5px;
    }
/* your colors */
.placementlegend .superawesome {
    background-color: rgb(255, 255, 217) !important;
}

.placementlegend .awesome {
    background-color: rgb(206, 255, 206) !important;
}

.placementlegend .kindaawesome {
    background-color: rgb(255, 201, 201) !important;
}

.placementlegend .notawesome {
    background-color: rgb(214, 255, 255) !important;
}

.placementlegend .placementunderNegotiation {
    background-color: rgb(233, 233, 233) !important;
}

.placementlegend .placementnew {
    background-color: rgb(255, 255, 255) !important;
}

.legend .overbooked {
    background-color: #C91426;
}

.legend .nonworking {
    background-color: #ccc
}

.hardbooklegend {
    background-color: #a33d72;
}

.softbooklegend {
    background-color: #FFA534;
}

.availablelegend {
    background-color: #1a7d3a;
}

.holidaylegend {
    background-color: #cafef4;
}

.noneditable {
    background-color: #c7c9cc;
}

.otherProjectlegend {
    background-color: #c2cc26;
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
    color: #ff0000;
    margin-left: 4px;
    font-size: 14px;
}

.fa-minus:before {
    content: "\f068";
    /* color: #a22929; */
}

.last_formcontrol_padding {
    margin-bottom: 4%;
}

.UDFControls {
    padding: 0;
}

.search_main_control {
    padding: 0;
    margin-top: 0;
}

#ctl00_head_resSearchDiv {
    width: 73%;
    padding: 0;
}

.form-dashboard .form-group {
    margin: 0;
}

.fixedCalendarWidth {
    max-width: 142px;
}

.fixedComboWidth {
    max-width: 203px;
}

.plan_name {
    padding: 0;
}

.plan_dates {
    padding: 0;
}

.icon-external-link:before {
    content: "\f14c";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}

.gotoLink {
    background-color: #114f83;
    border: 1px solid #114f83;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    margin-right: 2px;
    font-family: 'OpenSans_Regular';
    font-size: 14px;
    margin-top: 1px;
    margin-bottom: 0.5px;
}

    .gotoLink:hover {
        background-color: #1763a2;
        border: 1px solid #1763a2;
        color: #fff;
        padding: 4px;
        border-radius: 4px;
        margin-right: 2px;
        font-family: 'OpenSans_Regular';
    }

    .gotoLink a {
        color: #fff;
    }

    .gotoLink .fa-external-link-square:before {
        content: "\f14c";
        margin-right: 3px;
    }

    .gotoLink span {
        color: #fff !important;
        font-size: 14px !important;
    }

.actionButtonUdf {
    margin-left: 83%;
    margin-bottom: 4px;
    float: left;
}

.actionButtonNewLink {
    width: 18px !important;
    height: 18px !important;
}

.deletelink {
    background-color: #d9534f !important;
    border-color: #d9534f !important;
    color: #fff;
}

.gotoLink_edit {
    background-color: #114f83;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    margin-right: 2px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

    .gotoLink_edit a {
        color: #fff;
        font-family: 'OpenSans_Regular';
    }

    .gotoLink_edit .fa-file-text-o:before {
        content: "\f0f6";
        margin-right: 3px;
    }

#limit-char {
    margin-top: 0;
}

.required:after {
    content: "\f069";
    font-family: FontAwesome;
    color: red;
    /* font-weight: 700; */
    font-size: 10px;
    top: -2px;
    right: 3px;
    position: absolute;
    /* margin-top: -15px; */
}

.table > tbody > tr > td .fa-check {
    font-style: normal;
    color: green;
    font-size: 14px;
}

#dtPlacement > tbody > tr > td label {
    vertical-align: top;
    font-family: 'OpenSans_Regular';
    color: #666666;
    font-size: 12px;
    position: relative;
}

.lookup_panel > tbody > tr > td label {
    vertical-align: top;
    font-family: 'OpenSans_Regular';
    color: #666666;
    font-size: 12px;
    position: relative;
}

.required_field {
    border: 1px solid #5b5b5b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(114,114,114,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(114,114,114,.6)
}

.required_label {
    font-weight: 600 !important;
    color: #cc0a0a !important;
}

    .required_label h3 {
        font-weight: 600;
    }

.datetimepicker {
    z-index: 1151 !important;
}

textarea.form-control {
    height: auto;
    min-height: 85px !important;
}

textarea:disabled {
    cursor: default !important;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.gotoLink .fa-plus-square:before {
    content: "\f0fe";
    margin-right: 3px;
}

.gotoLink .fa-refresh:before {
    content: "\f021";
    margin-right: 3px;
}

.gotoLink .newfile {
    margin-right: 4px;
    background: url(/MediaPlanning/images/new_fileicon.png);
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    margin-right: 3px;
}

.gotoLink .newfilea {
    color: #fff;
    vertical-align: super;
}

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

.creative_header {
    margin-top: 8px;
    padding: 0;
    margin-bottom: 8px;
}

.hCreativeFromClientTitle {
    padding: 0;
}

    .hCreativeFromClientTitle label {
        margin-top: 6px;
    }

.clientLinesModal {
    width: 60%;
}

.heading-margin-top {
    margin-top: 0;
}

.communication_header {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .communication_header label {
        font-weight: bold;
        padding: 0;
    }

button[id^="btnResPopup"] {
    background: #174c78;
    color: #fafafa;
}

    button[id^="btnResPopup"]:hover {
        background: #1a5b92;
        color: #fafafa;
    }

    button[id^="btnResPopup"]:active {
        background: #1a5b92;
        color: #fafafa;
    }

    button[id^="btnResPopup"] .fa-envelope {
        color: #fafafa;
        margin-right: 4px;
    }

.distribution_options {
    margin-top: 0;
}

    .distribution_options label {
        margin-bottom: 5px;
    }

.floodlight_offset {
    margin-left: 10%;
}

    .floodlight_offset .control_lbl {
        text-align: right;
        padding: 0;
    }

button[disabled], html input[disabled] {
    cursor: not-allowed !important;
}

    button[disabled].gotoLink {
        opacity: .65;
        color: #fff;
    }

.padding-left-right {
    padding-right: 7px;
    padding-left: 7px;
}

.buttons_panel {
    text-align: right;
}

.table > tbody > tr > td .fa-angle-right:before {
    font-size: 20px;
    font-weight: bolder;
}

.table > tbody > tr > td .fa-share-square-o:before {
    font-size: 20px;
    font-weight: bolder;
    color: #174c78;
}

.table > tbody > tr > td .fa-external-link:before {
    font-size: 20px;
    font-weight: bolder;
    color: #174c78;
}

.navigation_link {
    margin-right: 4px;
    background: url(/images/arrow_nav.png);
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    margin-right: 3px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

div:focus {
    outline: 0 solid transparent;
}

#lnkLevel3 {
    word-wrap: break-word;
}

#dtClient > tbody > tr:hover {
    background-color: #f5f5f5;
    cursor: default !important;
}

.dvFieldListAddForm {
    padding-right: 2px;
}

    .dvFieldListAddForm .btn {
        margin-top: 15px;
    }

#dvMessagePanel .alert {
    padding: 5px;
}

.SC_control {
    display: inline-block;
    position: relative;
    padding-left: 20px !important;
    margin-bottom: 0 !important;
    cursor: pointer !important;
    /* font-size: 18px !important; */
}

    .SC_control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.SC_control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background: transparent;
    border: 1px solid #333;
    border-radius: 4px;
}

.SC_control--radio .SC_control__indicator {
    border-radius: 50%;
}

.SC_control:hover input ~ .SC_control__indicator {
    background: transparent;
}

.SC_control input:focus ~ .SC_control__indicator {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.SC_control input:checked ~ .SC_control__indicator {
    border: 1px solid transparent;
}

.SC_control:hover input:not([disabled]):checked ~ .SC_control__indicator,
.SC_control input:checked:focus ~ .SC_control__indicator {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.SC_control input:disabled ~ .SC_control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.SC_control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.SC_control input:checked ~ .SC_control__indicator:after {
    display: block;
}

.SC_control--checkbox .SC_control__indicator:after {
    left: 0;
    top: -4px;
    width: 3px;
    height: 8px;
    /* border: 1px solid #0375c8; */
    /* border-width: 0 10px 8px 0; */
    content: "\f046";
    color: #0375c8;
    font-family: FontAwesome;
    font-size: 17px;
}

.SC_control--checkbox input:disabled ~ .SC_control__indicator:after {
    border-color: #7b7b7b;
}

#dtClient > tbody > tr > td > .fa-external-link:hover {
    cursor: pointer !important;
}

label[id^='associated_plcment_id_'] a, label[id*=' associated_plcment_id_'] a {
    word-wrap: break-word;
}

#buyingMainTable table {
    margin-left: 28px !important;
}


/* For the Side Menu */
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'ecoicons';
    src: url("../fonts/ecoicons/ecoicons.eot");
    src: url("../fonts/ecoicons/ecoicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ecoicons/ecoicons.woff") format("woff"), url("../fonts/ecoicons/ecoicons.ttf") format("truetype"), url("../fonts/ecoicons/ecoicons.svg#ecoicons") format("svg");
}

/* Icomoon.com */

.gn-menu-main,
.gn-menu-main ul {
    margin: 0;
    padding: 0;
    color: #5f6f81;
    list-style: none;
    text-transform: none;
    font-weight: 300;
    font-family: 'Lato', Arial, sans-serif;
    line-height: 60px;
}

.gn-menu-main {
    position: fixed;
    top: 0;
    left: 0;
    height: 60px;
    font-size: 13px;
    z-index: 1000;
}

    .gn-menu-main a {
        display: block;
        color: #fafafa;
        text-decoration: none;
        cursor: pointer;
    }

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
    background: #174c78;
    color: white;
    text-decoration: none;
}

.gn-menu-main > li {
    display: block;
    float: left;
    text-align: center;
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
    position: relative;
    width: 60px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gn-menu-main > li > a {
    padding: 30px;
    padding-bottom: 10px;
    padding-top: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    background-color: #343434;
}

.gn-menu-main:after {
    display: table;
    clear: both;
    content: "";
}

.gn-menu-wrapper {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    /* height: 100%; */
    overflow: hidden;
    /* min-height: 100%; */
    width: 60px;
    border-top: 1px solid #c6d0da;
    background: #2c2f31;
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-transition: -webkit-transform 0.3s, width 0.3s;
    -moz-transition: -moz-transform 0.3s, width 0.3s;
    transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
    position: absolute;
    overflow-y: scroll;
    width: 330px !important;
    height: 101%;
}

.gn-menu {
    border-bottom: 1px solid #c6d0da;
    text-align: left;
    font-size: 18px;
}

    .gn-menu li:not(:first-child),
    .gn-menu li li {
        box-shadow: inset 0 1px #c6d0da
    }

.gn-submenu li {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

    .gn-submenu li a {
        color: #ccc;
        /* font-family: Open_Sans; */
        font-weight: 100;
        padding-left: 12px;
    }

input.gn-search {
    position: relative;
    z-index: 10;
    padding-left: 60px;
    outline: none;
    border: none;
    background: transparent;
    color: #5f6f81;
    font-weight: 300;
    font-family: 'Lato', Arial, sans-serif;
    cursor: pointer;
}

.no-touch .gn-menu-main a:hover, .no-touch .gn-menu li.gn-search-item:hover, .no-touch .gn-menu li.gn-search-item:hover a {
    background: #174c78 !important;
    background-color: #174c78 !important;
    color: white;
    text-decoration: none;
}

.gn-selected {
    background-color: #174c78 !important;
}

.gn-menu-main:hover, .gn-menu-main:hover:active, .gn-menu-main:hover:focus {
    background-color: #174c78 !important;
}

.gn-menu-main:hover {
    background-color: #174c78 !important;
}

.gn-menu-main > li > a:hover {
    background-color: #174c78 !important;
}
/* placeholder */

.gn-search::-webkit-input-placeholder {
    color: #5f6f81
}

.gn-search:-moz-placeholder {
    color: #5f6f81
}

.gn-search::-moz-placeholder {
    color: #5f6f81
}

.gn-search:-ms-input-placeholder {
    color: #5f6f81
}

/* hide placeholder when active in Chrome */

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
    color: transparent
}

input.gn-search:focus {
    cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
    color: white
}

/* placeholder */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
    color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
    color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
    color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
    color: white
}

.gn-menu-main a.gn-icon-search {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
}

.gn-menu-main a i {
    vertical-align: text-top;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    width: 60px;
    text-align: center;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
}

.gn-icon::before {
    display: inline-block;
    width: 60px;
    text-align: center;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'ecoicons';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
}

.gn-icon-help::before {
    content: "\e000"
}

.gn-icon-earth::before {
    content: "\e004"
}

.gn-icon-cog::before {
    content: "\e006"
}

.gn-icon-search::before {
    content: "\e005"
}

.gn-icon-download::before {
    content: "\e007"
}

.gn-icon-photoshop::before {
    content: "\e001"
}

.gn-icon-illustrator::before {
    content: "\e002"
}

.gn-icon-archive::before {
    content: "\e00d"
}

.gn-icon-article::before {
    content: "\e003"
}

.gn-icon-pictures::before {
    content: "\e008"
}

.gn-icon-videos::before {
    content: "\e009"
}

/* if an icon anchor has a span, hide the span */

.fa span {
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.gn-menu-wrapper.gn-open-all {
    width: 333px;
}

    .gn-menu-wrapper.gn-open-all .gn-submenu li {
        height: 60px
    }

@media screen and (max-width: 422px) {
    .gn-menu-wrapper.gn-open-all {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

        .gn-menu-wrapper.gn-open-all .gn-scroller {
            width: 130%
        }
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
    font-size: 30px;
    font-weight: lighter;
    margin-left: -15px;
    color: #fff;
}

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

@font-face {
    font-family: 'OpenSans_Regular';
    src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'OpenSans_Light';
    src: url('../fonts/OpenSans-Light.ttf');
}

@font-face {
    font-family: 'OpenSans_Italic';
    src: url('../fonts/OpenSans-Italic.ttf');
}

@font-face {
    font-family: 'OpenSans_Bold';
    src: url('../fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'Myraidpro_Regular';
    src: url('../fonts/Myraidpro_Regular.ttf');
}

* {
    margin: 0;
    /* padding: 0; */
}

body {
    background-color: #fafafa;
}


.page-wrapper {
    width: 100%;
    background: rgba(203, 203, 210, 0.15)
}

.zero-padding {
    padding: 0;
}

.zero-margin {
    margin: 0 !important;
}

.page-header-top {
    background-color: #343434;
    position: fixed;
    z-index: 1000;
    width: 100%;
}

.margin10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.padding10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

a, button, code, div, img, input, label, li, p, pre, select, span, svg, table, td, textarea, th, ul {
    /* -webkit-border-radius: 0!important; */
    -moz-border-radius: 0 !important;
    /* border-radius: 0!important; */
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans",sans-serif;
}

.page-header .page-header-top .top-menu {
    margin: 3px 0 0;
    padding: 0;
    float: right;
    margin-right: 5%;
}

.page-header .page-header-top .page-logo {
    float: left;
    display: block;
    width: 255px;
    margin-left: 0;
}

    .page-header .page-header-top .page-logo .logo-default {
        width: 200px;
        /* height: 40px; */
        margin: 2px 0 0;
    }

.page-header .page-header-top .top-menu .navbar-nav {
    padding: 0;
    margin-right: 0;
    display: block;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
        margin: 0;
        padding: 0;
        float: left;
        font-size: 13px;
        display: inline-block;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
        margin: 0;
        padding: 0 4px;
        display: inline-block;
    }

        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
            margin: 0 0 0 1px;
            padding: 5px 8px
        }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
                color: #fafafa;
                font-size: 19px;
            }

li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"], li [class^=fa-], li [class^=glyphicon-], li [class^=icon-] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
    top: 1px;
    position: relative;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
    font-family: "Open Sans",sans-serif;
    position: absolute;
    top: 9px;
    right: 24px;
    font-weight: 300;
    padding: 3px 6px;
}

.badge {
    font-size: 11px !important;
    font-weight: 300;
    height: 18px;
    color: #fff;
    padding: 3px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
    text-align: center;
    vertical-align: middle;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
    background-color: #1DC7EA;
    color: #fff;
}


/*DROPDOWN*/
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle {
    background-color: #fff;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    background: #2e343b;
    border: 0;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
        background: #272c33;
    }

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
    display: block;
    overflow: hidden;
    padding: 15px;
    letter-spacing: .5px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
    color: #a2abb7;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
    display: inline-block;
    padding: 0;
    background: 0 0;
    clear: inherit;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    right: 10px;
    border: 0;
    margin-top: -2px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
    color: #337ab7;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
    padding-right: 0 !important;
    padding-left: 0;
    list-style: none;
    height: 250px;
    overflow: hidden;
    width: auto;
}

.dropdown-menu {
    /*left: 0;*/
    min-width: 175px;
    position: absolute;
    /* z-index: 998; */
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: #fff;
    margin: 10px 0 0;
    border: 1px solid #eee;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
    min-width: 160px;
    max-width: 195px;
    width: 195px;
    z-index: 9996;
    margin-top: 5px;
    margin-right: 7px;
    font-family: "Open Sans",sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a {
        border-top: none;
    }

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
    color: #fafafa;
    border-bottom: 1px solid #3b434c !important;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:focus,
    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:focus {
        background: #373e47 !important;
        color: #fafafa !important;
        outline: 0;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:focus {
        background: #373e47 !important;
        border-bottom: 1px solid #3b434c !important;
    }

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 8px 16px;
    text-shadow: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
    background: #23272d;
}

.nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
    border-left: none;
    border-right: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu:before {
    position: absolute;
    top: -8px;
    right: 9px;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #efefef;
    border-left: 8px solid transparent;
    content: '';
}

.nav.pull-right > li > .dropdown-menu:before, .nav > li > .dropdown-menu.pull-right:before {
    right: 12px;
    left: auto;
}

.btn-group > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .dropdown > .dropdown-menu:before {
    position: absolute;
    top: -8px;
    left: 9px;
    right: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e0e0e0;
    border-left: 8px solid transparent;
    content: '';
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #2e343b;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
    border-bottom-color: #f7f8fa;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu:after {
    position: absolute;
    top: -7px;
    right: 10px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
    left: inherit;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu {
    z-index: 9996;
    margin-top: 5px;
    margin-right: 7px;
    font-family: "Open Sans",sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
    padding-right: 0 !important;
    padding-left: 0;
    list-style: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover {
    background: #373e47;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
    background: #181b1e;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details {
    overflow: hidden;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a
    .details .label-icon {
        margin-right: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
    float: right;
    max-width: 75px;
    font-size: 11px;
    font-weight: 400;
    opacity: .7;
    filter: alpha(opacity=70);
    text-align: right;
    padding: 1px 5px;
}

.label.label-sm {
    font-size: 13px;
    padding: 2px 5px;
}

.label.label-icon {
    padding: 4px 0 4px 4px;
    margin-right: 2px;
    text-align: center !important;
}

.label {
    text-shadow: none !important;
    font-size: 14px;
    font-weight: 300;
    padding: 3px 6px;
    color: #fff;
}

.label, .table.table-light > thead > tr > th {
    font-family: "Open Sans",sans-serif;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
    border-bottom-color: #f7f8fa;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #2e343b;
}

.slimScrollDiv {
    border: 0 solid #eee;
    height: 100%;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task {
    margin-bottom: 5px;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc {
        font-size: 13px;
        font-weight: 700;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent {
        color: #36c6d3;
        float: right;
        font-weight: 600;
        display: inline-block;
    }

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress {
    display: block;
    height: 8px;
    margin: 8px 0 2px;
}

    .pace .pace-progress-inner, .page-header, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar {
        box-shadow: none;
    }

        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
            margin-top: -8px;
            margin-right: 8px;
            height: 35px;
            float: left;
            width: 35px;
        }
/*.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img {
    margin-top: -8px;
    margin-right: 8px;
    height: 35px;
    float: left;
    width: 35px;
}*/
.user-info {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin-top: 4px;
    margin-bottom: 4px;
}

    .user-info label {
        font-size: 13px !important;
        max-width: 100%;
        margin-bottom: 0;
        font-weight: normal;
        font-family: 'OpenSans_Regular';
        font-size: 12px;
        display: block !important;
        color: #fff;
    }

    .user-info span {
        font-size: 12px !important;
        max-width: 100%;
        margin-bottom: 0;
        font-weight: normal;
        font-family: 'OpenSans_Regular';
        font-size: 12px;
        vertical-align: super;
        color: #fff;
        margin-left: 2px;
    }

.switchedUser {
    vertical-align: middle;
}

.DefaultName {
    color: #fcda00 !important;
    vertical-align: super;
}

    .DefaultName:hover {
        color: #fcda00;
    }

    .DefaultName:not(:empty):before {
        content: "-";
        color: #fcda00;
        margin-right: 3px;
    }

.company-info {
    color: #fff;
}

    .company-info .username {
        font-size: 12px;
        vertical-align: bottom;
        font-family: OpenSans_Light;
        color: #fafafa;
    }

.material-icons {
    vertical-align: sub;
    font-size: 18px;
}

.lblUserName {
    display: inline-block;
}

.userProfilePicture {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.user-info .fa {
    vertical-align: initial;
    font-size: 18px;
    color: #50e2f9;
    margin-left: -2px;
    margin-right: -3px;
}

.user-info .material-icons {
    font-size: 20px;
    color: #50e2f9;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:hover {
    cursor: pointer;
}

.user-info span:hover {
    cursor: pointer;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .userProfilePicture > img {
    height: 40px;
    width: 40px;
}

.img-circle {
    border-radius: 50% !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
    width: 195px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    background: #2e343b;
    border: 0;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle {
    background-color: #343434;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
    background-color: transparent;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    background: #2e343b;
    border: 0;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
        border-bottom: 0 !important;
    }

        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i {
            color: #6FA7D7;
        }

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
    font-weight: 300;
    font-size: 13px;
}

.dropdown-menu > li > a {
    padding: 8px 16px;
    color: #6f6f6f;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge {
    margin-right: 10px;
}

.dropdown-menu > li > a > .badge {
    position: absolute;
    margin-top: 1px;
    right: 3px;
    display: inline;
}

.badge-danger {
    background-color: #ed6b75;
}

.badge-success {
    background-color: #36c6d3;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator {
    padding-left: 0;
    padding-right: 6px;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
        border-left: 1px solid #E3E8EC;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
        float: left;
        display: inline-block;
        width: 1px;
        height: 30px;
        margin-left: 5px;
        margin-top: 12px;
    }

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #fafafa;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
    background-color: #1DC7EA;
    color: #fff;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
    border-color: transparent transparent transparent #1DC7EA;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle {
    padding: 17px 0 8px 8px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
    margin: 0;
    padding: 0 4px;
    display: inline-block;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
    float: left;
    margin-top: -5px;
    padding: 3px 10px 4px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
    float: left;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 9px 9px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
    color: #fafafa;
    border-bottom: 1px solid #3b434c !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo {
    float: left;
    margin: 0 6px 6px 0;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img {
        height: 40px;
        width: 40px;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
        border-radius: 50% !important;
    }

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject {
    display: block;
    margin-left: 46px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message {
    display: block !important;
    font-size: 12px;
    line-height: 1.3;
    margin-left: 46px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover {
    background: #373e47;
    text-decoration: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li a:hover {
    text-decoration: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from {
    font-size: 14px;
    font-weight: 600;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time {
    font-size: 12px;
    font-weight: 400;
    opacity: .5;
    filter: alpha(opacity=50);
    float: right;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
    color: #5b9bd1;
}

/*HEADER MENU*/
.page-header .page-header-menu {
    background: #444d58;
}

    .page-header .page-header-menu .hor-menu {
        margin: 0;
        float: left;
    }

        .page-header .page-header-menu .hor-menu .navbar-nav, .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown {
            position: static;
        }

            .page-header .page-header-menu .hor-menu .navbar-nav > li > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
                color: #BCC2CB;
            }

            .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
                color: #f1f1f1;
                background: #4E5966;
            }

            .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
                min-width: 195px;
                max-width: 235px;
            }

            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
                background: #55616f;
            }

            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu, .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
                box-shadow: 5px 5px rgba(85,97,111,.2);
            }

    .page-header .page-header-menu .search-form {
        position: relative;
        display: inline-block;
        float: right;
        width: 260px;
        transition: width .4s;
        margin-top: 8px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

        .page-header .page-header-menu .search-form .input-group {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
        }

            .page-header .page-header-menu .search-form .input-group .form-control {
                color: #616d7d;
                background: #38414c;
            }

            .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
                padding: 0;
                height: 34px;
                z-index: 3;
                position: relative;
                top: 10px;
                right: 11px;
            }

.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.44;
}

.page-header .page-header-menu .search-form, .page-header .page-header-menu .search-form .input-group {
    background: #38414c;
}

    .page-header .page-header-menu .search-form, .page-header .page-header-menu .search-form .input-group {
        background: #38414c;
    }

        .page-header .page-header-menu .search-form .input-group .form-control {
            border: 0;
            font-size: 13px;
            padding-right: 20px;
            font-weight: 300;
        }

        .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
            color: #616d7d;
        }

        .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
            font-size: 15px;
        }

[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-] {
    /* line-height: 14px; */
    -webkit-font-smoothing: antialiased;
}

.form-control:focus {
    border-color: #93a1bb;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-group .form-control:focus {
    z-index: 3;
}

.page-header .page-header-menu .search-form .input-group .form-control:hover {
    cursor: pointer;
}

.ct-line.ct-threshold-above, .ct-point.ct-threshold-above, .ct-bar.ct-threshold-above {
    stroke: #f05b4f;
}

.ct-line.ct-threshold-below, .ct-point.ct-threshold-below, .ct-bar.ct-threshold-below {
    stroke: #59922b;
}

.ct-area.ct-threshold-above {
    fill: #f05b4f;
}

.ct-area.ct-threshold-below {
    fill: #59922b;
}

.ct-series-a .ct-bar.ct-threshold-above {
    stroke: #f05b4f;
}

.ct-series-a .ct-bar.ct-threshold-below {
    stroke: #59922b;
}

.gn-menu li {
    background-color: #343434;
}

/*GANTT CHART*/
.gantt_container {
    font-family: 'OpenSans_Light' !important;
    font-size: 13px;
    border: 1px solid #cecece;
    position: relative;
    white-space: nowrap;
}

.gantt_grid_scale .gantt_grid_head_cell {
    color: #343434 !important;
    border-top: none !important;
    border-right: none !important;
    font-family: OpenSans_Regular !important;
    font-weight: 800 !important;
}

.gantt_grid_data .gantt_row.odd:hover, .gantt_grid_data .gantt_row:hover {
    background-color: #eee !important;
}

.gantt_task_progress {
    border-radius: 30px !important;
}
/*.gantt_task_progress {
    text-align: center;
    z-index: 0;
    background: #144c78!important;
}
.gantt_task_line {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #376c93;
    border: 1px solid #2898b0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
}
.gantt_task_line {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2c6993 !important;
    border: 1px solid #2898b0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
}*/
.gantt_task .gantt_task_scale .gantt_scale_cell {
    color: #343434 !important;
    border-right: 1px solid #ebebeb !important;
    font-weight: 800 !important;
    font-family: 'OpenSans_Regular' !important;
}

.gantt_task .gantt_thirdlevel {
    background-color: #fcbd62 !important;
    border-color: #ffa626 !important;
}

.gantt_thirdlevel .gantt_task_progress {
    background-color: #dd953e !important;
}
/*
.gantt_grid_scale, .gantt_task_scale {
    color: #6b6b6b;
    font-size: 12px;
    border-bottom: 1px solid #cecece;
    background-color: #fff;
  
}*/

.gantt_grid {
    border-right: 1px solid #cecece;
    width: 41.2% !important;
}

.gantt_grid_scale, .gantt_task_scale {
    color: #6b6b6b;
    font-size: 12px;
    border-bottom: 1px solid #cecece;
    background-color: #fff;
}

.gantt_grid_scale {
    width: 100% !important;
}

.gantt_grid_data {
    width: 100%;
    overflow: hidden;
    width: 100% !important;
}

.gantt_task {
    position: relative;
    width: 58.8% !important;
    overflow-x: scroll !important;
}

.gantt_grid_data .gantt_cell {
    border-right: none;
    color: #454545;
    /* width: 160px !important; */
    text-align: left;
    font-size: 13px;
}
/*
.gantt_grid_scale .gantt_grid_head_cell {
    color: #343434!important;
    border-top: none!important;
    border-right: none!important;
    font-family: OpenSans_Regular!important;
    font-weight: 800!important;
}*/
.gantt_grid_scale .gantt_grid_head_cell {
    /* width: 120px !important; */
    text-align: left;
}

    .gantt_grid_scale .gantt_grid_head_cell:nth-child(2) {
        /* width: 150px !important; */
    }

.gantt_grid_data .gantt_cell:nth-child(2) {
    /* width: 150px !important; */
}

.gantt_grid_scale .gantt_grid_head_cell:nth-child(4) {
    width: 100px !important;
}

.gantt_grid_data .gantt_cell:nth-child(4) {
    width: 100px !important;
}

.gantt_grid_scale .gantt_grid_head_cell:nth-child(5) {
    width: 80px !important;
}

.gantt_grid_data .gantt_cell:nth-child(5) {
    width: 80px !important;
}
/*New*/

.gantt_grid_scale, .gantt_task_scale {
    color: #3f3f3f;
    font-size: 9pt;
    border-bottom: 1px solid #cac8bd;
    background-color: transparent !important;
}

.gantt_task_content {
    font-size: 12px !important;
    /* color: #343434 !important; */
    width: 100%;
    top: 0;
    font-weight: normal;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    font-family: 'OpenSans_Regular' !important;
}

.gantt_side_content {
    position: absolute;
    white-space: nowrap;
    color: #343434 !important;
    bottom: 7px;
    font-size: 11px;
    font-size: 12px !important;
    font-family: 'OpenSans_Regular' !important;
}

.gantt_cell, .gantt_grid_head_cell, .gantt_row, .gantt_scale_cell, .gantt_task_cell, .gantt_task_row {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
}

.gantt_task_line {
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e1ffd4;
    border: 1px solid #7fbc64;
    -webkit-user-select: none;
    margin-bottom: 24px !important;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
}
/*end New*/
#menu-toggle {
    position: fixed;
    top: 0;
    left: 0;
    width: auto;
}

    #menu-toggle:before {
        content: "\f0c9";
        font-family: "FontAwesome";
        font-size: 55px;
        text-align: center;
        margin: 0 5px;
    }

/*MENU*/
.panel-group {
    margin: 0;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 0;
        border-color: transparent;
        border: 0;
        margin-top: 0 !important;
        border-bottom: 0;
        border-top: 0;
    }

.panel-default > .panel-heading {
    display: block;
    padding: 12px;
    padding-left: 0;
    background: #2c2f31 !important;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    letter-spacing: 0.09em;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#2c2f31), to(#3f4347));
    background: -webkit-linear-gradient(top, #2c2f31, #3f4347);
    background: -moz-linear-gradient(top, #2c2f31, #3f4347);
    background: -ms-linear-gradient(top, #2c2f31, #3f4347);
    background: -o-linear-gradient(top, #2c2f31, #3f4347);
    border-radius: 0;
    /* font-family: 'OpenSans_Regular'; */
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0.1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: transparent;
        border-bottom: 1px solid #ccc;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    /* padding-left: 5px; */
    padding-right: 5px;
}

    .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 400;
        font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
        font-size: 18px;
        line-height: 40px;
    }

        .panel-title > a:hover, .panel-title > a:focus, .panel-title > a:active {
            color: #fff;
            outline: 0;
        }

        .panel-title > a > span {
            font-size: 18px;
            vertical-align: middle;
            width: 20px;
            display: inline-block;
            filter: drop-shadow(1px 1px 2px #000);
        }

.panel-heading .accordion-toggle::after, .panel-heading .accordion-toggle.collapsed[aria-expanded='false']::after {
    content: "\e114";
    font-family: 'Glyphicons Halflings';
    float: right;
    color: #fff;
    margin-right: 0;
}

.panel-body {
    padding: 0;
    background-color: #343434;
}

    .panel-body .table {
        margin-bottom: 0;
        margin-left: 0;
    }

    .panel-body .table {
        margin-bottom: 0;
    }

    .panel-body table tr td {
        padding-left: 15px;
        padding-top: 4px;
        padding-bottom: 3px;
        /* border-top: transparent !important; */
        font-weight: 100;
        font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
        color: #fff;
        border-top: 0 solid transparent !important;
    }

        .panel-body table tr td.secondLevel {
            padding: 0 !important;
            /* padding-left: 10px !important; */
        }

            .panel-body table tr td.secondLevel .panel-heading {
                background: #3c4042 !important;
                border-bottom: 1px solid #ddd !important;
                padding-bottom: 0;
                padding-top: 0;
            }

            .panel-body table tr td.secondLevel .panel-body .table {
                background: #343434;
            }

            .panel-body table tr td.secondLevel .panel-title i {
                vertical-align: middle;
                font-family: 'Material Icons';
                font-weight: normal;
                font-style: normal;
                font-size: 24px;
                line-height: 1;
                letter-spacing: normal;
                text-transform: none;
                -webkit-font-feature-settings: 'liga';
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                width: 60px;
                float: left;
                text-align: center;
                text-transform: none;
                font-weight: normal;
                font-style: normal;
                font-variant: normal;
                line-height: 1;
                speak: none;
                -webkit-font-smoothing: antialiased;
            }

            .panel-body table tr td.secondLevel .panel-title a {
                max-width: 100%;
                margin-bottom: 5px;
                font-weight: 400;
                font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
                font-size: 17px;
                line-height: 35px;
                display: block;
                padding-left: 30px;
                vertical-align: middle;
            }

                .panel-body table tr td.secondLevel .panel-title a:after {
                    content: "";
                    margin-right: 20px;
                }

.secondLevel .panel-body table tr td {
    padding: 0 0 !important;
    border-top: transparent !important;
    vertical-align: middle !important;
    text-align: left;
    font-size: 12px;
    font-weight: 100;
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
    color: #fff;
    padding-left: 0 !important;
}

    .secondLevel .panel-body table tr td a {
        padding-left: 25px;
    }

.panel-body table tr td a {
    padding: 6px 0;
    /* color: #343434; */
    /* text-decoration: none; */
    /* text-shadow: none; */
    font-weight: 100;
    font-size: 16px;
    display: inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
}

.panel-heading .accordion-toggle.collapsed::after, .panel-heading a[aria-expanded='true']::after {
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e113"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: #fff; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed > .panel-heading, .panel-heading a[aria-expanded='true'] > .panel-heading {
    background: #1668a3;
    border-top: 1px solid #1668a3;
    border-bottom: 1px solid #1668a3;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#44c6eb), to(#2799db));
    background: -webkit-linear-gradient(top, #1668a3, #174c78);
    background: -moz-linear-gradient(top, #1668a3, #174c78);
    background: -ms-linear-gradient(top, #1668a3, #174c78);
}

.panel-default .panel-heading a[aria-expanded="true"] ~ .panel-heading {
    background-color: #dcdcdc;
}

.panel-heading .accordion-toggle::after, .panel-heading .accordion-toggle.collapsed[aria-expanded='false']::after {
    /* symbol for "collapsed" panels */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    /* float: right; */ /* adjust as needed */
    color: #fff; /* adjust as needed */
}

.panel-default input[type='checkbox'] {
    display: none;
}

.panel-default ul li input[type='checkbox']:checked ~ .panel-heading {
    background: #1668a3;
    border-top: 1px solid #1668a3;
    border-bottom: 1px solid #1668a3;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#44c6eb), to(#2799db));
    background: -webkit-linear-gradient(top, #1668a3, #174c78);
    background: -moz-linear-gradient(top, #1668a3, #174c78);
    background: -ms-linear-gradient(top, #1668a3, #174c78);
}

.panel-body table tr td {
    padding: 0 0 !important;
    border-top: transparent !important;
    vertical-align: middle !important;
    text-align: left;
    font-size: 12px;
    font-weight: 100;
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
    color: #fff;
    padding-left: 0 !important;
}

    .panel-body table tr td a {
        padding: 10px 0;
        padding-left: 25px;
        color: #fff;
        text-decoration: none;
        text-shadow: none;
        font-weight: 100;
        width: 89%;
        display: inline-flex;
        display: -ms-inline-flexbox;
        display: inline-block;
    }

        .panel-body table tr td a i {
            font-size: 18px;
            vertical-align: middle;
            width: 20px;
            display: inline-block;
            /* -webkit-filter: invert(90%) drop-shadow(1px 1px 1px #c4c4c4); */
            /* filter: invert(90%) drop-shadow(1px 1px 1px #c4c4c4); */
            float: left;
            margin-right: 5px;
        }

    .panel-body table tr td .badge {
        float: right;
        background: #0089eb;
        border: 1px solid #0f5e96;
        border-bottom: 1px solid #0f5e96;
        padding: 2px 5px;
        font-size: 10px;
        /* padding-right: 8px; */
        -moz-border-radius: 12px;
        color: #fff;
        /* word-wrap: normal; */
        border-radius: 0;
        -moz-box-shadow: inset 0 0 10px #111;
        -webkit-box-shadow: inset 0 0 10px #0f5e96;
        box-shadow: inner 0 0 10px #111;
        position: relative;
        bottom: 0;
        /* font-weight: normal; */
        /* top: 5px; */
        margin-left: 10px;
        /* margin-top: 10px; */
        max-height: 20px;
        /* vertical-align: initial; */
    }

.panel-body .table > tbody > tr:hover {
    background-color: #757575;
    cursor: pointer;
}

.panel-body .table > tbody > tr.current {
    background-color: #757575;
}
.panel-body .table > tbody > tr.selected {
    background-color: #757575 !important;
}
.panel-heading:hover {
    background-color: #174c78;
    background: #174c78;
}

.header {
    background-color: #133149;
    padding-bottom: 10px !important;
    position: relative;
}

.card {
    border-radius: 4px;
    box-shadow: none !important;
    background-color: #FFFFFF;
    margin-bottom: 0 !important;
}

    .card .title {
        margin: 0;
        color: #fafafa !important;
        font-weight: 400;
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'OpenSans_Light';
    }

    .card .category, .card label {
        /* font-size: 14px; */
        /* font-weight: 400; */
        /* color: #eee; */
        /* margin-bottom: 0; */
    }

    .card .header {
        padding: 15px 15px 0;
        border-radius: 10px 10px 0 0 !important;
        padding-left: 8px;
    }

.checkbox .icons, .radio .icons {
    color: #DDDDDD;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
    text-align: center;
    line-height: 21px;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.todo-container .todo-projects-container {
    padding: 0;
}

.taskhealth {
    width: 100%;
    /* float: left; */
    margin-bottom: 0;
}

    .taskhealth .percent {
        float: right;
        font-weight: 300;
    }

    .taskhealth .desc {
        font-weight: 600;
    }

        .taskhealth .desc span {
            font-weight: 300;
        }

.high {
    color: #c61616 !important;
    font-weight: 600 !important;
}

.medium {
    color: #209834 !important;
    font-weight: 600 !important;
}

.low {
    color: #d0a01d !important;
    font-weight: 600 !important;
}

.lblTaskPriority {
    background-color: #343434;
    padding: 3px;
    border-radius: 2px !important;
}

.PriorityHigh {
    background-color: #ca0a2a !important;
}

.PriorityLow {
    background-color: #2ecc71 !important;
}

.PriorityMedium {
    background-color: #ff6700 !important;
}

.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.PriorityEnd {
    background-color: #666666 !important;
}

.delayed {
    color: red !important;
    padding: 1px;
    vertical-align: super !important;
    /* position: absolute; */
    /* right: 0; */
    z-index: 21;
    /* top: 0; */
}

.contentSearch {
    float: right;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-right: 5px;
}

    .contentSearch label {
        background-color: #343434;
        padding: 3px;
    }

        .contentSearch label:hover {
            cursor: pointer;
        }

.card .ganttContent {
    padding: 0 5px 0 5px;
}

.breadcrumb {
    /* padding: 0; */
    margin-bottom: 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    margin-top: 0;
    padding: 0 0;
}

    .breadcrumb > li {
        display: inline-block;
        list-style: none;
        color: #666666 /*#7b7b7b*/;
        font-size: 15px;
        font-family: 'OpenSans_light';
        /*font-weight: bolder;*/
    }

        .breadcrumb > li a {
            display: inline-block;
            list-style: none;
            color: #133149;
            font-size: 15px;
            font-family: 'OpenSans_Regular';
        }

            .breadcrumb > li a .fa-home:before {
                content: "\f015";
                margin-right: 5px;
                font-size: 17px;
                /* margin-top: -7px; */
                vertical-align: text-bottom;
                /* color: #666; */
            }

    .breadcrumb > .active {
        color: #777;
    }

    .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #000;
        content: "\f105";
        font-family: "FontAwesome";
        font-size: 14px;
        font-weight: bolder;
    }

.card a {
    color: #343434;
}


table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: transparent !important;
}

    table.dataTable.display tbody tr.odd > .sorting_1.grayed, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1.grayed {
        background-color: #CCC !important;
    }

table.dataTable tbody tr {
    /*background: #343434;*/
    /*background-color: transparent !important; */
    background-color: transparent;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 600;
    color: #343434;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333;
    /*display: none;*/
}

.dataTables_length, .dataTables_filter {
    display: none;
}




/*Timesheet LEGENDS*/
.tslegends {
    text-align: center;
    margin-bottom: 8px;
    margin-top: 0;
    padding: 0;
}

.timesheet-legend {
    list-style: none;
    margin-bottom: 0;
    float: right;
    margin-right: 5px;
}

    .timesheet-legend li {
        margin-right: 0;
        display: inline-block;
        font-family: 'OpenSans_Regular';
        font-size: 16px;
        vertical-align: middle;
        color: #fcfcfc;
        text-shadow: 1px 1px 2px #000;
    }

    .timesheet-legend span {
        border: 1px solid #ccc;
        float: left;
        /* width: 18px; */
        /* height: 18px; */
        padding-top: 1px;
        padding-right: 5px;
        padding-left: 5px;
        margin: 2px;
        vertical-align: middle;
        margin-right: 0;
    }

    .timesheet-legend .submitted {
        background-color: #d6cc16;
        border-color: #d6cc16;
    }

    .timesheet-legend .approved {
        background-color: #59c959;
        border-color: #59c959;
    }

    .timesheet-legend .rejected {
        background-color: #b72323;
        border-color: #b72323;
    }

    .timesheet-legend .notscheduled {
        background-color: #59d3d0;
        border-color: #59d3d0;
    }

    .timesheet-legend .weekend {
        background-color: #fbcc8c;
        border-color: #fbcc8c;
    }

.fa-comments-o:before {
    content: "\f0e6";
    font-size: 16px;
}

.fa-angle-left:before {
    content: "\f104";
    font-size: 30px;
    margin-top: 10px;
}

.fa-angle-right:before {
    content: "\f104";
    font-size: 30px;
}

.fa-angle-double-right:before {
    content: "\f101";
    font-size: 30px;
}

.fa-angle-double-left:before {
    content: "\f101";
    font-size: 30px;
}

.fa-calculator:before {
    content: "\f1ec";
    font-size: 15px;
}

.comment-icon {
    float: right;
    padding-left: 2px;
    font-size: 14px !important;
    margin-right: -15px;
    color: #666;
}

    .comment-icon:before {
        font-size: 13px !important;
    }

.comment-icon-yellow {
    float: right;
    padding-left: 2px;
    color: #dcab4f;
}

.sidecontent {
    position: absolute;
    left: 50px;
    right: 2px;
    float: left;
    top: 65px;
    bottom: 0;
    margin: 0;
    padding: 0;
    z-index: 4;
    background: rgba(203, 203, 210, 0.15);
    background-color: #F7F7F8;
}

.card {
    border-radius: 4px;
    box-shadow: none !important;
    background-color: #FFFFFF;
    margin-bottom: 30px;
}

    .card .chartheader {
        padding: 10px 10px !important;
        background-color: #133149;
        border-radius: 10px 10px 0 0 !important;
    }

    .card .charttitle {
        margin: 0;
        color: #fafafa !important;
        font-weight: 300;
        font-family: "OpenSans_Light";
        font-size: 18px;
        text-transform: uppercase;
        line-height: 30px;
    }

.tile_count .tile_stats_count {
    padding: 0 10px 0 20px;
    position: relative;
    margin-bottom: 0;
    border-bottom: 0;
    border-radius: 5px;
    padding: 2%;
    margin-right: 0;
    margin-right: 0;
    margin-bottom: 2px;
    background-color: #fff;
    border: 1px solid #D9DEE4;
    padding-top: 10px;
    width: 49.4%;
    margin-right: 2px;
}

.tile_count .tile_stats_count, ul.quick-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #343434;
}

.tile_count .active {
    border: 1px solid rgb(12, 60, 98) !important;
    background-color: rgba(12, 60, 98, 0.05);
}

.tile_count {
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

    .tile_count .tile_stats_count:hover {
        background-color: #eee;
    }

    .tile_count .tile_stats_count span {
        margin: 0;
        color: #333333;
        font-weight: 300;
        font-family: "OpenSans_Light";
        font-size: 15px;
        padding-left: 2px;
    }

    .tile_count .tile_stats_count .count {
        font-size: 22px;
        line-height: 40px;
        font-weight: bold;
    }

    .tile_count .tile_stats_count:nth-child(5) {
        width: 99.3%;
    }

.green {
    color: #174c78;
}

.card .chartcontent {
    padding: 15px 15px 10px 15px;
}

.gridContent {
    padding-top: 0 !important;
}

.tile_count .tile_stats_count:hover {
    cursor: pointer;
}

.card .category, .card label {
    /* font-size: 14px; */
    /* font-weight: 400; */
    /* color: #343434; */
    /* margin-bottom: 0; */
    /* float: left; */
}

.icon-pushpin:before {
    content: "\F08D";
    font-family: "FontAwesome"
}

.summarygadgeticons li:first-child:after {
    content: "|";
    margin-left: 3px;
}

.summarygadgeticons li a {
    color: #fff;
}

.gadgeticons {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 2;
}

    .gadgeticons ul li {
        display: inline-block;
        color: #fafafa;
    }

        .gadgeticons ul li i {
            font-size: 19px;
        }

.searchIcon {
    margin-right: 0;
    background: url(/images/images_10.1/searchIcon.png);
    display: inline-block;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: 100%;
    /* text-align: center; */
    /* margin: 0 auto; */
    vertical-align: sub;
    /* margin-right: 3px; */
    /* margin-bottom: 4px; */
}

.gadgeticons ul li:hover {
    cursor: pointer;
}

a:hover, a:focus {
    text-decoration: none;
    color: #337ab7;
}

.disableLink i {
    color: #b7b7b7 !important;
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #bc1b1b;
    border-color: #bc1b1b;
}


/*WORKFLOW CSS*/
.portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 4px;
}

.profile-sidebar-portlet {
    padding: 10px 0 0 !important;
    margin-bottom: 0 !important;
}

.portlet.light {
    padding: 12px 20px 15px;
    background-color: #fff;
}

.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    border: 1px solid #ccc;
    /* box-shadow: 1px 1px 2px #888888; */
}

.profile-usertitle {
    text-align: center;
    margin-top: 5px;
}

.profile-usertitle-name {
    color: #5a7391;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 1px;
}

    .profile-usertitle-name > a:hover {
        color: #5b9bd1;
    }

.profile-usertitle-job {
    text-transform: capitalize;
    color: #5b9bd1;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 0;
    font-size: 12px;
}

.profile-userbuttons {
    text-align: center;
    margin-top: 5px;
}

.btn.green:not(.btn-outline) {
    color: #FFF;
    background-color: #1763a2;
    border-color: #1763a2;
}

.profile-userbuttons .btn {
    margin-right: 5px;
}

.profile-userbuttons button {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 10px;
}

.btn-circle {
    border-radius: 25px !important;
    overflow: hidden;
}

.btn {
    outline: 0 !important;
}

.profile-usermenu ul li {
    border-bottom: 1px solid #f0f4f7;
    text-align: center;
    padding-top: 10px;
}

    .profile-usermenu ul li a {
        color: #93a3b5;
        font-size: 16px;
        font-weight: 400;
    }

    .profile-usermenu ul li.active a {
        color: #5b9bd1;
        background-color: #f6f9fb;
        border-left: 2px solid #5b9bd1;
        margin-left: -2px;
    }

    .profile-usermenu ul li a i {
        margin-right: 8px;
        font-size: 16px;
    }

.profile-usermenu .fa-remove:before, .profile-usermenu .fa-close:before, .profile-usermenu .fa-times:before:before {
    margin-right: 8px;
    font-size: 16px;
    color: #abb6c4 !important;
}

.profile-stat {
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f4f7;
}

.profile-stat-title {
    color: #7f90a4;
    font-size: 25px;
    text-align: center;
}

.profile-stat-text {
    color: #5b9bd1;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
}

.uppercase {
    text-transform: uppercase !important;
}

.capital {
    text-transform: capitalize !important;
}

.profile-desc-title {
    color: #7f90a4;
    font-size: 17px;
    font-weight: 600;
}

.profile-desc-text {
    color: #7e8c9e;
    font-size: 14px;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.profile-desc-link i {
    width: 22px;
    font-size: 19px;
    color: #abb6c4;
    margin-right: 5px;
}

.profile-desc-link a {
    font-size: 14px;
    font-weight: 600;
    color: #5b9bd1;
}

.profile-usermenu {
    margin-top: 0;
    padding-bottom: 0;
}

.res_availbility {
    color: #7a7a7a !important;
    padding: 0 0 !important;
    font-weight: 600 !important;
    /* padding-top: 5px !important; */
    font-size: 10px !important;
    text-align: center;
    margin-bottom: 0 !important;
    display: block;
}

.gadgeticons {
    position: absolute;
    right: 25px;
    top: 12px;
    z-index: 1;
}

    .gadgeticons ul li {
        display: inline-block;
        color: #fafafa;
    }

        .gadgeticons ul li:hover {
            cursor: pointer;
        }

        .gadgeticons ul li i {
            font-size: 19px;
        }

        .gadgeticons ul li .fa-angle-right:before {
            content: "\f105";
            font-size: 22px;
            font-weight: bolder;
        }

    .gadgeticons .dropdown-menu {
        -webkit-transform: translate(100%, 0) !important;
        -ms-transform: translate(100%, 0) !important;
        -o-transform: translate(100%, 0) !important;
        transform: translate(100%, 0) !important;
        -webkit-transition: -webkit-transform 0.25s ease-out !important;
        -moz-transition: -moz-transform 0.25s ease-out !important;
        -o-transition: -o-transform 0.25s ease-out !important;
        transition: transform 0.25s ease-out !important;
    }

    .gadgeticons > li.open > .dropdown-menu, .gadgeticons .dropdown.open .dropdown-menu {
        position: absolute;
        right: -10px !important;
        min-width: 300px;
        max-width: 300px;
        left: auto;
        margin: 23px 0 0;
        padding: 5px;
        /* background: #2e343b; */
        border: 1px solid #343434;
        -webkit-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
        opacity: 1 !important;
    }

    .gadgeticons > .dropdown-menu:before, .gadgeticons > .dropdown-toggle > .dropdown-menu:before, .gadgeticons > .dropdown > .dropdown-menu:before {
        position: absolute;
        bottom: 100%;
        top: -23px;
        right: 4%;
        left: auto;
        margin-right: 0;
        content: ' ';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 13px solid #000;
        border-top: 10px solid transparent;
        content: '';
    }

    .gadgeticons > .dropdown-menu:after, .gadgeticons > .dropdown-toggle > .dropdown-menu:after, .gadgeticons > .dropdown > .dropdown-menu:after {
        position: absolute;
        bottom: 100%;
        right: 4%;
        top: -20px;
        left: auto;
        margin-right: 0;
        content: ' ';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-top: 10px solid transparent;
    }

    .gadgeticons .form-group {
        margin-bottom: 0;
    }

        .gadgeticons .form-group label {
            font-weight: 300;
            padding: 3px;
            color: #343434;
            margin: 0;
            font-family: 'OpenSans_Light';
            font-size: 14px;
        }

    .gadgeticons .open .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        /* background-color: #ccc; */
        /* background-image: none;*/
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .gadgeticons .form-group::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: pink;
    }

    .gadgeticons::-moz-placeholder { /* Firefox 19+ */
        color: pink;
    }

    .gadgeticons:-ms-input-placeholder { /* IE 10+ */
        color: pink;
    }

    .gadgeticons:-moz-placeholder { /* Firefox 18- */
        color: pink;
    }

.ct-label.ct-vertical.ct-start {
    font-size: 12px;
    /* width: 100% !important; */
}

.date_left {
    padding-left: 0;
    padding-right: 1px;
    width: 49.6%;
}

.date_right {
    padding-right: 0;
    width: 49.6%;
    padding-left: 2px;
}

input[type=checkbox]:checked + label:before:not(.custom-checkbox-label) {
    content: "\f046";
    color: #0375c8;
    letter-spacing: 8px;
}

.hours {
    float: right;
    font-weight: 300 !important;
    font-size: 16px;
}

.assignedTo {
    float: right;
    font-weight: 300 !important;
    font-size: 16px;
    color: #133149;
}

    .assignedTo i {
        vertical-align: top;
    }

.calendar-stack {
    position: relative;
    display: inline-block;
    /* width: 30px; */
    /* height: 1em; */
    margin-right: -3px;
    /* vertical-align: middle; */
}

.icon-calendar-empty, .calendar-day {
    /* position: absolute; */
}

.calendar-day {
    top: 3px;
    left: -14px;
    /* width: 22px; */
    /* height: 5px; */
    position: relative;
    /* font-family: sans-serif; */
    font-size: 12px;
    font-weight: 700;
    line-height: -0.08572;
    text-align: center;
}

.calendar-day-2 {
    left: -18px !important;
}

.calendar-day-3 {
    left: -22px !important;
}

.icon-calendar-empty:before {
    content: "\f133";
}

.fa-calendar-o:before {
    content: "\f133";
    font-size: 25px;
}

td .progress {
    position: relative;
    margin-bottom: 0;
}

    td .progress span {
        position: absolute;
        display: block;
        width: 100%;
        color: #343434;
        font-weight: bold;
    }

.var {
    color: red !important;
}

.card span {
    color: #343434;
    font-size: 14px;
    vertical-align: middle;
}

.card p {
    color: #343434;
    font-size: 14px;
    vertical-align: middle;
    margin-bottom: 0;
}

.card i {
    /* color: #343434; */
    font-size: 14px;
    vertical-align: middle;
}

.ganttChart h5 {
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #9A9A9A;
}

.ganttChart {
    padding: 0;
}

.ganttHeader {
    float: left;
    color: #343434 !important;
}

    .ganttHeader span {
        margin-left: 250px;
    }

.gantt_tree_content .progress {
    width: 100px;
}

.ganttChartImg {
    width: 20px;
    height: 20px;
    background: url(/images/images_10.1/ganttChart.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
}

.ganttChartImg_White {
    width: 20px;
    height: 20px;
    background: url(/images/images_10.1/ganttChart_White.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
}

.exportIconImg {
    width: 20px;
    height: 20px;
    background: url(/images/images_10.1/exportIcon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    filter: invert(100%);
    vertical-align: bottom;
}


.nav-tabs {
    border-bottom: 2px solid #DDD;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border-width: 0;
    }

    .nav-tabs > li > a {
        border: none;
        color: #666;
    }

        .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
            border: none;
            color: #4285F4 !important;
            background: transparent;
        }

        .nav-tabs > li > a::after {
            content: "";
            background: #4285F4;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: -1px;
            transition: all 250ms ease 0s;
            transform: scale(0);
        }

    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
        transform: scale(1);
    }

.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0 0;
    color: #fff;
}

.tab-pane {
    padding: 0 0;
}

.tab-content {
    padding: 0;
    padding-left: 0;
    padding-right: 0;
}

.card {
    background: #FFF none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.unallocatedTasks h3 {
    margin: 10px 0 5px;
    color: #133149;
    font-weight: 600;
    font-size: 18px;
}

.unallocatedTasks h4 {
    margin: 2px 0 2px;
    font-size: 16px;
}

.legend {
    list-style: none;
}

    .legend li {
        margin-right: 10px;
        display: inline-block;
        font-family: 'OpenSans_Regular';
        font-weight: 600;
        /* padding-top: 13px; */
        background-color: transparent !important;
        font-size: 13px;
        vertical-align: middle;
        color: #343434 !important;
        padding: 0 !important;
    }

    .legend span {
        border: 0 solid #ccc;
        float: left;
        width: 18px;
        height: 15px;
        margin: 0;
        vertical-align: middle;
        margin-right: 5px;
    }

.placementlegend span {
    border: 1px solid #ccc;
    float: left;
    width: 18px;
    height: 15px;
    margin: 0;
    vertical-align: middle;
    margin-right: 5px;
}

.workfunction {
    background-color: #1d7c2c !important;
}

.resource {
    background-color: #2979af !important;
}

.taskActions ul li {
    list-style: none;
    display: inline-block;
    background: #1DC7EA;
    padding: 10px;
    color: #fafafa;
    font-size: 13px;
}

    .taskActions ul li:hover {
        cursor: pointer;
    }

.taskActions [class*=" fa-"]:not(.fa-stack), .taskActions [class*=" glyphicon-"], .taskActions [class*=" icon-"], .taskActions [class^=fa-]:not(.fa-stack), .taskActions [class^=glyphicon-], [class^=icon-] {
    display: inline-block;
    line-height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
}

.taskActions .fa-table:before {
    content: "\f0ce";
    font-size: 20px;
}

.taskActions .material-icons {
    font-size: 20px !important;
}

.taskActions .legend {
    padding-top: 0;
    text-align: right;
    margin-bottom: 2px;
}

.taskActions ul li:hover {
    cursor: pointer;
}

.calendartaskActions {
    margin-top: 5px;
}

    .calendartaskActions ul li {
        list-style: none;
        display: inline-block;
        background: #1DC7EA;
        padding: 10px;
        color: #fafafa;
        font-size: 13px;
        float: left;
        margin-right: 5px;
    }

        .calendartaskActions ul li:hover {
            cursor: pointer;
        }

    .calendartaskActions [class*=" fa-"]:not(.fa-stack), .taskActions [class*=" glyphicon-"], .taskActions [class*=" icon-"], .taskActions [class^=fa-]:not(.fa-stack), .taskActions [class^=glyphicon-], [class^=icon-] {
        display: inline-block;
        line-height: 20px;
        width: 20px;
        -webkit-font-smoothing: antialiased;
    }

    .calendartaskActions .fa-table:before {
        content: "\f0ce";
        font-size: 20px;
    }

    .calendartaskActions .material-icons {
        font-size: 20px !important;
    }

    .calendartaskActions .legend {
        padding-top: 0;
        text-align: right;
        margin-bottom: 2px;
    }

    .calendartaskActions ul li:hover {
        cursor: pointer;
    }

.inlineBlock {
    display: inline-block !important;
}

.markProjectPriority {
    display: inline-block;
}

.skillset li {
    list-style: none;
    display: inline-block;
    background-color: #144c72;
    padding: 4px;
    border-radius: 2px;
    margin-top: 5px;
    margin-right: 2px;
    font-size: 13px;
    color: #fff;
}

    .skillset li #close {
        color: #fff;
    }

.skillset .tooltip {
    z-index: 1 !important;
}

.addSkills {
    background: #1DC7EA !important;
    padding: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #fafafa !important;
    float: right;
}

td .skillset li.workfunction {
    border-radius: 2px !important;
    background-color: #126b6c !important;
}

.color-link {
    color: #337ab7 !important;
}

.orange-icon {
    color: Orange;
}

.text-truncate {
    white-space: nowrap !important;
    overflow-x: hidden !important;
    overflow-y: visible;
    /* z-index: 1000; */
    /* position: absolute; */
    min-height: 24px;
    text-overflow: ellipsis !important;
    /* float:left !important; */
    /* display: inline-block; */
}

td .material-icons {
    font-family: 'Material Icons';
    font-size: 18px;
    float: right;
    cursor: pointer;
}

.card .material-icons {
    font-family: 'Material Icons';
    /* font-weight: normal; */
    /* font-style: normal; */
    font-size: 28px;
    /* line-height: 1; */
    /* letter-spacing: normal; */
    /* text-transform: none; */
    /* display: inline-block; */
    /* white-space: nowrap; */
    /* word-wrap: normal; */
    /* direction: ltr; */
    /* -webkit-font-feature-settings: 'liga'; */
    /* -webkit-font-smoothing: antialiased; */
}

.commentPopup:hover {
    cursor: pointer;
}

.addSkills a {
    color: #fafafa !important;
    float: right;
}

.projectInfo {
    display: inline-block;
}

    .projectInfo span {
        display: inline-block;
        font-size: 14px;
        color: #49a7fa;
    }

        .projectInfo span span {
            font-weight: normal;
            font-size: 13px;
            color: #343434;
        }

.boldLBL {
    font-weight: bold !important;
    color: #343434 !important;
}

.todo-projects-item > .status a {
    color: #343434;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 0 0 5px;
    text-shadow: none;
}

.status .task {
    margin-bottom: 5px;
    color: #000;
}

.status .progress {
    width: 100%;
    display: block;
    float: left;
    height: 8px;
}

.card p span {
    font-weight: bold;
}

.commentFrom {
    text-align: right;
    font-size: 12px;
}

    .commentFrom span {
        color: #ca0a2a !important;
    }

.commentTime {
    text-align: right;
}

.status .task .percent {
    float: right;
    text-shadow: 0 0 black;
    font-weight: bold;
}

.projectInfo .fa {
    width: 30px;
}

.projectInfo .fa-calendar:before {
    content: "\f073";
    font-size: 20px;
}

.card .taskTable tbody td:first-child {
    padding-left: 15px;
    /* min-width: 400px; */
    font-size: 14px;
    padding: 3px 8px !important;
}

.card .taskTable thead th:first-child {
    /*text-align: center;*/
    font-size: 13px;
    color: #343434;
    font-family: OpenSans_Regular !important;
}

.taskTable > tbody > tr:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

.taskTable > thead > tr > th, .taskTable > tbody > tr > th, .taskTable > tfoot > tr > th, .taskTable > thead > tr > td, .taskTable > tbody > tr > td, .taskTable > tfoot > tr > td {
    padding: 3px 8px !important;
    vertical-align: middle !important;
    text-align: left;
    font-family: OpenSans_Regular !important;
}

.card .table thead th .material-icons {
    font-family: 'Material Icons';
    /* font-weight: normal; */
    /* font-style: normal; */
    font-size: 17px;
    /* line-height: 1; */
    vertical-align: text-top;
    /* letter-spacing: normal; */
    /* text-transform: none; */
    /* display: inline-block; */
    /* white-space: nowrap; */
    /* word-wrap: normal; */
    /* direction: ltr; */
    color: #1DC7EA;
    /* -webkit-font-feature-settings: 'liga'; */
    /* -webkit-font-smoothing: antialiased; */
}

.card .taskTable thead th {
    text-align: left;
    font-size: 13px;
    color: #343434;
    font-family: OpenSans_Regular !important;
}

.taskTable > tbody > tr > td div .form-control {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    padding: 8px 12px;
    height: 35px;
    font-size: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*float: left;*/
}

.taskTable .td-actions {
    /* text-align: center; */
    font-size: 12px;
}

.markProjectPriority li {
    list-style: none;
    display: inline-block;
    background-color: #ccc;
    /* width: 50px; */
    border-radius: 50% !important;
    padding: 5px;
    /* height: 50px; */
}

.markProjectPriority .fa-exclamation {
    color: #fafafa;
}

.priority_high {
    background-color: #e22517 !important;
}

.priority_medium {
    background-color: #ff6700 !important;
}

.priority_low {
    background-color: #1d7c2c !important;
}

.card #resourceGraph thead th {
    text-align: center;
    font-family: "Open Sans",sans-serif;
    background-color: #eee;
}

td .skillset {
    margin-bottom: 0;
}

    td .skillset li {
        border-radius: 2px !important;
        background-color: #2979af !important;
    }

.gantt_grid_head_cell i {
    color: #1DC7EA !important;
    font-size: 17px !important;
}

.resource_info {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    /* width: 20%; */
    border: 1px solid #ddd;
    margin-top: 5px;
}

.profile-sidebar-portlet {
    position: relative;
    padding: 10px 5px 10px !important;
    margin-bottom: 0 !important;
}

.resourcestatus {
    display: block;
}

    .resourcestatus .progress-bar {
        box-shadow: none;
        background-image: none;
    }

    .resourcestatus p.progress {
        display: block !important;
        height: 10px;
    }

.behind {
    background-color: #d9534f;
}

.onschedule {
    background-color: #5cb85c;
}

.ahead {
    background-color: #e07b17;
}

.profile-sidebar-portlet #close {
    color: #3b3b3b;
    background-color: #ddd;
    height: 20px;
    width: 20px;
    border-radius: 50% !important;
    text-align: center;
}

.profile-userpic i {
    float: none;
    margin: 0 auto;
    width: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.profile-userpic {
    text-align: center;
}

.resource_info .firstChild {
    position: relative;
    top: 50px;
    transform: translateY(-50%);
}

.profile-userpic i {
    /* float: none; */
    /* margin: 0 auto; */
    width: 62px;
    background-color: #ccc;
    height: 62px;
    text-align: center;
    /* margin: 0 auto; */
    font-size: 30px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    vertical-align: middle;
    color: #343434;
    /* position: relative; */
    /* top: 40%; */
}

.profile-userpic .fa-plus:before {
    content: "\f067";
    vertical-align: middle;
    /* padding-top: 49px; */
    /* top: 20; */
    /* font-size: 25px; */
    position: relative;
    top: 28%;
    transform: translateY(-28%);
}

.resource_info .firstChild {
    position: relative;
    top: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.resource_info .profile-usertitle .firstChild {
    position: relative;
    top: 60%;
    transform: translateY(60%);
}

.legend .superawesome {
    background-color: #26b379;
}

.legend .awesome {
    background-color: #FB404B;
}

.legend .kindaawesome {
    background-color: #FFA534;
}

.legend .notawesome {
    background-color: rgb(214, 255, 255);
}

.legend .hardbooked {
    background-color: #9e1135;
}

.legend .softbooked {
    background-color: #1d4f81;
}

.legend .interval {
    background-color: #b49847;
}

.legend .good {
    background-color: #5cb85c;
}

.legend .notavailable {
    background-color: #2096da;
}

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
    stroke: #26b379;
}

.gantt_hor_scroll {
    height: 0;
    background-color: transparent;
    width: 100%;
    clear: both;
    overflow-x: hidden !important;
    overflow-y: hidden;
    display: none !important;
}

#multiselect .checkbox .checkbox-circle label:before {
    border-radius: 50%;
}

#multiselect .checkbox {
    padding-left: 0;
}

    #multiselect .checkbox input[type="checkbox"]:checked + label::after {
        font-family: 'FontAwesome';
        content: "\f00c";
    }

#multiselect .checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#multiselect .checkbox input[type="checkbox"] {
    opacity: 0;
    position: relative;
}

#multiselect .checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

#multiselect .checkbox label {
    display: inline-block;
    position: relative;
    /* padding-left: 5px; */
    width: 17px;
    height: 17px;
    border-radius: 50% !important;
}

    #multiselect .checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        /* margin-left: -20px; */
        border: 1px solid #cccccc;
        border-radius: 50%;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    #multiselect .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        /* margin-left: -20px; */
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #555555;
    }

#multiselect .checkbox, #multiselect .radio {
    position: relative;
    display: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
}

    #multiselect.checkbox input[type="checkbox"]:checked + label::after {
        font-family: 'FontAwesome';
        content: "\f00c";
    }


/*RESOURCE MATCHING START*/
.resourceMatching {
    position: absolute;
    z-index: 2;
    border: 1px solid #ccc;
}

    .resourceMatching ul li {
        list-style: none;
        /* padding-top: 5px; */
        padding: 5px;
        border-bottom: 1px solid #3b434c !important;
        display: block;
        /* float: left; */
        /* width: 100%; */
    }

        .resourceMatching ul li span {
            display: inline-block;
            color: #aaafb7;
            font-weight: bold;
            margin-left: 10px;
        }

        .resourceMatching ul li .Name {
            display: inline-block;
            color: #aaafb7 !important;
            font-weight: bold;
            margin-left: 10px;
        }

        .resourceMatching ul li .res-code {
            display: inline-block;
            color: #aaafb7 !important;
            font-weight: bold;
            margin-left: 10px;
        }

        .resourceMatching ul li .task {
            display: block;
            font-weight: bold;
            margin-left: 0 !important;
        }

        .resourceMatching ul li .desc {
            color: #aaafb7 !important
        }

        .resourceMatching ul li .percent {
            display: inline-block;
            color: #aaafb7;
            float: right;
        }

        .resourceMatching ul li span span {
            color: #36c6d3 !important;
            margin-left: 0 !important;
        }

        .resourceMatching ul li span.progress {
            width: 100%;
            margin-left: 2px;
            height: 10px;
            margin-top: 3px;
        }

    .resourceMatching > ul > li > a {
        display: block;
        clear: both;
        font-weight: 300;
        line-height: 20px;
        white-space: normal;
        font-size: 13px;
        padding: 5px 0 5px;
        text-shadow: none;
    }

    .resourceMatching > ul > li .progress {
        display: block;
        height: 8px;
        margin: 8px 0 2px;
    }

.form-box-calender {
    border-radius: 0;
    background: white;
    box-shadow: none;
    border: 1px solid #CECECE;
    color: #333;
    background: url(/MediaPlanning/images/calendar.png) 99% 49% no-repeat #fff;
}

.resourceMatching ul {
    width: 100%;
    float: left;
    background-color: #2e343b;
    margin-bottom: 0;
}

    .resourceMatching ul li:hover {
        background-color: #3b434c !important;
    }
/*RESOURCE MATCHING END*/
.showby {
    background-color: #fafafa;
    padding: 15px;
}

    .showby label {
        font-size: 10px;
    }

    .showby input[type=checkbox], .showby input[type=radio] {
        margin: 1px 0 0;
        margin-top: 1px\9;
        line-height: normal;
    }

    .showby .checkbox input[type=checkbox], .showby .checkbox-inline input[type=checkbox], .showby .radio input[type=radio], .showby .radio-inline input[type=radio] {
        position: absolute;
        margin-top: 4px\9;
        margin-left: -15px;
    }

    .showby .form-group {
        margin-bottom: 4px;
    }
/*RESOURCE MATCHING END*/
.text-align-right {
    text-align: right;
}

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

#btn-delete {
    color: #fafafa;
    font-size: 18px;
}

.report_header_0 {
    /* border-bottom: 1px solid #ccc; */
    padding-top: 10px;
}

#report_header_0 b {
    color: #fff;
}

.intercompanyActvityPanel {
    border: 1px solid;
    padding: 0;
    position: relative;
    height: auto;
}

    .intercompanyActvityPanel .rightpanel {
        position: relative;
        /* border-left: 1px solid; */
        margin-left: 5%;
        padding-top: 10px;
    }

    .intercompanyActvityPanel .leftpanel {
        position: relative;
        /* border-left: 1px solid; */
        padding-top: 10px;
    }

.grid_actions ul li a i {
    vertical-align: text-bottom;
    font-size: 20px;
}

    .grid_actions ul li a i.fa {
        vertical-align: baseline;
        font-size: 17px;
        width: auto;
    }

.timsheetPrintPreview {
    text-align: right;
    margin-top: 35px;
}

    .timsheetPrintPreview label {
        display: block;
    }

.todo-add-button {
    border: 1px solid #1DC7EA;
    background-color: #1DC7EA;
    color: #fafafa;
    text-decoration: none;
    padding: 0 .4em;
    font-size: 20px;
    margin: -.3em 0 0 0;
}

.timsheetPreview i {
    vertical-align: middle;
}

.timsheetPreview .todo-add-button:hover {
    cursor: pointer;
}

.PreviewList tbody tr th {
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 600;
    color: #343434;
    padding-right: 30px;
    vertical-align: bottom;
    border-bottom: 0 solid #666666 !important;
    font-size: 12px !important;
    font-family: OpenSans_Regular, Verdana, Geneva, sans-serif;
}

.PrintPreviewActions {
    position: fixed;
    top: 62px;
    background-color: #fafafa;
    padding: 10px;
    z-index: 4;
}

@media print {
    html, body {
        font-family: 'OpenSans_Regular';
    }

    .timsheetPrintPreview {
        text-align: right;
        margin-top: 35px;
    }

        .timsheetPrintPreview label {
            display: block;
        }
}

.table.dataTable thead > tr > th, table.dataTable thead > tr > td {
    /*padding-right: 18px !important;*/
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    /* bottom: 8px; */
    /* right: 65px; */
    /* display: block; */
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
    /* left: 77px; */
    /* padding-right: 2px; */
    padding-left: 4px !important;
    padding-top: 2px;
}

table.dataTable thead .sorting {
    background-image: url("/images/images_10.1/sort_both.png")
}

table.dataTable thead .sorting_asc {
    background-image: url("/images/images_10.1/sort_asc.png")
}

table.dataTable thead .sorting_desc {
    background-image: url("/images/images_10.1/sort_desc.png")
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("/images/images_10.1/sort_asc_disabled.png")
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("/images/sort_desc_disabled.png")
}

.Approvalheader {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.report_header_btn {
    margin-top: 18px;
}

.alignRight {
    text-align: right;
}

.boldAndRed {
    color: #e22517;
    font-weight: bold;
}

.ApprovalHeader2 {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.comment-icon:hover {
    cursor: pointer;
}

.chk_radio_sc {
    vertical-align: middle;
}

#DisplayRdoOptions label {
    vertical-align: sub;
    margin-left: 5px;
    margin-right: 5px;
}

.DisplayRdoOptions label {
    vertical-align: sub;
    margin-left: 5px;
    margin-right: 5px;
}

.DisplayRdoOptions input[type=checkbox], .DisplayRdoOptions input[type=radio] {
    margin: -2px 0 0;
}

/*WORKFLOW CSS*/
.priority {
    float: right;
    text-align: right;
    font-size: 14px;
}

.priority_level_high {
    color: #e22517 !important;
}

.priority_level_medium {
    color: #e26917 !important;
}

.priority_level_low {
    /*color: #c18f1f !important;*/
    color: #749948 !important;
}



.todo-container .todo-projects-container, .todo-container .todo-tasks-container {
    background-color: #fff;
    border: 1px solid #ebf0f5;
}

.todo-container .todo-projects-container {
    padding: 0;
}

.todo-projects-item label {
    width: 100%;
}

.todo-projects-item .progress-bar {
    box-shadow: none;
    background-image: none;
    border-radius: 0 !important;
}

.todo-projects-item > .status a {
    color: #343434;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 0 0 0;
    text-shadow: none;
}

.todo-projects-item > .status .task {
    margin-bottom: 5px;
}

.todo-projects-item > .status .progress {
    display: block;
    height: 8px;
    margin: 5px 0 2px;
    float: none;
    border-radius: 0 !important;
}

.todo-projects-item > .status .percent {
    float: right;
    font-weight: bold;
    font-size: 15px;
}

.todo-projects-item > .status .desc {
    margin-top: 0;
    font-weight: 400;
    color: #4e5a64;
    font-size: 14px;
}

.todo-projects-item > .status h3 {
    margin-top: 0;
    font-weight: 400;
    color: #4e5a64;
    font-size: 18px;
    font-family: 'OpenSans_Light';
}

.progress-bar-danger {
    background-color: #d9534f;
    background-image: none !important;
}

.todo-main-header {
    margin-top: -20px
}

    .todo-main-header > h3 {
        font-weight: 400;
        font-size: 22px;
        margin-right: 1em;
        display: inline-block;
        color: #3b464f
    }

    .todo-main-header > .todo-breadcrumb {
        border-left: 1px solid;
        border-color: #dae3eb;
        padding: .5em 2em;
        display: inline-block;
        margin-top: 17px
    }

        .todo-main-header > .todo-breadcrumb > li {
            display: inline-block;
            font-size: 11px
        }

            .todo-main-header > .todo-breadcrumb > li > a {
                color: #77838d;
                text-transform: uppercase;
                text-decoration: none
            }

                .todo-main-header > .todo-breadcrumb > li > a:hover {
                    color: #337ab7;
                    text-decoration: none
                }

            .todo-main-header > .todo-breadcrumb > li > .todo-active {
                color: #49a7fa
            }

            .todo-main-header > .todo-breadcrumb > li:before {
                content: ""
            }

.todo-container .todo-head > h3 {
    margin-top: 0;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 0;
    font-family: 'OpenSans_Light';
}

.todo-container .todo-head > p {
    display: inline-block;
    color: #fafafa;
    font-size: 12px;
    margin-left: 2em;
    margin-bottom: 0;
    margin-top: 0;
}

.todo-container .todo-head > button {
    float: right;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    border-color: #e7e7e7;
    color: #e7e7e7;
    margin-top: -5px;
}

.todo-container .todo-projects-content, .todo-container .todo-tasks-content {
    padding-left: 0
}

.todo-container .todo-projects-item, .todo-container .todo-tasks-item {
    list-style: none;
    margin-left: 0;
    padding: 1%;
}

    .todo-container .todo-projects-item > h3 {
        font-size: 20px;
        color: #4e5a64;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 0;
    }

    .todo-container .todo-projects-item p {
        color: #343434;
        margin-bottom: 5px;
        margin-top: 5px;
        font-family: 'OpenSans_Light';
        font-size: 16px;
    }

.ressigntask {
    margin: 0 !important;
    /* padding-bottom: 10px; */
    display: block !important;
    width: 100%;
    margin-top: -10px !important;
    margin-bottom: 10px;
}

.todo-container .todo-projects-container {
    padding: 0;
    margin-bottom: 0;
    float: left;
    width: 100%;
}

    .todo-container .todo-projects-container > li {
        list-style: none;
        padding: 10px 12px;
        margin-bottom: 0;
    }

#lblDates {
    font-size: 13px !important;
    vertical-align: text-bottom;
}

.todo-padding-b-0 {
    padding: 0 !important;
    padding-bottom: 15px !important;
    background-color: #133149;
    border-radius: 10px 10px 0 0 !important;
}

.todo-container .todo-head > h3 {
    margin: 0;
    color: #fafafa !important;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'OpenSans_Light';
}

.todo-container .todo-head {
    /* border-bottom: 1px solid; */
    /* border-color: #ebf0f5; */
    /* padding-bottom: 20px; */
    padding: 15px 15px 0;
    border-radius: 10px 10px 0 0 !important;
}

    .todo-container .todo-head > p {
        display: inline-block;
        color: #fafafa;
        font-size: 12px;
        margin-left: 2em;
        margin-bottom: 0;
        margin-top: 0;
    }

.todo-container .todo-projects-divider {
    height: 1px;
    margin: 0;
    background-color: #ccc;
}

.todo-container .todo-projects-item p span {
    font-weight: 700;
}

.todo-container .todo-projects-item:last-child {
    border-bottom: none
}

.todo-container .todo-projects-item.todo-active {
    background-color: #ebebeb;
    position: relative;
    padding: 10px 15px;
    float: left;
    width: 100%;
    min-height: 145px;
}

    .todo-container .todo-projects-item.todo-active > h3 {
        color: #49a7fa
    }

    .todo-container .todo-projects-item.todo-active:after {
        content: " ";
        width: 0;
        height: 0;
        border-top: 40px solid transparent;
        border-bottom: 40px solid transparent;
        border-left: 20px solid #ebebeb;
        position: absolute;
        right: -20px;
        top: 30px;
    }

.todo-container .todo-projects-item:hover {
    background-color: #ebebeb;
    cursor: pointer;
}

.todo-container .todo-projects-item {
    background-color: #fff;
}

    .todo-container .todo-projects-item .revenueSchedule {
        background-color: #ebebeb;
    }

    .todo-container .todo-projects-item > .todo-project-item-foot {
        font-size: 12px;
        margin-bottom: 10px;
    }

.todo-container .todo-tasks-item {
    padding: 30px 0;
    border-bottom: 1px solid;
    border-color: #ebf0f5;
}

    .todo-container .todo-tasks-item > h4 {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        line-height: 1.3em
    }

        .todo-container .todo-tasks-item > h4 > a {
            color: #65717b
        }

            .todo-container .todo-tasks-item > h4 > a:hover {
                color: #49a7fa;
                text-decoration: none
            }

            .todo-container .todo-tasks-item > h4 > a:focus {
                color: #65717b;
                text-decoration: none
            }

    .todo-container .todo-tasks-item > p {
        margin: 0;
        color: #9eacb4
    }

    .todo-container .todo-tasks-item:last-child {
        border-bottom: none
    }

.todo-add-button {
    border: 1px solid #1DC7EA;
    background-color: #1DC7EA;
    color: #fafafa !important;
    text-decoration: none;
    padding: 4px 3px !important;
    font-size: 16px !important;
    margin: -.3em 0 0 .5em;
    float: right;
}

    .todo-add-button:hover {
        background-color: #1DC7EA;
        color: #fff;
        text-decoration: none;
    }

    .todo-add-button:focus {
        color: #c1cbd1;
        text-decoration: none
    }

#todo-members-modal > .modal-dialog {
    top: 20px
}

#todo-members-modal .select-height {
    height: 10em
}

#todo-task-modal > .modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60%;
    margin: 0 auto
}

    #todo-task-modal > .modal-dialog .modal-content {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        overflow: auto
    }

        #todo-task-modal > .modal-dialog .modal-content .todo-task-modal-title {
            font-weight: 600;
            text-transform: uppercase;
            margin-left: 2em
        }

        #todo-task-modal > .modal-dialog .modal-content .todo-task-due {
            margin-left: 1em;
            font-weight: 600;
            color: #4db3a4;
            width: 150px !important
        }

        #todo-task-modal > .modal-dialog .modal-content .todo-task-assign {
            margin-left: 1em;
            border: 1px solid #ccc;
            padding: 6px 10px;
            font-weight: 600;
            color: #4db3a4;
            text-transform: uppercase
        }

            #todo-task-modal > .modal-dialog .modal-content .todo-task-assign:focus, #todo-task-modal > .modal-dialog .modal-content .todo-task-assign:hover {
                text-decoration: none
            }

        #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-modal-bg {
            background-color: #f7f9fa;
            padding: 20px
        }

        #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h3 {
            margin: 15px 0;
            font-size: 20px;
            color: #4e5a64;
            font-weight: 600
        }

        #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > p {
            font-size: 15px;
            color: #8f9ea6;
            line-height: 24px
        }

        #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h4 {
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            color: #9eacb4;
            margin-top: 25px
        }

            #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h4 > .todo-add-button {
                float: none
            }

        #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file {
            color: #49a7fa;
            font-size: 13px
        }

            #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > i {
                margin-right: .5em
            }

            #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > .todo-remove-file {
                color: #9eacb4;
                margin-left: .5em
            }

                #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > .todo-remove-file:hover {
                    color: #4db3a4;
                    cursor: pointer
                }

.todo-inline {
    display: inline-block
}

.todo-float-r {
    float: right
}

.todo-bold {
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase
}

.todo-padding-b-0 {
    padding: 0 !important;
    padding-bottom: 15px !important;
    background-color: #133149;
    border-radius: 10px 10px 0 0 !important;
}

.todo-grey {
    color: #9eacb4
}

.todo-red {
    color: #c13a2f !important;
}

.todo-green {
    color: #4db3a4
}

@media (max-width:1199px) {
    .todo-head > p {
        display: block;
        margin-left: 0 !important
    }
}

@media (max-width:991px) {
    #todo-task-modal > .modal-dialog {
        width: 95%
    }

    .todo-active:after {
        border: none !important
    }
}

@media (max-width:480px) {
    .todo-task-modal-title, .todo-tasks-container .todo-head > p {
        margin-left: 0 !important;
        margin-top: 1em
    }

    .todo-task-modal-title {
        display: block !important
    }
}

.todo-task-file {
    margin-bottom: 5px !important;
}

.input-editor {
    width: 100% !important;
    height: 28px;
    font-size: 12px;
    padding: 4px !important;
    margin-top: -6px;
    margin-left: -9px;
}

.editableCol {
    /*display: block;
    min-height: 50px;*/
    padding-bottom: 0 !important;
}

td.edit-dt-cell-ddl {
    /*display: block;
    min-height: 50px;*/
    padding-bottom: 0;
}

.expenseMenu {
    border-bottom: 1px solid;
}

.expenseToggleArrow {
    bottom: 0 !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }

.fileContainer {
    overflow: hidden;
    position: relative;
}

    .fileContainer [type=file] {
        cursor: inherit;
        display: block;
        font-size: 999px;
        filter: alpha(opacity=0);
        min-height: 100%;
        min-width: 100%;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
    }

        .fileContainer [type=file]:hover {
            cursor: pointer !important;
        }

    .fileContainer:hover {
        cursor: pointer !important;
    }
/* Example stylistic flourishes */

.fileContainer {
    background: #174c78;
    border-radius: 3px !important;
    float: left;
    padding: .5em;
    color: #fff;
    /* border-radius: 9px; */
}

.gadgeticons .dropdown-menu {
    -webkit-transform: translate(100%, 0) !important;
    -ms-transform: translate(100%, 0) !important;
    -o-transform: translate(100%, 0) !important;
    transform: translate(100%, 0) !important;
    -webkit-transition: -webkit-transform 0.25s ease-out !important;
    -moz-transition: -moz-transform 0.25s ease-out !important;
    -o-transition: -o-transform 0.25s ease-out !important;
    transition: transform 0.25s ease-out !important;
}

.gadgeticons li.open .dropdown-menu, .gadgeticons .dropdown.open .dropdown-menu {
    position: absolute;
    right: -10px !important;
    min-width: 320px;
    max-width: 300px;
    left: auto;
    margin: 23px 0 0;
    padding: 5px;
    /* background: #2e343b; */
    border: 1px solid #343434;
    -webkit-transform: scale(1, 1) !important;
    transform: scale(1, 1) !important;
    opacity: 1 !important;
    /* z-index: 999999; */
}

.gadgeticons .dropdown-menu:before, .gadgeticons .dropdown-toggle .dropdown-menu:before, .gadgeticons .dropdown .dropdown-menu:before {
    position: absolute;
    bottom: 100%;
    top: -23px;
    right: 4%;
    left: auto;
    margin-right: 0;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #000;
    border-top: 10px solid transparent;
    content: '';
}

.gadgeticons .dropdown-menu:after, .gadgeticons .dropdown-toggle .dropdown-menu:after, .gadgeticons .dropdown .dropdown-menu:after {
    position: absolute;
    bottom: 100%;
    right: 4%;
    top: -20px;
    left: auto;
    margin-right: 0;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-top: 10px solid transparent;
}

.gadgeticons .form-group {
    margin-bottom: 10px !important;
    margin: 0;
}

    .gadgeticons .form-group label {
        font-weight: normal;
        padding: 0;
        color: #343434;
        margin: 0;
        font-family: 'OpenSans_Regular';
        margin-bottom: 5px;
    }

.gadgeticons .open .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    /* background-color: #ccc; */
    /* background-image: none;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.gadgeticons .form-group::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: pink;
}

.gadgeticons::-moz-placeholder { /* Firefox 19+ */
    color: pink;
}

.gadgeticons:-ms-input-placeholder { /* IE 10+ */
    color: pink;
}

.gadgeticons:-moz-placeholder { /* Firefox 18- */
    color: pink;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: inherit;
    margin-top: 4px\9;
    margin-left: 0;
}

    .checkbox input[type=checkbox]:hover, .checkbox-inline input[type=checkbox]:hover, .radio input[type=radio]:hover, .radio-inline input[type=radio]:hover {
        cursor: pointer;
    }

div#taskStatus:hover {
    cursor: pointer;
}

.level2Details span {
    color: #49a7fa;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Open Sans",sans-serif;
}

.deleteBtn {
    background-color: #bc1b1b !important;
    border-color: #bc1b1b;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.fav-icon-yes {
    font-size: 22px;
}

.fav-icon-yes:before {
    /* background: transparent; */
    color: #fcda00;
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
}



@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.alert.alert-with-icon {
    padding-left: 65px;
}

.alert.alert-success {
    background-color: #5cb860;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}

.alert.alert-warning {
    background-color: #ffa21a;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}

.alert.alert-info {
    background-color: #00d3ee;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}

.alert.alert-danger {
    background-color: #f55a4e;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}

.alert i[data-notify="icon"] {
    font-size: 30px;
    display: block;
    left: 15px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.icon-resize-small:before {
    font-family: "FontAwesome";
    content: "\F066";
}

.pendingActions {
    width: 100%;
    display: block;
    float: left;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    border-bottom: 1px solid #ccc;
}

.taskIcon {
    float: left !important;
    font-size: 30px !important;
    color: #000;
}

.taskListHeader {
    margin-bottom: 0 !important;
}

/*WF TaskDetails*/
.taskcontent {
    padding: 0 15px 10px 15px;
}

.taskdetails {
    padding: 5px;
    padding-bottom: 30px;
}

.task_bg {
    background: #f7f9fa;
    padding: 10px;
    /* margin: 20px 0; */
}

.task_detail_header h3 {
    margin: 15px 0;
    font-size: 20px;
    color: #4e5a64;
    font-weight: 600;
    font-family: 'OpenSans_Light';
}

.task_detail_description p {
    font-weight: 400;
    font-size: 16px;
    font-family: 'OpenSans_Regular';
}

.taskdate {
    width: 100%;
    margin-top: 2px;
    font-weight: 300 !important;
    font-size: 15px !important;
    color: #4e5a64;
    font-family: 'OpenSans_Light';
    float: left;
    text-align: right;
    font-size: 15px;
    /* margin-bottom: 10px; */
}

    .taskdate span {
        /*color: #fafafa !important;*/
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 3px;
        padding-right: 3px;
        font-size: 14px;
    }

.task_attachment h4 {
    font-weight: 600;
    font-size: 16px;
    color: #4e5a64;
    font-family: 'OpenSans_Light';
}

    .task_attachment h4 .fa-paperclip {
        transform: rotate(225deg);
    }

.task_attachment .btn.green:not(.btn-outline) {
    padding-left: 10px;
    padding-right: 10px;
    min-width: auto;
    min-height: auto;
}

.task_detail_description p {
    font-weight: 400;
    font-size: 16px;
    font-family: 'OpenSans_Regular';
}

.todo-task-file a {
    font-weight: 300;
    font-size: 17px;
    color: #4e5a64;
    vertical-align: middle;
    font-family: 'OpenSans_Light';
}

    .todo-task-file a i {
        font-size: 17px;
        color: #4e5a64;
        margin-right: 2px;
    }

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    line-height: 5px;
}

    .tooltip.tooltiptext {
        visibility: hidden;
        width: 220px;
        background-color: #555;
        color: #fff;
        /* text-align: center; */
        padding: 5px 5px;
        border-radius: 6px;
        color: #fafafa;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        /* left: 50%; */
        /* margin-left: -122px; */
        opacity: 0;
        transition: opacity 1s;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.tooltiptext span {
    display: block !important;
    color: #fafafa !important;
}

.tooltip.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.attachmentIcons {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top !important;
}

.checkin {
    width: 17px;
    height: 17px;
    background: url(/images/images_10.1/checkin.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
}

.checkout {
    width: 17px;
    height: 17px;
    background: url(/images/images_10.1/checkout.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
}

.history {
    width: 17px;
    height: 17px;
    background: url(/images/images_10.1/history.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
}

.media {
    margin-top: 15px;
}

.media-body {
    width: 10000px;
}

.media-list {
    padding-left: 0;
    list-style: none;
    overflow-x: auto !important;
}

.media:first-child {
    margin-top: 0;
}

.media, .media-body {
    zoom: 1;
    overflow: hidden;
}

.todo-comment {
    position: relative;
}

    .todo-comment:hover > .todo-comment-btn {
        /*display: block;*/
        margin-right: 10px;
        margin-left: 10px;
    }

.todo-comment-head {
    margin-top: -5px !important;
    margin-bottom: 0 !important;
}

.todo-comment p {
    margin: 8px 0;
    margin-top: 3px;
}

.todo-comment-username {
    font-size: 14px !important;
    color: #2b4a5c !important;
    font-weight: 600 !important;
}

.todo-comment-date {
    font-size: 12px;
    color: #2b4a5c;
    font-weight: 400;
}

.todo-comment-reply {
    font-size: 13px !important;
    color: #2b4a5c !important;
    font-weight: 600 !important;
}

.todo-comment-btn {
    display: none;
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 12px;
    color: #566e7c;
    border-color: #a2aeb5;
    margin-right: 13px;
}

#divReply button {
    margin-right: 10px;
    margin-left: 10px;
}

.planPriority i {
    color: #fff;
}

.partiallyAllocated {
    background-color: #b5ba22 !important;
}

.pendingAllocation {
    background-color: rgb(226, 37, 23);
}

.tooltiptext span {
    display: block !important;
    color: #fafafa !important;
    line-height: 14px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #555;
    color: #fff;
    /* text-align: center; */
    padding: 5px 5px;
    border-radius: 6px;
    color: #fafafa;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 0;
    /* margin-left: -122px; */
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.taskStatus label {
    width: auto;
}

#lblUploadDocumentFile {
    background: transparent;
    color: #fff !important;
    padding: 0 0 !important;
    margin-bottom: 0;
}

.table-full-width {
    margin-left: 0;
    margin-right: 0;
}

.open .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

#todo-list tr td .material-icons {
    float: left;
}

.zero-rightPadding {
    padding-right: 0;
}

.zero-leftPadding {
    padding-left: 0;
}

.skillset .partiallyAllocated {
    background-color: #b5ba22 !important;
    vertical-align: top;
}

.skillset .workfunction {
    background-color: #1d7c2c !important;
    vertical-align: top;
}

.skillset .pendingAllocation {
    background-color: rgb(226, 37, 23) !important;
    vertical-align: top;
}

.skillset .workfunction .material-icons {
    font-size: 18px;
}

.skillset .partiallyAllocated .material-icons {
    font-size: 18px;
}

.skillset .pendingAllocation .material-icons {
    font-size: 18px;
}

.assignedby {
    color: #ca0a2a !important;
}

.lblTaskPriority {
    background-color: #343434;
    padding: 3px;
    border-radius: 2px !important;
    color: #fafafa !important;
    text-align: left;
}

#lstDropDown {
    background-color: #2e343b;
}

.grayed {
    background-color: #CCC !important;
}

.tile_count .tile_stats_count .report_count {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.UnallocatedTasksHeader {
    position: fixed;
    z-index: 3;
    width: 98%;
    left: 15px;
    right: 15px;
    background-color: #fff;
    top: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.unallocatedTasksList {
    position: relative;
    top: 150px;
}

.todo-projects-item .taskActions {
    padding-top: 10px;
}

.UnallocatedTasksScrollingHeader {
    position: fixed;
    z-index: 3;
    left: 0;
    background-color: #fff;
    top: 97px;
}

.fileContainer .disabled {
    opacity: 0.65;
}

.modal-header h6 {
    margin-top: 2px;
    /* margin-bottom: 10px; */
    font-family: OpenSans_Light;
    display: inline-block;
    float: right;
    font-size: 14px;
}

.modal-header h4 {
    font-family: OpenSans_Regular;
    font-weight: 400;
    font-size: 20px;
}

.modal-header h5 {
    font-weight: 400;
    font-family: OpenSans_Light;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 16px;
}

.todo-add-button:hover {
    cursor: pointer;
}
/*Resource Assignment Lookup*/
#ResourceAssignmentModal .modal-dialog {
    width: 99%;
    min-height: 95%;
    margin: 10px auto;
    float: left;
    /*overflow:hidden;*/
}

#ResourceAssignmentModal .chartcontent {
    /*overflow-x: scroll*/
    overflow: hidden;
    padding-top: 0;
    padding: 0;
}

.resourceAssignmentBtn:hover {
    cursor: pointer;
}

.resourceAssignmentBtn {
    float: left;
    font-size: 30px;
}

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

.card #resourceGraph thead th {
    text-align: center;
    /* font-family: "Open Sans",sans-serif; */
    background-color: #eee;
    border: 1px solid #ddd !important;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
}

.card .resourceAssignmentGrid thead th {
    text-align: center;
    font-family: "Open Sans",sans-serif;
    background-color: #eee;
    border: 1px solid #ccc !important;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
}

.resourceAssignmentGrid > thead > tr > td {
    vertical-align: middle;
}

#ResourceAssignmentModal .assignmentBtn {
    margin-top: 10px;
}

.res_img {
    width: 40px;
    display: inline-block;
    vertical-align: top;
}

.resname {
    display: inline-block;
    vertical-align: middle;
    color: #343434 !important;
    font-family: 'OpenSans_Light';
    font-weight: bold !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    margin-left: 4px;
}

.resBook {
    color: #343434 !important;
    font-size: 12px !important;
    vertical-align: middle !important;
}

.hard {
    background-color: #e22517 !important;
    padding: 2px;
    padding-right: 10px;
    color: #fff !important;
    padding-left: 10px;
}

.soft {
    background-color: #FFA534 !important;
    padding: 2px;
    padding-right: 10px;
    color: #fff !important;
    padding-left: 10px;
}

.legend .unavailable {
    background-color: #707070;
}

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
    stroke: #1d4f81;
}

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
    stroke: #9e1135;
}

.ct-grid {
    stroke: rgba(0, 0, 0, 0.2);
    stroke-width: 1px;
    stroke-dasharray: 2px;
    /* stroke-width: 1; */
}

svg:not(:root) {
    /* padding: 0; */
    margin-left: 0;
    /* height: 70px !important; */
}

.ct-label {
    fill: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.3rem;
    line-height: 1;
}

    .ct-label.ct-vertical.ct-start {
        font-size: 12px;
        /* width: 100% !important; */
    }

.ct-chart-line .ct-label, .ct-chart-bar .ct-label {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.toggle {
    width: 50px !important;
    border-color: none !important;
}

.toggle-off {
    background-color: #a33d72 !important;
    opacity: 1 !important;
    color: #fff !important;
    border-color: #a33d72 !important;
}

.btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
}

.toggle.btn-danger {
    border-color: #a33d72 !important;
}

.toggle.btn-warning {
    border-color: #FFA534 !important;
}

.toggle-off:active:focus, .toggle-off:active:hover {
    border-color: #FB404B !important;
}

.toggle-on:active:focus, .toggle-on:active:hover {
    border-color: #FFA534 !important;
}

.toggle-on {
    background-color: #FFA534 !important;
    opacity: 1 !important;
    color: #fff !important;
    border-color: #FFA534 !important;
}

    .toggle-on.btn {
        padding-right: 24px;
        color: #fff;
    }

.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 0;
    border-width: 0 1px;
    background-color: #fff !important;
    min-width: auto;
    min-height: auto;
}

.fav-icon {
    float: right;
    /* top: 20px !important; */
    width: 30px !important;
    text-align: center !important;
    vertical-align: middle;
    font-size: 20px !important;
    /* right: 20px; */
    top: 6px;
    margin-top: 8px;
    padding-right: 10px;
}

    .fav-icon:hover {
        cursor: pointer;
    }

.fav-icon-no:before {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
}

.fa-star:before {
    /* content: "\f005"; */
    font-family: FontAwesome;
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    /* width: 60px; */
    /* float: right; */
    /* text-align: right; */
    /* line-height: 1; */
}

.fav-icon-yes:before {
    /* background: transparent; */
    color: #fcda00;
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
}

.ccTranscation {
    text-align: left !important;
    margin-top: 10px;
}

.table .td-actions {
    min-width: auto;
}

.ct-golden-section {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-golden-section:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 0 !important;
    }

    .ct-golden-section > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.TempFileName {
    position: relative;
}

.attachmentExpenseDeleteIcon {
    position: absolute;
    right: 10px;
    display: inline-block;
    bottom: 2px;
}

.attachmentExpensePreviewIcon {
    position: absolute;
    right: 25px;
    bottom: 2px;
    display: inline-block;
}

.approvalLbl span {
    font-weight: normal;
    font-family: 'OpenSans_Regular';
    font-size: 14px;
    vertical-align: top;
}

#rptTable tbody {
    /*/min-height: 373px;*/
    /*Commented By: Nosheen Javed. Issue on IE*/
}

.grayed-cols {
    background-color: lightgray;
    /*color: #fff !important;*/
}

.assignment_navigation table {
    float: right;
}

.navigation_left {
    width: 22px !important;
    height: 22px !important;
    display: inline-block;
    /* background-position: 77%; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    vertical-align: middle !important;
    float: left !important;
    border: none !important;
    font-size: 15px !important;
    text-align: center;
    background: #1DC7EA;
    color: #fff !important;
    padding: 5px;
    margin-right: 5px;
}

.navigation_right {
    width: 22px !important;
    height: 22px !important;
    display: inline-block;
    /* background-position: 77%; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    vertical-align: middle !important;
    float: right !important;
    border: none !important;
    font-size: 15px !important;
    text-align: center;
    background: #1DC7EA;
    color: #fff !important;
    padding: 5px;
    margin-left: 5px !important;
}

.assignment_navigation {
    text-align: right;
    margin-top: 5px;
}

.level2Inquiry_navigation .navigation_right, .level2Inquiry_navigation .navigation_left {
    width: 22px !important;
    height: 25px !important;
}

.status-text {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-family: 'OpenSans_Regular';
    font-size: 14px !important;
}

.hover-underline:hover {
    text-decoration: underline;
}

.non-clickable {
    width: 10px;
    padding-right: 0 !important;
}

.expenseListHeader {
    background-color: #133149;
    padding: 5px;
}

    .expenseListHeader .total_amt, .expenseListHeader .reimburse_amt {
        color: #fff !important;
    }

#hardandsoft {
    padding-top: 2px;
    padding-bottom: 2px;
}

.taskActionsUl {
    margin-bottom: 0;
    margin-top: 3px;
}

.displayBy {
    margin-top: 3px;
}

    .displayBy button {
        padding: 6px;
        /*border-radius: 3px;*/
        background-color: #8a0c0c !important;
        color: #fff;
        min-width: 55px;
        text-align: center;
        border: 1px solid #8a0c0c;
        position: relative;
        display: inline-block;
        text-shadow: 0 1px #38678B;
        min-height: 40px;
        margin-right: -2px;
    }

        .displayBy button.selected {
            opacity: 0.7;
        }

        .displayBy button:hover {
            cursor: pointer;
            opacity: 0.9;
        }

        .displayBy button.selected:hover {
            cursor: pointer;
            opacity: 0.7 !important;
        }

.timesheetentry {
    margin-right: 4px;
    background: url(/images/images_10.1/newtimeentry_white.png);
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    margin-right: 0;
}

.table thead th span.time {
    display: block;
    text-align: right;
    border-top: 1px solid #ccc;
}

.timesheetTable th {
    text-align: center;
}

.timesheetTable > thead > tr > td {
    vertical-align: middle
}

/*PAGINATION*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        z-index: 3;
        color: #fff !important;
        cursor: default;
        background: #337ab7 !important;
        background-color: #337ab7 !important;
        border-color: #337ab7;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            z-index: 3;
            color: #fff !important;
            cursor: default;
            background: #337ab7 !important;
            background-color: #337ab7 !important;
            border-color: #337ab7;
        }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        z-index: 2;
        color: #23527c !important;
        background: #eee !important;
        background-color: #eee !important;
        border-color: #ddd;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.paginate_button > li:first-child > a, .paginate_button > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

/*DATA TABLE NRE CSS*/
table.dataTable.no-footer {
    border-bottom: 1px solid transparent !important;
    width: 100% !important;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #ffffff;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #fcfcf9;
}

.multiselect .caret {
    float: right;
    vertical-align: super;
    top: 5px;
    position: relative;
}

.dropdown-searchmenu-sc .btn-group {
    width: 100%;
}

.multiselect {
    width: 100%;
    text-align: left;
    font-size: 14px;
    background-color: transparent !important;
}

.multiselect-container {
    width: 100%;
    text-align: left;
    /* padding-left: 6px !important; */
}

.multiselect:focus {
    border: 1px solid #93a1bb;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group > .multiselect-container:before, .dropdown-toggle > multiselect-container:before, .dropdown > .multiselect-container:before {
    border: none !important;
}

.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
    /* margin: 0; */
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
}

.multiselect-selected-text {
    font-size: 14px !important;
}

.grid_Table {
    position: relative !important;
    /* max-width: 100%; */
    /* min-width: 100%; */
    width: 100%;
}

.pin {
    font-size: 24px !important;
    color: #b11318 !important;
}

.unpin {
    font-size: 24px !important;
    color: #808080 !important;
    transform: rotate(90deg);
}

table.fixedHeader-floating {
    position: fixed !important;
    background-color: white;
    /* width: 97% !important; */
}

.graph-container {
    height: 100px;
    width: 50px;
    margin: 0 auto;
    position: relative
}

.graph-labels {
    height: 100px;
    width: 25px;
    float: left;
    border-left: 1px dotted #ccc;
}

.graph-cell-wrapper {
    height: 100px;
    width: 25px;
    float: right;
    /* margin-left: 5px; */
}

    .graph-cell-wrapper .hardbook {
        background-color: #a33d72;
        height: 20px;
    }

.hardbooklabel {
    left: 0;
    font-size: 10px;
    font-weight: normal;
    background-color: transparent !important;
    color: #343434 !important;
    display: block;
    font-family: OpenSans_Light;
}

.softbooklabel {
    left: 0;
    font-size: 10px;
    font-weight: normal;
    background-color: transparent !important;
    color: #343434 !important;
    display: block;
    font-family: OpenSans_Light;
}

.availablelabel {
    left: 0;
    font-size: 10px;
    font-weight: normal;
    background-color: transparent !important;
    color: #343434 !important;
    display: block;
    font-family: OpenSans_Light;
}

.holidaylabel {
    left: 0;
    font-size: 10px;
    font-weight: normal;
    background-color: transparent !important;
    color: #343434 !important;
    display: block;
    font-family: OpenSans_Light;
}

.graph-cell-wrapper .softbook {
    background-color: #FFA534;
    height: 20px;
}

.graph-cell-wrapper .available {
    background-color: #26b379;
    height: 20px;
}

.graph-cell-wrapper .notavaible {
    background-color: #707070;
    height: 20px;
}

.graph-cell-wrapper .holiday {
    background-color: #cafef4;
    height: 20px;
}

#PlannedHours .material-icons {
    vertical-align: middle;
    font-size: 14px;
}

#ScheduledHours .material-icons {
    vertical-align: middle;
    font-size: 14px;
}

.overbooked-cell {
    background-color: #C91426;
    color: #fff;
    /*width: 100%;*/
    padding: 2px;
}
/*
.overbooked-cell:before{
  content: "\f071";
    font-family: FontAwesome;
    font-size: 10px;
    vertical-align: middle;
    margin-right: 2px;
    cursor: pointer;
}*/
.editor-cell {
    cursor: pointer;
}

#task-head-date {
    margin-left: 3px;
}

#task-start-date {
    margin-left: 3px;
}

.ns-cols {
    background-color: #59d3d0;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}

.rejected-cols {
    background-color: #b72323;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}

    .rejected-cols i {
        color: #fff !important;
    }

.submitted-cols {
    /*background-color: #d6cc16;*/
    background-color: #20a1c1;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}

    .submitted-cols i {
        color: #fff !important;
    }

.approved-cols {
    background-color: #59c959;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}

    .approved-cols i {
        color: #fff;
    }

.holidays-cols {
    background-color: #fbcc8c;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}

    .holidays-cols i {
        color: #fff !important;
    }

.col-selected {
    border: 2px solid red !important;
}

.reApprovalCheckbox {
    vertical-align: text-bottom;
}

.textAlignRight {
    text-align: right;
}

.revision span {
    color: #49a7fa !important;
    font-size: 13px;
    margin-right: 5px;
}

.revision .material-icons {
    font-size: 20px;
}

/*CALENDAR VIEW*/
#calendar {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    margin-top: 15px !important;
    float: left !important;
}

.fc-toolbar {
    text-align: center;
    margin-bottom: 1em;
}

    .fc-toolbar .fc-left {
        float: left;
    }

    .fc-toolbar .fc-right {
        float: right;
    }

    .fc-toolbar .fc-center {
        display: inline-block;
    }

.fc .fc-toolbar > * > :first-child {
    margin-left: 0;
}

.fc-toolbar h2 {
    font-family: 'existencelight';
    font-size: 26px;
    margin-top: 3px;
    margin-left: 35px !important;
    margin-right: 40px;
    color: #4d4d4d;
}

.fc button {
    border: 1px solid #44e4ee;
    background: #bcf4ff;
    font-weight: normal;
    color: #555;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    text-transform: capitalize;
}

fc-icon fc-icon-right-single-arrow
.fc td, .fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    font-family: 'OpenSans_Light';
    font-size: 18px;
}

.fc th {
    background-color: #1DC7EA;
    color: #eee;
}

.priorityLegends li {
    list-style: none;
    display: block;
    font-size: 16px;
    padding: 5px;
    margin-bottom: 5px;
}

    .priorityLegends li.highPriority {
        background-color: #da2e21;
        color: #fff;
    }

.highPriority {
    background-color: #e22517;
    color: #fff;
    padding: 5px;
}

.priorityLegends li.mediumPriority {
    background-color: #e17228;
    color: #fff;
}

.mediumPriority {
    background-color: #ff6700;
    color: #fff;
    padding: 5px;
}

.priorityLegends li.lowPriority {
    background-color: #749948;
    color: #fff;
}

.lowPriority {
    background-color: #1d7c2c;
    color: #fff;
    padding: 5px;
}

.listView {
    margin-top: 25px;
}

.fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close {
    cursor: pointer;
    color: #fff !important;
}

.fc-toolbar button {
    position: relative;
    margin-right: 5px !important;
    border-radius: 0;
}

.fc-day-header {
    background-color: #133149 !important;
    background-image: none;
    line-height: 40px;
    color: #fff;
    font-family: 'existencelight';
    font-size: 18px;
    text-shadow: 1px 1px 1px #333;
}

    .fc-day-header a {
        color: #fff !important;
    }

.fc-toolbar h2 {
    font-size: 26px;
    margin-top: 3px;
    margin-left: 35px !important;
    margin-right: 40px;
    color: #4d4d4d;
    font-family: "OpenSans_Regular" !important;
}

.fc-day-number {
    color: #343434 !important;
    font-size: 14px !important;
}

.fc-day-grid-event > .fc-content {
    padding: 3px;
    display: inline-block;
}

.lowPriorityTask::after {
    content: "\f063";
    font-family: FontAwesome;
    background-color: #749948;
    color: #fff;
    padding: 2px;
    margin-left: 10px;
    vertical-align: super;
}

.switchUserName a {
    color: #fafafa;
}

.modalHeaderButtons {
    margin-right: 10px;
}

.headerPlannedHours {
    display: block;
    text-align: right;
}

#calendarModal p {
    background: #f7f9fa;
    padding: 10px;
}

table.dataTable th.focus, table.dataTable td.focus {
    outline: 3px solid red;
    outline-offset: -3px
}

.float-left {
    float: left !important;
}

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

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

.edit-dt-cell-ddl {
    min-width: 200px !important;
}

.edit-dt-cell-text {
    min-width: 200px !important;
}

.editableRow {
    height: 55px !important;
}

td.edit-dt-cell-status {
    height: 47px;
}

.edit-dt-cell-status {
    min-width: 150px !important;
}

.edit-dt-cell-hour {
    min-width: 100px !important;
    margin-right: -5px;
}

.edit-dt-cell-aComm {
    min-width: 120px !important;
}

.edit-dt-cell-trxComm {
    min-width: 120px !important;
}

    .edit-dt-cell-trxComm i {
        float: right;
        text-align: right;
        right: 0;
        margin-right: -10px;
        font-size: 16px !important;
        min-width: auto !important;
    }

.gadget1 {
    z-index: 2 !important;
}

.gadget2 {
    z-index: 2 !important;
}

.gadget3 {
    z-index: 1 !important;
}

.gadget4 {
    z-index: 1 !important;
}

.iconWidth {
    width: 33px !important;
    height: 33px !important;
    float: left;
}

.treegrid-expander {
    margin-right: 10px;
}

.noBorder > tbody > tr > td {
    border-top: 1px solid transparent !important;
}

.folderLevel {
}

.table > tbody > tr > td i.fa-folder-open-o {
    margin-right: 5px;
}

.fixedHeaderEmployeeMgmt {
    position: fixed;
    width: 98%;
    right: 15px;
    left: 15px;
    top: 60px;
    z-index: 4;
    background-color: #fff;
}

/*Gantt Chart*/
.weekend {
    background-color: #ccc;
}

.edit-dt-cell-aComm i {
    float: right;
    text-align: right;
    right: 0;
    margin-right: -10px;
    font-size: 16px !important;
    min-width: auto !important;
}

.attachments {
    padding-right: 25px;
}

    .attachments a {
        margin-left: 3px;
    }

.logoutSection {
    position: fixed;
    right: 40px;
    /* top: 16px; */
    margin-top: 3px;
}

    .logoutSection li {
        padding: 0 4px;
        height: 50px;
        display: inline-block;
        margin: 0;
    }

        .logoutSection li a {
            padding: 17px 10px 8px;
            display: block;
        }

            .logoutSection li a i {
                font-size: 19px;
            }

.fc-view, .fc-view > table {
    position: relative;
    z-index: 0 !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    table.dataTable th.focus, table.dataTable td.focus {
        border: 2px solid red !important;
        outline: none;
    }
}

@-moz-document url-prefix() {
    table.dataTable th.focus, table.dataTable td.focus {
        border: 2px solid red !important;
        outline: none;
    }
}

.custom-col-md-6 {
    width: 45% !important;
    float: left;
    padding: 0;
    min-height: 45px;
}

.custom-col-md-4 {
    width: 37.333333% !important;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

.custom-col-md-7 {
    width: 55.5% !important;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

@media print {
    .fc-day-header {
        background-color: #133149 !important;
        background-image: none;
        line-height: 40px;
        color: #fff !important;
        font-family: 'existencelight';
        font-size: 18px;
        text-shadow: 1px 1px 1px #333;
    }

    .fc button {
        border: 1px solid #44e4ee;
        background: #bcf4ff !important;
        font-weight: normal;
        color: #555;
        border-radius: 4px;
        display: inline-block;
        position: relative;
        padding: 0;
        line-height: normal;
        margin-right: .1em;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        overflow: visible;
        text-transform: capitalize;
    }

    .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
        z-index: 0;
        background-color: #1DC7EA !important;
        color: #fafafa;
    }

    .fc-toolbar button {
        position: relative;
        margin-right: 5px !important;
        border-radius: 0;
    }

    .fc button {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        height: 2.1em;
        padding: 0 .6em;
        font-size: 1em;
        white-space: nowrap;
        cursor: pointer;
    }
}

.fa-file-text-o:before {
    content: "\f0f6";
    padding-right: 5px;
}

.navArrows {
    cursor: default;
    background-color: rgb(65, 197, 218);
    padding: 5px;
}

.grid_actions ul li i {
    font-size: 19px;
}

#tblTrxData.dataTable thead > tr > th, #tblTrxData.dataTable thead > tr > td {
    padding-right: 5px;
}

#tblTrxData > tbody > tr > td {
    padding: 5px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    font-size: 12px;
    font-family: 'OpenSans_Regular';
}

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

.PlacementButtons {
    position: fixed;
    bottom: 1px;
}

.currency-icon {
    font-size: 18px;
    vertical-align: sub;
}

.printedBy {
    float: right;
}

.nav > li {
    float: left;
}

.page-header .page-header-top .top-menu .navbar-nav {
    margin: 0 !important;
}

.replace_doc {
    background-image: url(/images/images_10.1/replaceIcon.png);
    background-position: 95%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    float: right;
}

@media (max-width: 768px) and (min-width: 300px) {
    .container {
        width: 750px;
    }

    .page-header .page-header-top .page-logo {
        margin-left: 6%;
    }

    .page-header .page-header-top .top-menu {
        margin: 10px 0 0;
        padding: 0;
        float: right;
        margin-right: 0;
    }
}

.downloadExcel {
    width: 25px;
    height: 25px;
    background: url(/images/images_10.1/downloadExcel.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}

.placementLbl {
    color: #16649e !important;
}

    .placementLbl:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    .placementLbl .placeDimen {
        /*color: #aaa !important;*/
        color: #494949 !important;
    }

.setup_screen {
    background-image: url(/images/images_10.1/setup_screen.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    vertical-align: middle;
    /* background-position: 93%; */
    background-repeat: no-repeat;
    background-size: 100%;
}

.column a {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.esmAbout a {
    font-weight: bold;
    text-decoration: underline;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #fff;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.material-icons {
    color: #50e2f9;
    font-size: 19px;
    vertical-align: text-top;
}

@media (max-width: 768px) and (min-width: 300px) {
    .container {
        width: 750px;
    }

    .page-header .page-header-top .top-menu {
        margin: 3px 0 0;
        padding: 0;
        float: right;
        margin-right: 0 !important;
    }
}

.license-expire-message label {
    padding: 10px 0 0 0;
    font-weight: bold;
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}



/*New Mockup*/
.content-area .header {
    background-color: #fcfcfc;
}

    .content-area .header h3 {
        margin-top: 0;
        margin-bottom: 0;
    }

.content-area .menu {
    background-color: #f4f4f4;
    padding: 10px;
}

.menu-items .item {
    padding: 5px;
}

.icn-menu {
    border: 1px solid #cfcfcf;
}

    .icn-menu .material-icons {
        margin-left: -11px;
    }

.menu-items {
    padding-top: 10px;
    padding-bottom: 10px;
}

.left-menu {
    background-color: #f4f4f4;
    height: 100%;
    width: 20% !important;
}

textarea:focus, select:focus {
    border-color: #93a1bb !important
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline: #93a1bb dotted 1px !important;
    outline-offset: 2px !important;
}

.revenue_header h3 {
    font-size: 18px;
    color: #003c6c;
    font-family: OpenSans_Bold;
    display: inline;
}

.revenue_header .material-icons {
    font-size: 30px;
    vertical-align: text-top;
}

.revenue_header .level2 {
    float: right;
    font-weight: bold;
}

.revenue_header h5 {
    color: #393939;
    font-family: OpenSans_Bold;
    padding: 0;
    margin-top: 1px;
    margin-bottom: 2px;
}

.revenue_header p {
    color: #929292;
    font-family: OpenSans_Regular;
}

.revenue_header .header {
    background-color: #ececec;
    padding-top: 10px;
}

.v-algin {
    vertical-align: middle !important;
}

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

.border-right {
    border-right: 1px solid #ddd !important
}

.border-left {
    border-left: 1px solid #ddd !important
}

.tfoot-aggrigates {
    /* border-bottom: 1px solid #ccc; */
    font-weight: bold;
}

.download_Excel {
    width: 20px;
    height: 18px;
    background: url(/images/images_10.1/downloadExcel.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}

.authLevelName p {
    margin-bottom: 0;
}

span.multiselect-native-select {
    display: block;
}

    span.multiselect-native-select:focus {
        border: 1px solid #93a1bb !important;
        outline: 0;
    }

.dropdown-searchmenu-sc .btn-group:focus {
    border: 1px solid #93a1bb !important;
    outline: 0;
}

span.multiselect-native-select select:focus {
    border: 1px solid #93a1bb !important;
    outline: 0;
}

button.multiselect:focus {
    border: 1px solid #93a1bb !important;
    outline: 0;
}

select[multiple]:focus, select[size]:focus {
    border: 1px solid #93a1bb !important;
    outline: 0;
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 2;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
}

.linkClass {
    text-decoration: underline;
    color: #133149 !important;
}

.VndName {
    color: #333 !important;
}

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

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

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

.pstsetting {
    margin-left: 5%;
}

.displyNoneImp {
    display: none !important;
}

.dimension_tags {
    float: left;
    padding-left: 87px;
    width: 72%;
}

    .dimension_tags li {
        list-style: none;
        display: inline-block !important;
        background-color: #DEE7F8;
        padding: 4px;
        border-radius: 2px;
        margin-top: 5px;
        margin-right: 2px !important;
        font-size: 13px !important;
    }

.closeSC {
    float: right;
    display: inline-block;
    padding: 0 5px;
    cursor: pointer;
}