html, body {
    font-family: "Open Sans", sans-serif !important;
}

/*remove background image*/
body {
    background-image: none !important;
    /*background-color:#e7ebee!important;*/
    background-color: white !important;
}

#content-wrapper {
    min-height: 0 !important;
}

#footer-bar {
    bottom: initial;
    margin-top: 45px;
    background-color: #e7ebee !important;
}

/*top navigation bar*/
.fixed-header #header-navbar {
    top: 20px;
    max-width: 1900px;
}

/*Avoid owerwrite tabs labels when content scroll*/
#tpHeaderDiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110px;
    background-color: #E7EBEE;
    z-index: 75;
    max-width: 1900px;
}

#page-wrapper {
    max-width: 1900px;
}

#theme-wrapper {
    box-shadow: none !important;
}

/*Bug when clicked collapsed menú it was with blue border*/
/*Add outline: 0; to a selector #col-left-inner*/
/*End bug when clic collapsed menú*/
#col-left-inner {
    margin-top: -7px;
    margin-left: -2px;
    outline: 0;
}


/*tabs top margin*/
#tpMainContainerTabs {
    position: fixed;
    top: 70px;
    /*left: 220px;*/
    z-index: 80;
}


#tpMainTabsContent {
    position: relative;
    top: 44px;
}

.tpTables-condensed > thead > tr > th, .tpTables-condensed > tbody > tr > th, .tpTables-condensed > tfoot > tr > th, .tpTables-condensed > thead > tr > td, .tpTables-condensed > tbody > tr > td, .tpTables-condensed > tfoot > tr > td {
    padding: 6px;
}

/*4x4x4 dropdown menu background color on hover white*/
#dropMenuProfile > li > a:hover, #dropMenuProfile > li > a:focus {
    background-image: none !important;
}

#dropMenuProfile > li > a:hover, #dropMenuProfile > li > a:focus {
    background-color: #FFFFFF;
}


#ProfileLinkLI {
    padding: 10px;
}

#LogOutHyperLI {
    padding: 10px;
}



/*Table thead not uppercase*/
.table thead > tr > th {
    border-bottom: 2px solid #e7ebee;
    text-transform: none;
    font-size: 0.875em;
}

.form-inline-box {
    background: none repeat scroll 0 0;
    padding: 7px;
    border: none;
}

/*Begin panel heading button*/
.panel-heading-btn {
    float: right;
}

    .panel-heading-btn > a {
        margin-left: 8px;
    }

.btn-icon,
.btn.btn-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
}

.btn-circle,
.btn.btn-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}

.btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
}

.btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 34px;
}

.panel.panel-expand {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1080;
}

    .panel.panel-expand > .panel-heading .fa.fa-expand:before {
        content: '\f066';
    }
/*End panel heading button*/

/*toastr no transparent*/
.toast {
    opacity: 1 !important;
}

.tpNoHoverDropdown-menu > .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    /*color: red;*/
    background-color: white;
    background-image: none;
    filter: none;
}

.tpNavyColor {
    color: #337AB7;
}

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

.tpCollapsiblePanel-primary {
    cursor: pointer;
    color: white;
    font-size: 1.125em;
    font-weight: 300;
    background-color: #337AB7;
    height: 30px;
    padding-top: 5px;
    padding-left: 5px;
    border-radius: 10px;
}

.tpCollapsiblePanel-default {
    cursor: pointer;
    color: black;
    font-size: 1.125em;
    font-weight: 300;
    background-color: #E7EBEE;
    height: 30px;
    padding-top: 5px;
    padding-left: 5px;
    border-radius: 10px;
}

.tpDeleteResult {
    font-size: 16px;
}

.tp98pct {
    width: 98% !important;
}

.tp75pct {
    width: 75% !important;
}


.tp50pct {
    width: 50% !important;
}

.tp25pct {
    width: 25% !important;
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #F1F3F7;
}

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

/*Remove border and background for wizard*/
/*.wizard .wizard-inner{
    background-color:white!important;
    border:none!important;
}*/

.container {
    width: 98.5% !important;
}

@media (max-width: 767px) {
    .container {
        padding-left: 10px;
        padding-right: 5px;
    }
}

.table a.table-link {
    margin: 0 5px;
    font-size: 13px;
}

.tpNavy {
    color: #337AB7 !important;
}

.main-box {
    box-shadow: 1px 1px 2px 1px #CCCCCC;
}

.tpmain-box {
    /*-webkit-box-shadow: 10px 10px 30px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 30px 5px rgba(0,0,0,0.75);
box-shadow: 10px 10px 30px 5px rgba(0,0,0,0.75);*/
    background-color: #FDFDFD;
    /* box-shadow: 2px 2px 3px 2px #CCCCCC;*/
    box-shadow: 1px 1px 2px 1px #CCCCCC;
    border: 1px solid #CCCCCC;
    /*background: white;*/
    /*border:2px solid #D0D8DE;*/
    margin-top: 1px;
    margin-left: 1px;
    margin-bottom: 15px;
    margin-right: 15px;
    /* overflow: hidden; */
    border-radius: 3px;
    /* stops bg color from leaking outside the border: */
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.menuTabs {
    position: fixed;
    margin-top: 10px;
    left: 0;
    height: 100%;
    background-color: #E7EBEE;
}

.mainTabDIVAndOthersTabs {
    padding-top: 10px;
    padding-left: 105px;
}



.tpclientItemMenuActiveAdmin {
    border-left: 4px solid #3498DB;
    background-color: white;
}

.tpclientItemMenuInactiveAdmin {
    border-left: 4px solid #B8C1C7;
    background-color: #B8C1C7;
}

.tpclientItemMenuActiveAdminI {
    /*background-color:#D0D8DE;*/
    background-color: white;
    color: #2C3E50;
    font-size: 30px;
    padding: 8px;
    width: 85px;
}

.tpclientItemMenuInactiveAdminI {
    background-color: #B8C1C7;
    color: #2C3E50;
    font-size: 30px;
    padding: 8px;
    width: 85px;
}

.tpclientItemMenuActiveAdminIclose {
    position: absolute;
    right: 5px;
    color: #2C3E50;
    font-size: 15px;
    margin-left: -30px;
    cursor: pointer;
    opacity: 0.5;
    padding-top: 5px;
}

.tpclientItemMenuInactiveAdminIclose {
    position: absolute;
    right: 5px;
    color: #2C3E50;
    font-size: 15px;
    margin-left: -30px;
    cursor: pointer;
    opacity: 0.5;
    padding-top: 5px;
}


.tpNoHoverDropdown-menu > .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    /*color: red;*/
    background-color: white;
    background-image: none;
    filter: none;
}

.treeAdminActiveVisible {
    font-weight: normal;
    font-size: 14px;
    color: #3498db;
    background-color: White;
}

.treeAdminNoActiveVisible {
    font-weight: normal;
    font-size: 14px;
    color: Red;
    background-color: White;
}

.treeAdminNoActiveNoVisible {
    font-weight: normal;
    font-size: 14px;
    color: Red;
    background-color: Yellow;
}

.treeAdminActiveNoVisible {
    font-weight: normal;
    font-size: 14px;
    color: Navy;
    background-color: Yellow;
}

.tpFocusTextBox {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}


.tpFocusTextBox2 {
    outline: none;
    border-color: white;
    box-shadow: 0 0 10px white;
}

.alert-default {
    border-color: #2980b9;
}



.thumb {
    float: left;
    padding: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #dcdcdc;
    margin: 5px;
    width: 100px;
    height: 100px;
}

.thumb_16 {
    float: left;
    padding: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #dcdcdc;
    margin: 5px;
    width: 26px;
    height: 26px;
}

.thumb_16backcolor {
    float: left;
    padding: 5px;
    background-color: #2C3E50;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #dcdcdc;
    margin: 5px;
    width: 26px;
    height: 26px;
}

.thumbContain {
    float: left;
    padding: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #dcdcdc;
    margin: 5px;
    width: 100px;
    height: 100px;
    background-size: contain;
    -moz-background-size: contain;
}

.input-group-addon {
    padding-left: 6px;
    padding-right: 6px;
    border-color: #ddd;
}

.input-group-TPaddon {
    padding-left: 0px;
    padding-right: 0px;
    /*border:none;*/
    color: red;
    font-size: 9px;
}

.TPFieldRequired {
    color: red !important;
    font-size: 9px !important;
}


.tpHighlightspan {
    color: #2980B9;
    background-color: #D9EDF7;
    padding: 10px;
    border-radius: 3px;
}

.conversation-wrapper .conversation-body > .time {
    font-size: 12px !important;
}

    .conversation-wrapper .conversation-body > .time:before {
        font-size: 12px !important;
    }

#sidebar-nav .nav > li > a > span {
    margin-left: 5px;
}

.tpsubmenulink {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 20px !important;
    /*border-bottom: 1px solid #616161!important;*/
    border-bottom: 1px solid #2C3E50 !important;
}

.modal-backdrop {
    background-color: black !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1000;
    opacity: 0.3 !important;
}

.modal-content {
    border-radius: 10px !important;
}

.modal-header {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    /*background: #96E9FF;
    background: -webkit-linear-gradient(#96E9FF, #2C85C1);
    background: -o-linear-gradient(#96E9FF, #2C85C1);
    background: -moz-linear-gradient(#96E9FF, #2C85C1);
    background: linear-gradient(#96E9FF, #2C85C1);*/
    background: #3498DB;
    /*background: -webkit-linear-gradient(#B3B3B3, #3498DB);
    background: -o-linear-gradient(#B3B3B3, #3498DB);
    background: -moz-linear-gradient(#B3B3B3, #3498DB);
    background: linear-gradient(#B3B3B3, #3498DB);*/
}

.close {
    color: white !important;
    opacity: 1 !important;
}

.TableTitleEdit {
    font-style: italic !important;
    font-size: 1em !important;
}

.tpGreenColor {
    color: #00B050;
}

.tpReportTableTitle {
    font-weight: 400;
    font-size: 1.2em !important;
    color: #337AB7;
}

.tpReportTableComments {
    font-size: 1.2em !important;
    font-style: italic !important;
}

.tpReportTableCommentsFilter {
    font-size: 1.2em !important;
    font-style: italic !important;
    font-weight: bold;
    color: #337AB7;
}

.tpExportToExcelCheckBox {
    font-weight: 400 !important;
    font-size: 1.2em !important;
    color: #00B050 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

h1 {
    font-size: 1.8em !important;
    color: #3498db;
    padding-left: 14px;
}

.label-default,
.fc-event.label-default {
    background-color: #b6c2c9;
}

.badge.badge-theme {
    background-color: #2C3E50;
}

/*btn default*/
.btn.btn-default {
    background: #b6c2c9;
    border-color: #b6c2c9;
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
    background: #929ba1;
    border-color: #929ba1;
}

.btn-group .btn.btn-default:not(.active) + .btn.btn-default,
.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default {
    border-left-color: #929ba1;
}

/*btn Primary*/
.btn.btn-primary {
    background: #3498db;
    border-color: #3498db;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
    background: #2980b9;
    border-color: #2980b9;
}

.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary,
.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary {
    border-left-color: #2980b9;
}

/*btn success*/
.btn.btn-success {
    background: #2ecc71;
    border-color: #2ecc71;
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
    background: #27ae60;
    border-color: #27ae60;
}

.btn-group .btn.btn-success:not(.active) + .btn.btn-success,
.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success {
    border-left-color: #27ae60;
}

/*btn info*/
.btn.btn-info {
    background: #01b9fe;
    border-color: #01b9fe;
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
    background: #0298d1;
    border-color: #0298d1;
}

.btn-group .btn.btn-info:not(.active) + .btn.btn-info,
.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info {
    border-left-color: #0298d1;
}

/*btn warning*/
.btn.btn-warning {
    background: #f1c40f;
    border-color: #f1c40f;
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
    background: #e0b50a;
    border-color: #e0b50a;
}

.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning,
.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning {
    border-left-color: #e0b50a;
}

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

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
    background: #c0392b;
    border-color: #c0392b;
}

.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger,
.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger {
    border-left-color: #c0392b;
}


/*btn-inverse*/
.btn.btn-inverse {
    color: #fff;
    background: #2d353c;
    border-color: #2d353c;
}

.btn-inverse.active,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.open .dropdown-toggle.btn-inverse {
    background: #242a30;
    border-color: #242a30;
}

.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse,
.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse {
    border-left-color: #242a30;
}

/*btn-white*/
.btn.btn-white {
    font-weight: 400;
    color: #333;
    background: #fff;
    border-color: #e2e7eb;
}

    .btn.btn-white.btn-white-without-border {
        border-color: #fff;
    }

        .btn.btn-white.btn-white-without-border.active,
        .btn.btn-white.btn-white-without-border.active:focus,
        .btn.btn-white.btn-white-without-border.active:hover {
            border-color: #ddd;
        }

        .btn.btn-white.btn-white-without-border:focus,
        .btn.btn-white.btn-white-without-border:hover {
            border-color: #eee;
        }

.btn-white.active,
.btn-white:active,
.btn-white:focus,
.btn-white:hover,
.open .dropdown-toggle.btn-white {
    background: #e2e7eb;
    border-color: #d8dde1;
}

.btn-group .btn.btn-white:not(.active) + .btn.btn-white,
.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white {
    border-left-color: #eee;
}

/*btn-theme*/
.btn.btn-theme {
    color: #fff;
    background: #2C3E50;
    border-color: #2C3E50;
}

.btn-theme.active,
.btn-theme:active,
.btn-theme:focus,
.btn-theme:hover,
.open .dropdown-toggle.btn-theme {
    background: #2d353c;
    border-color: #2d353c;
}

.btn-group .btn.btn-theme:not(.active) + .btn.btn-theme,
.input-group-btn .btn.btn-theme:not(.active) + .btn.btn-theme {
    border-left-color: #2d353c;
}

/*btn-light-blue*/
.btn.btn-light-blue {
    font-weight: 400;
    color: #333;
    background: #D9EDF7;
    border-color: #e2e7eb;
}

    .btn.btn-light-blue.btn-light-blue-without-border {
        border-color: #fff;
    }

        .btn.btn-light-blue.btn-light-blue-without-border.active,
        .btn.btn-light-blue.btn-light-blue-without-border.active:focus,
        .btn.btn-light-blue.btn-light-blue-without-border.active:hover {
            border-color: #ddd;
        }

        .btn.btn-light-blue.btn-light-blue-without-border:focus,
        .btn.btn-light-blue.btn-light-blue-without-border:hover {
            border-color: #eee;
        }

.btn-light-blue.active,
.btn-light-blue:active,
.btn-light-blue:focus,
.btn-light-blue:hover,
.open .dropdown-toggle.btn-light-blue {
    background: #e2e7eb;
    border-color: #d8dde1;
}

.btn-group .btn.btn-light-blue:not(.active) + .btn.btn-light-blue,
.input-group-btn .btn.btn-light-blue:not(.active) + .btn.btn-light-blue {
    border-left-color: #eee;
}

.tpRemoveFilter {
    font-weight: 400 !important;
    font-size: 1.2em !important;
    color: #c0392b !important;
}

.tpTableHeader {
    font-size: 0.875em !important;
    font-weight: bold !important;
    background-color: white !important;
}

.tpTableHeaderLeft {
    font-size: 0.875em !important;
    font-weight: bold !important;
}

.input-group-TPaddonFilter {
    padding-left: 0px;
    padding-right: 0px;
    color: #00B050;
}

.wizard .wizard-inner ul li:hover {
    cursor: pointer;
    background: #D0D8DE;
}

    .wizard .wizard-inner ul li:hover .chevron:before {
        border-left: 14px solid #D0D8DE;
    }

.tpLightGreyBackgroundColor {
    background-color: #FDFDFD !important;
}

.popover {
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

.tpRedColor {
    color: red !important;
}

.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4px;
}

.tpDisableBackgroundColor {
    background-color: #EEEEEE;
}

.TP-form-group {
    margin-bottom: 5px !important;
}

.TPHalf-form-group {
    margin-bottom: 10px !important;
}

.tpNavyColorToolbarDT {
    color: #337AB7 !important;
}

.tpfa-1-5x {
    font-size: 1.5em !important;
}

.tpfa-1-1x {
    font-size: 1.2em !important;
}

.tpfa-1-2x {
    font-size: 1.2em !important;
}

.form-horizontal .form-group {
    margin-left: -0px;
    margin-right: -0px;
}

/* Fix Different font size in same form*/
label {
    font-weight: 400;
    font-size: 13px;
}

    label + span {
        font-weight: 400;
        font-size: 13px;
    }

.tpLabel span:first-of-type {
    font-weight: 400;
    font-size: 13px;
}
/*Finish fix different font size in same form*/

/*Problem with two adittional rows added because Evans*/
#nav-col {
    top: 70px;
    /*height: 100%;
    position: fixed;*/
}

#page-wrapper.container.nav-small > .row > #nav-col {
    height: 100%;
    position: fixed;
}
/*Finish two adittional rows*/

/*Menu changing*/
@media (min-width: 992px) {
    .fixed-leftmenu .col-left-nano > .nano-pane > .nano-slider {
        background: #7a8b98;
        z-index: 10;
    }
}

#sidebar-nav .nav > .open > .submenu > li > a, #sidebar-nav .nav > .active > .submenu > li > a {
    border-bottom: 1px solid #2c3e50;
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#SearchMenuItemsImage {
    cursor: pointer;
}

    #SearchMenuItemsImage > i {
        position: absolute;
        right: 2px;
        top: 20px;
    }

#CompanySmallLogoImage {
    margin-top: 10px;
}

#SearchMenuItemsTextBoxx {
    position: absolute;
    right: 20px;
    top: 15px;
    color: black;
}

#leftMenuContainer {
    background-color: white;
    padding-bottom: 10px;
}

#SearchMenuItemsDiv {
    margin: 0 !important;
}

    #SearchMenuItemsDiv * {
        margin: 0 !important;
    }

    #SearchMenuItemsDiv > #tpViewDataTable_filter {
        margin: 0 !important;
        width: 100% !important;
    }

.filter-block .form-group .search-icon {
    top: 8px;
}

#ExpandCollapseButton {
    cursor: pointer;
    top: 10px;
    right: 5px;
    position: absolute;
}


#ExpandCollapseDiv {
    height: 0;
}

#sidebar-nav .nav > li > a:hover,
#sidebar-nav .nav .open > a:hover {
    z-index: 10;
}
/*End menu change*/
/*Tabs change*/
span[id^="tpTabcloseMain"] {
    position: absolute;
    top: 1px;
    right: 1px;
    color: #333;
    font-size: 15px;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

    /*Tabs change*/
    span[id^="tpTabcloseMain"]:hover {
        color: #CE6565;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }

li[id^="tpTabLiMain"] {
    margin-bottom: 0;
}

#tpMainTabs > li {
    font-size: smaller;
    background: #E7F1F5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    #tpMainTabs > li.active {
        color: black;
    }

.nav.nav-tabs {
    /*border-top-right-radius: 7px;
    border-top-left-radius: 7px;*/
}

#tpMainTabs > li > a {
    margin-left: -1px;
    padding-left: 5px;
    padding-right: 10px;
    /*border: 0.5px solid #d0cbcb;*/
    /*border-right: 0.1px solid #d0cbcb;
    border-left: 0.1px solid #d0cbcb;*/
    border: 1px solid #d7d7d7;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom: 0;
    margin-right: 0;
    height: 40px;
    /*color: #337AB7;*/
    /*color: #7C7C80;*/
    color: black;
    font-weight: 500;
    /*padding-top: 15px;*/
    /*background-color: rgb(249, 249, 249);*/
    /* margin-top: -1px;*/
    border-top: 2px solid #a8a7a7;
}

    #tpMainTabs > li > a:hover {
        border-top: 2px solid #4a89dc;
        background-color: #C0DCE6;
        color: black;
    }

#tpMainTabs > .nav-tabs > li > a {
    /*background-color: #fafafa;*/
    background-color: #E7F1F5;
}

#tpMainTabs > li.active > a {
    font-weight: 600 !important;
    background-color: white;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    /*margin-top: -1px;*/
    border-top: 2px solid #4a89dc;
    color: black;
}

    #tpMainTabs > li.active > a > img {
        /*-webkit-filter: invert(80%);
        filter: invert(80%);
        filter: invert;
        filt*/ /*er: progid:DXImageTransform.Microsoft.BasicImage(invert='1');*/
    }

.inverted {
    /*-webkit-filter: invert(100%);
    filter: invert(100%);
    filter: invert;
    filt*/ /*er: progid:DXImageTransform.Microsoft.BasicImage(invert='1');*/
}

.tp-icon-tab {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    /*position: absolute;
    top: 2px;
    left: 2px;*/
    /*-webkit-filter: invert(80%);
    filter: invert(80%);
    filter: invert;
    filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1');*/
}

.nav.nav-tabs > .dropdown > ul > li > a {
    padding-left: 5px;
    /*padding-right: 5px;*/
}

    .nav.nav-tabs > .dropdown > ul > li > a > span[id^="tpTabcloseMain"] {
        position: relative;
        color: #333;
        font-size: 15px;
        cursor: pointer;
        opacity: 0.4;
        filter: alpha(opacity=40); /* For IE8 and earlier */
        margin-right: 5px;
        /*float: right;*/
    }

        /*Tabs change*/
        .nav.nav-tabs > .dropdown > ul > li > a > span[id^="tpTabcloseMain"]:hover {
            color: #CE6565;
            opacity: 1;
            filter: alpha(opacity=100); /* For IE8 and earlier */
        }
/*End tab change*/

.tpTabTitleSwal {
    font-size: 14px !important;
    font-style: italic !important;
    font-weight: bold;
    color: #337AB7;
}

.tpOtherTab1Admin {
    font-family: "Open Sans", sans-serif !important;
    font-size: 0.3em !important;
}

.tpOtherTab2Admin {
    font-family: "Open Sans", sans-serif !important;
    font-size: 0.5em !important;
}

.form-control {
    border-color: #ddd;
}

/*Custom design for treeview*/
#MasterBody_treeTreeView > table > tbody > tr > td > a > img {
    width: 20px;
    height: 20px;
}

#MasterBody_treeTreeView > div table > tbody > tr > td a span.folderAdminActivePublic {
}

#MasterBody_treeTreeView > div table > tbody > tr > td a span.active {
    background-color: aliceblue;
}

#MasterBody_treeTreeView > div table > tbody > tr > td a span {
    font-size: 12px;
}

    #MasterBody_treeTreeView > div table > tbody > tr > td a span:hover {
        text-decoration: underline;
    }

#MasterBody_treeTreeView > div table > tbody > tr > td > a > img {
    width: 20px;
    height: 20px;
}

.tpTreeNodeSelected {
    background-color: #ddd;
}

/*End custom design for treeview*/

.ActiveQuestionScript {
    background-color: #E7EBEE;
    border-left: 2px solid #4a89dc;
    border-radius: 5px;
}

.InActiveQuestionScript {
    background-color: #F9F9F9;
    border-left: 2px solid #a8a7a7;
    border-radius: 5px;
}

.CaseNumberTitle {
    font-weight: 400 !important;
    font-size: 1.5em !important;
    margin-bottom: 5px !important;
}

.CustomerNameTitle {
    font-weight: 100 !important;
    font-size: 22px !important;
    margin-bottom: 5px !important;
}

.tpLabelCaseResponse {
    color: #7a91a5 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.tpLabelDataCaseResponse {
    font-size: 15px !important;
    font-style: italic !important;
}

.CursorHand {
    cursor: pointer;
}

.tpLabelTaskType {
    font-size: 1.1em !important;
}

.tpAdditionalDataCategoryTitle {
    font-weight: 400 !important;
    font-size: 1.3em !important;
    font-style: italic !important;
}

.tpLabelData {
    font-size: 9pt !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400;
}

.tpLabelTitle {
    font-size: 1.1em !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400;
}

.tpLabelRed {
    font-family: "Open Sans", sans-serif !important;
    color: red;
    font-weight: normal;
}

td.StyleTask {
    background-color: #d6e3ee;
    font-weight: 600;
    line-height: 25px;
}

td.StyleWorkflowTask {
    background-color: #2c3e50;
    font-weight: 600;
    line-height: 25px;
    color: white;
    border-color: #2c3e50;
}


/*LayoutIT overwriting*/
/*
*	Layout Togglers
*/
.ui-layout-toggler {
    background-color: #FFF;
    opacity: .60;
    filter: Alpha(Opacity=60);
}

.ui-layout-resizer-open-hover .ui-layout-toggler,
.ui-layout-toggler-hover {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.ui-layout-toggler .ui-icon {
    margin: 0 auto;
}
/* default - center horizontally */
.ui-layout-toggler-north .ui-icon,
.ui-layout-toggler-south .ui-icon {
    margin-top: -3px;
}
/* tweak arrow vertical-center */
.ui-layout-toggler-west .ui-icon,
.ui-layout-toggler-east .ui-icon {
    margin-left: -3px;
}
/* tweak arrow horizontal-center */
/* assign arrows for each side & state */
.ui-layout-toggler-north-closed .ui-icon,
.ui-layout-toggler-south-open .ui-icon {
    background-position: -64px -192px; /* ui-icon-circle-triangle-s */
    background-position: -128px -16px; /* ui-icon-triangle-2-n-s */
    background-position: -64px -16px; /* ui-icon-triangle-1-s */
}

.ui-layout-toggler-south-closed .ui-icon,
.ui-layout-toggler-north-open .ui-icon {
    background-position: -96px -192px; /* ui-icon-circle-triangle-n */
    background-position: -128px -16px; /* ui-icon-triangle-2-n-s */
    background-position: 0 -16px; /* ui-icon-triangle-1-n */
}

.ui-layout-toggler-west-closed .ui-icon,
.ui-layout-toggler-east-open .ui-icon {
    background-position: -48px -192px; /* ui-icon-circle-triangle-e */
    background-position: -144px -16px; /* ui-icon-triangle-2-e-w */
    background-position: -32px -16px; /* ui-icon-triangle-1-e */
}

.ui-layout-toggler-east-closed .ui-icon,
.ui-layout-toggler-west-open .ui-icon {
    background-position: -80px -192px; /* ui-icon-circle-triangle-w */
    background-position: -144px -16px; /* ui-icon-triangle-2-e-w */
    background-position: -96px -16px; /* ui-icon-triangle-1-w */
}
/* ALT Graphics
.ui-layout-toggler-east-closed,
.ui-layout-toggler-west-open	{ background: transparent url(/lib/img/toggle-lt.gif) no-repeat right center; }
.ui-layout-toggler-west-closed,
.ui-layout-toggler-east-open	{ background: transparent url(/lib/img/toggle-rt.gif) no-repeat left center; }
.ui-layout-toggler-south-closed,
.ui-layout-toggler-north-open	{ background: transparent url(/lib/img/toggle-up.gif) no-repeat center bottom; }
.ui-layout-toggler-north-closed,
.ui-layout-toggler-south-open	{ background: transparent url(/lib/img/toggle-dn.gif) no-repeat center top; }
*/
/*end overwriting layoutit*/

img.imgLink {
    border: 0px;
    cursor: pointer;
}

.label-theme,
.fc-event.label-primary {
    background-color: #2C3E50;
}

.label-lightblue,
.fc-event.label-primary {
    background-color: #d6e3ee !important;
    color: #2C3E50 !important;
}

.tpLabelReportTask {
    font-weight: bold !important;
    font-size: 1em !important;
    font-family: "Open Sans", sans-serif !important;
}

.AdjustSizeImage {
    width: 20px !important;
    height: 20px !important;
}

.tpTaskListDiv {
    border: 1px solid #e2e9ee !important;
    border-left: 2px solid #3498DB !important;
    border-radius: 5px !important;
}

.tpTaskListTable {
    border: 0px;
    border-collapse: collapse;
    border-color: #d6e3ee;
}

.tpWhiteColor {
    color: white;
}

.tpThemeColor {
    color: #2C3E50;
}

.tpMargintoph3 {
    margin-top: 8px !important;
}

legend {
    font-size: 20px !important;
    padding-top: 8px !important;
}

.panel-default > .TPpanel-heading {
    background-color: white !important;
    border-color: white !important;
    color: black !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    background-clip: padding-box !important;
    padding: 0 15px;
}

    .panel-default > .TPpanel-heading > h3 {
        margin-bottom: 10px;
        margin-top: 15px;
    }

.table tbody > tr > td:first-child {
    font-size: 12.5px !important;
}

.tpToZero {
    top: 0 !important;
}

.tpDeleteIconColor {
    color: #c0392b !important;
}

a {
    color: #3498db;
    outline: none !important;
    text-decoration: none !important;
    background-color: transparent;
}

    a:hover, a:focus {
        color: #3498db;
        text-decoration: none !important;
    }

    a:visited {
        text-decoration: none !important;
    }

.TPToastLink {
    text-decoration: underline !important;
}

.TPSnoozeButton {
    /*color:yellow;
    background-color:red;*/
}

.tpStationIdNumber {
    color: #c0392b !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.tpChatInAction {
    padding-left: 230px !important;
}

.tpChatInActionDetails {
    border-left: 1px solid #E7EBEE !important;
    padding: 20px !important;
    min-height: 900px !important;
}

.tpWarningColor {
    color: #f39c12 !important;
}

.modal-title {
    font-weight: 600 !important;
}

.tpChatConversationHistoryHeader {
    background-color: #2c3e50;
    font-weight: 300;
    line-height: 27px;
    color: white;
    border-color: #2c3e50;
    margin-top: 10px !important;
    border-radius: 5px !important;
}

.tpChatConversationHistoryDetails {
    border: 1px solid #e2e9ee !important;
    border-left: 2px solid #3498DB !important;
    border-radius: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    color: #222222;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: 1px 1px 2px 0 #CCCCCC;
}

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #2e88c5;
        font-weight: normal;
        color: #fff;
    }

.tplimenuitemiclose:hover {
    color: #CE6565;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    font-size: 17px;
}

.clsAddaEMAIL {
    box-sizing: border-box;
    max-height: 160px; /* optional but recommended */
    min-height: 38px;
    overflow-x: hidden; /* for Firefox (issue #5)*/
    overflow-y: hidden; /* for Firefox (issue #5)*/
}

/*Datatables*/
.dataTables_wrapper.no-footer {
    background: rgb(232, 239, 245);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid rgb(221, 221, 221);
    padding-top: 15px;
    padding-bottom: 3px;
}

.dataTables_wrapper .dataTables_length {
    float: right;
}

    .dataTables_wrapper .dataTables_length select:focus,
    .dataTables_wrapper .dataTables_length input:focus {
        border-color: rgba(52, 151, 219, 0.6);
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 152, 219, 0.6);
    }

    .dataTables_wrapper .dataTables_length select,
    .dataTables_wrapper .dataTables_filter input {
        border-style: solid;
    border-color: rgba(52, 151, 219, 0.6);
    border-width: 1px;
    margin: 0px;
    padding: 5px 10px;
    align-items: center;
        background-clip: padding-box;
        background-color: rgb(255, 255, 255);
        /*background-image: none;*/
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-image-outset: 0px;
        border-image-repeat: stretch;
        border-image-slice: 100%;
        border-image-source: none;
        border-image-width: 1;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        box-sizing: border-box;
        color: rgb(85, 85, 85);
        cursor: default;
        display: inline-block;
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        font-stretch: normal;
        font-style: normal;
        font-variant-caps: normal;
        font-variant-ligatures: normal;
        font-variant-numeric: normal;
        font-weight: normal;
        height: 30px;
        letter-spacing: normal;
        line-height: normal;
        outline-color: rgb(85, 85, 85);
        outline-offset: 0px;
        outline-style: none;
        outline-width: 0px;
        overflow-x: visible;
        overflow-y: visible;
        text-align: start;
        text-indent: 0px;
        text-rendering: auto;
        text-shadow: none;
        text-size-adjust: 100%;
        text-transform: none;
        transition-delay: 0s, 0s;
        transition-duration: 0.15s, 0.15s;
        transition-property: border-color, box-shadow;
        transition-timing-function: ease-in-out, ease-in-out;
        vertical-align: middle;
        white-space: pre;
        width: 75px;
        word-spacing: 0px;
        writing-mode: horizontal-tb;
    }

.dataTables_filter input {
    background: url('../images/search-icon.png') no-repeat  scroll 165px 7px ;
    padding-right: 17px;
}

table.dataTable {
    width: 100% !important;
    margin-top: 35px !important;
    border: 1px solid rgb(221, 221, 221);
    background-color: white;
}

    table.dataTable tbody td {
        font-size: 0.875em !important;
        vertical-align: middle !important;
        border: 1px solid rgb(231, 235, 238) !important;
        border-bottom-width: 0px !important;
        border-left-width: 0px !important;
    }

    table.dataTable tbody tr.even {
        background-color: #F9F9F9 !important;
    }


    table.dataTable tbody tr.odd {
        background-color: #FFF !important;
    }

    table.dataTable th {
        border: 1px solid rgb(231, 235, 238) !important;
        border-bottom: 2px solid #e7ebee;
        text-transform: none;
        font-size: 0.875em;
        color: rgb(52, 70, 68);
        border-bottom-width: 0px !important;
        border-left-width: 0px !important;
    }

    table.dataTable > tbody > tr:hover > td, table.dataTable > tbody > tr:hover > th {
        border: 1px solid rgb(221, 221, 221) !important;
        background-color: rgb(231, 235, 238);
        border-bottom-width: 0px !important;
        border-left-width: 0px !important;
    }

    table.dataTable thead .sorting_asc {
        background-image: none !important;
    }

    table.dataTable thead .sorting_desc {
        background-image: none !important;
    }

    table.dataTable thead .sorting {
        background-image: none !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 {
            font-size: 0.75em;
        }

        table.dataTable thead .sorting:after {
            font-size: 0.75em;
        }

    table.dataTable.no-footer {
        border-bottom: 1px solid rgb(231, 235, 238) !important;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: rgb(51, 122, 183) !important;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: rgb(51, 122, 183) !important;
        background-color: #eee;
        border-color: #ddd;
        background-image: none;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:active,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
        color: white !important;
        background-color: #3498db !important;
        border-color: #3498db !important;
        background-image: none;
        cursor: default;
    }

.dataTables_wrapper .dataTables_paginate span.ellipsis {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
    margin-left: -1px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate span.ellipsis {
    color: #777 !important;
    background-color: white;
    border-color: #ddd;
    cursor: not-allowed;
    height: 36px !important;
}


/*End datatables*/