html {
    overflow-y: scroll;
    height: 100%;
    margin: 0;
}

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #edeef0;
    min-width: 320px;
}

.full-width-form {
    position: relative;
}
.all {
    min-height:100%;
    position:relative;
}
.wrapper {
    position: relative;
    padding-top: 130px;
    /*  min-height:100%;*/
    box-sizing: border-box;
    overflow: hidden;
}

.margin {
    margin-top: 30px;
}

.margin-sm, .margin-sm.box-border {
    margin-top: 10px;
}

.padding-top {
    padding-top: 20px;
}

.full-page .wrapper {
    padding-top: 48px;
}

label {
    font-weight: normal;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 0;
    margin-right: 6px;
}

ul,
ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

h1 {
    margin: 0;
    padding: 0;
}

nav,
footer,
p {
    margin: 0;
    padding: 0;
}

a,
a:hover {
    text-decoration: none;
}

.red {
    background: #cb2026;
}

.btn.red, .btn.green {
    color: #fff;
}

.orange {
    background: #f8981d;
}

.blue {
    background: #00679a;
}

.green {
    background: #009965;
}

.pink {
    background: #cf196b;
}

.light-blue {
    background: #009ac7;
}

.arrow {
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.arrow-up {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #00679a;
}

.arrow-down {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #00679a;
}

.arrow-right {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #00679a;
}

.arrow-left {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #00679a;
}





/* /table cell widths */
/* creation page contract status */
/* Tooltip */
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: 1;
}

.tooltip-inner {
    background-color: #8e8e8e;
    text-align: left;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #8e8e8e;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #8e8e8e;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #8e8e8e;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #8e8e8e;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #8e8e8e;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #8e8e8e;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #8e8e8e;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #8e8e8e;
}
/*Header part*/
.header-wrapper {
    position: fixed;
    width: 100%;
    z-index: 12;
}
body.admin .header-wrapper {
     position: relative;
}
body.admin .wrapper {
    padding-top:0;
}
.global-header {
    background: #484a4e url('../images/header-bgr.png') no-repeat 100% 0;
    height: 69px;
    padding: 0 40px 0 40px;
}

    .global-header .title-row {
        float: left;
        padding-top: 10px;
    }

        .global-header .title-row h1.title {
            background: url('../images/cms.png') no-repeat 0 55%;
            width: 385px;
            height: 55px;
            float: left;
        }

            .global-header .title-row h1.title span.version {
                display: block;
                float: right;
                color: #a5a6a7;
                font-size: 12px;
            }

        .global-header .title-row .site-logo {
            background: url('../images/logo.png') no-repeat 6% 49%;
            width: 101px;
            height: 55px;
            float: left;
            margin: 0 19px 0 0;
        }

            .global-header .title-row .site-logo a {
                height: 100%;
            }

    .global-header ul.profile {
        color: #FFF;
        float: right;
        line-height: 444%;
    }

        .global-header ul.profile li {
            display: inline-block;
        }

            .global-header ul.profile li > a:hover,
            .global-header ul.profile li button:hover {
                color: #cb2026;
            }

            .global-header ul.profile li .dropdown.open button:hover {
                color: #fff;
            }

            .global-header ul.profile li a span.welcome {
                line-height: 60%;
                padding: 0 5px 05px;
            }

            .global-header ul.profile li span[class^="cch-icon-"],
            .global-header ul.profile li .dropdown-toggle span[class^="cch-icon-"] {
                font-size: 25px;
                display: inline-block;
                vertical-align: middle;
                padding: 6px;
            }

            .global-header ul.profile li .dropdown.open .dropdown-toggle span[class^="cch-icon-"] {
                background-color: #cb2026;
                border-radius: 4px;
            }

            .global-header ul.profile li span.cch-icon-user {
                font-size: 30px;
            }

            .global-header ul.profile li .dropdown-toggle {
                background-color: transparent;
                border: 0;
                padding: 0;
            }

            .global-header ul.profile li .dropdown-menu {
                width: 300px;
                padding: 0;
                border-radius: 0;
                margin-top: -12px;
            }

                .global-header ul.profile li .dropdown-menu li {
                    display: block;
                    border-bottom: 1px solid #e1e1e1;
                    margin: 0 3px;
                    padding: 12px 16px;
                }

                    .global-header ul.profile li .dropdown-menu li a {
                        padding: 0;
                    }

                        .global-header ul.profile li .dropdown-menu li a:hover,
                        .global-header ul.profile li .dropdown-menu li a:focus {
                            color: #cb2026;
                            background-image: none;
                        }
/*Header navigation*/

nav.top-nav {
    background: #de2027;
    text-align: center;
}

.status-line {
    background: #43afd3;
    color: #fff;
    text-align: center;
    height: 36px;
    line-height:37px;
    font-size: 18px;
}

    .status-line .cch-icon-info {
        margin-right: 10px;
    }

.header-wrapper a,
.header-wrapper a:hover,
.header-wrapper a:focus {
    text-decoration: none;
    display: block;
    color: #FFF;
}

nav.top-nav ul {
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    padding: 7px 0;
}

    nav.top-nav ul li {
        color: #fff;
        line-height: 35px;
        display: inline-block;
        margin-right: 60px;
    }

        nav.top-nav ul li span[class^="cch-icon-"] {
            font-size: 25px;
            margin-bottom: 3px;
            margin-right: 11px;
        }

        nav.top-nav ul li a {
            padding: 0px 14px;
            border: 1px solid #e61d2b;
            border-radius: 4px;
        }

            nav.top-nav ul li a.selected {
                color: #e61d2b;
                background: #fff;
                border-radius: 4px;
                border: 1px solid #fff;
            }

            nav.top-nav ul li a:hover {
                border: 1px dashed #fff;
            }

    nav.top-nav ul a span[class^="cch-icon-"] {
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px;
    }

    nav.top-nav ul li a.selected:hover {
        color: red;
        background: #fff;
        border-radius: 4px;
    }

    nav.top-nav ul li:last-child {
        margin-right: 0;
    }
/*/Header navigation*/
/*/Header part*/

/*Left Navigation*/
nav.sidebar-menu-collapsed {
    width: 70px;
    border-right-width: 7px;
    border-color: #bfc0c2;
}

nav.sidebar-menu-expanded {
    width: auto;
}

.sidebar-menu-expanded .tooltip, list-action-buttons.expanded .tooltip {
    display: none !important;
}

nav.sidebar {
  
    position: fixed;
    left: 0px;
    height: 100%;
    top: 0;
    bottom: 0;
    color: white;
    padding: 120px 0 0 0;
    /*background: #fff;*/
    z-index: 9;
    box-sizing: border-box;
    /*  width:70px;
      -webkit-transition: width .6s;
         -o-transition:  width .6s;
            transition:  width .6s;*/
 
}
nav.sidebarAdmin {
    padding: 176px 0 0 0;
}

nav.sidebar .inner {
    border-right: solid 1px #ccc;
    box-shadow: 2px 0 3px 0 #cccfd3;
    background-color:#fff;
    padding:0 10px 10px 10px;
    position:static;
    height:100%;
   
}
    nav.sidebar a.justify-icon {
        line-height: 40px;
    }

nav.sidebar-menu-collapsed a.justify-icon {
    outline: 0;
    color: #000;
    font-size: 28px;
    font-style: normal;
    padding-left: 10px;
}

    nav.sidebar-menu-collapsed a.justify-icon:hover,
    nav.sidebar-menu-collapsed a.justify-icon:focus {
        text-decoration: none;
    }

    nav.sidebar-menu-collapsed a.justify-icon span {
        display: none;
    }

nav.sidebar.sidebar-menu-expanded {
    width: 280px;
}

    nav.sidebar.sidebar-menu-expanded .inner {
        width: 280px;
    }

nav.sidebar-menu-expanded a.justify-icon {
    outline: 0;
    color: #000;
    font-size: 23px;
    font-weight: 300;
}

    nav.sidebar-menu-expanded a.justify-icon span {
        display: inline-block;
        line-height: 30px;
    }

        nav.sidebar-menu-expanded a.justify-icon span.cch-icon-close {
            font-size: 18px;
            font-weight: 700;
            float: right;
            vertical-align: bottom;
            margin-left: 10px;
        }

nav.sidebar ul {
    margin-top: 5px;
}

nav.sidebar li {
    margin: 0 0 6px 0;
    height: 50px;
    display: block;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
}

    nav.sidebar li.selected a, nav.sidebar li.active a {
        color: #555;
    }

    nav.sidebar li [class^="cch-icon-"], nav.sidebar li [class*=" cch-icon-"] {
        background: #66696c;
        color: #fff;
    }

    nav.sidebar li.active [class^="cch-icon-"], nav.sidebar li.active [class*=" cch-icon-"],
    nav.sidebar li.selected [class^="cch-icon-"], nav.sidebar li.selected [class*=" cch-icon-"] {
        background: #cb2026;
    }

nav.sidebar ul li a {
    outline: 0;
    display: block;
    color: #fff;
    text-decoration: none;
    margin-top: -6px;
}

    nav.sidebar ul li a:hover,
    nav.sidebar ul li a:active {
        text-decoration: none;
    }

    nav.sidebar ul li a span.cch-icon-creditcard {
        font-size: 22px;
    }

nav.sidebar-menu-collapsed span.expanded-element {
    display: none;
}

nav.sidebar-menu-expanded ul li {
    border-bottom: solid 1px #989a9e;
}

nav.sidebar ul li span[class^="cch-icon-"] {
    border-radius: 5px;
    display: block;
}

nav.sidebar-menu-collapsed ul li span[class^="cch-icon-"] {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
}

nav.sidebar-menu-expanded ul li span[class^="cch-icon-"] {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
}

nav.sidebar-menu-expanded span.expanded-element {
    margin: -25px 0 0 50px;
    color: #000;
    font-size: 13px;
    padding-right: 10px;
    text-align: left;
    display: block;
}



nav.sidebar ul li.active a.expandable {
    border-radius: 4px;
    color: white;
}

    nav.sidebar ul li.active a.expandable:hover {
        color: #fff !important;
    }

nav.sidebar li .badge {
    color: #66696c;
    font-size: 12px;
    background: #fff;
    border-radius: 50%;
    line-height: 19px;
    min-width: 19px;
    position: absolute;
    -webkit-box-shadow: 3px 3px 7px 0px rgba(50, 50, 50, 0.63);
    -moz-box-shadow: 3px 3px 7px 0px rgba(50, 50, 50, 0.63);
    box-shadow: 3px 3px 7px 0px rgba(50, 50, 50, 0.63);
}

nav.sidebar li.selected .badge {
    color: #cb2026;
}

nav.sidebar-menu-expanded li .badge {
    margin: -5px 0 0 -115px;
    /* left:30px */
}

nav.sidebar-menu-collapsed li .badge {
    margin: -5px 0 0 8px;
}
/*/Left Navigation*/
/* tabs */
.tab-wrapper {
    padding-left: 132px;
}

    .tab-wrapper .panel-white.tab-container {
        border-top-left-radius: 0;
        min-height: 500px;
    }


nav.tab-nav-left {
    float: left;
    margin-left: -130px;
    width: 131px;
    position: relative;
}

    nav.tab-nav-left ul {
        position: fixed;
        top: 48px;
        left: 18px;
        width: 131px;
    }

        nav.tab-nav-left ul li {
            background: #00679a;
            border-width: 1px 0 1px 1px;
            border-style: solid;
            border-color: #989a9e;
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            padding: 6px 6px 6px 0;
            margin-bottom: 4px;
            color: #fff;
            box-sizing: border-box;
        }

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

            nav.tab-nav-left ul li.active {
                background: #fff;
                color: #000;
            }

                nav.tab-nav-left ul li.active a {
                    display: table;
                    width: 100%;
                    color: #000;
                    table-layout: fixed;
                }

            nav.tab-nav-left ul li [class^="cch-icon-"], nav.tab-nav-left ul li [class*=" cch-icon-"] {
                display: table-cell;
                width: 34px;
                height: 34px;
                vertical-align: middle;
                text-align: center;
            }

                nav.tab-nav-left ul li [class^="cch-icon-"]:before,
                nav.tab-nav-left ul li [class*=" cch-icon-"]:before {
                    font-size: 20px;
                }

            nav.tab-nav-left ul li .cch-icon-creditcard:before {
                font-size: 15px;
            }

            nav.tab-nav-left ul li span.expanded-element {
                display: table-cell;
                font-size: 12px;
                vertical-align: middle;
            }
/*/tabs*/
/* Admin Navigation */
nav.admin-nav ul {
    margin: 0;
    padding: 1px 0 0 0;
    background: #43afd3;
    text-align: center;
    display: inline-block;
}

nav.admin-nav li {
    margin: 0;
    list-style: none;
    font-size: 0;
    margin-top: -1px;
    margin-left: -6px;
    display: inline-block;
}

nav.admin-nav ul {
    margin: 0;
    padding: 0px;
    background: #43afd3;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

nav.admin-nav li {
    margin: 0;
    list-style: none;
    font-size: 0;
    margin-top: 0px;
    margin-left: -1px;
}

    nav.admin-nav li a {
        font-size: 13px;
        display: block;
        line-height: 54px;
        padding: 0 30px;
        background: #43afd3;
        border: 1px solid #84cde3;
    }

        nav.admin-nav li a.selected {
            color: #0c638e;
            background: #fff;
        }

        nav.admin-nav li a:hover {
            background: #0c638e;
            color: #fff;
        }

        nav.admin-nav li a.selected, nav.admin-nav li.selected a:hover {
            color: #0c638e;
            background: #fff;
        }

/* /Admin Navigation */




/*Nav tabs*/
/*
.nav-tabs-wrapper, .search-header {
    border-bottom: 1px solid #989a9e;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 20px;
}*/

.nav-tabs-wrapper {
    text-align: center;
}

.nav.nav-tabs {
    float: right;
    border-bottom: 0;
    margin-right: 0px;
}

    .nav.nav-tabs li a {
        border-color: #989a9e;
        border-style: solid;
        border-width: 1px 1px 0 1px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background: #484a4e;
        height: 40px;
        line-height: 40px;
        padding: 0 8px;
        color: #fff;
    }

        .nav.nav-tabs li a:hover {
            border-color: #00679a;
            background: #484a4e;
            color: #fff;
        }

    .nav.nav-tabs li.active a, .nav.nav-tabs li.active a:hover {
        border-color: #989a9e;
        background: #fff;
        color: #484a4e;
    }

    .nav.nav-tabs.nested {
         margin-top: -30px; 
    }

.nested-tabs-container {
    clear: both;
    border-top: 1px solid #989a9e;
    padding: 12px;
}

.tab-content .tab-pane {
    padding: 0px 30px 0px 20px;
}

.nested-tabs-container {
    margin: 0 -42px 0 -32px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background: #fff;
    border-width: 0;
}
.nav.nav-tabs li a:hover {
    border-width:1px 1px 0 1px;
}
.nav-tabs > li.active > a span {
    background: #de2027;
    border: 1px solid #de2027;
    color: #fff;
}
/*/Nav tabs*/
/*Action Buttons*/

.list-action-buttons {
    position: fixed;
    top: 48px;
    right: 0;
    z-index: 1000;
    padding: 10px 10px 0 10px;
    background: #d0d0d0;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #8e8e8e;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-box-shadow: -1px 1px 2px 0px rgba(126, 126, 126, 0.7);
    -moz-box-shadow: -1px 1px 2px 0px rgba(126, 126, 126, 0.7);
    box-shadow: -1px 1px 2px 0px rgba(126, 126, 126, 0.7);
}

    .list-action-buttons li {
        position: relative;
        display: block;
        margin-bottom: 8px;
    }

        .list-action-buttons li .expand-tools {
            display: block;
            padding-left: 10px;
            padding-bottom: 5px;
            cursor: pointer;
        }

            .list-action-buttons li .expand-tools:before {
                content: "\e079";
                font-size: 18px;
            }

            .list-action-buttons li .expand-tools.expanded:before {
                content: "\e080";
            }

        .list-action-buttons li a {
            width: 37px;
            height: 37px;
            border: solid 1px #989a9e;
            color: #1f1619;
            font-size: 20px;
            border-radius: 4px;
            background: #fff;
            vertical-align: middle;
            text-align: center;
            /* -webkit-box-shadow: 1px 1px 1px 1px rgba(152, 154, 158, 0.3);
            -moz-box-shadow: 1px 1px 1px 1px rgba(152, 154, 158, 0.3);
            box-shadow: 1px 1px 1px 1px rgba(152, 154, 158, 0.3);*/
            -webkit-box-shadow: 1px 1px 1px 0px rgba(126, 126, 126, 0.7);
            -moz-box-shadow: 1px 1px 1px 0px rgba(126, 126, 126, 0.7);
            box-shadow: 1px 1px 1px 0px rgba(126, 126, 126, 0.7);
            display: block;
            overflow: hidden;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeff0+100 */
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #dbdcdd 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffffff 0%,#dbdcdd 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffffff 0%,#dbdcdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdcdd',GradientType=0 ); /* IE6-9 */
        }

            .list-action-buttons li a:focus {
                text-decoration: none;
            }
    /*.list-action-buttons span[class^="cch-icon-"], .list-action-buttons span[class*=" cch-icon-"]{
            width: 37px;
            height: 37px;
            border: solid 1px #989a9e;
            color: #1f1619;
            font-size: 20px;
            border-radius: 4px;
            background: #fff;
            line-height: 37px;
            text-align: center;
            -webkit-box-shadow: 1px 1px 1px 1px rgba(152, 154, 158, 0.3);
            -moz-box-shadow: 1px 1px 1px 1px rgba(152, 154, 158, 0.3);
            box-shadow: 1px 1px 1px 1px rgba(152, 154, 158, 0.3);
            display: inline-block;
            overflow: hidden;
        }*/
    .list-action-buttons.expanded li a {
        width: 160px;
        text-align: left;
        vertical-align: middle;
        display: table;
        table-layout: fixed;
    }

    .list-action-buttons .action-button-text {
        display: none;
        font-size: 12px;
        vertical-align: middle;
    }

    .list-action-buttons.expanded .action-button-text {
        display: table-cell;
        padding-right: 6px;
    }

    .list-action-buttons li a:hover {
        color: #de2027;
    }

    .list-action-buttons li a span {
        display: inline-block;
    }

    .list-action-buttons li a .cch-icon-pl {
        font-size: 14px;
    }

    .list-action-buttons li a .cch-icon-close {
        font-size: 16px;
    }

    .list-action-buttons li a .cch-icon-mydrafts {
        font-size: 22px;
    }

    .list-action-buttons span[class^="cch-icon-"], .list-action-buttons span[class*=" cch-icon-"], .list-action-buttons span[class^="cch-icon2-"], .list-action-buttons span[class*=" cch-icon2-"], .list-action-buttons span.add {
        line-height: 33px;
        height: 37px;
        vertical-align: middle;
        display: table-cell;
        text-align: center;
        width: 37px;
    }

    .list-action-buttons span.add {
        font-size: 28px;
    }

body.scrolled nav.sidebar .inner {
    /*  position: fixed;
   top: 20px; */
}

/* Action Buttons*/
.full-page .container-fluid {
    padding-right: 65px;
}

.container-fluid.sidebar-menu-padding {
    padding-left: 81px;
}
/*Footer*/

.footer {
    color: #FFF;
    background: #4c4f54;
    position: fixed;
    bottom: 0;
    z-index: 10;
    width: 100%;
    font-size: 14px;
    font-family: 'Open Sans';
    padding-left: 29px;
    line-height: 38px;
}
/*/Footer*/
/*paging*/
nav.paging {
    float: right;
    padding-top:30px;
}

    nav.paging ul.pagination {
        margin: 0;
        font-weight: 700;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #00679a;
    box-shadow: 0px 1px 1px #c0c0c0;
}

.pagination-sm > li > a, .pagination-sm > .disabled > a, .pagination-sm > .disabled > a:hover {
    background: #eaebed;
}

    .pagination-sm > li > a, .pagination-sm > li > a:first-child {
        display: inline-block;
        margin-right: 6px;
        box-shadow: 0px 1px 1px #c0c0c0;
        border-radius: 4px 4px 4px 4px;
    }

.pagination-sm > li:last-child > a {
    margin-right: 0;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    font-weight: 500;
}

.pagination > li > a, .pagination > li > span {
    color: #00679a;
}

/* errors */
.panel-white.panel-errors {
    border: 1px solid #cb2026;
    padding: 0;
}

.panel-errors h2 {
    background: #cb2026;
    color: #fff;
    margin-top: 0;
    padding: 6px 12px;
    font-size: 18px;
    font-weight: 400;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .panel-errors h2 .cch-icon-info {
        float: left;
        margin-right: 6px;
        font-size: 20px;
    }

.error-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin: 0 12px 12px 12px;
}

    .error-list li {
        display: table;
    }

    .error-list .error-title {
        display: table-cell;
        width: 20%;
        font-weight: bold;
        padding: 3px 12px 3px 0;
    }

    .error-list .error-description {
        display: table-cell;
        width: 80%;
        padding: 3px 0;
    }
/* /paging*/
@media screen and (min-width: 992px) {
    nav.top-nav ul {
        text-align: center;
    }

        nav.top-nav ul li {
            display: inline-block;
            float: none;
            margin-left: -5px;
        }

            nav.top-nav ul li li {
                display: block;
                text-align: left;
            }
}

@media screen and (min-width: 767px) and (max-width: 991px) {


    .global-header .title-row h1.title {
        max-width: 300px;
        background-size: 100%;
    }
}

@media (max-width: 1199px) {
    .tab-content .tab-pane {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 991px) {
    nav.top-nav ul li {
        margin-right: 25px;
    }

    .container-fluid.sidebar-menu-padding {
        padding-left: 81px;
    }

    .full-page .container-fluid {
        padding-right: 64px;
    }



    .list-action-buttons {
        padding: 5px 5px 0 5px;
    }

 
    .full-page nav.sidebar {
        top: 0;
        padding-bottom: 0;
    }
    .nav.nav-tabs.nested {
        margin-top:5px;
    }

    .tab-wrapper {
        padding-left: 40px;
    }

    nav.tab-nav-left {
        float: left;
        margin-left: -47px;
        position: relative;
        width: 48px;
    }

        nav.tab-nav-left ul {
            left: 8px;
            position: fixed;
            top: 65px;
            width: 48px;
        }

            nav.tab-nav-left ul li { 
                padding: 5px 6px;
            }

                nav.tab-nav-left ul li span.expanded-element {
                    display: none;
                }

                nav.tab-nav-left ul li [class^="cch-icon-"], nav.tab-nav-left ul li [class*=" cch-icon-"] {
                    width: 32px;
                    height: 32px;
                }

    .tooltip {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .header-wrapper {
        position: static;
    }
 /*body.scrolled .header-wrapper {
        height:0;
    }
    body.scrolled  .header-wrapper * {
        height:0 !important;
        padding:0 !important;
        border:0 !important;

    }*/  

    .wrapper {
        padding-top: 0;
    }
    .full-page .wrapper {
        padding-top: 12px;
    }
    nav.top-nav {
        background: transparent;
        margin: 0;
   
    }

    nav.sidebar {
        position: absolute;
        top: 0;
        padding-top: 0;
    }
    nav.sidebar .inner {
          padding-top:5px;
      }
    
    nav.sidebar .innerAdmin {
        padding-top: 60px;
    }
/*    body.scrolled nav.sidebar {
        position: fixed;
        top: 0;
        padding-top: 0;
    }*/
     
    nav.top-nav ul {
        display: block;
        font-size: 13px;
        padding-top: 1px;
        padding-bottom: 0px;
    }

        nav.top-nav ul li {
            margin: 0 0 0 0;
            padding: 0;
            width: 25%;
            text-align: center;
            box-sizing: border-box;
            line-height: 32px;
            float: left;
            padding: 0 1px;
        }

            nav.top-nav ul li:first-child {
                margin-left: -1px;
            }

        nav.top-nav ul li {
            line-height: 24px;
        }

            nav.top-nav ul li a {
                background: #de2027;
                padding: 5px 27px;
                font-size: 20px;
                border-radius: 0;
            }

            nav.top-nav ul li span[class^="cch-icon-"] {
                margin: 5px 0 0px 0;
                font-size: 22px;
            }

            nav.top-nav ul li a.selected,
            nav.top-nav ul li a.selected:hover {
                border-radius: 0;
            }

        nav.top-nav ul a span[class^="cch-icon-"] {
            display: block;
            padding-right: 0;
        }

    .title-row {
        width: 60%;
    }

    .nav-tabs {
        display: block;
        text-align: left;
    }

    .global-header {
        padding: 0 20px 0 20px;
    }

    .nav-tabs span[class^="cch-icon-"] {
        float: left;
        text-align: center;
        margin-right: 12px;
    }

    .nav.nav-tabs li a, .nav.nav-tabs li a:hover {
        padding: 0 6px;
        font-weight: 400;
        font-size: 12px;
    }
}

@media screen and (max-width: 520px) 
{
    
 

nav.sidebar li {
    margin: 0 0 6px 0;
    height: 42px;
    display: block;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
}
nav.sidebar-menu-collapsed ul li span[class^="cch-icon-"] {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 24px;
}

   
    .global-header {
        padding: 0 10px 0 10px;
    }
     nav.sidebar {
        padding-top: 0;
    }
    .nav.nav-tabs li {
        width: 100%;
    }

        .nav.nav-tabs li a, .nav.nav-tabs li a:hover {
            width: 100%;
            border-radius: 0;
        }

    nav.top-nav ul li a {
        padding: 0;
        font-size: 14px;
    }

    .global-header .title-row {
        width: auto;
    }



    nav.paging {
        float: left;
    }

    nav.top-nav ul li span[class^="cch-icon-"] {
        margin: 7px 0 0 0;
    }

    .pagination-sm > li > a, .pagination-sm > li > span {
        font-size: 11px;
    }

        .pagination-sm > li > a, .pagination-sm > li > a:first-child {
            margin-right: 4px;
            padding: 2px 6px;
        }

    nav.top-nav ul li {
    }

  
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    /*Bagde in left navigation*/
    nav.sidebar-menu-expanded li .badge {
        margin: -5px 0 0 20px !important;
    }

    nav.sidebar-menu-collapsed li .badge {
        margin: -5px 0 0 30px;
    }
    /*/Bagde in left navigation*/
}
.unReaded{
    color:red;
}
.status-image{
    max-height:30px;
}
td.subtype, td.contractiong-party,td.owner,td.created-on,td.created-by{
    text-align:left !important;
}
td.created-on,td.created-by{
    white-space:nowrap;

}
.blurred{
    pointer-events:none;
    opacity:0.2;
}
input.required,table.required,textarea.required{
    background-color:antiquewhite!important;
}

.edit-approved-required {
    background-color: antiquewhite !important;
}

label.required{
        font-weight: bold;
    white-space: nowrap;
    font-size: 0.95em;
}
.disabled {
  cursor: not-allowed;
}

.modal-lg{
    width:auto;
}
.modal-dialog {
    width: auto;
    margin: 0;
}
.modal{
    margin:3%;
    margin-left: 15%;
    margin-right: 15%;
}
span.required {
    color:red;
    font-weight:bold;
}
.green-text {
    color: #009965;
}
.red-text {
    color: red !important;
}